Saga diagram - first chunk of features

src/Frontend/src/components/messages2/MessageView.vue

@@ -21,6 +21,7 @@ import { storeToRefs } from "pinia";
 import MetadataLabel from "@/components/messages2/MetadataLabel.vue";
 import { hexToCSSFilter } from "hex-to-css-filter";
 import LoadingOverlay from "@/components/LoadingOverlay.vue";
+import SagaDiagram from "./SagaDiagram.vue";
 
 const route = useRoute();
 const id = computed(() => route.params.id as string);
@@ -58,6 +59,10 @@ const tabs = computed(() => {
       text: "Sequence Diagram",
       component: SequenceDiagram,
     });
+    currentTabs.push({
+      text: "Saga Diagram",
+      component: SagaDiagram,
+    });
   }
 
   return currentTabs;