From f1c00c073834d9c826a1667ee6a8887c73c1b152 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Thu, 27 Nov 2025 15:11:43 +0545
Subject: [PATCH 01/32] Show blob actions only when user has required
 permissions

Hide blob actions like edit single file, open in web ide, edit pipeline, replace and delete by default and show only if user has permission to do such actions

Changelog: fixed
---
 .../repository/components/header_area.vue           |  4 ++--
 .../components/header_area/blob_controls.vue        |  8 +++++---
 .../components/header_area/blob_overflow_menu.vue   | 12 ++++++++++--
 .../javascripts/repository/init_header_app.js       |  4 ++--
 .../vue_shared/components/web_ide_link.vue          |  4 ++--
 app/helpers/blob_helper.rb                          |  4 +++-
 .../components/header_area/blob_overflow_menu.vue   |  6 ++++++
 .../components/code_flow/code_flow_file_viewer.vue  |  1 +
 .../header_area/blob_overflow_menu_spec.js          |  1 +
 ee/spec/frontend/repository/mock_data.js            |  2 +-
 .../header_area/blob_overflow_menu_spec.js          | 13 +++++++++++++
 spec/frontend/repository/mock_data.js               |  2 +-
 12 files changed, 47 insertions(+), 14 deletions(-)

diff --git a/app/assets/javascripts/repository/components/header_area.vue b/app/assets/javascripts/repository/components/header_area.vue
index 7d000c96fe0fdf..a1bb01825f7ea0 100644
--- a/app/assets/javascripts/repository/components/header_area.vue
+++ b/app/assets/javascripts/repository/components/header_area.vue
@@ -89,7 +89,7 @@ export default {
     'showEditButton',
     'showWebIdeButton',
     'isGitpodEnabledForInstance',
-    'showPipelineEditorUrl',
+    'showPipelineEditorButton',
     'webIdeUrl',
     'editUrl',
     'pipelineEditorUrl',
@@ -429,7 +429,7 @@ export default {
           :show-edit-button="showEditButton"
           :show-web-ide-button="showWebIdeButton"
           :is-gitpod-enabled-for-instance="isGitpodEnabledForInstance"
-          :show-pipeline-editor-url="showPipelineEditorUrl"
+          :show-pipeline-editor-button="showPipelineEditorButton"
           :web-ide-url="webIDEUrl"
           :edit-url="editUrl"
           :pipeline-editor-url="pipelineEditorUrl"
diff --git a/app/assets/javascripts/repository/components/header_area/blob_controls.vue b/app/assets/javascripts/repository/components/header_area/blob_controls.vue
index 6f7c8f245d6546..2541793eeeada2 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_controls.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_controls.vue
@@ -99,7 +99,7 @@ export default {
       },
     },
   },
