From e8a618dbcbba3019d25dd5115c4013ae04c56865 Mon Sep 17 00:00:00 2001
From: Thomas Randolph <trandolph@gitlab.com>
Date: Wed, 3 Sep 2025 16:07:09 -0600
Subject: [PATCH 1/9] Show non-default target branch in MR dashboard

Changelog: added
---
 .../components/merge_request.vue                  | 15 ++++++++++++++-
 .../queries/merge_request.fragment.graphql        |  7 +++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue b/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue
index 0ce2c8fcbe0f90..2a1530a81745e9 100644
--- a/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue
+++ b/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue
@@ -107,6 +107,9 @@ export default {
     authorId() {
       return getIdFromGraphQLId(this.mergeRequest.author.id);
     },
+    nonDefaultTarget() {
+      return this.mergeRequest.targetBranch !== this.mergeRequest.project.repository.rootRef;
+    }
   },
   methods: {
     isScopedLabel,
@@ -127,7 +130,7 @@ export default {
         {{ mergeRequest.title }}
       </gl-link>
       <div class="gl-text-sm gl-text-subtle">
-        <gl-sprintf :message="__('%{reference} %{author} %{stats} %{milestone}')">
+        <gl-sprintf :message="__('%{reference} %{author} %{stats} %{milestone} %{target}')">
           <template #reference>{{ mergeRequest.reference }}</template>
           <template #author>
             <gl-link
@@ -152,6 +155,16 @@ export default {
               {{ mergeRequest.milestone.title }}
             </template>
           </template>
+          <template #target>
+            <gl-link
+              v-if="nonDefaultTarget"
+              :href="mergeRequest.targetBranchPath"
+              class="project-ref-path has-tooltip gl-inline-block gl-truncate gl-max-w-26 gl-align-bottom"
+            >
+              <gl-icon :size="16" name="branch" />
+              {{ mergeRequest.targetBranch }}
+            </gl-link>
+          </template>
           <template #stats>
             <div class="gl-mr-2 gl-inline-flex">
               <gl-skeleton-loader
diff --git a/app/assets/javascripts/merge_request_dashboard/queries/merge_request.fragment.graphql b/app/assets/javascripts/merge_request_dashboard/queries/merge_request.fragment.graphql
index 10db95c41b0e68..f7ffd4b7e218aa 100644
--- a/app/assets/javascripts/merge_request_dashboard/queries/merge_request.fragment.graphql
+++ b/app/assets/javascripts/merge_request_dashboard/queries/merge_request.fragment.graphql
@@ -11,6 +11,8 @@ fragment MergeRequestDashboardFragment on MergeRequest {
   webUrl
   draft
   state
+  targetBranch
+  targetBranchPath
   author {
     ...User
   }
@@ -41,6 +43,11 @@ fragment MergeRequestDashboardFragment on MergeRequest {
       ...Label
     }
   }
+  project {
+    repository {
+      rootRef
+    }
+  }
   resolvedDiscussionsCount
   resolvableDiscussionsCount
   commitCount
-- 
GitLab


From 703d5c7854e040c238fa069258a60f8122b15ec0 Mon Sep 17 00:00:00 2001
From: Thomas Randolph <trandolph@gitlab.com>
Date: Wed, 3 Sep 2025 17:09:47 -0600
Subject: [PATCH 2/9] Proper display of the target branch on the MR dashboard

prty
---
 .../components/merge_request.vue              | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue b/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue
index 2a1530a81745e9..e786e432a8192b 100644
--- a/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue
+++ b/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue
@@ -109,7 +109,12 @@ export default {
     },
     nonDefaultTarget() {
       return this.mergeRequest.targetBranch !== this.mergeRequest.project.repository.rootRef;
-    }
+    },
+    targetBranchTooltip() {
+      return sprintf(__('Target branch: %{targetBranch}'), {
+        targetBranch: this.mergeRequest.targetBranch,
+      });
+    },
   },
   methods: {
     isScopedLabel,
@@ -151,19 +156,20 @@ export default {
           </template>
           <template #milestone>
             <template v-if="mergeRequest.milestone">
-              <gl-icon :size="16" name="milestone" />
+              <gl-icon :size="16" name="milestone" class="gl-mr-1" />
               {{ mergeRequest.milestone.title }}
             </template>
           </template>
           <template #target>
-            <gl-link
+            <span
               v-if="nonDefaultTarget"
-              :href="mergeRequest.targetBranchPath"
-              class="project-ref-path has-tooltip gl-inline-block gl-truncate gl-max-w-26 gl-align-bottom"
+              class="project-ref-path has-tooltip gl-inline-block gl-max-w-26 gl-truncate gl-align-bottom gl-text-default hover:gl-text-default"
+              :title="targetBranchTooltip"
             >
-              <gl-icon :size="16" name="branch" />
-              {{ mergeRequest.targetBranch }}
-            </gl-link>
+              <gl-link :href="mergeRequest.targetBranchPath" class="ref-name !gl-text-subtle">
+                <gl-icon :size="16" name="branch" class="gl-mr-2" />{{ mergeRequest.targetBranch }}
+              </gl-link>
+            </span>
           </template>
           <template #stats>
             <div class="gl-mr-2 gl-inline-flex">
-- 
GitLab


From 2fd44b70bcaa6a07294c738aa2e12df865dc4a41 Mon Sep 17 00:00:00 2001
From: Thomas Randolph <trandolph@gitlab.com>
Date: Wed, 3 Sep 2025 17:10:40 -0600
Subject: [PATCH 3/9] Localize the MR dashboard target branch

---
 locale/gitlab.pot | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/locale/gitlab.pot b/locale/gitlab.pot
index d4bea335cd9cad..42742c38810846 100644
--- a/locale/gitlab.pot
+++ b/locale/gitlab.pot
@@ -1319,7 +1319,7 @@ msgstr[1] ""
 msgid "%{redirect_link_start} Click here to redirect to %{redirect_uri_val} %{redirect_link_end}"
 msgstr ""
 
-msgid "%{reference} %{author} %{stats} %{milestone}"
+msgid "%{reference} %{author} %{stats} %{milestone} %{target}"
 msgstr ""
 
 msgid "%{ref} cannot be added: %{error}"
@@ -64222,6 +64222,9 @@ msgstr ""
 msgid "Target branch (%{branch}): %{pipelines}"
 msgstr ""
 
+msgid "Target branch: %{targetBranch}"
+msgstr ""
+
 msgid "Target branch: %{target_branch}"
 msgstr ""
 
-- 
GitLab


From f87df52e24445c0c3e11b714c1696b370ca47f0e Mon Sep 17 00:00:00 2001
From: Thomas Randolph <trandolph@gitlab.com>
Date: Tue, 9 Sep 2025 18:10:00 -0600
Subject: [PATCH 4/9] Add non-default target branch mock data

---
 spec/frontend/merge_request_dashboard/mock_data.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/spec/frontend/merge_request_dashboard/mock_data.js b/spec/frontend/merge_request_dashboard/mock_data.js
index dd5f69e5428af7..2c6301eed858fe 100644
--- a/spec/frontend/merge_request_dashboard/mock_data.js
+++ b/spec/frontend/merge_request_dashboard/mock_data.js
@@ -6,6 +6,8 @@ export function createMockMergeRequest(mergeRequest = {}) {
     webUrl: '/',
     draft: false,
     state: 'opened',
+    targetBranch: 'target',
+    targetBranchPath: 'target-path',
     author: {
       id: 1,
       avatarUrl: '/',
@@ -29,6 +31,11 @@ export function createMockMergeRequest(mergeRequest = {}) {
     labels: {
       nodes: [],
     },
+    project: {
+      repository: {
+        rootRef: 'main',
+      },
+    },
     headPipeline: null,
     userNotesCount: 0,
     resolvedDiscussionsCount: 0,
-- 
GitLab


From 7534c68740544a2ca5750a3fceaf1a358526ec1a Mon Sep 17 00:00:00 2001
From: Thomas Randolph <trandolph@gitlab.com>
Date: Wed, 10 Sep 2025 12:59:09 -0600
Subject: [PATCH 5/9] Update UI snapshot with target branch

---
 .../components/__snapshots__/merge_request_spec.js.snap         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/spec/frontend/merge_request_dashboard/components/__snapshots__/merge_request_spec.js.snap b/spec/frontend/merge_request_dashboard/components/__snapshots__/merge_request_spec.js.snap
index 50811555aaa89f..10d61c65526693 100644
--- a/spec/frontend/merge_request_dashboard/components/__snapshots__/merge_request_spec.js.snap
+++ b/spec/frontend/merge_request_dashboard/components/__snapshots__/merge_request_spec.js.snap
@@ -25,7 +25,7 @@ exports[`Merge request dashboard merge request component renders template 1`] =
       class="gl-text-sm gl-text-subtle"
     >
       <gl-sprintf-stub
-        message="%{reference} %{author} %{stats} %{milestone}"
+        message="%{reference} %{author} %{stats} %{milestone} %{target}"
       />
     </div>
   </div>
-- 
GitLab


From 01563fd66204c51faad06a9055185480751e5672 Mon Sep 17 00:00:00 2001
From: Thomas Randolph <trandolph@gitlab.com>
Date: Wed, 10 Sep 2025 16:42:13 -0600
Subject: [PATCH 6/9] Add required ".id" field

This value is not needed for the current use case...
---
 .../queries/merge_request.fragment.graphql                       | 1 +
 spec/frontend/merge_request_dashboard/mock_data.js               | 1 +
 2 files changed, 2 insertions(+)

diff --git a/app/assets/javascripts/merge_request_dashboard/queries/merge_request.fragment.graphql b/app/assets/javascripts/merge_request_dashboard/queries/merge_request.fragment.graphql
index f7ffd4b7e218aa..7d84ee9e19e434 100644
--- a/app/assets/javascripts/merge_request_dashboard/queries/merge_request.fragment.graphql
+++ b/app/assets/javascripts/merge_request_dashboard/queries/merge_request.fragment.graphql
@@ -44,6 +44,7 @@ fragment MergeRequestDashboardFragment on MergeRequest {
     }
   }
   project {
+    id
     repository {
       rootRef
     }
diff --git a/spec/frontend/merge_request_dashboard/mock_data.js b/spec/frontend/merge_request_dashboard/mock_data.js
index 2c6301eed858fe..19678ae5207ed5 100644
--- a/spec/frontend/merge_request_dashboard/mock_data.js
+++ b/spec/frontend/merge_request_dashboard/mock_data.js
@@ -32,6 +32,7 @@ export function createMockMergeRequest(mergeRequest = {}) {
       nodes: [],
     },
     project: {
+      id: 2,
       repository: {
         rootRef: 'main',
       },
-- 
GitLab


From e04b9353533adba7cb1e0582c41e70d6e5289d3e Mon Sep 17 00:00:00 2001
From: Thomas Randolph <trandolph@gitlab.com>
Date: Wed, 10 Sep 2025 16:52:10 -0600
Subject: [PATCH 7/9] Update the docs for the MR homepage

---
 doc/user/project/merge_requests/homepage.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/doc/user/project/merge_requests/homepage.md b/doc/user/project/merge_requests/homepage.md
index 238e43c3539c52..893baaa5710ed7 100644
--- a/doc/user/project/merge_requests/homepage.md
+++ b/doc/user/project/merge_requests/homepage.md
@@ -100,6 +100,7 @@ into three tabs:
   - The assignee's avatar.
   - The number of files and lines added and removed (`+` / `-`).
   - Milestone.
+  - Target branch, if it is not the project's default branch.
 - **Author**: The author's avatar.
 - **Reviewers**: The reviewers' avatars. Reviewers with a green check mark have approved the merge request.
 - **Checks**: A compact assessment of mergeability.
-- 
GitLab


From aef211eaed45477b159301a75ecbf05ce87e4fc2 Mon Sep 17 00:00:00 2001
From: Thomas Randolph <trandolph@gitlab.com>
Date: Fri, 12 Sep 2025 08:05:31 -0600
Subject: [PATCH 8/9] Remove span wrapper from MR dashboard target branch link

---
 .../components/merge_request.vue                    | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue b/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue
index e786e432a8192b..75859797cb850c 100644
--- a/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue
+++ b/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue
@@ -156,20 +156,19 @@ export default {
           </template>
           <template #milestone>
             <template v-if="mergeRequest.milestone">
-              <gl-icon :size="16" name="milestone" class="gl-mr-1" />
+              <gl-icon :size="16" name="milestone" />
               {{ mergeRequest.milestone.title }}
             </template>
           </template>
           <template #target>
-            <span
+            <gl-link
               v-if="nonDefaultTarget"
-              class="project-ref-path has-tooltip gl-inline-block gl-max-w-26 gl-truncate gl-align-bottom gl-text-default hover:gl-text-default"
+              class="ref-name gl-ml-2 gl-inline-block gl-max-w-26 gl-truncate gl-align-bottom !gl-text-subtle hover:gl-text-default"
+              :href="mergeRequest.targetBranchPath"
               :title="targetBranchTooltip"
             >
-              <gl-link :href="mergeRequest.targetBranchPath" class="ref-name !gl-text-subtle">
-                <gl-icon :size="16" name="branch" class="gl-mr-2" />{{ mergeRequest.targetBranch }}
-              </gl-link>
-            </span>
+              <gl-icon :size="16" name="branch" class="gl-mr-1" />{{ mergeRequest.targetBranch }}
+            </gl-link>
           </template>
           <template #stats>
             <div class="gl-mr-2 gl-inline-flex">
-- 
GitLab


From cf6dcea927adcfe6f79a7476fa30f2250124814a Mon Sep 17 00:00:00 2001
From: Thomas Randolph <trandolph@gitlab.com>
Date: Mon, 15 Sep 2025 10:07:20 -0600
Subject: [PATCH 9/9] Make sure the gl-link is processed by the tooltip handler

---
 .../merge_request_dashboard/components/merge_request.vue         | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue b/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue
index 75859797cb850c..4436bada529649 100644
--- a/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue
+++ b/app/assets/javascripts/merge_request_dashboard/components/merge_request.vue
@@ -163,6 +163,7 @@ export default {
           <template #target>
             <gl-link
               v-if="nonDefaultTarget"
+              v-gl-tooltip
               class="ref-name gl-ml-2 gl-inline-block gl-max-w-26 gl-truncate gl-align-bottom !gl-text-subtle hover:gl-text-default"
               :href="mergeRequest.targetBranchPath"
               :title="targetBranchTooltip"
-- 
GitLab