context menu "Display correlated lines" option

Author: Piotr

src/store.ts

@@ -218,7 +218,11 @@ export const useMainStore = defineStore("main", () => {
         if (!row.correlation_id) {
             return
         }
-        correlationFilter.value = row.correlation_id
+        filterCorrelatedId(row.correlation_id)
+    }
+
+    const filterCorrelatedId = (id: string) => {
+        correlationFilter.value = id
         refeshFilterCorrelated()
     }
 
@@ -511,6 +515,7 @@ export const useMainStore = defineStore("main", () => {
         clearAllRows,
         resetAllFiltersAndFacets,
         filterCorrelated,
+        filterCorrelatedId,
         correlationFilter,
         resetCorrelationFilter,
         tracesRows,

src/stores/contextMenu.ts

@@ -25,9 +25,10 @@ export const useContextMenuStore = defineStore("context_menu", () => {
         x.value = e.clientX + 1;
         y.value = e.clientY + 1;
 
+        let layout = useMainStore().layout
         switch (type.type) {
             case "cell":
-                const column = useMainStore().layout.getColumn(type.columnId)
+                const column = layout.getColumn(type.columnId)
                 if (column?.faceted && !type.error) {
                     let ff = useMainStore().facets[column.name].items.find(i => i.label == type.value)
                     let label = "Filter by facet"
@@ -44,6 +45,15 @@ export const useContextMenuStore = defineStore("context_menu", () => {
                         }
                     })
                 }
+                if (layout.settings.correlationIdField === column.name && type.value) {
+                    actions.value?.push({
+                        label: "Display correlated lines",
+                        fn: () => {
+                            useMainStore().filterCorrelatedId(type.value!)
+                            hide()
+                        }
+                    })
+                }
                 /**
                  * The feature of filtering by value is currently disabled due to the fact that 
                  * we're unable to effectively trace the source field only by using name.