2 files changed, 41 insertions, 1 deletions
diff --git a/app/assets/javascripts/ml/experiment_tracking/routes/candidates/show/ml_candidates_show.vue b/app/assets/javascripts/ml/experiment_tracking/routes/candidates/show/ml_candidates_show.vue
index 3ef73e7c874..b7a612a9688 100644
--- a/app/assets/javascripts/ml/experiment_tracking/routes/candidates/show/ml_candidates_show.vue
+++ b/app/assets/javascripts/ml/experiment_tracking/routes/candidates/show/ml_candidates_show.vue
@@ -17,6 +17,10 @@ import {
   DELETE_CANDIDATE_PRIMARY_ACTION_LABEL,
   DELETE_CANDIDATE_MODAL_TITLE,
   MLFLOW_ID_LABEL,
+  CI_SECTION_LABEL,
+  JOB_LABEL,
+  CI_USER_LABEL,
+  CI_MR_LABEL,
 } from './translations';
 
 export default {
@@ -43,11 +47,18 @@ export default {
     DELETE_CANDIDATE_PRIMARY_ACTION_LABEL,
     DELETE_CANDIDATE_MODAL_TITLE,
     MLFLOW_ID_LABEL,
+    CI_SECTION_LABEL,
+    JOB_LABEL,
+    CI_USER_LABEL,
+    CI_MR_LABEL,
   },
   computed: {
     info() {
       return Object.freeze(this.candidate.info);
     },
+    ciJob() {
+      return Object.freeze(this.info.ci_job);
+    },
     sections() {
       return [
         {
@@ -106,6 +117,31 @@ export default {
           :text="$options.i18n.ARTIFACTS_LABEL"
         />
 
+        <template v-if="ciJob">
+          <tr class="divider"></tr>
+
+          <detail-row
+            :label="$options.i18n.JOB_LABEL"
+            :text="ciJob.name"
+            :href="ciJob.path"
+            :section-label="$options.i18n.CI_SECTION_LABEL"
+          />
+
+          <detail-row
+            v-if="ciJob.user"
+            :label="$options.i18n.CI_USER_LABEL"
+            :href="ciJob.user.path"
+            :text="ciJob.user.username"
+          />
+
+          <detail-row
+            v-if="ciJob.merge_request"
+            :label="$options.i18n.CI_MR_LABEL"
+            :text="ciJob.merge_request.title"
+            :href="ciJob.merge_request.path"
+          />
+        </template>
+
         <template v-for="{ sectionName, sectionValues } in sections">
           <tr v-if="sectionValues" :key="sectionName" class="divider"></tr>
 
diff --git a/app/assets/javascripts/ml/experiment_tracking/routes/candidates/show/translations.js b/app/assets/javascripts/ml/experiment_tracking/routes/candidates/show/translations.js
index 66ee84adb4e..fa9518f3e27 100644
--- a/app/assets/javascripts/ml/experiment_tracking/routes/candidates/show/translations.js
+++ b/app/assets/javascripts/ml/experiment_tracking/routes/candidates/show/translations.js
@@ -1,4 +1,4 @@
-import { s__ } from '~/locale';
+import { __, s__ } from '~/locale';
 
 export const TITLE_LABEL = s__('MlExperimentTracking|Model candidate details');
 export const INFO_LABEL = s__('MlExperimentTracking|Info');
@@ -15,3 +15,7 @@ export const DELETE_CANDIDATE_CONFIRMATION_MESSAGE = s__(
 );
 export const DELETE_CANDIDATE_PRIMARY_ACTION_LABEL = s__('MlExperimentTracking|Delete candidate');
 export const DELETE_CANDIDATE_MODAL_TITLE = s__('MLExperimentTracking|Delete candidate?');
+export const CI_SECTION_LABEL = __('CI');
+export const JOB_LABEL = __('Job');
+export const CI_USER_LABEL = s__('MlExperimentTracking|Triggered by');
+export const CI_MR_LABEL = __('Merge request');