-  inject: ['currentRef'],
+  inject: ['currentRef','showEditButton','showWebIdeButton','showPipelineEditorButton' ],
   provide() {
     return {
       blobInfo: computed(() => this.blobInfo ?? DEFAULT_BLOB_INFO.repository.blobs.nodes[0]),
@@ -298,12 +298,13 @@ export default {
 
     <web-ide-link
       class="!gl-m-0"
-      :show-edit-button="!isBinaryFileType"
+      :show-edit-button="showEditButton"
+      :show-web-ide-button="showWebIdeButton"
       :edit-url="blobInfo.editBlobPath"
       :web-ide-url="blobInfo.ideEditPath"
       :needs-to-fork="shouldShowSingleFileEditorForkSuggestion"
       :needs-to-fork-with-web-ide="shouldShowWebIdeForkSuggestion"
-      :show-pipeline-editor-button="Boolean(blobInfo.pipelineEditorPath)"
+      :show-pipeline-editor-button="showPipelineEditorButton"
       :pipeline-editor-url="blobInfo.pipelineEditorPath"
       :gitpod-url="blobInfo.gitpodBlobUrl"
       :is-gitpod-enabled-for-instance="gitpodEnabled"
@@ -338,6 +339,7 @@ export default {
       v-if="!isLoadingRepositoryBlob && !hasProjectQueryErrors"
       :project-path="projectPath"
       :is-binary-file-type="isBinaryFileType"
+      :has-edit-permission="showEditButton"
       :override-copy="true"
       :is-empty-repository="repository.empty"
       :is-using-lfs="isUsingLfs"
diff --git a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
index dc98dd88fabf9f..984ded5eeceab7 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
@@ -84,6 +84,11 @@ export default {
       required: false,
       default: false,
     },
+    hasEditPermission: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
   },
   apollo: {
     // eslint-disable-next-line @gitlab/vue-no-undef-apollo-properties
@@ -110,6 +115,9 @@ export default {
     };
   },
   computed: {
+    showDeleteAndReplaceButton() {
+      return this.isLoggedIn && !this.blobInfo.archived && this.hasEditPermission;
+    },
     isLoading() {
       return this.$apollo?.queries.projectInfo.loading;
     },
@@ -173,7 +181,7 @@ export default {
   >
     <blob-repository-actions-group :permalink-path="blobInfo.permalinkPath" />
     <blob-button-group
-      v-if="isLoggedIn && !blobInfo.archived"
+      v-if="showDeleteAndReplaceButton"
       :current-ref="currentRef"
       :project-path="projectPath"
       :is-using-lfs="isUsingLfs"
@@ -194,7 +202,7 @@ export default {
       @copy="onCopy"
     />
     <blob-delete-file-group
-      v-if="isLoggedIn && !blobInfo.archived"
+      v-if="showDeleteAndReplaceButton"
       :current-ref="currentRef"
       :is-empty-repository="isEmptyRepository"
       :is-using-lfs="isUsingLfs"
diff --git a/app/assets/javascripts/repository/init_header_app.js b/app/assets/javascripts/repository/init_header_app.js
index 65d68a62581426..6a340369611cc4 100644
--- a/app/assets/javascripts/repository/init_header_app.js
+++ b/app/assets/javascripts/repository/init_header_app.js
@@ -76,7 +76,7 @@ export default function initHeaderApp({ router, isReadmeView = false, isBlobView
       showEditButton,
       showWebIdeButton,
       showGitpodButton,
-      showPipelineEditorUrl,
+      showPipelineEditorButton,
       webIdeUrl,
       editUrl,
       pipelineEditorUrl,
@@ -116,7 +116,7 @@ export default function initHeaderApp({ router, isReadmeView = false, isBlobView
         showEditButton: parseBoolean(showEditButton),
         showWebIdeButton: parseBoolean(showWebIdeButton),
         isGitpodEnabledForInstance: parseBoolean(showGitpodButton),
-        showPipelineEditorUrl: parseBoolean(showPipelineEditorUrl),
+        showPipelineEditorButton: parseBoolean(showPipelineEditorButton),
         webIdeUrl,
         editUrl,
         pipelineEditorUrl,
diff --git a/app/assets/javascripts/vue_shared/components/web_ide_link.vue b/app/assets/javascripts/vue_shared/components/web_ide_link.vue
index 18dcc9c8feead5..484e936c0b14cf 100644
--- a/app/assets/javascripts/vue_shared/components/web_ide_link.vue
+++ b/app/assets/javascripts/vue_shared/components/web_ide_link.vue
@@ -67,12 +67,12 @@ export default {
     showEditButton: {
       type: Boolean,
       required: false,
-      default: true,
+      default: false,
     },
     showWebIdeButton: {
       type: Boolean,
       required: false,
-      default: true,
+      default: false,
     },
     isGitpodEnabledForInstance: {
       type: Boolean,
diff --git a/app/helpers/blob_helper.rb b/app/helpers/blob_helper.rb
index b7e0f568f5efc4..b296421586fade 100644
--- a/app/helpers/blob_helper.rb
+++ b/app/helpers/blob_helper.rb
@@ -321,7 +321,9 @@ def vue_blob_header_app_data(project, blob, ref)
       ssh_url: ssh_enabled? ? ssh_clone_url_to_repo(project) : '',
       http_url: http_enabled? ? http_clone_url_to_repo(project) : '',
       xcode_url: show_xcode_link?(project) ? xcode_uri_to_repo(project) : '',
-      download_links: archive_download_links(project, ref, archive_prefix).to_json
+      download_links: archive_download_links(project, ref, archive_prefix).to_json,
+      web_ide_button_options: web_ide_button_data({ blob: blob }).merge(fork_modal_options(project, nil)).to_json,
+      web_ide_button_default_branch: project.default_branch_or_main
     }
   end
 
diff --git a/ee/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue b/ee/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
index ecbff7ef6083ca..7b8571f153f37a 100644
--- a/ee/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
+++ b/ee/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
@@ -33,6 +33,11 @@ export default {
       required: false,
       default: false,
     },
+    hasEditPermission: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
   },
   apollo: {
     // eslint-disable-next-line @gitlab/vue-no-undef-apollo-properties
@@ -101,6 +106,7 @@ export default {
 </script>
 <template>
   <ce-blob-overflow-menu
+    :has-edit-permission="hasEditPermission"
     :project-path="projectPath"
     :is-binary-file-type="isBinaryFileType"
     :override-copy="overrideCopy"
diff --git a/ee/app/assets/javascripts/vue_shared/components/code_flow/code_flow_file_viewer.vue b/ee/app/assets/javascripts/vue_shared/components/code_flow/code_flow_file_viewer.vue
index 79b44bc88a7685..b7385a8e0f5bd6 100644
--- a/ee/app/assets/javascripts/vue_shared/components/code_flow/code_flow_file_viewer.vue
+++ b/ee/app/assets/javascripts/vue_shared/components/code_flow/code_flow_file_viewer.vue
@@ -185,6 +185,7 @@ export default {
             :edit-url="blobInfo.editBlobPath"
             :web-ide-url="blobInfo.ideEditPath"
             show-edit-button
+            show-web-ide-button
             is-blob
             disable-fork-modal
             v-on="$listeners"
diff --git a/ee/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js b/ee/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
index fbe9fc8f91f6d6..1125d8ea0e421a 100644
--- a/ee/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
+++ b/ee/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
@@ -43,6 +43,7 @@ describe('EE Blob Overflow Menu', () => {
         isBinary: false,
         isEmptyRepository: false,
         isUsingLfs: false,
+        hasEditPermission: true,
         projectPath,
       },
       stubs: {
diff --git a/ee/spec/frontend/repository/mock_data.js b/ee/spec/frontend/repository/mock_data.js
index c9e396320c2e16..074854a8fe3ad7 100644
--- a/ee/spec/frontend/repository/mock_data.js
+++ b/ee/spec/frontend/repository/mock_data.js
@@ -45,7 +45,7 @@ export const headerAppInjected = {
   showEditButton: true,
   showWebIdeButton: true,
   isGitpodEnabledForInstance: false,
-  showPipelineEditorUrl: true,
+  showPipelineEditorButton: true,
   webIdeUrl: 'https://gitlab.com/project/-/ide/',
   editUrl: 'https://gitlab.com/project/-/edit/main/',
   pipelineEditorUrl: 'https://gitlab.com/project/-/ci/editor',
diff --git a/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js b/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
index 3bc0fc49900ca1..389ec09ff680e8 100644
--- a/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
@@ -64,6 +64,7 @@ describe('Blob Overflow Menu', () => {
       propsData: {
         projectPath,
         userPermissions: blobControlsDataMock.userPermissions,
+        hasEditPermission: true,
         ...propsData,
       },
       stub: {
@@ -194,6 +195,12 @@ describe('Blob Overflow Menu', () => {
 
       expect(findBlobButtonGroup().exists()).toBe(false);
     });
+
+    it('does not render when user does not edit have permission', async () => {
+      await createComponent({propsData:{hasEditPermission: false}})
+
+      expect(findBlobButtonGroup().exists()).toBe(false);
+    })
   });
 
   describe('Blob Delete File Group', () => {
@@ -220,6 +227,12 @@ describe('Blob Overflow Menu', () => {
 
       expect(findBlobDeleteFileGroup().exists()).toBe(false);
     });
+
+    it('does not render when user does not edit have permission', async () => {
+      await createComponent({propsData:{hasEditPermission: false}})
+
+      expect(findBlobDeleteFileGroup().exists()).toBe(false);
+    })
   });
 
   describe('Blob Repository Actions Group', () => {
diff --git a/spec/frontend/repository/mock_data.js b/spec/frontend/repository/mock_data.js
index d68c15ba5ec8e9..38daa9e7f6c5ef 100644
--- a/spec/frontend/repository/mock_data.js
+++ b/spec/frontend/repository/mock_data.js
@@ -249,7 +249,7 @@ export const headerAppInjected = {
   showEditButton: true,
   showWebIdeButton: true,
   isGitpodEnabledForInstance: false,
-  showPipelineEditorUrl: true,
+  showPipelineEditorButton: true,
   webIdeUrl: 'https://gitlab.com/project/-/ide/',
   editUrl: 'https://gitlab.com/project/-/edit/main/',
   pipelineEditorUrl: 'https://gitlab.com/project/-/ci/editor',
-- 
GitLab


From 7b09b062bd3499eb2c3a63438a94739aa02bcbf1 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Thu, 27 Nov 2025 15:13:17 +0545
Subject: [PATCH 02/32] Make prettier happy

---
 .../repository/components/header_area/blob_controls.vue   | 2 +-
 .../components/header_area/blob_overflow_menu.vue         | 4 ++--
 .../components/header_area/blob_overflow_menu.vue         | 4 ++--
 .../components/header_area/blob_overflow_menu_spec.js     | 8 ++++----
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/assets/javascripts/repository/components/header_area/blob_controls.vue b/app/assets/javascripts/repository/components/header_area/blob_controls.vue
index 2541793eeeada2..bbaf3069ecb866 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_controls.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_controls.vue
@@ -99,7 +99,7 @@ export default {
       },
     },
   },
-  inject: ['currentRef','showEditButton','showWebIdeButton','showPipelineEditorButton' ],
+  inject: ['currentRef', 'showEditButton', 'showWebIdeButton', 'showPipelineEditorButton'],
   provide() {
     return {
       blobInfo: computed(() => this.blobInfo ?? DEFAULT_BLOB_INFO.repository.blobs.nodes[0]),
diff --git a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
index 984ded5eeceab7..2408e71db122be 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
@@ -87,8 +87,8 @@ export default {
     hasEditPermission: {
       type: Boolean,
       required: false,
-      default: false
-    }
+      default: false,
+    },
   },
   apollo: {
     // eslint-disable-next-line @gitlab/vue-no-undef-apollo-properties
diff --git a/ee/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue b/ee/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
index 7b8571f153f37a..500202bbd185ba 100644
--- a/ee/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
+++ b/ee/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
@@ -36,8 +36,8 @@ export default {
     hasEditPermission: {
       type: Boolean,
       required: false,
-      default: false
-    }
+      default: false,
+    },
   },
   apollo: {
     // eslint-disable-next-line @gitlab/vue-no-undef-apollo-properties
diff --git a/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js b/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
index 389ec09ff680e8..7fc44a07d4a997 100644
--- a/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
@@ -197,10 +197,10 @@ describe('Blob Overflow Menu', () => {
     });
 
     it('does not render when user does not edit have permission', async () => {
-      await createComponent({propsData:{hasEditPermission: false}})
+      await createComponent({ propsData: { hasEditPermission: false } });
 
       expect(findBlobButtonGroup().exists()).toBe(false);
-    })
+    });
   });
 
   describe('Blob Delete File Group', () => {
@@ -229,10 +229,10 @@ describe('Blob Overflow Menu', () => {
     });
 
     it('does not render when user does not edit have permission', async () => {
-      await createComponent({propsData:{hasEditPermission: false}})
+      await createComponent({ propsData: { hasEditPermission: false } });
 
       expect(findBlobDeleteFileGroup().exists()).toBe(false);
-    })
+    });
   });
 
   describe('Blob Repository Actions Group', () => {
-- 
GitLab


From 7c4b4603abf6a0686c6c694de2537eab30abc991 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Mon, 1 Dec 2025 16:27:59 +0545
Subject: [PATCH 03/32] Handle showing replace and delete on blob

---
 .../repository/components/header_area/blob_controls.vue         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/javascripts/repository/components/header_area/blob_controls.vue b/app/assets/javascripts/repository/components/header_area/blob_controls.vue
index bbaf3069ecb866..5c2de84acb529b 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_controls.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_controls.vue
@@ -339,7 +339,7 @@ export default {
       v-if="!isLoadingRepositoryBlob && !hasProjectQueryErrors"
       :project-path="projectPath"
       :is-binary-file-type="isBinaryFileType"
-      :has-edit-permission="showEditButton"
+      :has-edit-permission="showWebIdeButton"
       :override-copy="true"
       :is-empty-repository="repository.empty"
       :is-using-lfs="isUsingLfs"
-- 
GitLab


From 4ce9c8a5a097a3e339f76e4c71060f7b1fb1a96c Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Mon, 1 Dec 2025 16:49:22 +0545
Subject: [PATCH 04/32] Fix one failing spec

---
 .../repository/components/header_area/blob_controls_spec.js    | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/spec/frontend/repository/components/header_area/blob_controls_spec.js b/spec/frontend/repository/components/header_area/blob_controls_spec.js
index 7b882e6ebbfcb0..6197f36c15fcf2 100644
--- a/spec/frontend/repository/components/header_area/blob_controls_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_controls_spec.js
@@ -111,6 +111,9 @@ describe('Blob controls component', () => {
       apolloProvider: fakeApollo,
       provide: {
         currentRef: refMock,
+        showEditButton: true,
+        showWebIdeButton: true,
+        showPipelineEditorButton: true
       },
       directives: {
         GlTooltip: createMockDirective('gl-tooltip'),
-- 
GitLab


From 7d29eb8d44c98b86f17d63ef27e84aefac35dd32 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Mon, 1 Dec 2025 16:50:31 +0545
Subject: [PATCH 05/32] Prettify

---
 .../repository/components/header_area/blob_controls_spec.js     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/spec/frontend/repository/components/header_area/blob_controls_spec.js b/spec/frontend/repository/components/header_area/blob_controls_spec.js
index 6197f36c15fcf2..dedb31cb38b106 100644
--- a/spec/frontend/repository/components/header_area/blob_controls_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_controls_spec.js
@@ -113,7 +113,7 @@ describe('Blob controls component', () => {
         currentRef: refMock,
         showEditButton: true,
         showWebIdeButton: true,
-        showPipelineEditorButton: true
+        showPipelineEditorButton: true,
       },
       directives: {
         GlTooltip: createMockDirective('gl-tooltip'),
-- 
GitLab


From ddde28c2f1015b67b1a7aa24929c9a8810ae34ac Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Mon, 1 Dec 2025 17:16:58 +0545
Subject: [PATCH 06/32] Fix the spec

---
 ee/spec/frontend/vue_shared/components/web_ide_link_spec.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/ee/spec/frontend/vue_shared/components/web_ide_link_spec.js b/ee/spec/frontend/vue_shared/components/web_ide_link_spec.js
index ba5e05e9e0644d..0943c9f1dfde58 100644
--- a/ee/spec/frontend/vue_shared/components/web_ide_link_spec.js
+++ b/ee/spec/frontend/vue_shared/components/web_ide_link_spec.js
@@ -21,6 +21,8 @@ describe('ee_component/vue_shared/components/web_ide_link', () => {
       propsData: {
         projectId,
         projectPath,
+        showEditButton: true,
+        showWebIdeButton: true,
         ...props,
       },
       provide: {
-- 
GitLab


From 34dfdc3569a2b40070403dd0cef9ddb12596e6db Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Mon, 1 Dec 2025 22:01:07 +0545
Subject: [PATCH 07/32] Update the specs

---
 .../repository/components/header_area_spec.js | 21 ++++++++++++++++++-
 .../components/web_ide_link_spec.js           |  2 ++
 spec/helpers/blob_helper_spec.rb              |  4 +++-
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/spec/frontend/repository/components/header_area_spec.js b/spec/frontend/repository/components/header_area_spec.js
index e0692bf1d96115..b55cb19f5293a9 100644
--- a/spec/frontend/repository/components/header_area_spec.js
+++ b/spec/frontend/repository/components/header_area_spec.js
@@ -312,8 +312,27 @@ describe('HeaderArea', () => {
     });
 
     describe('Edit button', () => {
-      it('renders WebIdeLink component', () => {
+      it('renders WebIdeLink component with correct props', () => {
         expect(findWebIdeButton().exists()).toBe(true);
+
+        expect(findWebIdeButton().props()).toMatchObject({
+          showWebIdeButton: headerAppInjected.showWebIdeButton,
+          showEditButton: headerAppInjected.showEditButton,
+          showPipelineEditorButton: headerAppInjected.showPipelineEditorButton,
+          webIdeUrl: headerAppInjected.webIdeUrl,
+          editUrl: headerAppInjected.editUrl,
+          pipelineEditorUrl: headerAppInjected.pipelineEditorUrl,
+          gitpodUrl: headerAppInjected.gitpodUrl,
+          gitRef: 'main',
+          projectId: 123,
+          projectPath: 'test/project',
+          isFork: headerAppInjected.isFork,
+          needsToFork: headerAppInjected.needsToFork,
+          isBlob: headerAppInjected.isBlob,
+          isGitpodEnabledForUser: headerAppInjected.isGitpodEnabledForUser,
+          isGitpodEnabledForInstance: headerAppInjected.isGitpodEnabledForInstance,
+          disableForkModal: true,
+        });
       });
     });
 
diff --git a/spec/frontend/vue_shared/components/web_ide_link_spec.js b/spec/frontend/vue_shared/components/web_ide_link_spec.js
index 4acb9d370d5fd7..0b0a1ade66579f 100644
--- a/spec/frontend/vue_shared/components/web_ide_link_spec.js
+++ b/spec/frontend/vue_shared/components/web_ide_link_spec.js
@@ -105,6 +105,8 @@ describe('vue_shared/components/web_ide_link', () => {
     ]);
     wrapper = mountFn(WebIdeLink, {
       propsData: {
+        showEditButton: true,
+        showWebIdeButton: true,
         editUrl: TEST_EDIT_URL,
         webIdeUrl: TEST_WEB_IDE_URL,
         gitpodUrl: TEST_GITPOD_URL,
diff --git a/spec/helpers/blob_helper_spec.rb b/spec/helpers/blob_helper_spec.rb
index cc3dc33d5c1afc..7ba43c9801e738 100644
--- a/spec/helpers/blob_helper_spec.rb
+++ b/spec/helpers/blob_helper_spec.rb
@@ -657,7 +657,9 @@
         ssh_url: ssh_clone_url_to_repo(project),
         http_url: http_clone_url_to_repo(project),
         xcode_url: 'xcode://example.com/project.git',
-        download_links: helper.send(:archive_download_links, project, ref, "#{project.path}-#{ref.tr('/', '-')}").to_json
+        download_links: helper.send(:archive_download_links, project, ref, "#{project.path}-#{ref.tr('/', '-')}").to_json,
+        web_ide_button_options: helper.web_ide_button_data({ blob: blob }).merge(helper.fork_modal_options(project, nil)).to_json,
+        web_ide_button_default_branch: project.default_branch_or_main
       })
     end
 
-- 
GitLab


From deb4399217c43b7a706ecfdf980eb95feb039c10 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Tue, 2 Dec 2025 11:15:04 +0545
Subject: [PATCH 08/32] Fix the failing spec

---
 .../repository/components/header_area/blob_controls_spec.js     | 1 +
 spec/frontend/repository/components/header_area_spec.js         | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/spec/frontend/repository/components/header_area/blob_controls_spec.js b/spec/frontend/repository/components/header_area/blob_controls_spec.js
index dedb31cb38b106..735d92e3a43a04 100644
--- a/spec/frontend/repository/components/header_area/blob_controls_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_controls_spec.js
@@ -391,6 +391,7 @@ describe('Blob controls component', () => {
         overrideCopy: true,
         isEmptyRepository: false,
         isUsingLfs: false,
+        hasEditPermission: true
       });
     });
 
diff --git a/spec/frontend/repository/components/header_area_spec.js b/spec/frontend/repository/components/header_area_spec.js
index b55cb19f5293a9..85ce95523fc83a 100644
--- a/spec/frontend/repository/components/header_area_spec.js
+++ b/spec/frontend/repository/components/header_area_spec.js
@@ -17,6 +17,7 @@ import Shortcuts from '~/behaviors/shortcuts/shortcuts';
 import { useMockInternalEventsTracking } from 'helpers/tracking_internal_events_helper';
 import { headerAppInjected } from 'ee_else_ce_jest/repository/mock_data';
 import CompactCodeDropdown from 'ee_else_ce/repository/components/code_dropdown/compact_code_dropdown.vue';
+import WebIdeLink from 'ee_else_ce/vue_shared/components/web_ide_link.vue';
 import { useFileTreeBrowserVisibility } from '~/repository/stores/file_tree_browser_visibility';
 import { useMainContainer } from '~/pinia/global_stores/main_container';
 import FileTreeBrowserToggle from '~/repository/file_tree_browser/components/file_tree_browser_toggle.vue';
@@ -92,6 +93,7 @@ describe('HeaderArea', () => {
       stubs: {
         RouterLink: RouterLinkStub,
         CompactCodeDropdown,
+        WebIdeLink
       },
       mocks: {
         $route: {
-- 
GitLab


From a310f96a93e0554c7d800370d5bd2e89c2701819 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Tue, 2 Dec 2025 11:16:54 +0545
Subject: [PATCH 09/32] Make prettier happy

---
 .../repository/components/header_area/blob_controls_spec.js     | 2 +-
 spec/frontend/repository/components/header_area_spec.js         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/spec/frontend/repository/components/header_area/blob_controls_spec.js b/spec/frontend/repository/components/header_area/blob_controls_spec.js
index 735d92e3a43a04..9885fdc7e96e36 100644
--- a/spec/frontend/repository/components/header_area/blob_controls_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_controls_spec.js
@@ -391,7 +391,7 @@ describe('Blob controls component', () => {
         overrideCopy: true,
         isEmptyRepository: false,
         isUsingLfs: false,
-        hasEditPermission: true
+        hasEditPermission: true,
       });
     });
 
diff --git a/spec/frontend/repository/components/header_area_spec.js b/spec/frontend/repository/components/header_area_spec.js
index 85ce95523fc83a..8a73c248fe574a 100644
--- a/spec/frontend/repository/components/header_area_spec.js
+++ b/spec/frontend/repository/components/header_area_spec.js
@@ -93,7 +93,7 @@ describe('HeaderArea', () => {
       stubs: {
         RouterLink: RouterLinkStub,
         CompactCodeDropdown,
-        WebIdeLink
+        WebIdeLink,
       },
       mocks: {
         $route: {
-- 
GitLab


From 3ab1f04f5f4a7945b755818e39939e682e4f4b63 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Tue, 2 Dec 2025 12:11:32 +0545
Subject: [PATCH 10/32] Update return data

---
 app/helpers/blob_helper.rb       | 2 +-
 spec/helpers/blob_helper_spec.rb | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/helpers/blob_helper.rb b/app/helpers/blob_helper.rb
index b296421586fade..68b1111d3040c2 100644
--- a/app/helpers/blob_helper.rb
+++ b/app/helpers/blob_helper.rb
@@ -322,7 +322,7 @@ def vue_blob_header_app_data(project, blob, ref)
       http_url: http_enabled? ? http_clone_url_to_repo(project) : '',
       xcode_url: show_xcode_link?(project) ? xcode_uri_to_repo(project) : '',
       download_links: archive_download_links(project, ref, archive_prefix).to_json,
-      web_ide_button_options: web_ide_button_data({ blob: blob }).merge(fork_modal_options(project, nil)).to_json,
+      web_ide_button_options: web_ide_button_data({ blob: blob }).merge(fork_modal_options(project, blob)).to_json,
       web_ide_button_default_branch: project.default_branch_or_main
     }
   end
diff --git a/spec/helpers/blob_helper_spec.rb b/spec/helpers/blob_helper_spec.rb
index 7ba43c9801e738..5a2addd84258a7 100644
--- a/spec/helpers/blob_helper_spec.rb
+++ b/spec/helpers/blob_helper_spec.rb
@@ -658,7 +658,7 @@
         http_url: http_clone_url_to_repo(project),
         xcode_url: 'xcode://example.com/project.git',
         download_links: helper.send(:archive_download_links, project, ref, "#{project.path}-#{ref.tr('/', '-')}").to_json,
-        web_ide_button_options: helper.web_ide_button_data({ blob: blob }).merge(helper.fork_modal_options(project, nil)).to_json,
+        web_ide_button_options: helper.web_ide_button_data({ blob: blob }).merge(helper.fork_modal_options(project, blob)).to_json,
         web_ide_button_default_branch: project.default_branch_or_main
       })
     end
-- 
GitLab


From 2aa81aa13ddd46451fe3aaf827f1051c4a0e238b Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Tue, 2 Dec 2025 14:07:24 +0545
Subject: [PATCH 11/32] Fix the failing rb spec

---
 ee/spec/helpers/ee/blob_helper_spec.rb | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/ee/spec/helpers/ee/blob_helper_spec.rb b/ee/spec/helpers/ee/blob_helper_spec.rb
index 2aad9c5cf19268..62c0f1985c5a49 100644
--- a/ee/spec/helpers/ee/blob_helper_spec.rb
+++ b/ee/spec/helpers/ee/blob_helper_spec.rb
@@ -73,7 +73,9 @@
     it 'returns data related to blob header app' do
       Current.organization = organization
       allow(helper).to receive_messages(selected_branch: ref, current_user: nil,
-        breadcrumb_data_attributes: breadcrumb_data)
+        breadcrumb_data_attributes: breadcrumb_data,
+        web_ide_button_data: {},
+        fork_modal_options: {})
 
       expect(helper.vue_blob_header_app_data(project, blob, ref)).to include({
         new_workspace_path: new_remote_development_workspace_path,
-- 
GitLab


From 2c31d5d5c32d7698fb9b792e35a11c1d630ba94c Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Thu, 4 Dec 2025 12:02:49 +0545
Subject: [PATCH 12/32] Disable edit buttons instead of hiding and code
 refinements

---
 .../components/header_area/blob_controls.vue  |  9 +++++++--
 .../header_area/blob_overflow_menu.vue        | 19 +++++++------------
 .../vue_shared/components/web_ide_link.vue    |  4 ++--
 .../header_area/blob_overflow_menu.vue        |  6 ------
 .../code_flow/code_flow_file_viewer.vue       |  1 -
 .../header_area/blob_overflow_menu_spec.js    |  1 -
 .../components/web_ide_link_spec.js           |  2 --
 locale/gitlab.pot                             |  3 +++
 .../header_area/blob_controls_spec.js         | 13 +++++++++++--
 .../header_area/blob_overflow_menu_spec.js    | 13 -------------
 .../components/web_ide_link_spec.js           |  2 --
 11 files changed, 30 insertions(+), 43 deletions(-)

diff --git a/app/assets/javascripts/repository/components/header_area/blob_controls.vue b/app/assets/javascripts/repository/components/header_area/blob_controls.vue
index 5c2de84acb529b..a78de24d99f463 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_controls.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_controls.vue
@@ -37,6 +37,7 @@ export default {
     blame: __('Blame'),
     errorMessage: __('An error occurred while loading file controls. Refresh the page.'),
     archivedProjectTooltip: __('You cannot edit files in archived projects'),
+    noPermissionTooltip: __("You don't have permission to modify this file."),
     lfsFileTooltip: __('You cannot edit files stored in LFS'),
   },
   buttonClassList: '@sm/panel:gl-w-auto gl-w-full @sm/panel:gl-mt-0 gl-mt-3',
@@ -99,7 +100,7 @@ export default {
       },
     },
   },
-  inject: ['currentRef', 'showEditButton', 'showWebIdeButton', 'showPipelineEditorButton'],
+  inject: ['currentRef', 'showWebIdeButton', 'showPipelineEditorButton'],
   provide() {
     return {
       blobInfo: computed(() => this.blobInfo ?? DEFAULT_BLOB_INFO.repository.blobs.nodes[0]),
@@ -223,6 +224,10 @@ export default {
           condition: () => this.isUsingLfs,
           message: this.$options.i18n.lfsFileTooltip,
         },
+        fileModifyPermission: {
+          condition: () => !this.showWebIdeButton,
+          message: this.$options.i18n.noPermissionTooltip,
+        },
       };
     },
   },
@@ -298,7 +303,7 @@ export default {
 
     <web-ide-link
       class="!gl-m-0"
-      :show-edit-button="showEditButton"
+      :show-edit-button="!isBinaryFileType"
       :show-web-ide-button="showWebIdeButton"
       :edit-url="blobInfo.editBlobPath"
       :web-ide-url="blobInfo.ideEditPath"
diff --git a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
index 2408e71db122be..fde93c1391425a 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
@@ -84,11 +84,6 @@ export default {
       required: false,
       default: false,
     },
-    hasEditPermission: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
   },
   apollo: {
     // eslint-disable-next-line @gitlab/vue-no-undef-apollo-properties
@@ -115,9 +110,6 @@ export default {
     };
   },
   computed: {
-    showDeleteAndReplaceButton() {
-      return this.isLoggedIn && !this.blobInfo.archived && this.hasEditPermission;
-    },
     isLoading() {
       return this.$apollo?.queries.projectInfo.loading;
     },
@@ -130,6 +122,9 @@ export default {
       return Boolean(this.viewer.renderError);
     },
     canModifyFile() {
+      if (!this.userPermissions.pushCode) {
+        return false;
+      }
       return this.glLicensedFeatures.fileLocks ? this.eeCanModifyFile : true;
     },
     isLocked() {
@@ -181,7 +176,7 @@ export default {
   >
     <blob-repository-actions-group :permalink-path="blobInfo.permalinkPath" />
     <blob-button-group
-      v-if="showDeleteAndReplaceButton"
+      v-if="isLoggedIn && !blobInfo.archived"
       :current-ref="currentRef"
       :project-path="projectPath"
       :is-using-lfs="isUsingLfs"
@@ -189,7 +184,7 @@ export default {
       :is-loading="isLoading"
       :can-create-lock="eeCanCreateLock"
       :can-destroy-lock="eeCanDestroyLock"
-      :is-replace-disabled="!canModifyFile && isLocked"
+      :is-replace-disabled="!canModifyFile || isLocked"
       :is-locked="isLocked"
       @showForkSuggestion="onShowForkSuggestion"
     />
@@ -202,12 +197,12 @@ export default {
       @copy="onCopy"
     />
     <blob-delete-file-group
-      v-if="showDeleteAndReplaceButton"
+      v-if="isLoggedIn && !blobInfo.archived"
       :current-ref="currentRef"
       :is-empty-repository="isEmptyRepository"
       :is-using-lfs="isUsingLfs"
       :user-permissions="userPermissions"
-      :disabled="!canModifyFile && isLocked"
+      :disabled="!canModifyFile || isLocked"
       @showForkSuggestion="onShowForkSuggestion"
     />
   </gl-disclosure-dropdown>
diff --git a/app/assets/javascripts/vue_shared/components/web_ide_link.vue b/app/assets/javascripts/vue_shared/components/web_ide_link.vue
index 484e936c0b14cf..18dcc9c8feead5 100644
--- a/app/assets/javascripts/vue_shared/components/web_ide_link.vue
+++ b/app/assets/javascripts/vue_shared/components/web_ide_link.vue
@@ -67,12 +67,12 @@ export default {
     showEditButton: {
       type: Boolean,
       required: false,
-      default: false,
+      default: true,
     },
     showWebIdeButton: {
       type: Boolean,
       required: false,
-      default: false,
+      default: true,
     },
     isGitpodEnabledForInstance: {
       type: Boolean,
diff --git a/ee/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue b/ee/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
index 500202bbd185ba..ecbff7ef6083ca 100644
--- a/ee/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
+++ b/ee/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
@@ -33,11 +33,6 @@ export default {
       required: false,
       default: false,
     },
-    hasEditPermission: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
   },
   apollo: {
     // eslint-disable-next-line @gitlab/vue-no-undef-apollo-properties
@@ -106,7 +101,6 @@ export default {
 </script>
 <template>
   <ce-blob-overflow-menu
-    :has-edit-permission="hasEditPermission"
     :project-path="projectPath"
     :is-binary-file-type="isBinaryFileType"
     :override-copy="overrideCopy"
diff --git a/ee/app/assets/javascripts/vue_shared/components/code_flow/code_flow_file_viewer.vue b/ee/app/assets/javascripts/vue_shared/components/code_flow/code_flow_file_viewer.vue
index b7385a8e0f5bd6..79b44bc88a7685 100644
--- a/ee/app/assets/javascripts/vue_shared/components/code_flow/code_flow_file_viewer.vue
+++ b/ee/app/assets/javascripts/vue_shared/components/code_flow/code_flow_file_viewer.vue
@@ -185,7 +185,6 @@ export default {
             :edit-url="blobInfo.editBlobPath"
             :web-ide-url="blobInfo.ideEditPath"
             show-edit-button
-            show-web-ide-button
             is-blob
             disable-fork-modal
             v-on="$listeners"
diff --git a/ee/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js b/ee/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
index 1125d8ea0e421a..fbe9fc8f91f6d6 100644
--- a/ee/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
+++ b/ee/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
@@ -43,7 +43,6 @@ describe('EE Blob Overflow Menu', () => {
         isBinary: false,
         isEmptyRepository: false,
         isUsingLfs: false,
-        hasEditPermission: true,
         projectPath,
       },
       stubs: {
diff --git a/ee/spec/frontend/vue_shared/components/web_ide_link_spec.js b/ee/spec/frontend/vue_shared/components/web_ide_link_spec.js
index 0943c9f1dfde58..ba5e05e9e0644d 100644
--- a/ee/spec/frontend/vue_shared/components/web_ide_link_spec.js
+++ b/ee/spec/frontend/vue_shared/components/web_ide_link_spec.js
@@ -21,8 +21,6 @@ describe('ee_component/vue_shared/components/web_ide_link', () => {
       propsData: {
         projectId,
         projectPath,
-        showEditButton: true,
-        showWebIdeButton: true,
         ...props,
       },
       provide: {
diff --git a/locale/gitlab.pot b/locale/gitlab.pot
index dfe1774c38d4bd..574663b6699898 100644
--- a/locale/gitlab.pot
+++ b/locale/gitlab.pot
@@ -78288,6 +78288,9 @@ msgstr ""
 msgid "You don't have permission to manage this issue."
 msgstr ""
 
+msgid "You don't have permission to modify this file."
+msgstr ""
+
 msgid "You don't have permission to update the setting %{attribute}."
 msgstr ""
 
diff --git a/spec/frontend/repository/components/header_area/blob_controls_spec.js b/spec/frontend/repository/components/header_area/blob_controls_spec.js
index 9885fdc7e96e36..5b14aadb6b4bb3 100644
--- a/spec/frontend/repository/components/header_area/blob_controls_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_controls_spec.js
@@ -89,6 +89,7 @@ describe('Blob controls component', () => {
     blobControlsResolver = blobControlsSuccessResolver,
     currentUserResolver = currentUserSuccessResolver,
     applicationInfoResolver = applicationInfoSuccessResolver,
+    provide = {},
   } = {}) => {
     const projectPath = 'some/project';
     router = createRouter(projectPath, refMock);
@@ -111,9 +112,9 @@ describe('Blob controls component', () => {
       apolloProvider: fakeApollo,
       provide: {
         currentRef: refMock,
-        showEditButton: true,
         showWebIdeButton: true,
         showPipelineEditorButton: true,
+        ...provide,
       },
       directives: {
         GlTooltip: createMockDirective('gl-tooltip'),
@@ -274,6 +275,15 @@ describe('Blob controls component', () => {
       });
     });
 
+    it('passes disabled and customTooltipText prop when user has no permission to modify the file', async () => {
+      await createComponent({ provide: { showWebIdeButton: false } });
+
+      expect(findWebIdeLink().props('disabled')).toBe(true);
+      expect(findWebIdeLink().props('customTooltipText')).toBe(
+        "You don't have permission to modify this file.",
+      );
+    });
+
     describe('when project query has errors', () => {
       it('disables the WebIdeLink component with appropriate tooltip', async () => {
         await createComponent({ blobControlsResolver: blobControlsErrorResolver });
@@ -391,7 +401,6 @@ describe('Blob controls component', () => {
         overrideCopy: true,
         isEmptyRepository: false,
         isUsingLfs: false,
-        hasEditPermission: true,
       });
     });
 
diff --git a/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js b/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
index 7fc44a07d4a997..3bc0fc49900ca1 100644
--- a/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_overflow_menu_spec.js
@@ -64,7 +64,6 @@ describe('Blob Overflow Menu', () => {
       propsData: {
         projectPath,
         userPermissions: blobControlsDataMock.userPermissions,
-        hasEditPermission: true,
         ...propsData,
       },
       stub: {
@@ -195,12 +194,6 @@ describe('Blob Overflow Menu', () => {
 
       expect(findBlobButtonGroup().exists()).toBe(false);
     });
-
-    it('does not render when user does not edit have permission', async () => {
-      await createComponent({ propsData: { hasEditPermission: false } });
-
-      expect(findBlobButtonGroup().exists()).toBe(false);
-    });
   });
 
   describe('Blob Delete File Group', () => {
@@ -227,12 +220,6 @@ describe('Blob Overflow Menu', () => {
 
       expect(findBlobDeleteFileGroup().exists()).toBe(false);
     });
-
-    it('does not render when user does not edit have permission', async () => {
-      await createComponent({ propsData: { hasEditPermission: false } });
-
-      expect(findBlobDeleteFileGroup().exists()).toBe(false);
-    });
   });
 
   describe('Blob Repository Actions Group', () => {
diff --git a/spec/frontend/vue_shared/components/web_ide_link_spec.js b/spec/frontend/vue_shared/components/web_ide_link_spec.js
index 0b0a1ade66579f..4acb9d370d5fd7 100644
--- a/spec/frontend/vue_shared/components/web_ide_link_spec.js
+++ b/spec/frontend/vue_shared/components/web_ide_link_spec.js
@@ -105,8 +105,6 @@ describe('vue_shared/components/web_ide_link', () => {
     ]);
     wrapper = mountFn(WebIdeLink, {
       propsData: {
-        showEditButton: true,
-        showWebIdeButton: true,
         editUrl: TEST_EDIT_URL,
         webIdeUrl: TEST_WEB_IDE_URL,
         gitpodUrl: TEST_GITPOD_URL,
-- 
GitLab


From eba3d94403f4b7b899a021b54ec1fd689843f097 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Thu, 4 Dec 2025 12:27:56 +0545
Subject: [PATCH 13/32] Move web_ide_button_data and fork_modal_options to
 web_ide_button_helper

---
 app/helpers/blob_helper.rb           |  2 ++
 app/helpers/web_ide_button_helper.rb | 38 ++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+)

diff --git a/app/helpers/blob_helper.rb b/app/helpers/blob_helper.rb
index 68b1111d3040c2..1e8be2e05226ad 100644
--- a/app/helpers/blob_helper.rb
+++ b/app/helpers/blob_helper.rb
@@ -1,6 +1,8 @@
 # frozen_string_literal: true
 
 module BlobHelper
+  include WebIdeButtonHelper
+
   def edit_blob_path(project = @project, ref = @ref, path = @path, options = {})
     project_edit_blob_path(project, tree_join(ref, path), options[:link_opts])
   end
diff --git a/app/helpers/web_ide_button_helper.rb b/app/helpers/web_ide_button_helper.rb
index 2f654056382bb1..ae6c7151b7189e 100644
--- a/app/helpers/web_ide_button_helper.rb
+++ b/app/helpers/web_ide_button_helper.rb
@@ -58,4 +58,42 @@ def gitpod_url
 
     "#{Gitlab::CurrentSettings.gitpod_url}##{project_tree_url(@project, tree_join(@ref, @path || ''))}"
   end
+
+  def web_ide_button_data(options = {})
+    {
+      project_path: project_to_use.full_path,
+      ref: @ref,
+
+      is_fork: fork?,
+      needs_to_fork: needs_to_fork?,
+      gitpod_enabled: !current_user.nil? && current_user.gitpod_enabled,
+      is_blob: !options[:blob].nil?,
+
+      show_edit_button: show_edit_button?(options),
+      show_web_ide_button: show_web_ide_button?,
+      show_gitpod_button: show_gitpod_button?,
+      show_pipeline_editor_button: show_pipeline_editor_button?(@project, @path),
+
+      web_ide_url: web_ide_url,
+      edit_url: edit_url(options),
+      pipeline_editor_url: project_ci_pipeline_editor_path(@project, branch_name: @ref),
+
+      gitpod_url: gitpod_url,
+      user_preferences_gitpod_path: profile_preferences_path(anchor: 'user_gitpod_enabled'),
+      user_profile_enable_gitpod_path: user_settings_profile_path(user: { gitpod_enabled: true })
+    }
+  end
+
+  def fork_modal_options(project, blob)
+    if show_edit_button?({ blob: blob })
+      fork_modal_id = "modal-confirm-fork-edit"
+    elsif show_web_ide_button?
+      fork_modal_id = "modal-confirm-fork-webide"
+    end
+
+    {
+      fork_path: new_namespace_project_fork_path(project_id: project.path, namespace_id: project.namespace.full_path),
+      fork_modal_id: fork_modal_id
+    }
+  end
 end
-- 
GitLab


From 941545de1c8136b0cf90e589a4d402ff7fe60330 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Thu, 4 Dec 2025 12:32:37 +0545
Subject: [PATCH 14/32] Move web_ide_button_data and fork_modal_options to
 web_ide_button_helper

---
 app/helpers/tree_helper.rb | 38 --------------------------------------
 1 file changed, 38 deletions(-)

diff --git a/app/helpers/tree_helper.rb b/app/helpers/tree_helper.rb
index ff78a6dc9b925f..e1a295262c8c05 100644
--- a/app/helpers/tree_helper.rb
+++ b/app/helpers/tree_helper.rb
@@ -182,44 +182,6 @@ def vue_file_list_data(project, ref)
     }
   end
 
-  def fork_modal_options(project, blob)
-    if show_edit_button?({ blob: blob })
-      fork_modal_id = "modal-confirm-fork-edit"
-    elsif show_web_ide_button?
-      fork_modal_id = "modal-confirm-fork-webide"
-    end
-
-    {
-      fork_path: new_namespace_project_fork_path(project_id: project.path, namespace_id: project.namespace.full_path),
-      fork_modal_id: fork_modal_id
-    }
-  end
-
-  def web_ide_button_data(options = {})
-    {
-      project_path: project_to_use.full_path,
-      ref: @ref,
-
-      is_fork: fork?,
-      needs_to_fork: needs_to_fork?,
-      gitpod_enabled: !current_user.nil? && current_user.gitpod_enabled,
-      is_blob: !options[:blob].nil?,
-
-      show_edit_button: show_edit_button?(options),
-      show_web_ide_button: show_web_ide_button?,
-      show_gitpod_button: show_gitpod_button?,
-      show_pipeline_editor_button: show_pipeline_editor_button?(@project, @path),
-
-      web_ide_url: web_ide_url,
-      edit_url: edit_url(options),
-      pipeline_editor_url: project_ci_pipeline_editor_path(@project, branch_name: @ref),
-
-      gitpod_url: gitpod_url,
-      user_preferences_gitpod_path: profile_preferences_path(anchor: 'user_gitpod_enabled'),
-      user_profile_enable_gitpod_path: user_settings_profile_path(user: { gitpod_enabled: true })
-    }
-  end
-
   def code_dropdown_ide_data
     {
       gitpod_enabled: current_user&.gitpod_enabled || false,
-- 
GitLab


From 3f8e291bb53686419ab3d498cc6b046a13693a60 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Thu, 4 Dec 2025 18:37:30 +0545
Subject: [PATCH 15/32] Show tooltip when disbaled on blob overflow menu
 buttons

---
 .../header_area/blob_button_group.vue          | 18 ++++++++++++++++--
 .../header_area/blob_delete_file_group.vue     | 18 ++++++++++++++++--
 2 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/repository/components/header_area/blob_button_group.vue b/app/assets/javascripts/repository/components/header_area/blob_button_group.vue
index 4bd729645d9381..de2999e013499e 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_button_group.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_button_group.vue
@@ -1,5 +1,9 @@
 <script>
-import { GlDisclosureDropdownItem, GlDisclosureDropdownGroup } from '@gitlab/ui';
+import {
+  GlDisclosureDropdownItem,
+  GlDisclosureDropdownGroup,
+  GlTooltipDirective,
+} from '@gitlab/ui';
 import { sprintf, __ } from '~/locale';
 import { showForkSuggestion } from '~/repository/utils/fork_suggestion_utils';
 import { DEFAULT_BLOB_INFO } from '~/repository/constants';
@@ -13,6 +17,9 @@ export default {
   i18n: {
     replace: __('Replace'),
   },
+  directives: {
+    GlTooltip: GlTooltipDirective,
+  },
   replaceBlobModalId: REPLACE_BLOB_MODAL_ID,
   components: {
     GlDisclosureDropdownItem,
@@ -51,6 +58,13 @@ export default {
     },
   },
   computed: {
+    tooltipText() {
+      if (!this.userPermissions.pushCode) {
+        return __("You don't have permission to modify this file.");
+      }
+
+      return '';
+    },
     replaceFileItem() {
       return {
         text: this.$options.i18n.replace,
@@ -81,7 +95,7 @@ export default {
 </script>
 
 <template>
-  <gl-disclosure-dropdown-group bordered>
+  <gl-disclosure-dropdown-group v-gl-tooltip.viewport.left :title="tooltipText" bordered>
     <slot name="lock-file-item"></slot>
     <gl-disclosure-dropdown-item
       :item="replaceFileItem"
diff --git a/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue b/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
index 7a1da134ee60d2..36206398b2b590 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
@@ -1,5 +1,9 @@
 <script>
-import { GlDisclosureDropdownGroup, GlDisclosureDropdownItem } from '@gitlab/ui';
+import {
+  GlDisclosureDropdownGroup,
+  GlDisclosureDropdownItem,
+  GlTooltipDirective,
+} from '@gitlab/ui';
 import { uniqueId } from 'lodash';
 import { sprintf, __ } from '~/locale';
 import { showForkSuggestion } from '~/repository/utils/fork_suggestion_utils';
@@ -12,6 +16,9 @@ export default {
     GlDisclosureDropdownItem,
     DeleteBlobModal,
   },
+  directives: {
+    GlTooltip: GlTooltipDirective,
+  },
   inject: {
     selectedBranch: {
       default: '',
@@ -49,6 +56,13 @@ export default {
     },
   },
   computed: {
+    tooltipText() {
+      if (!this.userPermissions.pushCode) {
+        return __("You don't have permission to modify this file.");
+      }
+
+      return '';
+    },
     deleteFileItem() {
       return {
         text: __('Delete'),
@@ -86,7 +100,7 @@ export default {
 </script>
 
 <template>
-  <gl-disclosure-dropdown-group bordered>
+  <gl-disclosure-dropdown-group v-gl-tooltip.viewport.left :title="tooltipText" bordered>
     <gl-disclosure-dropdown-item :item="deleteFileItem" variant="danger" @action="showModal" />
     <delete-blob-modal
       :ref="deleteModalId"
-- 
GitLab


From a526811ab0a5fb22d6dc5bf9ef2967893afd948f Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Thu, 4 Dec 2025 19:03:23 +0545
Subject: [PATCH 16/32] Update specs

---
 .../components/header_area/blob_button_group.vue      |  2 +-
 .../components/header_area/blob_delete_file_group.vue |  2 +-
 .../components/header_area/blob_overflow_menu.vue     |  7 ++-----
 .../components/header_area/blob_button_group_spec.js  | 11 ++++++++++-
 .../header_area/blob_delete_file_group_spec.js        |  6 ++++++
 5 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/app/assets/javascripts/repository/components/header_area/blob_button_group.vue b/app/assets/javascripts/repository/components/header_area/blob_button_group.vue
index de2999e013499e..451a6fd58372e9 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_button_group.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_button_group.vue
@@ -70,7 +70,7 @@ export default {
         text: this.$options.i18n.replace,
         extraAttrs: {
           'data-testid': 'replace',
-          disabled: this.isReplaceDisabled,
+          disabled: this.isReplaceDisabled || !this.userPermissions.pushCode,
         },
       };
     },
diff --git a/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue b/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
index 36206398b2b590..b46b0ac1cc7cf3 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
@@ -68,7 +68,7 @@ export default {
         text: __('Delete'),
         extraAttrs: {
           'data-testid': 'delete',
-          disabled: this.disabled,
+          disabled: this.disabled || !this.userPermissions.pushCode,
         },
       };
     },
diff --git a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
index fde93c1391425a..dc98dd88fabf9f 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
@@ -122,9 +122,6 @@ export default {
       return Boolean(this.viewer.renderError);
     },
     canModifyFile() {
-      if (!this.userPermissions.pushCode) {
-        return false;
-      }
       return this.glLicensedFeatures.fileLocks ? this.eeCanModifyFile : true;
     },
     isLocked() {
@@ -184,7 +181,7 @@ export default {
       :is-loading="isLoading"
       :can-create-lock="eeCanCreateLock"
       :can-destroy-lock="eeCanDestroyLock"
-      :is-replace-disabled="!canModifyFile || isLocked"
+      :is-replace-disabled="!canModifyFile && isLocked"
       :is-locked="isLocked"
       @showForkSuggestion="onShowForkSuggestion"
     />
@@ -202,7 +199,7 @@ export default {
       :is-empty-repository="isEmptyRepository"
       :is-using-lfs="isUsingLfs"
       :user-permissions="userPermissions"
-      :disabled="!canModifyFile || isLocked"
+      :disabled="!canModifyFile && isLocked"
       @showForkSuggestion="onShowForkSuggestion"
     />
   </gl-disclosure-dropdown>
diff --git a/spec/frontend/repository/components/header_area/blob_button_group_spec.js b/spec/frontend/repository/components/header_area/blob_button_group_spec.js
index 0661adfd780396..54fe902fde947c 100644
--- a/spec/frontend/repository/components/header_area/blob_button_group_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_button_group_spec.js
@@ -85,7 +85,10 @@ describe('BlobButtonGroup component', () => {
     describe('when user cannot modify blob', () => {
       beforeEach(async () => {
         await createComponent({
-          props: { isUsingLfs: false },
+          props: {
+            isUsingLfs: false,
+            userPermissions: { pushCode: false, createMergeRequestIn: true, forkProject: true },
+          },
           inject: {
             blobInfo: {
               ...blobControlsDataMock.repository.blobs.nodes[0],
@@ -96,6 +99,12 @@ describe('BlobButtonGroup component', () => {
         });
       });
 
+      it('disables the button item when user does not have pushCode permission', () => {
+        expect(findReplaceItem().props('item')).toMatchObject({
+          extraAttrs: { disabled: true },
+        });
+      });
+
       it('does not trigger the UploadBlobModal from the replace item', () => {
         findReplaceItem().vm.$emit('action');
 
diff --git a/spec/frontend/repository/components/header_area/blob_delete_file_group_spec.js b/spec/frontend/repository/components/header_area/blob_delete_file_group_spec.js
index a4eb6850663e48..434436edf4bd6a 100644
--- a/spec/frontend/repository/components/header_area/blob_delete_file_group_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_delete_file_group_spec.js
@@ -97,6 +97,12 @@ describe('BlobDeleteFileGroup component', () => {
         });
       });
 
+      it('disables the button item when user does not have pushCode permission', () => {
+        expect(findDeleteItem().props('item')).toMatchObject({
+          extraAttrs: { disabled: true },
+        });
+      });
+
       it('does not trigger the DeleteBlobModal from the delete item', () => {
         findDeleteItem().vm.$emit('action');
 
-- 
GitLab


From ff914f418b542302ca9a04edab2051dac1d3b499 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Thu, 4 Dec 2025 19:04:12 +0545
Subject: [PATCH 17/32] Remove unneccesary prop

---
 .../repository/components/header_area/blob_controls.vue          | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/assets/javascripts/repository/components/header_area/blob_controls.vue b/app/assets/javascripts/repository/components/header_area/blob_controls.vue
index a78de24d99f463..0adf92bb0abddc 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_controls.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_controls.vue
@@ -344,7 +344,6 @@ export default {
       v-if="!isLoadingRepositoryBlob && !hasProjectQueryErrors"
       :project-path="projectPath"
       :is-binary-file-type="isBinaryFileType"
-      :has-edit-permission="showWebIdeButton"
       :override-copy="true"
       :is-empty-repository="repository.empty"
       :is-using-lfs="isUsingLfs"
-- 
GitLab


From f46b00e227f99819a40ff5e3a29a85cb72d29ec2 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Thu, 4 Dec 2025 19:23:05 +0545
Subject: [PATCH 18/32] Show replace and delete button based on
 createMergeRequestIn not pushCode

---
 .../header_area/blob_button_group.vue         |  4 ++--
 .../header_area/blob_delete_file_group.vue    |  4 ++--
 .../header_area/blob_button_group_spec.js     | 20 +++++++++++++------
 .../blob_delete_file_group_spec.js            | 20 +++++++++++++------
 4 files changed, 32 insertions(+), 16 deletions(-)

diff --git a/app/assets/javascripts/repository/components/header_area/blob_button_group.vue b/app/assets/javascripts/repository/components/header_area/blob_button_group.vue
index 451a6fd58372e9..dd98ffe261b8aa 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_button_group.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_button_group.vue
@@ -59,7 +59,7 @@ export default {
   },
   computed: {
     tooltipText() {
-      if (!this.userPermissions.pushCode) {
+      if (!this.userPermissions.createMergeRequestIn) {
         return __("You don't have permission to modify this file.");
       }
 
@@ -70,7 +70,7 @@ export default {
         text: this.$options.i18n.replace,
         extraAttrs: {
           'data-testid': 'replace',
-          disabled: this.isReplaceDisabled || !this.userPermissions.pushCode,
+          disabled: this.isReplaceDisabled || !this.userPermissions.createMergeRequestIn,
         },
       };
     },
diff --git a/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue b/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
index b46b0ac1cc7cf3..ddd7a6e421ac66 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
@@ -57,7 +57,7 @@ export default {
   },
   computed: {
     tooltipText() {
-      if (!this.userPermissions.pushCode) {
+      if (!this.userPermissions.createMergeRequestIn) {
         return __("You don't have permission to modify this file.");
       }
 
@@ -68,7 +68,7 @@ export default {
         text: __('Delete'),
         extraAttrs: {
           'data-testid': 'delete',
-          disabled: this.disabled || !this.userPermissions.pushCode,
+          disabled: this.disabled || !this.userPermissions.createMergeRequestIn,
         },
       };
     },
diff --git a/spec/frontend/repository/components/header_area/blob_button_group_spec.js b/spec/frontend/repository/components/header_area/blob_button_group_spec.js
index 54fe902fde947c..73565e094e1f14 100644
--- a/spec/frontend/repository/components/header_area/blob_button_group_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_button_group_spec.js
@@ -82,6 +82,20 @@ describe('BlobButtonGroup component', () => {
       expect(showUploadBlobModalMock).toHaveBeenCalled();
     });
 
+    describe('when user cannot create merge requests', () => {
+      it('disables the button item when user does not have pushCode permission', async () => {
+        await createComponent({
+          props: {
+            userPermissions: { pushCode: false, createMergeRequestIn: false, forkProject: true },
+          },
+        });
+
+        expect(findReplaceItem().props('item')).toMatchObject({
+          extraAttrs: { disabled: true },
+        });
+      });
+    });
+
     describe('when user cannot modify blob', () => {
       beforeEach(async () => {
         await createComponent({
@@ -99,12 +113,6 @@ describe('BlobButtonGroup component', () => {
         });
       });
 
-      it('disables the button item when user does not have pushCode permission', () => {
-        expect(findReplaceItem().props('item')).toMatchObject({
-          extraAttrs: { disabled: true },
-        });
-      });
-
       it('does not trigger the UploadBlobModal from the replace item', () => {
         findReplaceItem().vm.$emit('action');
 
diff --git a/spec/frontend/repository/components/header_area/blob_delete_file_group_spec.js b/spec/frontend/repository/components/header_area/blob_delete_file_group_spec.js
index 434436edf4bd6a..93f4ab481accc4 100644
--- a/spec/frontend/repository/components/header_area/blob_delete_file_group_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_delete_file_group_spec.js
@@ -80,6 +80,20 @@ describe('BlobDeleteFileGroup component', () => {
       expect(showDeleteBlobModalMock).toHaveBeenCalled();
     });
 
+    describe('when user cannot create merge requests', () => {
+      it('disables the button item when user does not have pushCode permission', async () => {
+        await createComponent({
+          props: {
+            userPermissions: { pushCode: false, createMergeRequestIn: false, forkProject: true },
+          },
+        });
+
+        expect(findDeleteItem().props('item')).toMatchObject({
+          extraAttrs: { disabled: true },
+        });
+      });
+    });
+
     describe('when user cannot modify blob', () => {
       beforeEach(async () => {
         await createComponent({
@@ -97,12 +111,6 @@ describe('BlobDeleteFileGroup component', () => {
         });
       });
 
-      it('disables the button item when user does not have pushCode permission', () => {
-        expect(findDeleteItem().props('item')).toMatchObject({
-          extraAttrs: { disabled: true },
-        });
-      });
-
       it('does not trigger the DeleteBlobModal from the delete item', () => {
         findDeleteItem().vm.$emit('action');
 
-- 
GitLab


From cc1e285c80da0081679f15ac03d6834650fed196 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Thu, 4 Dec 2025 19:25:54 +0545
Subject: [PATCH 19/32] Show edit button in disabled state even if no action
 buttons are present

---
 .../javascripts/vue_shared/components/web_ide_link.vue       | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/app/assets/javascripts/vue_shared/components/web_ide_link.vue b/app/assets/javascripts/vue_shared/components/web_ide_link.vue
index 18dcc9c8feead5..c3ecb05901a123 100644
--- a/app/assets/javascripts/vue_shared/components/web_ide_link.vue
+++ b/app/assets/javascripts/vue_shared/components/web_ide_link.vue
@@ -166,9 +166,6 @@ export default {
             Boolean,
           );
     },
-    hasActions() {
-      return this.actions.length > 0;
-    },
     editButtonVariant() {
       if (this.buttonVariant) {
         return this.buttonVariant;
@@ -325,7 +322,7 @@ export default {
 </script>
 
 <template>
-  <div v-if="hasActions" :class="cssClasses">
+  <div :class="cssClasses">
     <gl-disclosure-dropdown
       v-gl-tooltip="tooltipText"
       :variant="editButtonVariant"
-- 
GitLab


From 11b592f42194fb8da20f4c29c54011ef9ab4cfd1 Mon Sep 17 00:00:00 2001
From: Rinku C <rinkunited2032@gmail.com>
Date: Thu, 4 Dec 2025 14:22:40 +0000
Subject: [PATCH 20/32] Update web_ide_link.vue

---
 .../javascripts/vue_shared/components/web_ide_link.vue       | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/vue_shared/components/web_ide_link.vue b/app/assets/javascripts/vue_shared/components/web_ide_link.vue
index c3ecb05901a123..18dcc9c8feead5 100644
--- a/app/assets/javascripts/vue_shared/components/web_ide_link.vue
+++ b/app/assets/javascripts/vue_shared/components/web_ide_link.vue
@@ -166,6 +166,9 @@ export default {
             Boolean,
           );
     },
+    hasActions() {
+      return this.actions.length > 0;
+    },
     editButtonVariant() {
       if (this.buttonVariant) {
         return this.buttonVariant;
@@ -322,7 +325,7 @@ export default {
 </script>
 
 <template>
-  <div :class="cssClasses">
+  <div v-if="hasActions" :class="cssClasses">
     <gl-disclosure-dropdown
       v-gl-tooltip="tooltipText"
       :variant="editButtonVariant"
-- 
GitLab


From 96a0d041b0a4e58a93871f7e24694f79d3aab174 Mon Sep 17 00:00:00 2001
From: Rinku C <rinkunited2032@gmail.com>
Date: Thu, 4 Dec 2025 14:29:42 +0000
Subject: [PATCH 21/32] Update test label

---
 .../components/header_area/blob_delete_file_group_spec.js       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/spec/frontend/repository/components/header_area/blob_delete_file_group_spec.js b/spec/frontend/repository/components/header_area/blob_delete_file_group_spec.js
index 93f4ab481accc4..0f16ee174b96bb 100644
--- a/spec/frontend/repository/components/header_area/blob_delete_file_group_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_delete_file_group_spec.js
@@ -81,7 +81,7 @@ describe('BlobDeleteFileGroup component', () => {
     });
 
     describe('when user cannot create merge requests', () => {
-      it('disables the button item when user does not have pushCode permission', async () => {
+      it('disables the button item', async () => {
         await createComponent({
           props: {
             userPermissions: { pushCode: false, createMergeRequestIn: false, forkProject: true },
-- 
GitLab


From 27a71d1912e7313a9d7b451331352db4ca0e97f4 Mon Sep 17 00:00:00 2001
From: Rinku C <rinkunited2032@gmail.com>
Date: Thu, 4 Dec 2025 14:31:19 +0000
Subject: [PATCH 22/32] Update spec label

---
 .../repository/components/header_area/blob_button_group_spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/spec/frontend/repository/components/header_area/blob_button_group_spec.js b/spec/frontend/repository/components/header_area/blob_button_group_spec.js
index 73565e094e1f14..bdd903df5e0b9b 100644
--- a/spec/frontend/repository/components/header_area/blob_button_group_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_button_group_spec.js
@@ -83,7 +83,7 @@ describe('BlobButtonGroup component', () => {
     });
 
     describe('when user cannot create merge requests', () => {
-      it('disables the button item when user does not have pushCode permission', async () => {
+      it('disables the button item', async () => {
         await createComponent({
           props: {
             userPermissions: { pushCode: false, createMergeRequestIn: false, forkProject: true },
-- 
GitLab


From 857a06b75a7d1233e3ca7eab000f88811379272c Mon Sep 17 00:00:00 2001
From: Rinku C <rinkunited2032@gmail.com>
Date: Thu, 4 Dec 2025 14:47:15 +0000
Subject: [PATCH 23/32] Remove unnecessary change

---
 .../components/header_area/blob_button_group_spec.js         | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/spec/frontend/repository/components/header_area/blob_button_group_spec.js b/spec/frontend/repository/components/header_area/blob_button_group_spec.js
index bdd903df5e0b9b..08d747cbd54311 100644
--- a/spec/frontend/repository/components/header_area/blob_button_group_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_button_group_spec.js
@@ -99,10 +99,7 @@ describe('BlobButtonGroup component', () => {
     describe('when user cannot modify blob', () => {
       beforeEach(async () => {
         await createComponent({
-          props: {
-            isUsingLfs: false,
-            userPermissions: { pushCode: false, createMergeRequestIn: true, forkProject: true },
-          },
+          props: { isUsingLfs: false },
           inject: {
             blobInfo: {
               ...blobControlsDataMock.repository.blobs.nodes[0],
-- 
GitLab


From acc4b42fb0c9a0ac5585a5cb673ea0a92dee9f55 Mon Sep 17 00:00:00 2001
From: Rinku C <rinkunited2032@gmail.com>
Date: Sun, 7 Dec 2025 08:05:11 +0000
Subject: [PATCH 24/32] Move related specs to web_ide_button_data_spec

---
 spec/helpers/tree_helper_spec.rb              | 256 -----------------
 spec/helpers/web_ide_button_helper_spec.rb    | 265 +++++++++++++++++-
 .../helpers/user_with_namespace_shim.yml      |   1 +
 3 files changed, 265 insertions(+), 257 deletions(-)

diff --git a/spec/helpers/tree_helper_spec.rb b/spec/helpers/tree_helper_spec.rb
index 6e421f10646303..0ee3407ff62b0d 100644
--- a/spec/helpers/tree_helper_spec.rb
+++ b/spec/helpers/tree_helper_spec.rb
@@ -226,223 +226,6 @@
     end
   end
 
-  describe '#web_ide_button_data' do
-    let(:blob) { project.repository.blob_at('refs/heads/master', @path) }
-
-    let_it_be(:user_preferences_gitpod_path) { '/-/profile/preferences#user_gitpod_enabled' }
-    let_it_be(:user_profile_enable_gitpod_path) { '/-/user_settings/profile?user%5Bgitpod_enabled%5D=true' }
-
-    before do
-      @path = ''
-      @project = project
-      @ref = sha
-
-      allow(helper).to receive_messages(
-        current_user: nil,
-        can_collaborate_with_project?: true,
-        can?: true,
-        user_preferences_gitpod_path: user_preferences_gitpod_path,
-        user_profile_enable_gitpod_path: user_profile_enable_gitpod_path
-      )
-    end
-
-    subject { helper.web_ide_button_data(blob: blob) }
-
-    it 'returns a list of attributes related to the project' do
-      expect(subject).to include(
-        project_path: project.full_path,
-        ref: sha,
-
-        is_fork: false,
-        needs_to_fork: false,
-        gitpod_enabled: false,
-        is_blob: false,
-
-        show_edit_button: false,
-        show_web_ide_button: true,
-        show_gitpod_button: false,
-        show_pipeline_editor_button: false,
-
-        edit_url: '',
-        web_ide_url: "/-/ide/project/#{project.full_path}/edit/#{sha}",
-        pipeline_editor_url: "/#{project.full_path}/-/ci/editor?branch_name=#{@ref}",
-
-        gitpod_url: '',
-        user_preferences_gitpod_path: user_preferences_gitpod_path,
-        user_profile_enable_gitpod_path: user_profile_enable_gitpod_path
-      )
-    end
-
-    context 'a blob is passed' do
-      before do
-        @path = 'README.md'
-      end
-
-      it 'returns edit url and webide url for the blob' do
-        expect(subject).to include(
-          show_edit_button: true,
-          edit_url: "/#{project.full_path}/-/edit/#{sha}/#{@path}",
-          web_ide_url: "/-/ide/project/#{project.full_path}/edit/#{sha}/-/#{@path}"
-        )
-      end
-
-      it 'does not load blob from repository again' do
-        blob
-
-        expect(repository).not_to receive(:blob_at)
-
-        subject
-      end
-    end
-
-    context 'nil blob is passed' do
-      let(:blob) { nil }
-
-      it 'does not load blob from repository' do
-        expect(repository).not_to receive(:blob_at)
-
-        subject
-      end
-    end
-
-    context 'user does not have write access but a personal fork exists' do
-      include ProjectForksHelper
-
-      let(:project) { create(:project, :repository) }
-      let(:forked_project) { create(:project, :repository, namespace: user.namespace) }
-
-      before do
-        project.add_guest(user)
-        fork_project(project, nil, target_project: forked_project)
-
-        allow(helper).to receive(:current_user).and_return(user)
-      end
-
-      it 'includes forked project path as project_path' do
-        expect(subject).to include(
-          project_path: forked_project.full_path,
-          is_fork: true,
-          needs_to_fork: false,
-          show_edit_button: false,
-          web_ide_url: "/-/ide/project/#{forked_project.full_path}/edit/#{sha}"
-        )
-      end
-
-      context 'a blob is passed' do
-        before do
-          @path = 'README.md'
-        end
-
-        it 'returns edit url and web ide for the blob in the fork' do
-          expect(subject).to include(
-            is_blob: true,
-            show_edit_button: true,
-            # edit urls are automatically redirected to the fork
-            edit_url: "/#{project.full_path}/-/edit/#{sha}/#{@path}",
-            web_ide_url: "/-/ide/project/#{forked_project.full_path}/edit/#{sha}/-/#{@path}"
-          )
-        end
-      end
-    end
-
-    context 'for archived project' do
-      before do
-        allow(helper).to receive(:can_collaborate_with_project?).and_return(false)
-        allow(helper).to receive(:can?).and_return(false)
-
-        project.update!(archived: true)
-
-        @path = 'README.md'
-      end
-
-      it 'does not show any buttons' do
-        expect(subject).to include(
-          is_blob: true,
-          show_edit_button: false,
-          show_web_ide_button: false,
-          show_gitpod_button: false
-        )
-      end
-    end
-
-    context 'user has write access' do
-      before do
-        project.add_developer(user)
-
-        allow(helper).to receive(:current_user).and_return(user)
-      end
-
-      it 'includes original project path as project_path' do
-        expect(subject).to include(
-          project_path: project.full_path,
-
-          is_fork: false,
-          needs_to_fork: false,
-
-          show_edit_button: false,
-          web_ide_url: "/-/ide/project/#{project.full_path}/edit/#{sha}"
-        )
-      end
-
-      context 'a blob is passed' do
-        before do
-          @path = 'README.md'
-        end
-
-        it 'returns edit url and web ide for the blob in the fork' do
-          expect(subject).to include(
-            is_blob: true,
-            show_edit_button: true,
-            edit_url: "/#{project.full_path}/-/edit/#{sha}/#{@path}",
-            web_ide_url: "/-/ide/project/#{project.full_path}/edit/#{sha}/-/#{@path}"
-          )
-        end
-      end
-    end
-
-    context 'ona settings is enabled' do
-      before do
-        allow(Gitlab::CurrentSettings)
-          .to receive(:gitpod_enabled)
-          .and_return(true)
-
-        allow(helper).to receive(:current_user).and_return(user)
-      end
-
-      it 'has show_gitpod_button: true' do
-        expect(subject).to include(
-          show_gitpod_button: true
-        )
-      end
-
-      it 'has gitpod_enabled: true when user has enabled gitpod' do
-        user.gitpod_enabled = true
-
-        expect(subject).to include(
-          gitpod_enabled: true
-        )
-      end
-
-      it 'has gitpod_enabled: false when user has not enabled gitpod' do
-        user.gitpod_enabled = false
-
-        expect(subject).to include(
-          gitpod_enabled: false
-        )
-      end
-
-      it 'has show_gitpod_button: false when web ide button is not shown' do
-        allow(helper).to receive(:can_collaborate_with_project?).and_return(false)
-        allow(helper).to receive(:can?).and_return(false)
-
-        expect(subject).to include(
-          show_web_ide_button: false,
-          show_gitpod_button: false
-        )
-      end
-    end
-  end
-
   describe '#code_dropdown_ide_data' do
     before do
       helper.instance_variable_set(:@project, project)
@@ -531,45 +314,6 @@
     end
   end
 
-  describe '.fork_modal_options' do
-    let_it_be(:blob) { project.repository.blob_at('refs/heads/master', @path) }
-    let(:fork_path)  { "/#{project.path_with_namespace}/-/forks/new" }
-
-    before do
-      allow(helper).to receive(:current_user).and_return(user)
-    end
-
-    subject { helper.fork_modal_options(project, blob) }
-
-    it 'returns correct fork path' do
-      expect(subject).to match a_hash_including(fork_path: fork_path, fork_modal_id: nil)
-    end
-
-    context 'when show_edit_button true' do
-      before do
-        allow(helper).to receive(:show_edit_button?).and_return(true)
-      end
-
-      it 'returns correct fork path and modal id' do
-        expect(subject).to match a_hash_including(
-          fork_path: fork_path,
-          fork_modal_id: 'modal-confirm-fork-edit')
-      end
-    end
-
-    context 'when show_web_ide_button true' do
-      before do
-        allow(helper).to receive(:show_web_ide_button?).and_return(true)
-      end
-
-      it 'returns correct fork path and modal id' do
-        expect(subject).to match a_hash_including(
-          fork_path: fork_path,
-          fork_modal_id: 'modal-confirm-fork-webide')
-      end
-    end
-  end
-
   describe '#compact_code_dropdown_data' do
     let(:ref) { 'main' }
     let(:archive_prefix) { "#{project.path}-#{ref}" }
diff --git a/spec/helpers/web_ide_button_helper_spec.rb b/spec/helpers/web_ide_button_helper_spec.rb
index 3dd46021c11419..360cb3e4bea768 100644
--- a/spec/helpers/web_ide_button_helper_spec.rb
+++ b/spec/helpers/web_ide_button_helper_spec.rb
@@ -2,7 +2,10 @@
 
 require 'spec_helper'
 
-RSpec.describe WebIdeButtonHelper do
+RSpec.describe WebIdeButtonHelper, feature_category: :source_code_management do
+  let_it_be(:project) { create(:project, :repository) }
+  let_it_be_with_reload(:user) { create(:user) }
+
   describe '#show_pipeline_editor_button?' do
     subject(:result) { helper.show_pipeline_editor_button?(project, path) }
 
@@ -42,4 +45,264 @@
       end
     end
   end
+
+  describe '#web_ide_button_data' do
+    let(:repository) { project.repository }
+    let(:sha) { 'c1c67abbaf91f624347bb3ae96eabe3a1b742478' }
+    let(:blob) { project.repository.blob_at('refs/heads/master', @path) }
+
+    let_it_be(:user_preferences_gitpod_path) { '/-/profile/preferences#user_gitpod_enabled' }
+    let_it_be(:user_profile_enable_gitpod_path) { '/-/user_settings/profile?user%5Bgitpod_enabled%5D=true' }
+
+    before do
+      @path = ''
+      @project = project
+      @ref = sha
+
+      allow(Current).to receive(:organization).and_return(project.organization)
+      allow(helper).to receive_messages(
+        current_user: nil,
+        can_collaborate_with_project?: true,
+        can?: true,
+        user_preferences_gitpod_path: user_preferences_gitpod_path,
+        user_profile_enable_gitpod_path: user_profile_enable_gitpod_path
+      )
+    end
+
+    subject { helper.web_ide_button_data(blob: blob) }
+
+    it 'returns a list of attributes related to the project' do
+      expect(subject).to include(
+        project_path: project.full_path,
+        ref: sha,
+
+        is_fork: false,
+        needs_to_fork: false,
+        gitpod_enabled: false,
+        is_blob: false,
+
+        show_edit_button: false,
+        show_web_ide_button: true,
+        show_gitpod_button: false,
+        show_pipeline_editor_button: false,
+
+        edit_url: '',
+        web_ide_url: "/-/ide/project/#{project.full_path}/edit/#{sha}",
+        pipeline_editor_url: "/#{project.full_path}/-/ci/editor?branch_name=#{@ref}",
+
+        gitpod_url: '',
+        user_preferences_gitpod_path: user_preferences_gitpod_path,
+        user_profile_enable_gitpod_path: user_profile_enable_gitpod_path
+      )
+    end
+
+    context 'a blob is passed' do
+      before do
+        @path = 'README.md'
+      end
+
+      it 'returns edit url and webide url for the blob' do
+        expect(subject).to include(
+          show_edit_button: true,
+          edit_url: "/#{project.full_path}/-/edit/#{sha}/#{@path}",
+          web_ide_url: "/-/ide/project/#{project.full_path}/edit/#{sha}/-/#{@path}"
+        )
+      end
+
+      it 'does not load blob from repository again' do
+        blob
+
+        expect(repository).not_to receive(:blob_at)
+
+        subject
+      end
+    end
+
+    context 'nil blob is passed' do
+      let(:blob) { nil }
+
+      it 'does not load blob from repository' do
+        expect(repository).not_to receive(:blob_at)
+
+        subject
+      end
+    end
+
+    context 'user does not have write access but a personal fork exists' do
+      include ProjectForksHelper
+
+      let(:project) { create(:project, :repository) }
+      let(:forked_project) { create(:project, :repository, namespace: user.namespace) }
+
+      before do
+        project.add_guest(user)
+        fork_project(project, nil, target_project: forked_project)
+
+        allow(helper).to receive(:current_user).and_return(user)
+      end
+
+      it 'includes forked project path as project_path' do
+        expect(subject).to include(
+          project_path: forked_project.full_path,
+          is_fork: true,
+          needs_to_fork: false,
+          show_edit_button: false,
+          web_ide_url: "/-/ide/project/#{forked_project.full_path}/edit/#{sha}"
+        )
+      end
+
+      context 'a blob is passed' do
+        before do
+          @path = 'README.md'
+        end
+
+        it 'returns edit url and web ide for the blob in the fork' do
+          expect(subject).to include(
+            is_blob: true,
+            show_edit_button: true,
+            # edit urls are automatically redirected to the fork
+            edit_url: "/#{project.full_path}/-/edit/#{sha}/#{@path}",
+            web_ide_url: "/-/ide/project/#{forked_project.full_path}/edit/#{sha}/-/#{@path}"
+          )
+        end
+      end
+    end
+
+    context 'for archived project' do
+      before do
+        allow(helper).to receive(:can_collaborate_with_project?).and_return(false)
+        allow(helper).to receive(:can?).and_return(false)
+
+        project.update!(archived: true)
+
+        @path = 'README.md'
+      end
+
+      it 'does not show any buttons' do
+        expect(subject).to include(
+          is_blob: true,
+          show_edit_button: false,
+          show_web_ide_button: false,
+          show_gitpod_button: false
+        )
+      end
+    end
+
+    context 'user has write access' do
+      before do
+        project.add_developer(user)
+
+        allow(helper).to receive(:current_user).and_return(user)
+      end
+
+      it 'includes original project path as project_path' do
+        expect(subject).to include(
+          project_path: project.full_path,
+
+          is_fork: false,
+          needs_to_fork: false,
+
+          show_edit_button: false,
+          web_ide_url: "/-/ide/project/#{project.full_path}/edit/#{sha}"
+        )
+      end
+
+      context 'a blob is passed' do
+        before do
+          @path = 'README.md'
+        end
+
+        it 'returns edit url and web ide for the blob in the fork' do
+          expect(subject).to include(
+            is_blob: true,
+            show_edit_button: true,
+            edit_url: "/#{project.full_path}/-/edit/#{sha}/#{@path}",
+            web_ide_url: "/-/ide/project/#{project.full_path}/edit/#{sha}/-/#{@path}"
+          )
+        end
+      end
+    end
+
+    context 'ona settings is enabled' do
+      before do
+        allow(Gitlab::CurrentSettings)
+          .to receive(:gitpod_enabled)
+          .and_return(true)
+
+        allow(helper).to receive(:current_user).and_return(user)
+      end
+
+      it 'has show_gitpod_button: true' do
+        expect(subject).to include(
+          show_gitpod_button: true
+        )
+      end
+
+      it 'has gitpod_enabled: true when user has enabled gitpod' do
+        user.gitpod_enabled = true
+
+        expect(subject).to include(
+          gitpod_enabled: true
+        )
+      end
+
+      it 'has gitpod_enabled: false when user has not enabled gitpod' do
+        user.gitpod_enabled = false
+
+        expect(subject).to include(
+          gitpod_enabled: false
+        )
+      end
+
+      it 'has show_gitpod_button: false when web ide button is not shown' do
+        allow(helper).to receive(:can_collaborate_with_project?).and_return(false)
+        allow(helper).to receive(:can?).and_return(false)
+
+        expect(subject).to include(
+          show_web_ide_button: false,
+          show_gitpod_button: false
+        )
+      end
+    end
+  end
+
+  describe '.fork_modal_options' do
+    let_it_be(:blob) { project.repository.blob_at('refs/heads/master', @path) }
+    let(:fork_path)  { "/#{project.path_with_namespace}/-/forks/new" }
+
+    before do
+      allow(helper).to receive(:current_user).and_return(user)
+    end
+
+    subject { helper.fork_modal_options(project, blob) }
+
+    it 'returns correct fork path' do
+      expect(subject).to match a_hash_including(fork_path: fork_path, fork_modal_id: nil)
+    end
+
+    context 'when show_edit_button true' do
+      before do
+        allow(helper).to receive(:show_edit_button?).and_return(true)
+      end
+
+      it 'returns correct fork path and modal id' do
+        expect(subject).to match a_hash_including(
+          fork_path: fork_path,
+          fork_modal_id: 'modal-confirm-fork-edit')
+      end
+    end
+
+    context 'when show_web_ide_button true' do
+      before do
+        allow(helper).to receive(:show_web_ide_button?).and_return(true)
+      end
+
+      it 'returns correct fork path and modal id' do
+        expect(subject).to match a_hash_including(
+          fork_path: fork_path,
+          fork_modal_id: 'modal-confirm-fork-webide')
+      end
+    end
+  end
+
 end
diff --git a/spec/support/helpers/user_with_namespace_shim.yml b/spec/support/helpers/user_with_namespace_shim.yml
index a6dfb60e51a295..7f73ef3238dcfa 100644
--- a/spec/support/helpers/user_with_namespace_shim.yml
+++ b/spec/support/helpers/user_with_namespace_shim.yml
@@ -630,6 +630,7 @@
 - spec/helpers/search_helper_spec.rb
 - spec/helpers/submodule_helper_spec.rb
 - spec/helpers/tree_helper_spec.rb
+- spec/helpers/web_ide_button_helper_spec.rb
 - spec/lib/banzai/filter/references/user_reference_filter_spec.rb
 - spec/lib/banzai/filter/truncate_visible_filter_spec.rb
 - spec/lib/banzai/reference_parser/project_parser_spec.rb
-- 
GitLab


From a70a842c19f3e6239daea1d35290cea6594d5513 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Sun, 7 Dec 2025 14:12:23 +0545
Subject: [PATCH 25/32] Remove hover background color on delete button

---
 app/assets/stylesheets/framework/application-chrome.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/assets/stylesheets/framework/application-chrome.scss b/app/assets/stylesheets/framework/application-chrome.scss
index 86b49787e37adf..db109bb767cf55 100644
--- a/app/assets/stylesheets/framework/application-chrome.scss
+++ b/app/assets/stylesheets/framework/application-chrome.scss
@@ -1001,3 +1001,8 @@
     width: calc(var(--ai-panel-width) + var(--ai-panels-gap) + var(--ai-navigation-rail-size));
   }
 }
+
+.gl-new-dropdown-item-content[disabled]:hover {
+  background-color: inherit !important;
+  color: var(--gl-dropdown-option-text-color-disabled) !important;
+}
-- 
GitLab


From 23e85906815ccb12304245e826a6edf70a8b6c3c Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Sun, 7 Dec 2025 16:26:38 +0545
Subject: [PATCH 26/32] Fix rubocop offenses

---
 spec/helpers/web_ide_button_helper_spec.rb | 117 +++++++++++----------
 1 file changed, 60 insertions(+), 57 deletions(-)

diff --git a/spec/helpers/web_ide_button_helper_spec.rb b/spec/helpers/web_ide_button_helper_spec.rb
index 360cb3e4bea768..71cde3b59e97e1 100644
--- a/spec/helpers/web_ide_button_helper_spec.rb
+++ b/spec/helpers/web_ide_button_helper_spec.rb
@@ -3,8 +3,8 @@
 require 'spec_helper'
 
 RSpec.describe WebIdeButtonHelper, feature_category: :source_code_management do
-  let_it_be(:project) { create(:project, :repository) }
-  let_it_be_with_reload(:user) { create(:user) }
+  let(:project) { create(:project, :repository) } # rubocop:disable RSpec/FactoryBot/AvoidCreate -- stubbed models are not allowed to access the database
+  let_it_be_with_reload(:user) { create(:user) } # rubocop:disable RSpec/FactoryBot/AvoidCreate -- stubbed models are not allowed to access the database
 
   describe '#show_pipeline_editor_button?' do
     subject(:result) { helper.show_pipeline_editor_button?(project, path) }
@@ -47,17 +47,20 @@
   end
 
   describe '#web_ide_button_data' do
+    let(:path) { '' }
+
     let(:repository) { project.repository }
     let(:sha) { 'c1c67abbaf91f624347bb3ae96eabe3a1b742478' }
-    let(:blob) { project.repository.blob_at('refs/heads/master', @path) }
+    let(:blob) { project.repository.blob_at('refs/heads/master', path) }
 
     let_it_be(:user_preferences_gitpod_path) { '/-/profile/preferences#user_gitpod_enabled' }
     let_it_be(:user_profile_enable_gitpod_path) { '/-/user_settings/profile?user%5Bgitpod_enabled%5D=true' }
 
     before do
-      @path = ''
       @project = project
-      @ref = sha
+
+      helper.instance_variable_set(:@path, path)
+      helper.instance_variable_set(:@ref, sha)
 
       allow(Current).to receive(:organization).and_return(project.organization)
       allow(helper).to receive_messages(
@@ -69,10 +72,10 @@
       )
     end
 
-    subject { helper.web_ide_button_data(blob: blob) }
+    subject(:response) { helper.web_ide_button_data(blob: blob) }
 
     it 'returns a list of attributes related to the project' do
-      expect(subject).to include(
+      expect(response).to include(
         project_path: project.full_path,
         ref: sha,
 
@@ -88,7 +91,7 @@
 
         edit_url: '',
         web_ide_url: "/-/ide/project/#{project.full_path}/edit/#{sha}",
-        pipeline_editor_url: "/#{project.full_path}/-/ci/editor?branch_name=#{@ref}",
+        pipeline_editor_url: "/#{project.full_path}/-/ci/editor?branch_name=#{sha}",
 
         gitpod_url: '',
         user_preferences_gitpod_path: user_preferences_gitpod_path,
@@ -96,16 +99,14 @@
       )
     end
 
-    context 'a blob is passed' do
-      before do
-        @path = 'README.md'
-      end
+    context 'when a blob is passed' do
+      let(:path) { 'README.md' }
 
       it 'returns edit url and webide url for the blob' do
-        expect(subject).to include(
+        expect(response).to include(
           show_edit_button: true,
-          edit_url: "/#{project.full_path}/-/edit/#{sha}/#{@path}",
-          web_ide_url: "/-/ide/project/#{project.full_path}/edit/#{sha}/-/#{@path}"
+          edit_url: "/#{project.full_path}/-/edit/#{sha}/#{path}",
+          web_ide_url: "/-/ide/project/#{project.full_path}/edit/#{sha}/-/#{path}"
         )
       end
 
@@ -114,25 +115,25 @@
 
         expect(repository).not_to receive(:blob_at)
 
-        subject
+        response
       end
     end
 
-    context 'nil blob is passed' do
+    context 'when nil blob is passed' do
       let(:blob) { nil }
 
       it 'does not load blob from repository' do
         expect(repository).not_to receive(:blob_at)
 
-        subject
+        response
       end
     end
 
-    context 'user does not have write access but a personal fork exists' do
+    context 'when user does not have write access but a personal fork exists' do
       include ProjectForksHelper
 
-      let(:project) { create(:project, :repository) }
-      let(:forked_project) { create(:project, :repository, namespace: user.namespace) }
+      let(:project) { create(:project, :repository) } # rubocop:disable RSpec/FactoryBot/AvoidCreate -- stubbed models are not allowed to access the database
+      let(:forked_project) { create(:project, :repository, namespace: user.namespace) } # rubocop:disable RSpec/FactoryBot/AvoidCreate -- stubbed models are not allowed to access the database
 
       before do
         project.add_guest(user)
@@ -142,7 +143,7 @@
       end
 
       it 'includes forked project path as project_path' do
-        expect(subject).to include(
+        expect(response).to include(
           project_path: forked_project.full_path,
           is_fork: true,
           needs_to_fork: false,
@@ -151,35 +152,36 @@
         )
       end
 
-      context 'a blob is passed' do
-        before do
-          @path = 'README.md'
-        end
+      context 'when a blob is passed' do
+        let(:path) { 'README.md' }
+        let(:blob) { project.repository.blob_at('refs/heads/master', path) }
 
         it 'returns edit url and web ide for the blob in the fork' do
-          expect(subject).to include(
+          expect(response).to include(
             is_blob: true,
             show_edit_button: true,
             # edit urls are automatically redirected to the fork
-            edit_url: "/#{project.full_path}/-/edit/#{sha}/#{@path}",
-            web_ide_url: "/-/ide/project/#{forked_project.full_path}/edit/#{sha}/-/#{@path}"
+            edit_url: "/#{project.full_path}/-/edit/#{sha}/#{path}",
+            web_ide_url: "/-/ide/project/#{forked_project.full_path}/edit/#{sha}/-/#{path}"
           )
         end
       end
     end
 
     context 'for archived project' do
+      let(:path) { 'README.md' }
+
       before do
-        allow(helper).to receive(:can_collaborate_with_project?).and_return(false)
-        allow(helper).to receive(:can?).and_return(false)
+        allow(helper).to receive_messages(
+          can_collaborate_with_project?: false,
+          can?: false
+        )
 
         project.update!(archived: true)
-
-        @path = 'README.md'
       end
 
       it 'does not show any buttons' do
-        expect(subject).to include(
+        expect(response).to include(
           is_blob: true,
           show_edit_button: false,
           show_web_ide_button: false,
@@ -188,7 +190,7 @@
       end
     end
 
-    context 'user has write access' do
+    context 'when user has write access' do
       before do
         project.add_developer(user)
 
@@ -196,7 +198,7 @@
       end
 
       it 'includes original project path as project_path' do
-        expect(subject).to include(
+        expect(response).to include(
           project_path: project.full_path,
 
           is_fork: false,
@@ -207,23 +209,21 @@
         )
       end
 
-      context 'a blob is passed' do
-        before do
-          @path = 'README.md'
-        end
+      context 'when a blob is passed' do
+        let(:path) { 'README.md' }
 
         it 'returns edit url and web ide for the blob in the fork' do
-          expect(subject).to include(
+          expect(response).to include(
             is_blob: true,
             show_edit_button: true,
-            edit_url: "/#{project.full_path}/-/edit/#{sha}/#{@path}",
-            web_ide_url: "/-/ide/project/#{project.full_path}/edit/#{sha}/-/#{@path}"
+            edit_url: "/#{project.full_path}/-/edit/#{sha}/#{path}",
+            web_ide_url: "/-/ide/project/#{project.full_path}/edit/#{sha}/-/#{path}"
           )
         end
       end
     end
 
-    context 'ona settings is enabled' do
+    context 'when ona settings is enabled' do
       before do
         allow(Gitlab::CurrentSettings)
           .to receive(:gitpod_enabled)
@@ -233,7 +233,7 @@
       end
 
       it 'has show_gitpod_button: true' do
-        expect(subject).to include(
+        expect(response).to include(
           show_gitpod_button: true
         )
       end
@@ -241,7 +241,7 @@
       it 'has gitpod_enabled: true when user has enabled gitpod' do
         user.gitpod_enabled = true
 
-        expect(subject).to include(
+        expect(response).to include(
           gitpod_enabled: true
         )
       end
@@ -249,16 +249,18 @@
       it 'has gitpod_enabled: false when user has not enabled gitpod' do
         user.gitpod_enabled = false
 
-        expect(subject).to include(
+        expect(response).to include(
           gitpod_enabled: false
         )
       end
 
       it 'has show_gitpod_button: false when web ide button is not shown' do
-        allow(helper).to receive(:can_collaborate_with_project?).and_return(false)
-        allow(helper).to receive(:can?).and_return(false)
+        allow(helper).to receive_messages(
+          can_collaborate_with_project?: false,
+          can?: false
+        )
 
-        expect(subject).to include(
+        expect(response).to include(
           show_web_ide_button: false,
           show_gitpod_button: false
         )
@@ -267,17 +269,19 @@
   end
 
   describe '.fork_modal_options' do
-    let_it_be(:blob) { project.repository.blob_at('refs/heads/master', @path) }
-    let(:fork_path)  { "/#{project.path_with_namespace}/-/forks/new" }
+    let(:path) { '' }
+
+    let(:blob) { project.repository.blob_at('refs/heads/master', path) }
+    let(:fork_path) { "/#{project.path_with_namespace}/-/forks/new" }
 
     before do
       allow(helper).to receive(:current_user).and_return(user)
     end
 
-    subject { helper.fork_modal_options(project, blob) }
+    subject(:result) { helper.fork_modal_options(project, blob) }
 
     it 'returns correct fork path' do
-      expect(subject).to match a_hash_including(fork_path: fork_path, fork_modal_id: nil)
+      expect(result).to match a_hash_including(fork_path: fork_path, fork_modal_id: nil)
     end
 
     context 'when show_edit_button true' do
@@ -286,7 +290,7 @@
       end
 
       it 'returns correct fork path and modal id' do
-        expect(subject).to match a_hash_including(
+        expect(result).to match a_hash_including(
           fork_path: fork_path,
           fork_modal_id: 'modal-confirm-fork-edit')
       end
@@ -298,11 +302,10 @@
       end
 
       it 'returns correct fork path and modal id' do
-        expect(subject).to match a_hash_including(
+        expect(result).to match a_hash_including(
           fork_path: fork_path,
           fork_modal_id: 'modal-confirm-fork-webide')
       end
     end
   end
-
 end
-- 
GitLab


From a3b19c735fef21307e1219079cd1308f442b7af3 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Tue, 9 Dec 2025 10:03:38 +0545
Subject: [PATCH 27/32] Remove gldropdown css override

---
 app/assets/stylesheets/framework/application-chrome.scss | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/app/assets/stylesheets/framework/application-chrome.scss b/app/assets/stylesheets/framework/application-chrome.scss
index db109bb767cf55..86b49787e37adf 100644
--- a/app/assets/stylesheets/framework/application-chrome.scss
+++ b/app/assets/stylesheets/framework/application-chrome.scss
@@ -1001,8 +1001,3 @@
     width: calc(var(--ai-panel-width) + var(--ai-panels-gap) + var(--ai-navigation-rail-size));
   }
 }
-
-.gl-new-dropdown-item-content[disabled]:hover {
-  background-color: inherit !important;
-  color: var(--gl-dropdown-option-text-color-disabled) !important;
-}
-- 
GitLab


From 3c9ab89f497a71c8081fbaa7ac1e8bebc15a0c52 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Tue, 9 Dec 2025 10:17:11 +0545
Subject: [PATCH 28/32] Create a constant for no modify permission message

---
 .../repository/components/header_area/blob_controls.vue     | 3 ++-
 .../components/header_area/blob_delete_file_group.vue       | 3 ++-
 .../repository/components/header_area/constants.js          | 4 ++++
 .../repository/components/header_area/blob_controls_spec.js | 6 +++---
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/app/assets/javascripts/repository/components/header_area/blob_controls.vue b/app/assets/javascripts/repository/components/header_area/blob_controls.vue
index 0adf92bb0abddc..1f475e805814e6 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_controls.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_controls.vue
@@ -30,6 +30,7 @@ import OpenMrBadge from '~/badges/components/open_mr_badge/open_mr_badge.vue';
 import BlobOverflowMenu from 'ee_else_ce/repository/components/header_area/blob_overflow_menu.vue';
 import ForkSuggestionModal from '~/repository/components/header_area/fork_suggestion_modal.vue';
 import { TEXT_FILE_TYPE, EMPTY_FILE, DEFAULT_BLOB_INFO } from '../../constants';
+import { NO_MODIFY_PERMISSION_MESSAGE } from './constants';
 
 export default {
   i18n: {
@@ -37,7 +38,7 @@ export default {
     blame: __('Blame'),
     errorMessage: __('An error occurred while loading file controls. Refresh the page.'),
     archivedProjectTooltip: __('You cannot edit files in archived projects'),
-    noPermissionTooltip: __("You don't have permission to modify this file."),
+    noPermissionTooltip: NO_MODIFY_PERMISSION_MESSAGE,
     lfsFileTooltip: __('You cannot edit files stored in LFS'),
   },
   buttonClassList: '@sm/panel:gl-w-auto gl-w-full @sm/panel:gl-mt-0 gl-mt-3',
diff --git a/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue b/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
index ddd7a6e421ac66..1977013c02d888 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
@@ -9,6 +9,7 @@ import { sprintf, __ } from '~/locale';
 import { showForkSuggestion } from '~/repository/utils/fork_suggestion_utils';
 import DeleteBlobModal from '~/repository/components/delete_blob_modal.vue';
 import { DEFAULT_BLOB_INFO } from '~/repository/constants';
+import { NO_MODIFY_PERMISSION_MESSAGE } from './constants';
 
 export default {
   components: {
@@ -58,7 +59,7 @@ export default {
   computed: {
     tooltipText() {
       if (!this.userPermissions.createMergeRequestIn) {
-        return __("You don't have permission to modify this file.");
+        return NO_MODIFY_PERMISSION_MESSAGE;
       }
 
       return '';
diff --git a/app/assets/javascripts/repository/components/header_area/constants.js b/app/assets/javascripts/repository/components/header_area/constants.js
index 7060c527b05a3f..878f2268ca97ed 100644
--- a/app/assets/javascripts/repository/components/header_area/constants.js
+++ b/app/assets/javascripts/repository/components/header_area/constants.js
@@ -1,6 +1,10 @@
+import { __ } from '~/locale';
+
 export const ADD_DROPDOWN_CLICK = 'click_add_dropdown';
 export const NEW_FILE_CLICK = 'click_new_file';
 export const UPLOAD_FILE_CLICK = 'click_upload_file';
 export const NEW_DIRECTORY_CLICK = 'click_new_directory';
 export const NEW_BRANCH_CLICK = 'click_new_branch';
 export const NEW_TAG_CLICK = 'click_new_tag';
+
+export const NO_MODIFY_PERMISSION_MESSAGE = __("You don't have permission to modify this file.");
diff --git a/spec/frontend/repository/components/header_area/blob_controls_spec.js b/spec/frontend/repository/components/header_area/blob_controls_spec.js
index 5b14aadb6b4bb3..c2abe95ff95e89 100644
--- a/spec/frontend/repository/components/header_area/blob_controls_spec.js
+++ b/spec/frontend/repository/components/header_area/blob_controls_spec.js
@@ -23,6 +23,8 @@ import applicationInfoQuery from '~/repository/queries/application_info.query.gr
 import createRouter from '~/repository/router';
 import OpenMrBadge from '~/badges/components/open_mr_badge/open_mr_badge.vue';
 import ForkSuggestionModal from '~/repository/components/header_area/fork_suggestion_modal.vue';
+import { NO_MODIFY_PERMISSION_MESSAGE } from '~/repository/components/header_area/constants';
+
 import {
   blobControlsDataMock,
   refMock,
@@ -279,9 +281,7 @@ describe('Blob controls component', () => {
       await createComponent({ provide: { showWebIdeButton: false } });
 
       expect(findWebIdeLink().props('disabled')).toBe(true);
-      expect(findWebIdeLink().props('customTooltipText')).toBe(
-        "You don't have permission to modify this file.",
-      );
+      expect(findWebIdeLink().props('customTooltipText')).toBe(NO_MODIFY_PERMISSION_MESSAGE);
     });
 
     describe('when project query has errors', () => {
-- 
GitLab


From c0df1f6f2f7e83838cbd228c8013a18985b20db9 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Tue, 9 Dec 2025 10:57:39 +0545
Subject: [PATCH 29/32] Use single tooltip

---
 .../header_area/blob_button_group.vue         | 18 ++----------------
 .../header_area/blob_delete_file_group.vue    | 19 ++-----------------
 .../header_area/blob_overflow_menu.vue        | 12 +++++++++++-
 3 files changed, 15 insertions(+), 34 deletions(-)

diff --git a/app/assets/javascripts/repository/components/header_area/blob_button_group.vue b/app/assets/javascripts/repository/components/header_area/blob_button_group.vue
index dd98ffe261b8aa..6f35bb98895cc2 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_button_group.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_button_group.vue
@@ -1,9 +1,5 @@
 <script>
-import {
-  GlDisclosureDropdownItem,
-  GlDisclosureDropdownGroup,
-  GlTooltipDirective,
-} from '@gitlab/ui';
+import { GlDisclosureDropdownItem, GlDisclosureDropdownGroup } from '@gitlab/ui';
 import { sprintf, __ } from '~/locale';
 import { showForkSuggestion } from '~/repository/utils/fork_suggestion_utils';
 import { DEFAULT_BLOB_INFO } from '~/repository/constants';
@@ -17,9 +13,6 @@ export default {
   i18n: {
     replace: __('Replace'),
   },
-  directives: {
-    GlTooltip: GlTooltipDirective,
-  },
   replaceBlobModalId: REPLACE_BLOB_MODAL_ID,
   components: {
     GlDisclosureDropdownItem,
@@ -58,13 +51,6 @@ export default {
     },
   },
   computed: {
-    tooltipText() {
-      if (!this.userPermissions.createMergeRequestIn) {
-        return __("You don't have permission to modify this file.");
-      }
-
-      return '';
-    },
     replaceFileItem() {
       return {
         text: this.$options.i18n.replace,
@@ -95,7 +81,7 @@ export default {
 </script>
 
 <template>
-  <gl-disclosure-dropdown-group v-gl-tooltip.viewport.left :title="tooltipText" bordered>
+  <gl-disclosure-dropdown-group bordered>
     <slot name="lock-file-item"></slot>
     <gl-disclosure-dropdown-item
       :item="replaceFileItem"
diff --git a/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue b/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
index 1977013c02d888..70a5200c18c9c3 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_delete_file_group.vue
@@ -1,15 +1,10 @@
 <script>
-import {
-  GlDisclosureDropdownGroup,
-  GlDisclosureDropdownItem,
-  GlTooltipDirective,
-} from '@gitlab/ui';
+import { GlDisclosureDropdownGroup, GlDisclosureDropdownItem } from '@gitlab/ui';
 import { uniqueId } from 'lodash';
 import { sprintf, __ } from '~/locale';
 import { showForkSuggestion } from '~/repository/utils/fork_suggestion_utils';
 import DeleteBlobModal from '~/repository/components/delete_blob_modal.vue';
 import { DEFAULT_BLOB_INFO } from '~/repository/constants';
-import { NO_MODIFY_PERMISSION_MESSAGE } from './constants';
 
 export default {
   components: {
@@ -17,9 +12,6 @@ export default {
     GlDisclosureDropdownItem,
     DeleteBlobModal,
   },
-  directives: {
-    GlTooltip: GlTooltipDirective,
-  },
   inject: {
     selectedBranch: {
       default: '',
@@ -57,13 +49,6 @@ export default {
     },
   },
   computed: {
-    tooltipText() {
-      if (!this.userPermissions.createMergeRequestIn) {
-        return NO_MODIFY_PERMISSION_MESSAGE;
-      }
-
-      return '';
-    },
     deleteFileItem() {
       return {
         text: __('Delete'),
@@ -101,7 +86,7 @@ export default {
 </script>
 
 <template>
-  <gl-disclosure-dropdown-group v-gl-tooltip.viewport.left :title="tooltipText" bordered>
+  <gl-disclosure-dropdown-group bordered>
     <gl-disclosure-dropdown-item :item="deleteFileItem" variant="danger" @action="showModal" />
     <delete-blob-modal
       :ref="deleteModalId"
diff --git a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
index dc98dd88fabf9f..ab1464cba3401c 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
@@ -6,6 +6,7 @@ import { __ } from '~/locale';
 import { createAlert } from '~/alert';
 import { isLoggedIn } from '~/lib/utils/common_utils';
 import projectInfoQuery from 'ee_else_ce/repository/queries/project_info.query.graphql';
+import { NO_MODIFY_PERMISSION_MESSAGE } from './constants';
 import { SIMPLE_BLOB_VIEWER, RICH_BLOB_VIEWER } from '~/blob/components/constants';
 import { DEFAULT_BLOB_INFO } from '~/repository/constants';
 import BlobButtonGroup from 'ee_else_ce/repository/components/header_area/blob_button_group.vue';
@@ -107,6 +108,8 @@ export default {
       userPermissions: DEFAULT_BLOB_INFO.userPermissions,
       activeViewerType: SIMPLE_BLOB_VIEWER,
       isLoggedIn: isLoggedIn(),
+      noModifyPermissionMessage: NO_MODIFY_PERMISSION_MESSAGE,
+      dropdownTooltipText: null,
     };
   },
   computed: {
@@ -141,6 +144,9 @@ export default {
     this.updateViewerFromQueryParam(this.$route?.query?.plain);
   },
   methods: {
+    updateDropdownTooltipText(customTooltipMessage) {
+      this.dropdownTooltipText = customTooltipMessage || this.$options.i18n.dropdownTooltip;
+    },
     updateViewerFromQueryParam(plainValue) {
       const hasRichViewer = Boolean(this.blobInfo.richViewer);
       const useSimpleViewer = plainValue === '1' || !hasRichViewer;
@@ -162,7 +168,7 @@ export default {
 </script>
 <template>
   <gl-disclosure-dropdown
-    v-gl-tooltip-directive.hover="$options.i18n.dropdownTooltip"
+    v-gl-tooltip-directive.hover="dropdownTooltipText"
     no-caret
     icon="ellipsis_v"
     data-testid="blob-overflow-menu"
@@ -184,6 +190,8 @@ export default {
       :is-replace-disabled="!canModifyFile && isLocked"
       :is-locked="isLocked"
       @showForkSuggestion="onShowForkSuggestion"
+      @mouseover.native="updateDropdownTooltipText(noModifyPermissionMessage)"
+      @mouseleave.native="updateDropdownTooltipText()"
     />
     <blob-default-actions-group
       :active-viewer-type="activeViewerType"
@@ -201,6 +209,8 @@ export default {
       :user-permissions="userPermissions"
       :disabled="!canModifyFile && isLocked"
       @showForkSuggestion="onShowForkSuggestion"
+      @mouseover.native="updateDropdownTooltipText(noModifyPermissionMessage)"
+      @mouseleave.native="updateDropdownTooltipText()"
     />
   </gl-disclosure-dropdown>
 </template>
-- 
GitLab


From 56882a0e73dd7a1e334b90f1facce154b33ef0c1 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Tue, 9 Dec 2025 11:59:42 +0545
Subject: [PATCH 30/32] Update tooltip logic

---
 .../header_area/blob_overflow_menu.vue        | 26 +++++++++++++------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
index ab1464cba3401c..44ff80d7e9ce38 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
@@ -108,8 +108,7 @@ export default {
       userPermissions: DEFAULT_BLOB_INFO.userPermissions,
       activeViewerType: SIMPLE_BLOB_VIEWER,
       isLoggedIn: isLoggedIn(),
-      noModifyPermissionMessage: NO_MODIFY_PERMISSION_MESSAGE,
-      dropdownTooltipText: null,
+      dropdownTooltipText: this.$options.i18n.dropdownTooltip,
     };
   },
   computed: {
@@ -144,8 +143,19 @@ export default {
     this.updateViewerFromQueryParam(this.$route?.query?.plain);
   },
   methods: {
-    updateDropdownTooltipText(customTooltipMessage) {
-      this.dropdownTooltipText = customTooltipMessage || this.$options.i18n.dropdownTooltip;
+    updateDropdownTooltipText(event) {
+      const isHoveredButtonGroup = this.$refs.buttonGroup?.$el?.contains?.(event.target);
+      const isHoveredDeleteFileGroup = this.$refs.deleteFileGroup?.$el?.contains(event.target);
+
+      if (
+        (isHoveredButtonGroup || isHoveredDeleteFileGroup) &&
+        !this.userPermissions.createMergeRequestIn
+      ) {
+        this.dropdownTooltipText = NO_MODIFY_PERMISSION_MESSAGE;
+        return;
+      }
+
+      this.dropdownTooltipText = this.$options.i18n.dropdownTooltip;
     },
     updateViewerFromQueryParam(plainValue) {
       const hasRichViewer = Boolean(this.blobInfo.richViewer);
@@ -176,10 +186,13 @@ export default {
     text-sr-only
     class="gl-mr-0"
     category="tertiary"
+    @mouseover.native="updateDropdownTooltipText($event)"
+    @mouseleave.native="updateDropdownTooltipText($event)"
   >
     <blob-repository-actions-group :permalink-path="blobInfo.permalinkPath" />
     <blob-button-group
       v-if="isLoggedIn && !blobInfo.archived"
+      ref="buttonGroup"
       :current-ref="currentRef"
       :project-path="projectPath"
       :is-using-lfs="isUsingLfs"
@@ -190,8 +203,6 @@ export default {
       :is-replace-disabled="!canModifyFile && isLocked"
       :is-locked="isLocked"
       @showForkSuggestion="onShowForkSuggestion"
-      @mouseover.native="updateDropdownTooltipText(noModifyPermissionMessage)"
-      @mouseleave.native="updateDropdownTooltipText()"
     />
     <blob-default-actions-group
       :active-viewer-type="activeViewerType"
@@ -203,14 +214,13 @@ export default {
     />
     <blob-delete-file-group
       v-if="isLoggedIn && !blobInfo.archived"
+      ref="deleteFileGroup"
       :current-ref="currentRef"
       :is-empty-repository="isEmptyRepository"
       :is-using-lfs="isUsingLfs"
       :user-permissions="userPermissions"
       :disabled="!canModifyFile && isLocked"
       @showForkSuggestion="onShowForkSuggestion"
-      @mouseover.native="updateDropdownTooltipText(noModifyPermissionMessage)"
-      @mouseleave.native="updateDropdownTooltipText()"
     />
   </gl-disclosure-dropdown>
 </template>
-- 
GitLab


From 75e36d3f8beab6268134c14e3f1e502569228bf2 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Tue, 9 Dec 2025 12:17:07 +0545
Subject: [PATCH 31/32] Use addeventlistener instead @mouseover and @mouseenter

---
 .../header_area/blob_overflow_menu.vue         | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
index 44ff80d7e9ce38..d86bef9f4142a1 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
@@ -6,10 +6,10 @@ import { __ } from '~/locale';
 import { createAlert } from '~/alert';
 import { isLoggedIn } from '~/lib/utils/common_utils';
 import projectInfoQuery from 'ee_else_ce/repository/queries/project_info.query.graphql';
-import { NO_MODIFY_PERMISSION_MESSAGE } from './constants';
 import { SIMPLE_BLOB_VIEWER, RICH_BLOB_VIEWER } from '~/blob/components/constants';
 import { DEFAULT_BLOB_INFO } from '~/repository/constants';
 import BlobButtonGroup from 'ee_else_ce/repository/components/header_area/blob_button_group.vue';
+import { NO_MODIFY_PERMISSION_MESSAGE } from './constants';
 import BlobDefaultActionsGroup from './blob_default_actions_group.vue';
 import BlobDeleteFileGroup from './blob_delete_file_group.vue';
 import BlobRepositoryActionsGroup from './blob_repository_actions_group.vue';
@@ -141,6 +141,19 @@ export default {
   },
   mounted() {
     this.updateViewerFromQueryParam(this.$route?.query?.plain);
+
+    const disclosureDropdown = this.$refs.disclosureDropdown?.$el;
+    if (disclosureDropdown) {
+      disclosureDropdown.addEventListener('mouseover', this.updateDropdownTooltipText);
+      disclosureDropdown.addEventListener('mouseleave', this.updateDropdownTooltipText);
+    }
+  },
+  beforeDestroy() {
+    const disclosureDropdown = this.$refs.disclosureDropdown?.$el;
+    if (disclosureDropdown) {
+      disclosureDropdown.removeEventListener('mouseover', this.updateDropdownTooltipText);
+      disclosureDropdown.removeEventListener('mouseleave', this.updateDropdownTooltipText);
+    }
   },
   methods: {
     updateDropdownTooltipText(event) {
@@ -179,6 +192,7 @@ export default {
 <template>
   <gl-disclosure-dropdown
     v-gl-tooltip-directive.hover="dropdownTooltipText"
+    ref="disclosureDropdown"
     no-caret
     icon="ellipsis_v"
     data-testid="blob-overflow-menu"
@@ -186,8 +200,6 @@ export default {
     text-sr-only
     class="gl-mr-0"
     category="tertiary"
-    @mouseover.native="updateDropdownTooltipText($event)"
-    @mouseleave.native="updateDropdownTooltipText($event)"
   >
     <blob-repository-actions-group :permalink-path="blobInfo.permalinkPath" />
     <blob-button-group
-- 
GitLab


From cb567fe1953295136c688c33d85de9c15d6840d3 Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Tue, 9 Dec 2025 12:22:04 +0545
Subject: [PATCH 32/32] Make eslint happy

---
 .../repository/components/header_area/blob_overflow_menu.vue    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
index d86bef9f4142a1..8f2b89f78007cb 100644
--- a/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
+++ b/app/assets/javascripts/repository/components/header_area/blob_overflow_menu.vue
@@ -191,8 +191,8 @@ export default {
 </script>
 <template>
   <gl-disclosure-dropdown
-    v-gl-tooltip-directive.hover="dropdownTooltipText"
     ref="disclosureDropdown"
+    v-gl-tooltip-directive.hover="dropdownTooltipText"
     no-caret
     icon="ellipsis_v"
     data-testid="blob-overflow-menu"
-- 
GitLab