From a6099ef02a4a0daf6ec3c6331fe9da4f52626164 Mon Sep 17 00:00:00 2001
From: Jayanthi <jayanthi.sourirajan@particular.net>
Date: Sun, 4 May 2025 16:17:48 -0700
Subject: [PATCH 1/3] Hide the saga tab  if the endpoint is not part of a saga

---
 .../src/components/messages2/MessageView.vue        | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/Frontend/src/components/messages2/MessageView.vue b/src/Frontend/src/components/messages2/MessageView.vue
index bc2ca7462..9af34ddb2 100644
--- a/src/Frontend/src/components/messages2/MessageView.vue
+++ b/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 hasParticiaptedInSaga = computed(() => store.state.data.invoked_saga?.has_saga);
+
 const tabs = computed(() => {
   const currentTabs = [
     {
@@ -59,10 +62,12 @@ const tabs = computed(() => {
       text: "Sequence Diagram",
       component: SequenceDiagram,
     });
-    currentTabs.push({
-      text: "Saga Diagram",
-      component: SagaDiagram,
-    });
+    if (hasParticiaptedInSaga.value) {
+      currentTabs.push({
+        text: "Saga Diagram",
+        component: SagaDiagram,
+      });
+    }
   }
 
   return currentTabs;

From e35af317dd33adef8961e41a7d1ca7af94d53d9b Mon Sep 17 00:00:00 2001
From: Jayanthi <jayanthi.sourirajan@particular.net>
Date: Sun, 4 May 2025 16:20:26 -0700
Subject: [PATCH 2/3] typo fix

---
 src/Frontend/src/components/messages2/MessageView.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Frontend/src/components/messages2/MessageView.vue b/src/Frontend/src/components/messages2/MessageView.vue
index 9af34ddb2..5e3c1c970 100644
--- a/src/Frontend/src/components/messages2/MessageView.vue
+++ b/src/Frontend/src/components/messages2/MessageView.vue
@@ -32,7 +32,7 @@ const store = useMessageStore();
 const { state } = storeToRefs(store);
 const backLink = ref<RouteLocationAsPathGeneric>({ path: routeLinks.failedMessage.failedMessages.link });
 
-const hasParticiaptedInSaga = computed(() => store.state.data.invoked_saga?.has_saga);
+const hasParticipatedInSaga = computed(() => store.state.data.invoked_saga?.has_saga);
 
 const tabs = computed(() => {
   const currentTabs = [
@@ -62,7 +62,8 @@ const tabs = computed(() => {
       text: "Sequence Diagram",
       component: SequenceDiagram,
     });
-    if (hasParticiaptedInSaga.value) {
+    // Add the "Saga Diagram" tab only if the saga has been participated in
+if (hasParticipatedInSaga?.value) {
       currentTabs.push({
         text: "Saga Diagram",
         component: SagaDiagram,

From f044d2b77c622873e90b0cd5ca347d675c2c819a Mon Sep 17 00:00:00 2001
From: Jayanthi <jayanthi.sourirajan@particular.net>
Date: Sun, 4 May 2025 16:20:50 -0700
Subject: [PATCH 3/3] typo fix

---
 src/Frontend/src/components/messages2/MessageView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Frontend/src/components/messages2/MessageView.vue b/src/Frontend/src/components/messages2/MessageView.vue
index 5e3c1c970..5a1eea08a 100644
--- a/src/Frontend/src/components/messages2/MessageView.vue
+++ b/src/Frontend/src/components/messages2/MessageView.vue
@@ -63,7 +63,7 @@ const tabs = computed(() => {
       component: SequenceDiagram,
     });
     // Add the "Saga Diagram" tab only if the saga has been participated in
-if (hasParticipatedInSaga?.value) {
+    if (hasParticipatedInSaga?.value) {
       currentTabs.push({
         text: "Saga Diagram",
         component: SagaDiagram,