load full workflow for the version that was run

Without this, the latest version (with potential missing steps from the version that was run) is used to create the graph, and therefore, due to potential mismatch between versions, the graph is incorrect.

client/src/components/Workflow/Invocation/Graph/InvocationGraph.vue

@@ -70,8 +70,13 @@ const invocationRef = computed(() => props.invocation);
 const { datatypesMapper } = useDatatypesMapper();
 
 const workflowId = computed(() => props.workflow?.id);
+const workflowVersion = computed(() => props.workflow?.version);
 
-const { steps, storeId, loadInvocationGraph } = useInvocationGraph(invocationRef, workflowId.value);
+const { steps, storeId, loadInvocationGraph } = useInvocationGraph(
+    invocationRef,
+    workflowId.value,
+    workflowVersion.value
+);
 
 // Equivalent to onMounted; this is where the graph is initialized, and the polling is started
 watch(

client/src/components/Workflow/workflows.services.ts

@@ -77,8 +77,12 @@ export async function createWorkflow(workflowName: string, workflowAnnotation: s
     return data;
 }
 
-export async function getWorkflowFull(workflowId: string) {
-    const { data } = await axios.get(withPrefix(`/workflow/load_workflow?_=true&id=${workflowId}`));
+export async function getWorkflowFull(workflowId: string, version?: number) {
+    let url = `/workflow/load_workflow?_=true&id=${workflowId}`;
+    if (version !== undefined) {
+        url += `&version=${version}`;
+    }
+    const { data } = await axios.get(withPrefix(url));
     return data;
 }
 

client/src/composables/useInvocationGraph.ts

@@ -78,7 +78,8 @@ const ALL_INSTANCES_STATES = ["deleted", "skipped", "new", "queued"];
  */
 export function useInvocationGraph(
     invocation: Ref<components["schemas"]["WorkflowInvocationElementView"]>,
-    workflowId: string | undefined
+    workflowId: string | undefined,
+    workflowVersion: number | undefined
 ) {
     library.add(faCheckCircle, faClock, faExclamationTriangle, faForward, faPause, faSpinner, faTrash);
 
@@ -98,10 +99,13 @@ export function useInvocationGraph(
             if (!workflowId) {
                 throw new Error("Workflow Id is not defined");
             }
+            if (workflowVersion === undefined) {
+                throw new Error("Workflow Version is not defined");
+            }
 
             // initialize the original full workflow and invocation graph refs (only on the first load)
             if (!loadedWorkflow.value) {
-                loadedWorkflow.value = await getWorkflowFull(workflowId);
+                loadedWorkflow.value = await getWorkflowFull(workflowId, workflowVersion);
             }
             if (!invocationGraph.value) {
                 invocationGraph.value = {

client/src/stores/workflowStore.ts

@@ -11,6 +11,7 @@ export interface Workflow {
     steps: Steps;
     step_count?: number;
     latest_id?: string;
+    version: number;
 }
 
 export const useWorkflowStore = defineStore("workflowStore", () => {