Add latest changes from gitlab-org/gitlab@master

Author: GitLab Bot

.rubocop.yml

@@ -1329,3 +1329,7 @@ Scalability/RandomCronSchedule:
   Enabled: true
   Include:
     - 'config/initializers/1_settings.rb'
+
+Migration/PreventFeatureFlagsUsage:
+  Enabled: true
+  EnforcedSince: 20250505000000

.rubocop_todo/migration/prevent_feature_flags_usage.yml

@@ -0,0 +1,6 @@
+---
+Migration/PreventFeatureFlagsUsage:
+  Details: grace period
+  Exclude:
+    - 'db/migrate/20250228183319_migrate_vscode_extension_marketplace_feature_flag_to_data.rb'
+    - 'db/post_migrate/20250404151331_backfill_ci_job_live_trace_application_setting.rb'

.rubocop_todo/rspec/feature_category.yml

@@ -987,7 +987,6 @@ RSpec/FeatureCategory:
     - 'ee/spec/validators/ldap_filter_validator_spec.rb'
     - 'ee/spec/validators/password/complexity_validator_spec.rb'
     - 'ee/spec/validators/user_existence_validator_spec.rb'
-    - 'ee/spec/views/admin/application_settings/_deletion_protection_settings.html.haml_spec.rb'
     - 'ee/spec/views/admin/application_settings/_git_abuse_rate_limit.html.haml_spec.rb'
     - 'ee/spec/views/admin/application_settings/general.html.haml_spec.rb'
     - 'ee/spec/views/admin/dev_ops_report/show.html.haml_spec.rb'

GITLAB_KAS_VERSION

@@ -1 +1 @@
-e8c0552b8152cf9363ccd1d9e9002225904d5202
+d02aa3b4de57ed8a1a53156be2909b7199659e6c

app/assets/javascripts/boards/components/board_form.vue

