1 files changed, 7 insertions, 0 deletions
diff --git a/app/assets/javascripts/pipelines/pipeline_details_bundle.js b/app/assets/javascripts/pipelines/pipeline_details_bundle.js
index f00378733fc..ba51347ad69 100644
--- a/app/assets/javascripts/pipelines/pipeline_details_bundle.js
+++ b/app/assets/javascripts/pipelines/pipeline_details_bundle.js
@@ -1,6 +1,7 @@
 import VueRouter from 'vue-router';
 import { createAlert } from '~/flash';
 import { __ } from '~/locale';
+import { pipelineTabName } from './constants';
 import { createPipelineHeaderApp } from './pipeline_details_header';
 import { apolloProvider } from './pipeline_shared_client';
 
@@ -38,6 +39,12 @@ export default async function initPipelineDetailsBundle() {
       routes,
     });
 
+    // We handle the shortcut `pipelines/latest` by forwarding the user to the pipeline graph
+    // tab and changing the route to the correct `pipelines/:id`
+    if (window.location.pathname.endsWith('latest')) {
+      router.replace({ name: pipelineTabName });
+    }
+
     try {
       const appOptions = createAppOptions(SELECTORS.PIPELINE_TABS, apolloProvider, router);
       createPipelineTabs(appOptions);