Hide the saga tab if the endpoint is not part of a saga (#2385)

* Hide the saga tab  if the endpoint is not part of a saga

Author: soujay

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

@@ -31,6 +31,9 @@ const isMassTransitConnected = useIsMassTransitConnected();
 const store = useMessageStore();
 const { state } = storeToRefs(store);
 const backLink = ref<RouteLocationAsPathGeneric>({ path: routeLinks.failedMessage.failedMessages.link });
+
+const hasParticipatedInSaga = computed(() => store.state.data.invoked_saga?.has_saga);
+
 const tabs = computed(() => {
   const currentTabs = [
     {
@@ -59,10 +62,13 @@ const tabs = computed(() => {
       text: "Sequence Diagram",
       component: SequenceDiagram,
     });
-    currentTabs.push({
-      text: "Saga Diagram",
-      component: SagaDiagram,
-    });
+    // Add the "Saga Diagram" tab only if the saga has been participated in
+    if (hasParticipatedInSaga?.value) {
+      currentTabs.push({
+        text: "Saga Diagram",
+        component: SagaDiagram,
+      });
+    }
   }
 
   return currentTabs;