@@ -108,6 +108,7 @@ export default {
     return {
       board: { ...boardDefaults, ...this.currentBoard },
       isLoading: false,
+      isDisabled: false,
     };
   },
   apollo: {
@@ -147,7 +148,7 @@ export default {
       return !this.canAdminBoard;
     },
     submitDisabled() {
-      return this.isLoading || this.board.name.length === 0;
+      return this.isLoading || this.board.name.length === 0 || this.isDisabled;
     },
     primaryProps() {
       return {
@@ -259,6 +260,7 @@ export default {
           setError({ error, message: this.$options.i18n.deleteErrorMessage });
         } finally {
           this.isLoading = false;
+          this.isDisabled = true;
         }
       } else {
         try {
@@ -273,6 +275,7 @@ export default {
           setError({ error, message: this.$options.i18n.saveErrorMessage });
         } finally {
           this.isLoading = false;
+          this.isDisabled = true;
         }
       }
     },

app/assets/javascripts/pages/projects/blob/show/index.js

@@ -29,6 +29,7 @@ import { HISTORY_BUTTON_CLICK } from '~/tracking/constants';
 import { initFindFileShortcut } from '~/projects/behaviors';
 import initHeaderApp from '~/repository/init_header_app';
 import createRouter from '~/repository/router';
+import initFileTreeBrowser from '~/repository/file_tree_browser';
 
 Vue.use(Vuex);
 Vue.use(VueApollo);
@@ -86,6 +87,7 @@ if (viewBlobEl) {
     ...dataset
   } = viewBlobEl.dataset;
   const router = createRouter(projectPath, originalBranch);
+  initFileTreeBrowser(router);
 
   initHeaderApp({ router, isBlobView: true });
 

app/assets/javascripts/repository/file_tree_browser/components/tree_list.vue

@@ -0,0 +1,84 @@
+<script>
+import {
+  GlTooltipDirective,
+  GlBadge,
+  GlButtonGroup,
+  GlButton,
+  GlSearchBoxByType,
+} from '@gitlab/ui';
+import { getModifierKey } from '~/constants';
+import { __, s__, sprintf } from '~/locale';
+
+export default {
+  i18n: {
+    listViewToggleTitle: __('List view'),
+    treeViewToggleTitle: __('Tree view'),
+  },
+  directives: {
+    GlTooltip: GlTooltipDirective,
+  },
+  components: {
+    GlBadge,
+    GlButtonGroup,
+    GlButton,
+    GlSearchBoxByType,
+  },
+  props: {
+    totalFilesCount: {
+      type: Number,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      search: '',
+      renderTreeList: false,
+    };
+  },
+  searchPlaceholder: sprintf(s__('Repository|Search (e.g. *.vue) (%{modifierKey}P)'), {
+    modifierKey: getModifierKey(),
+  }),
+};
+</script>
+
+<template>
+  <div class="tree-list-holder">
+    <div class="gl-mb-3 gl-flex gl-items-center">
+      <h5 class="gl-my-0 gl-inline-block">{{ __('Files') }}</h5>
+      <gl-badge class="gl-ml-2">{{ totalFilesCount }}</gl-badge>
+      <gl-button-group class="gl-ml-auto">
+        <gl-button
+          v-gl-tooltip.hover
+          icon="list-bulleted"
+          :selected="!renderTreeList"
+          :title="$options.i18n.listViewToggleTitle"
+          :aria-label="$options.i18n.listViewToggleTitle"
+          @click="renderTreeList = false"
+        />
+        <gl-button
+          v-gl-tooltip.hover
+          icon="file-tree"
+          :selected="renderTreeList"
+          :title="$options.i18n.treeViewToggleTitle"
+          :aria-label="$options.i18n.treeViewToggleTitle"
+          @click="renderTreeList = true"
+        />
+      </gl-button-group>
+    </div>
+    <label for="repository-tree-search" class="sr-only">{{ $options.searchPlaceholder }}</label>
+    <gl-search-box-by-type
+      id="repository-tree-search"
+      v-model="search"
+      :placeholder="$options.searchPlaceholder"
+      :clear-button-title="__('Clear search')"
+      name="repository-tree-search"
+      class="gl-mb-3"
+    />
+    <div>
+      <!-- TODO: implement recycle-scroller + list files (file-row components) -->
+      <p class="text-center gl-my-6">
+        {{ __('No files found') }}
+      </p>
+    </div>
+  </div>
+</template>

app/assets/javascripts/repository/file_tree_browser/file_tree_browser.vue

@@ -0,0 +1,29 @@
+<script>
+import FileBrowserHeight from '~/diffs/components/file_browser_height.vue';
+import TreeList from './components/tree_list.vue';
+
+export const TREE_WIDTH = 320;
+
+export default {
+  name: 'FileTreeBrowser',
+  components: {
+    TreeList,
+    FileBrowserHeight,
+  },
+  data() {
+    return {
+      treeWidth: TREE_WIDTH,
+      isLoading: false,
+      totalFilesCount: 0,
+    };
+  },
+};
+</script>
+
+<template>
+  <div>
+    <file-browser-height :style="{ width: `${treeWidth}px` }" class="repository-tree-list">
+      <tree-list v-if="!isLoading" class="gl-mr-5 gl-mt-5" :total-files-count="totalFilesCount" />
+    </file-browser-height>
+  </div>
+</template>

app/assets/javascripts/repository/file_tree_browser/index.js

@@ -0,0 +1,26 @@
+import Vue from 'vue';
+import VueApollo from 'vue-apollo';
+import createDefaultClient from '~/lib/graphql';
+import { pinia } from '~/pinia/instance';
+import FileBrowser from './file_tree_browser.vue';
+
+Vue.use(VueApollo);
+
+const apolloProvider = new VueApollo({
+  defaultClient: createDefaultClient(),
+});
+
+export default async function initBrowserComponent(router) {
+  const el = document.getElementById('js-file-browser');
+  if (!el) return false;
+
+  return new Vue({
+    el,
+    pinia,
+    router,
+    apolloProvider,
+    render(h) {
+      return h(FileBrowser);
+    },
+  });
+}

app/assets/javascripts/repository/index.js

@@ -10,6 +10,7 @@ import RefSelector from '~/ref/components/ref_selector.vue';
 import HighlightWorker from '~/vue_shared/components/source_viewer/workers/highlight_worker?worker';
 import CodeDropdown from '~/vue_shared/components/code_dropdown/code_dropdown.vue';
 import CompactCodeDropdown from 'ee_else_ce/repository/components/code_dropdown/compact_code_dropdown.vue';
+import initFileTreeBrowser from '~/repository/file_tree_browser';
 import App from './components/app.vue';
 import Breadcrumbs from './components/header_area/breadcrumbs.vue';
 import ForkInfo from './components/fork_info.vue';
@@ -47,6 +48,7 @@ export default function setupVueRepositoryList() {
     targetBranch,
   } = dataset;
   const router = createRouter(projectPath, escapedRef);
+  initFileTreeBrowser(router);
 
   apolloProvider.clients.defaultClient.cache.writeQuery({
     query: commitsQuery,