From d7570fdd76abf7e09084dca20a7feac4beaf3f4e Mon Sep 17 00:00:00 2001
From: Coung Ngo <cngo@gitlab.com>
Date: Wed, 22 Oct 2025 11:45:16 +0200
Subject: [PATCH] Delete issues_list_drawer and epics_list_drawer feature flags

The work item drawer is now the default so we can delete these
feature flags

Changelog: other
---
 .../boards/components/board_app.vue           |  22 +-
 .../boards/components/board_card_inner.vue    |  17 +-
 .../boards/components/board_content.vue       |  28 +-
 .../boards/components/board_list.vue          |  13 +-
 .../list/components/issues_list_app.vue       |  12 +-
 .../work_items/pages/work_items_list_app.vue  |   4 +-
 .../stylesheets/page_bundles/boards.scss      |   4 -
 app/controllers/groups/boards_controller.rb   |   1 -
 .../groups/work_items_controller.rb           |   1 -
 app/controllers/groups_controller.rb          |   1 -
 app/controllers/projects/boards_controller.rb |   1 -
 app/controllers/projects/issues_controller.rb |   1 -
 .../development/issues_list_drawer.yml        |   8 -
 doc/user/group/epics/epic_boards.md           |   5 +-
 doc/user/group/epics/manage_epics.md          |   8 +-
 doc/user/project/issue_board.md               |   6 +-
 doc/user/project/issues/managing_issues.md    |  10 +-
 .../stylesheets/page_bundles/boards.scss      |   4 -
 .../groups/epic_boards_controller.rb          |   1 -
 ee/app/controllers/groups/epics_controller.rb |   1 -
 .../feature_flags/wip/epics_list_drawer.yml   |   9 -
 .../boards/components/board_app_spec.js       |  39 +-
 .../boards/components/board_content_spec.js   |  71 ----
 spec/frontend/boards/board_list_spec.js       |  17 +-
 .../boards/components/board_app_spec.js       |  27 --
 .../boards/components/board_card_spec.js      |   4 +-
 .../boards/components/board_content_spec.js   |  38 +-
 .../list/components/issues_list_app_spec.js   |  41 +--
 .../components/work_items_list_app_spec.js    | 334 +++++++-----------
 29 files changed, 176 insertions(+), 552 deletions(-)
 delete mode 100644 config/feature_flags/development/issues_list_drawer.yml
 delete mode 100644 ee/config/feature_flags/wip/epics_list_drawer.yml
 delete mode 100644 ee/spec/frontend/boards/components/board_content_spec.js

diff --git a/app/assets/javascripts/boards/components/board_app.vue b/app/assets/javascripts/boards/components/board_app.vue
index bae3b0b35502ae..bcd2fe57b97c92 100644
--- a/app/assets/javascripts/boards/components/board_app.vue
+++ b/app/assets/javascripts/boards/components/board_app.vue
@@ -1,6 +1,5 @@
 <script>
 import { omit } from 'lodash';
-import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import AccessorUtilities from '~/lib/utils/accessor';
 import { historyPushState, parseBoolean } from '~/lib/utils/common_utils';
 import { queryToObject, mergeUrlParams, removeParams } from '~/lib/utils/url_utility';
@@ -25,7 +24,6 @@ export default {
     BoardSettingsSidebar,
     BoardTopBar,
   },
-  mixins: [glFeatureFlagsMixin()],
   inject: [
     'fullPath',
     'initialBoardId',
@@ -87,14 +85,6 @@ export default {
     },
   },
   computed: {
-    issuesDrawerEnabled() {
-      if (this.glFeatures.workItemViewForIssues) {
-        return true;
-      }
-      return Boolean(
-        this.isIssueBoard ? this.glFeatures.issuesListDrawer : this.glFeatures.epicsListDrawer,
-      );
-    },
     listQueryVariables() {
       return {
         ...(this.isIssueBoard && {
@@ -128,7 +118,7 @@ export default {
       return `board.${this.fullPath}.${this.boardId}.isShowingEpicSwimlanes`;
     },
     isBoardWidthDynamic() {
-      return this.isAnySidebarOpen && this.issuesDrawerEnabled && this.isWorkItemDrawerOpened;
+      return this.isAnySidebarOpen && this.isWorkItemDrawerOpened;
     },
   },
   created() {
@@ -204,17 +194,16 @@ export default {
       historyPushState(removeParams(['group_by']), window.location.href, true);
     },
     handleWorkItemDrawerClose() {
-      if (!this.isAnySidebarOpen || !this.issuesDrawerEnabled) this.isWorkItemDrawerOpened = false;
+      if (!this.isAnySidebarOpen) {
+        this.isWorkItemDrawerOpened = false;
+      }
     },
   },
 };
 </script>
 
 <template>
-  <div
-    class="boards-app gl-relative"
-    :class="{ 'is-compact': isAnySidebarOpen && !issuesDrawerEnabled }"
-  >
+  <div class="boards-app gl-relative">
     <router-view />
     <board-top-bar
       :board-id="boardId"
@@ -238,7 +227,6 @@ export default {
       :board-lists="boardLists"
       :error="error"
       :list-query-variables="listQueryVariables"
-      :use-work-item-drawer="issuesDrawerEnabled"
       @setActiveList="setActiveId"
       @setAddColumnFormVisibility="addColumnFormVisible = $event"
       @setFilters="setFilters"
diff --git a/app/assets/javascripts/boards/components/board_card_inner.vue b/app/assets/javascripts/boards/components/board_card_inner.vue
index cd6bd5c4b5ec5c..dd4a817bee44fe 100644
--- a/app/assets/javascripts/boards/components/board_card_inner.vue
+++ b/app/assets/javascripts/boards/components/board_card_inner.vue
@@ -3,7 +3,6 @@ import { GlLabel, GlTooltipDirective, GlIcon, GlLoadingIcon } from '@gitlab/ui';
 import { sortBy, uniqueId } from 'lodash';
 import boardCardInner from 'ee_else_ce/boards/mixins/board_card_inner';
 import { isScopedLabel, convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
-import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { updateHistory, queryToObject } from '~/lib/utils/url_utility';
 import { sprintf, __ } from '~/locale';
 import isShowingLabelsQuery from '~/graphql_shared/client/is_showing_labels.query.graphql';
@@ -38,7 +37,7 @@ export default {
   directives: {
     GlTooltip: GlTooltipDirective,
   },
-  mixins: [boardCardInner, glFeatureFlagsMixin()],
+  mixins: [boardCardInner],
   inject: [
     'allowSubEpics',
     'rootPath',
@@ -174,12 +173,6 @@ export default {
     workItemType() {
       return this.isEpicBoard ? WORK_ITEM_TYPE_NAME_EPIC : this.item.type;
     },
-    workItemDrawerEnabled() {
-      if (this.glFeatures.workItemViewForIssues) {
-        return true;
-      }
-      return this.isEpicBoard ? this.glFeatures.epicsListDrawer : this.glFeatures.issuesListDrawer;
-    },
     workItemFullPath() {
       return this.item.namespace?.fullPath || this.item.referencePath?.split(this.itemPrefix)[0];
     },
@@ -285,12 +278,8 @@ export default {
         <a
           :href="item.path || item.webUrl || ''"
           :title="item.title"
-          :class="{
-            '!gl-text-disabled': isLoading,
-            'js-no-trigger': !workItemDrawerEnabled,
-            'js-no-trigger-title': workItemDrawerEnabled,
-          }"
-          class="gl-text-default hover:gl-text-default"
+          :class="{ '!gl-text-disabled': isLoading }"
+          class="js-no-trigger-title gl-text-default hover:gl-text-default"
           data-testid="board-card-title-link"
           aria-hidden="true"
           @mousemove.stop
diff --git a/app/assets/javascripts/boards/components/board_content.vue b/app/assets/javascripts/boards/components/board_content.vue
index 18d2b4207cb863..5346d04ea02384 100644
--- a/app/assets/javascripts/boards/components/board_content.vue
+++ b/app/assets/javascripts/boards/components/board_content.vue
@@ -33,9 +33,6 @@ export default {
     BoardAddNewColumnTrigger,
     BoardColumn,
     BoardDrawerWrapper,
-    BoardContentSidebar: () => import('~/boards/components/board_content_sidebar.vue'),
-    EpicBoardContentSidebar: () =>
-      import('ee_component/boards/components/epic_board_content_sidebar.vue'),
     EpicsSwimlanes: () => import('ee_component/boards/components/epics_swimlanes.vue'),
     GlAlert,
     WorkItemDrawer,
@@ -81,10 +78,6 @@ export default {
       type: Boolean,
       required: true,
     },
-    useWorkItemDrawer: {
-      type: Boolean,
-      required: true,
-    },
   },
   data() {
     return {
@@ -361,11 +354,7 @@ export default {
         />
       </div>
     </epics-swimlanes>
-    <board-drawer-wrapper
-      v-if="useWorkItemDrawer"
-      :backlog-list-id="backlogListId"
-      :closed-list-id="closedListId"
-    >
+    <board-drawer-wrapper :backlog-list-id="backlogListId" :closed-list-id="closedListId">
       <template
         #default="{
           activeIssuable,
@@ -395,20 +384,5 @@ export default {
         />
       </template>
     </board-drawer-wrapper>
-
-    <template v-else>
-      <board-content-sidebar
-        v-if="isIssueBoard"
-        :backlog-list-id="backlogListId"
-        :closed-list-id="closedListId"
-        data-testid="issue-boards-sidebar"
-      />
-      <epic-board-content-sidebar
-        v-else-if="isEpicBoard"
-        :backlog-list-id="backlogListId"
-        :closed-list-id="closedListId"
-        data-testid="epic-boards-sidebar"
-      />
-    </template>
   </div>
 </template>
diff --git a/app/assets/javascripts/boards/components/board_list.vue b/app/assets/javascripts/boards/components/board_list.vue
index 5714a1d28993db..c3a2693dace846 100644
--- a/app/assets/javascripts/boards/components/board_list.vue
+++ b/app/assets/javascripts/boards/components/board_list.vue
@@ -2,7 +2,6 @@
 import { GlLoadingIcon, GlIntersectionObserver, GlIcon } from '@gitlab/ui';
 import Draggable from 'vuedraggable';
 import { STATUS_CLOSED } from '~/issues/constants';
-import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { sprintf, __, s__ } from '~/locale';
 import { ESC_KEY_CODE } from '~/lib/utils/keycodes';
 import { defaultSortableOptions, DRAG_DELAY } from '~/sortable/constants';
@@ -54,7 +53,7 @@ export default {
     BoardCardMoveToPosition,
     GlIcon,
   },
-  mixins: [Tracking.mixin(), glFeatureFlagsMixin()],
+  mixins: [Tracking.mixin()],
   inject: [
     'isEpicBoard',
     'isIssueBoard',
@@ -332,12 +331,6 @@ export default {
     shouldCloneCard() {
       return shouldCloneCard(this.list.listType, this.toList.listType);
     },
-    issuesDrawerEnabled() {
-      if (this.glFeatures.workItemViewForIssues) return true;
-      return Boolean(
-        this.isIssueBoard ? this.glFeatures.issuesListDrawer : this.glFeatures.epicsListDrawer,
-      );
-    },
     isInapplicable() {
       if (!this.draggedType || !this.list?.status?.id) {
         return false;
@@ -742,10 +735,6 @@ export default {
       });
     },
     checkDrawerParams() {
-      if (!this.issuesDrawerEnabled) {
-        return;
-      }
-
       const queryParam = getParameterByName(DETAIL_VIEW_QUERY_PARAM_NAME);
 
       if (!queryParam) {
diff --git a/app/assets/javascripts/issues/list/components/issues_list_app.vue b/app/assets/javascripts/issues/list/components/issues_list_app.vue
index 110bef76aefb89..bfb23d7dde2575 100644
--- a/app/assets/javascripts/issues/list/components/issues_list_app.vue
+++ b/app/assets/javascripts/issues/list/components/issues_list_app.vue
@@ -632,9 +632,6 @@ export default {
     isIssuableSelected() {
       return !isEmpty(this.activeIssuable);
     },
-    issuesDrawerEnabled() {
-      return this.glFeatures?.issuesListDrawer || this.glFeatures?.workItemViewForIssues;
-    },
   },
   watch: {
     $route(newValue, oldValue) {
@@ -895,11 +892,7 @@ export default {
       this.state = state || STATUS_OPEN;
     },
     handleSelectIssuable(issuable) {
-      if (
-        this.issuesDrawerEnabled &&
-        this.activeIssuable &&
-        this.activeIssuable.iid === issuable.iid
-      ) {
+      if (this.activeIssuable && this.activeIssuable.iid === issuable.iid) {
         this.activeIssuable = null;
 
         const queryParam = getParameterByName(DETAIL_VIEW_QUERY_PARAM_NAME);
@@ -1009,7 +1002,6 @@ export default {
 <template>
   <div>
     <work-item-drawer
-      v-if="issuesDrawerEnabled"
       :open="isIssuableSelected"
       :active-item="activeIssuable"
       :issuable-type="$options.issuableType"
@@ -1053,7 +1045,7 @@ export default {
       :has-previous-page="pageInfo.hasPreviousPage"
       :active-issuable="activeIssuable"
       show-work-item-type-icon
-      :prevent-redirect="issuesDrawerEnabled"
+      prevent-redirect
       @click-tab="handleClickTab"
       @dismiss-alert="handleDismissAlert"
       @filter="handleFilter"
diff --git a/app/assets/javascripts/work_items/pages/work_items_list_app.vue b/app/assets/javascripts/work_items/pages/work_items_list_app.vue
index 91f577b57b48a1..08d576970f0754 100644
--- a/app/assets/javascripts/work_items/pages/work_items_list_app.vue
+++ b/app/assets/javascripts/work_items/pages/work_items_list_app.vue
@@ -453,10 +453,10 @@ export default {
       }
 
       if (this.isEpicsList) {
-        return this.glFeatures?.epicsListDrawer && shouldOpenItemsInSidePanel;
+        return shouldOpenItemsInSidePanel;
       }
 
-      return this.glFeatures?.issuesListDrawer && shouldOpenItemsInSidePanel;
+      return shouldOpenItemsInSidePanel;
     },
     isEpicsList() {
       return this.workItemType === WORK_ITEM_TYPE_NAME_EPIC;
diff --git a/app/assets/stylesheets/page_bundles/boards.scss b/app/assets/stylesheets/page_bundles/boards.scss
index 2046e36a6188ef..94c9aae1b35605 100644
--- a/app/assets/stylesheets/page_bundles/boards.scss
+++ b/app/assets/stylesheets/page_bundles/boards.scss
@@ -15,10 +15,6 @@ $focus-mode-z-index: 9000;
   @include gl-container-width-up(sm, panel) {
     @apply gl-transition-width;
     width: 100%;
-
-    &.is-compact {
-      width: calc(100% - #{$right-sidebar-width});
-    }
   }
 }
 
diff --git a/app/controllers/groups/boards_controller.rb b/app/controllers/groups/boards_controller.rb
index bb9b713303eeef..7430755d0848c3 100644
--- a/app/controllers/groups/boards_controller.rb
+++ b/app/controllers/groups/boards_controller.rb
@@ -7,7 +7,6 @@ class Groups::BoardsController < Groups::ApplicationController
 
   before_action do
     push_frontend_feature_flag(:board_multi_select, group)
-    push_frontend_feature_flag(:issues_list_drawer, group)
     push_force_frontend_feature_flag(:work_items_beta, !!group&.work_items_beta_feature_flag_enabled?)
     push_force_frontend_feature_flag(:work_item_tasks_on_boards,
       !!group&.work_item_tasks_on_boards_feature_flag_enabled?)
diff --git a/app/controllers/groups/work_items_controller.rb b/app/controllers/groups/work_items_controller.rb
index 8bfdae48260b7a..2b4569e12dc086 100644
--- a/app/controllers/groups/work_items_controller.rb
+++ b/app/controllers/groups/work_items_controller.rb
@@ -14,7 +14,6 @@ class WorkItemsController < Groups::ApplicationController
       push_force_frontend_feature_flag(:create_group_level_work_items,
         !!group&.create_group_level_work_items_feature_flag_enabled?)
       push_force_frontend_feature_flag(:glql_load_on_click, !!group&.glql_load_on_click_feature_flag_enabled?)
-      push_frontend_feature_flag(:issues_list_drawer, group)
       push_force_frontend_feature_flag(:work_item_planning_view, !!group&.work_items_consolidated_list_enabled?)
     end
 
diff --git a/app/controllers/groups_controller.rb b/app/controllers/groups_controller.rb
index 33d5aa8d9808e5..31f89201c0148d 100644
--- a/app/controllers/groups_controller.rb
+++ b/app/controllers/groups_controller.rb
@@ -37,7 +37,6 @@ class GroupsController < Groups::ApplicationController
     push_force_frontend_feature_flag(:work_items_beta, group.work_items_beta_feature_flag_enabled?)
     push_force_frontend_feature_flag(:work_items_alpha, group.work_items_alpha_feature_flag_enabled?)
     push_frontend_feature_flag(:issues_list_create_modal, group)
-    push_frontend_feature_flag(:issues_list_drawer, group)
   end
 
   skip_cross_project_access_check :index, :new, :create, :edit, :update, :destroy
diff --git a/app/controllers/projects/boards_controller.rb b/app/controllers/projects/boards_controller.rb
index d11f8229ea945c..d06295d8340920 100644
--- a/app/controllers/projects/boards_controller.rb
+++ b/app/controllers/projects/boards_controller.rb
@@ -7,7 +7,6 @@ class Projects::BoardsController < Projects::ApplicationController
   before_action :check_issues_available!
   before_action do
     push_frontend_feature_flag(:board_multi_select, project)
-    push_frontend_feature_flag(:issues_list_drawer, project)
     push_force_frontend_feature_flag(:work_items_beta, !!project&.work_items_beta_feature_flag_enabled?)
     push_force_frontend_feature_flag(:work_item_tasks_on_boards,
       !!project&.work_item_tasks_on_boards_feature_flag_enabled?)
diff --git a/app/controllers/projects/issues_controller.rb b/app/controllers/projects/issues_controller.rb
index 2fc6f03d1d2c50..1200f7e68970a2 100644
--- a/app/controllers/projects/issues_controller.rb
+++ b/app/controllers/projects/issues_controller.rb
@@ -50,7 +50,6 @@ class Projects::IssuesController < Projects::ApplicationController
     push_frontend_feature_flag(:preserve_markdown, project)
     push_frontend_feature_flag(:service_desk_ticket)
     push_frontend_feature_flag(:issues_list_create_modal, project)
-    push_frontend_feature_flag(:issues_list_drawer, project)
     push_frontend_feature_flag(:notifications_todos_buttons, current_user)
     push_force_frontend_feature_flag(:work_item_planning_view, !!project&.work_items_consolidated_list_enabled?)
     push_force_frontend_feature_flag(:glql_load_on_click, !!project&.glql_load_on_click_feature_flag_enabled?)
diff --git a/config/feature_flags/development/issues_list_drawer.yml b/config/feature_flags/development/issues_list_drawer.yml
deleted file mode 100644
index dba17d109a34ce..00000000000000
--- a/config/feature_flags/development/issues_list_drawer.yml
+++ /dev/null
@@ -1,8 +0,0 @@
----
-name: issues_list_drawer
-introduced_by_url: https://gitlab.com/gitlab-org/gitlab/-/merge_requests/123019
-rollout_issue_url:
-milestone: '16.3'
-type: development
-group: group::product planning
-default_enabled: false
diff --git a/doc/user/group/epics/epic_boards.md b/doc/user/group/epics/epic_boards.md
index 135a9dc6fa5c97..2e16b948d05765 100644
--- a/doc/user/group/epics/epic_boards.md
+++ b/doc/user/group/epics/epic_boards.md
@@ -153,10 +153,7 @@ To create an epic from a list in epic board:
 
 ### Edit an epic
 
-<!-- When epics_list_drawer feature flag is removed, change the info below into a proper task topic -->
-
-If your administrator enabled the [epic drawer](manage_epics.md#open-epics-in-a-drawer),
-when you select an epic card from the epic board, the epic opens in a drawer.
+When you select an epic card from the epic board, the [epic opens in a drawer](manage_epics.md#open-epics-in-a-drawer).
 There, you can edit all the fields, including the description, comments, or related items.
 
 ### Filter epics
diff --git a/doc/user/group/epics/manage_epics.md b/doc/user/group/epics/manage_epics.md
index c2993d6b2f02ac..af2251d082364f 100644
--- a/doc/user/group/epics/manage_epics.md
+++ b/doc/user/group/epics/manage_epics.md
@@ -447,16 +447,10 @@ To configure epic display preferences:
 
 - [Introduced](https://gitlab.com/gitlab-org/gitlab/-/issues/464698) in GitLab 17.4 [with a flag](../../../administration/feature_flags/_index.md) named `work_item_view_for_issues`. Enabled by default.
 - Toggling between drawer and full page view [introduced](https://gitlab.com/gitlab-org/gitlab/-/issues/536620) in GitLab 18.2.
+- [Generally available](https://gitlab.com/gitlab-org/gitlab/-/issues/500367) in GitLab 18.6. Feature flag `epics_list_drawer` removed.
 
 {{< /history >}}
 
-{{< alert type="flag" >}}
-
-The availability of this feature is controlled by a feature flag.
-For more information, see the history.
-
-{{< /alert >}}
-
 When you select an epic from the Epics page or an epic board, it opens in a drawer.
 You can then view and edit its details without losing context of the epic list or board.
 
diff --git a/doc/user/project/issue_board.md b/doc/user/project/issue_board.md
index 9ec5416ef5fe27..e6845d54479000 100644
--- a/doc/user/project/issue_board.md
+++ b/doc/user/project/issue_board.md
@@ -547,11 +547,7 @@ You can edit the following issue attributes in the right sidebar:
 - [Weight](issues/issue_weight.md)
 - Time tracking
 
-<!-- When issues_list_drawer feature flag is removed, use the following info
-and the ones outlined in issues/managing_issues.md#open-issues-in-a-drawer to update the main previous topic. -->
-
-If your administrator enabled the [issue drawer](issues/managing_issues.md#open-issues-in-a-drawer),
-when you select an issue card from the issue board, the issue opens in a drawer.
+When you select an issue card from the issue board, the [issue opens in a drawer](issues/managing_issues.md#open-issues-in-a-drawer).
 There, you can edit all the fields, including the description, comments, or related items.
 
 ### Create a new list
diff --git a/doc/user/project/issues/managing_issues.md b/doc/user/project/issues/managing_issues.md
index f844cfc2396b63..770c80abf0df9d 100644
--- a/doc/user/project/issues/managing_issues.md
+++ b/doc/user/project/issues/managing_issues.md
@@ -822,17 +822,11 @@ You can use the OR operator (**is one of: `||`**) when you [filter the list of i
 
 - [Introduced](https://gitlab.com/gitlab-org/gitlab/-/issues/464063) in GitLab 17.4 [with a flag](../../../administration/feature_flags/_index.md) named `issues_list_drawer`. Disabled by default.
 - In GitLab 17.11 and later, if [the new look for issues](issue_work_items.md) is enabled, this feature is also enabled.
+- [Generally available](https://gitlab.com/gitlab-org/gitlab/-/issues/463829) in GitLab 18.6. Feature flag `issues_list_drawer` removed.
 
 {{< /history >}}
 
-{{< alert type="flag" >}}
-
-The availability of this feature is controlled by a feature flag.
-For more information, see the history.
-
-{{< /alert >}}
-
-When this feature is enabled, when you select an issue from the list or issue board, it opens in a drawer.
+When you select an issue from the list or issue board, it opens in a drawer.
 You can then edit the issue or create comments.
 
 To open the issue in full view:
diff --git a/ee/app/assets/stylesheets/page_bundles/boards.scss b/ee/app/assets/stylesheets/page_bundles/boards.scss
index d6fb9c51def617..4f6fa2e8bf2c45 100644
--- a/ee/app/assets/stylesheets/page_bundles/boards.scss
+++ b/ee/app/assets/stylesheets/page_bundles/boards.scss
@@ -55,10 +55,6 @@ $epic-icons-spacing: 40px;
 .board-epic-lane,
 .swimlanes-button {
   max-width: calc(100vw - #{$super-sidebar-width} - #{$epic-icons-spacing});
-
-  .is-compact & {
-    max-width: calc(100vw - #{$super-sidebar-width} - #{$right-sidebar-width} - #{$epic-icons-spacing});
-  }
 }
 
 .board-epic-lane-shadow.show {
diff --git a/ee/app/controllers/groups/epic_boards_controller.rb b/ee/app/controllers/groups/epic_boards_controller.rb
index e1d46e6943a2a6..18b8f6e5dbe9f2 100644
--- a/ee/app/controllers/groups/epic_boards_controller.rb
+++ b/ee/app/controllers/groups/epic_boards_controller.rb
@@ -8,7 +8,6 @@ class Groups::EpicBoardsController < Groups::ApplicationController
 
   before_action do
     push_force_frontend_feature_flag(:work_item_epics, group.work_item_epics_enabled?)
-    push_frontend_feature_flag(:epics_list_drawer, group)
   end
 
   track_event :index, :show, name: 'g_project_management_users_viewing_epic_boards'
diff --git a/ee/app/controllers/groups/epics_controller.rb b/ee/app/controllers/groups/epics_controller.rb
index 66a27eb87587d9..8bea091d54dbde 100644
--- a/ee/app/controllers/groups/epics_controller.rb
+++ b/ee/app/controllers/groups/epics_controller.rb
@@ -23,7 +23,6 @@ class Groups::EpicsController < Groups::ApplicationController
 
     push_force_frontend_feature_flag(:glql_load_on_click, !!@group&.glql_load_on_click_feature_flag_enabled?)
     push_force_frontend_feature_flag(:work_items_alpha, !!group.work_items_alpha_feature_flag_enabled?)
-    push_frontend_feature_flag(:epics_list_drawer, @group)
   end
 
   before_action only: :show do
diff --git a/ee/config/feature_flags/wip/epics_list_drawer.yml b/ee/config/feature_flags/wip/epics_list_drawer.yml
deleted file mode 100644
index c3ec86d6540aea..00000000000000
--- a/ee/config/feature_flags/wip/epics_list_drawer.yml
+++ /dev/null
@@ -1,9 +0,0 @@
----
-name: epics_list_drawer
-feature_issue_url:
-introduced_by_url: https://gitlab.com/gitlab-org/gitlab/-/merge_requests/170066
-rollout_issue_url:
-milestone: '17.6'
-group: group::product planning
-type: wip
-default_enabled: false
diff --git a/ee/spec/frontend/boards/components/board_app_spec.js b/ee/spec/frontend/boards/components/board_app_spec.js
index 214be001dd3ac2..c456a2427e0ed1 100644
--- a/ee/spec/frontend/boards/components/board_app_spec.js
+++ b/ee/spec/frontend/boards/components/board_app_spec.js
@@ -5,14 +5,13 @@ import VueApollo from 'vue-apollo';
 import { issueBoardListsQueryResponse } from 'jest/boards/mock_data';
 import createMockApollo from 'helpers/mock_apollo_helper';
 import BoardApp from '~/boards/components/board_app.vue';
-import BoardContent from '~/boards/components/board_content.vue';
 import epicBoardListsQuery from 'ee_component/boards/graphql/epic_board_lists.query.graphql';
 import activeBoardItemQuery from 'ee_else_ce/boards/graphql/client/active_board_item.query.graphql';
 import boardListsQuery from 'ee_else_ce/boards/graphql/board_lists.query.graphql';
 import { rawIssue, epicBoardListsQueryResponse } from '../mock_data';
 
 describe('BoardApp', () => {
-  let wrapper;
+  let wrapper; // eslint-disable-line no-unused-vars
 
   const boardListQueryHandler = jest.fn().mockResolvedValue(issueBoardListsQueryResponse);
   const epicBoardListQueryHandler = jest.fn().mockResolvedValue(epicBoardListsQueryResponse);
@@ -21,8 +20,6 @@ describe('BoardApp', () => {
     [epicBoardListsQuery, epicBoardListQueryHandler],
   ]);
 
-  const findBoardContent = () => wrapper.findComponent(BoardContent);
-
   Vue.use(VueApollo);
 
   const createComponent = ({ issue = rawIssue, provide = {} } = {}) => {
@@ -65,38 +62,4 @@ describe('BoardApp', () => {
       expect(notCalledHandler).not.toHaveBeenCalled();
     },
   );
-
-  describe('when on epic board', () => {
-    describe('when `epicsListDrawer` feature is disabled', () => {
-      beforeEach(() => {
-        createComponent({
-          provide: {
-            isIssueBoard: false,
-            issuableType: 'epic',
-            glFeatures: { issuesListDrawer: true, epicsListDrawer: false },
-          },
-        });
-      });
-
-      it('passes `useWorkItemDrawer` as false', () => {
-        expect(findBoardContent().props('useWorkItemDrawer')).toBe(false);
-      });
-    });
-
-    describe('when issues when `issuesListDrawer` feature is enabled', () => {
-      beforeEach(() => {
-        createComponent({
-          provide: {
-            isIssueBoard: false,
-            issuableType: 'epic',
-            glFeatures: { issuesListDrawer: false, epicsListDrawer: true },
-          },
-        });
-      });
-
-      it('passes `useWorkItemDrawer` as true', () => {
-        expect(findBoardContent().props('useWorkItemDrawer')).toBe(true);
-      });
-    });
-  });
 });
diff --git a/ee/spec/frontend/boards/components/board_content_spec.js b/ee/spec/frontend/boards/components/board_content_spec.js
deleted file mode 100644
index 78b2dc064431f7..00000000000000
--- a/ee/spec/frontend/boards/components/board_content_spec.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-import EpicBoardContentSidebar from 'ee/boards/components/epic_board_content_sidebar.vue';
-import BoardContent from '~/boards/components/board_content.vue';
-import BoardContentSidebar from '~/boards/components/board_content_sidebar.vue';
-
-describe('ee/BoardContent', () => {
-  let wrapper;
-
-  const createComponent = ({
-    issuableType = 'issue',
-    isIssueBoard = true,
-    isEpicBoard = false,
-    isSwimlanesOn = false,
-  }) => {
-    wrapper = shallowMount(BoardContent, {
-      provide: {
-        timeTrackingLimitToHours: false,
-        canAdminList: false,
-        canUpdate: false,
-        labelsFilterBasePath: '',
-        boardType: 'group',
-        fullPath: 'gitlab-org/gitlab',
-        issuableType,
-        isIssueBoard,
-        isEpicBoard,
-        allowSubEpics: isEpicBoard ?? false,
-        isGroupBoard: true,
-        disabled: false,
-      },
-      propsData: {
-        boardLists: {},
-        boardId: 'gid://gitlab/Board/1',
-        filterParams: {},
-        isSwimlanesOn,
-        listQueryVariables: {},
-        addColumnFormVisible: false,
-        useWorkItemDrawer: false,
-      },
-      stubs: {
-        'board-content-sidebar': BoardContentSidebar,
-        'epic-board-content-sidebar': EpicBoardContentSidebar,
-      },
-    });
-  };
-
-  beforeEach(() => {
-    window.gon = { licensed_features: {} };
-  });
-
-  describe.each`
-    isSwimlanesOn | isIssueBoard | isEpicBoard | resultIssue | resultEpic
-    ${true}       | ${true}      | ${false}    | ${true}     | ${false}
-    ${false}      | ${true}      | ${false}    | ${true}     | ${false}
-    ${false}      | ${false}     | ${true}     | ${false}    | ${true}
-  `(
-    'with isSwimlanesOn=$isSwimlanesOn',
-    ({ isSwimlanesOn, isIssueBoard, isEpicBoard, resultIssue, resultEpic }) => {
-      beforeEach(() => {
-        createComponent({ isIssueBoard, isEpicBoard, isSwimlanesOn });
-      });
-
-      it(`renders BoardContentSidebar = ${resultIssue}`, () => {
-        expect(wrapper.findComponent(BoardContentSidebar).exists()).toBe(resultIssue);
-      });
-
-      it(`renders EpicBoardContentSidebar = ${resultEpic}`, () => {
-        expect(wrapper.findComponent(EpicBoardContentSidebar).exists()).toBe(resultEpic);
-      });
-    },
-  );
-});
diff --git a/spec/frontend/boards/board_list_spec.js b/spec/frontend/boards/board_list_spec.js
index cd13a3b7f3b39e..002e30f6cd935f 100644
--- a/spec/frontend/boards/board_list_spec.js
+++ b/spec/frontend/boards/board_list_spec.js
@@ -441,7 +441,6 @@ describe('Board list component', () => {
     const { id, iid, referencePath } = mockIssues[0];
     const mountForShowParamTests = async ({
       showParams = { id, iid, full_path: referencePath },
-      drawerEnabled = false,
     } = {}) => {
       const show = btoa(JSON.stringify(showParams));
       setWindowLocation(`?${DETAIL_VIEW_QUERY_PARAM_NAME}=${show}`);
@@ -455,26 +454,18 @@ describe('Board list component', () => {
             setActiveBoardItem: mutationHandler,
           },
         },
-        provide: {
-          glFeatures: { issuesListDrawer: drawerEnabled },
-        },
       });
       await waitForPromises();
     };
 
-    it('does not call `getParameterByName` if the drawer is disabled', async () => {
-      await mountForShowParamTests();
-      expect(getParameterByName).not.toHaveBeenCalled();
-    });
-
     it('calls `getParameterByName` to get the `show` parameter', async () => {
-      await mountForShowParamTests({ drawerEnabled: true });
+      await mountForShowParamTests();
       expect(getParameterByName).toHaveBeenCalledWith(DETAIL_VIEW_QUERY_PARAM_NAME);
     });
 
     describe('when the item is found in the list', () => {
       it('calls the `setActiveWorkItem` mutation', async () => {
-        await mountForShowParamTests({ drawerEnabled: true });
+        await mountForShowParamTests();
         expect(mutationHandler).toHaveBeenCalled();
       });
     });
@@ -487,7 +478,6 @@ describe('Board list component', () => {
             iid: '9999',
             full_path: 'does-not-match/at-all',
           },
-          drawerEnabled: true,
         });
         expect(wrapper.emitted('cannot-find-active-item')).toHaveLength(1);
       });
@@ -501,7 +491,6 @@ describe('Board list component', () => {
             iid: '9999',
             full_path: 'does-not-match/at-all',
           },
-          drawerEnabled: true,
         });
         await wrapper.setProps({ filterParams: { first: 50 } });
         expect(listResolver).toHaveBeenCalledTimes(2);
@@ -511,7 +500,7 @@ describe('Board list component', () => {
 
     describe('on window `popstate` event', () => {
       it('calls `getParameterByName` to get the `show` parameter', async () => {
-        await mountForShowParamTests({ drawerEnabled: true });
+        await mountForShowParamTests();
         window.dispatchEvent(new Event('popstate'));
         expect(getParameterByName).toHaveBeenCalledWith(DETAIL_VIEW_QUERY_PARAM_NAME);
       });
diff --git a/spec/frontend/boards/components/board_app_spec.js b/spec/frontend/boards/components/board_app_spec.js
index effa21f1cdbc26..2a52e5369ce27b 100644
--- a/spec/frontend/boards/components/board_app_spec.js
+++ b/spec/frontend/boards/components/board_app_spec.js
@@ -28,7 +28,6 @@ describe('BoardApp', () => {
   const createComponent = ({
     issue = rawIssue,
     handler = boardListQueryHandler,
-    workItemDrawerEnabled = true,
     isIssueBoard = true,
   } = {}) => {
     mockApollo = createMockApollo([[boardListsQuery, handler]]);
@@ -49,10 +48,6 @@ describe('BoardApp', () => {
         boardType: isIssueBoard ? 'project' : 'group',
         isIssueBoard,
         isGroupBoard: false,
-        glFeatures: {
-          issuesListDrawer: workItemDrawerEnabled,
-          epicsListDrawer: !workItemDrawerEnabled,
-        },
         hasCustomFieldsFeature: false,
       },
       stubs: ['router-view'],
@@ -104,26 +99,4 @@ describe('BoardApp', () => {
 
     expect(cacheUpdates.setError).toHaveBeenCalled();
   });
-
-  describe('when on issue board', () => {
-    describe('when `issuesListDrawer` feature is disabled', () => {
-      beforeEach(() => {
-        createComponent({ workItemDrawerEnabled: false });
-      });
-
-      it('passes `useWorkItemDrawer` as false', () => {
-        expect(findBoardContent().props('useWorkItemDrawer')).toBe(false);
-      });
-    });
-
-    describe('when `issuesListDrawer` feature is enabled', () => {
-      beforeEach(() => {
-        createComponent({ workItemDrawerEnabled: true });
-      });
-
-      it('passes `useWorkItemDrawer` as true', () => {
-        expect(findBoardContent().props('useWorkItemDrawer')).toBe(true);
-      });
-    });
-  });
 });
diff --git a/spec/frontend/boards/components/board_card_spec.js b/spec/frontend/boards/components/board_card_spec.js
index 062aa1138b8fc9..5866d781622cf8 100644
--- a/spec/frontend/boards/components/board_card_spec.js
+++ b/spec/frontend/boards/components/board_card_spec.js
@@ -127,9 +127,9 @@ describe('Board card', () => {
     });
   });
 
-  describe('when issuable title is clicked in BoardCardInner and issuesListDrawer feature is enabled', () => {
+  describe('when issuable title is clicked in BoardCardInner to show drawer', () => {
     it('calls mockSetSelectedBoardItemsResolver', async () => {
-      mountComponent({ provide: { glFeatures: { issuesListDrawer: true } } });
+      mountComponent();
 
       await findBoardCardButton().trigger('click');
 
diff --git a/spec/frontend/boards/components/board_content_spec.js b/spec/frontend/boards/components/board_content_spec.js
index ce2f0301974d72..4cef647a896815 100644
--- a/spec/frontend/boards/components/board_content_spec.js
+++ b/spec/frontend/boards/components/board_content_spec.js
@@ -12,7 +12,6 @@ import EpicsSwimlanes from 'ee_component/boards/components/epics_swimlanes.vue';
 import * as cacheUpdates from '~/boards/graphql/cache_updates';
 import BoardColumn from '~/boards/components/board_column.vue';
 import BoardContent from '~/boards/components/board_content.vue';
-import BoardContentSidebar from '~/boards/components/board_content_sidebar.vue';
 import updateBoardListMutation from '~/boards/graphql/board_list_update.mutation.graphql';
 import BoardAddNewColumn from 'ee_else_ce/boards/components/board_add_new_column.vue';
 import BoardAddNewColumnTrigger from '~/boards/components/board_add_new_column_trigger.vue';
@@ -49,7 +48,6 @@ describe('BoardContent', () => {
     isIssueBoard = true,
     isEpicBoard = false,
     handler = updateListHandler,
-    workItemDrawerEnabled = false,
   } = {}) => {
     mockApollo = createMockApollo([[updateBoardListMutation, handler]]);
     mockApollo.clients.defaultClient.cache.updateQuery = mockUpdateCache;
@@ -70,7 +68,6 @@ describe('BoardContent', () => {
         boardLists: mockListsById,
         listQueryVariables,
         addColumnFormVisible: false,
-        useWorkItemDrawer: workItemDrawerEnabled,
         ...props,
       },
       provide: {
@@ -84,7 +81,6 @@ describe('BoardContent', () => {
         fullPath: 'project-path',
       },
       stubs: {
-        BoardContentSidebar,
         BoardDrawerWrapper: stubComponent(BoardDrawerWrapper, {
           template: `
             <div>
@@ -133,12 +129,8 @@ describe('BoardContent', () => {
       expect(wrapper.findAllComponents(BoardColumn)).toHaveLength(mockLists.length);
     });
 
-    it('renders BoardContentSidebar', () => {
-      expect(wrapper.findComponent(BoardContentSidebar).exists()).toBe(true);
-    });
-
-    it('does not render board drawer wrapper', () => {
-      expect(findDrawerWrapper().exists()).toBe(false);
+    it('renders board drawer wrapper', () => {
+      expect(findDrawerWrapper().exists()).toBe(true);
     });
 
     it('does not display EpicsSwimlanes component', () => {
@@ -192,20 +184,6 @@ describe('BoardContent', () => {
     });
   });
 
-  describe('when issuableType is not issue', () => {
-    beforeEach(() => {
-      createComponent({ issuableType: 'foo', isIssueBoard: false });
-    });
-
-    it('does not render BoardContentSidebar', () => {
-      expect(wrapper.findComponent(BoardContentSidebar).exists()).toBe(false);
-    });
-
-    it('does not render board drawer wrapper', () => {
-      expect(findDrawerWrapper().exists()).toBe(false);
-    });
-  });
-
   describe('can admin list', () => {
     beforeEach(() => {
       createComponent({ canAdminList: true });
@@ -249,16 +227,12 @@ describe('BoardContent', () => {
     });
   });
 
-  describe('when work item drawer is enabled', () => {
+  describe('work item drawer', () => {
     beforeEach(() => {
-      createComponent({ workItemDrawerEnabled: true });
-    });
-
-    it('does not render board sidebar', () => {
-      expect(wrapper.findComponent(BoardContentSidebar).exists()).toBe(false);
+      createComponent();
     });
 
-    it('renders board drawer wrapper', () => {
+    it('renders', () => {
       expect(findDrawerWrapper().exists()).toBe(true);
     });
 
@@ -271,7 +245,7 @@ describe('BoardContent', () => {
 
   describe('when all columns cannot find active item', () => {
     beforeEach(() => {
-      createComponent({ workItemDrawerEnabled: true });
+      createComponent();
 
       findBoardColumns().wrappers.forEach((column) => {
         column.vm.$emit('cannot-find-active-item');
diff --git a/spec/frontend/issues/list/components/issues_list_app_spec.js b/spec/frontend/issues/list/components/issues_list_app_spec.js
index bc57d075f347bb..9e5b7cce50ec39 100644
--- a/spec/frontend/issues/list/components/issues_list_app_spec.js
+++ b/spec/frontend/issues/list/components/issues_list_app_spec.js
@@ -236,7 +236,10 @@ describe('CE IssuesListApp component', () => {
       data() {
         return data;
       },
-      stubs,
+      stubs: {
+        WorkItemDrawer: true,
+        ...stubs,
+      },
     });
   };
 
@@ -1147,20 +1150,10 @@ describe('CE IssuesListApp component', () => {
 
   describe('when issue drawer is enabled', () => {
     beforeEach(async () => {
-      wrapper = mountComponent({
-        provide: {
-          glFeatures: {
-            issuesListDrawer: true,
-          },
-        },
-      });
+      wrapper = mountComponent();
       await waitForPromises();
     });
 
-    it('renders issuable drawer component', () => {
-      expect(findWorkItemDrawer().exists()).toBe(true);
-    });
-
     it('renders issuable drawer closed by default', () => {
       expect(findWorkItemDrawer().props('open')).toBe(false);
     });
@@ -1335,13 +1328,7 @@ describe('CE IssuesListApp component', () => {
   });
 
   it('shows an error when deleting from the drawer fails', async () => {
-    wrapper = mountComponent({
-      provide: {
-        glFeatures: {
-          issuesListDrawer: true,
-        },
-      },
-    });
+    wrapper = mountComponent();
 
     findIssuableList().vm.$emit(
       'select-issuable',
@@ -1363,13 +1350,7 @@ describe('CE IssuesListApp component', () => {
       const show = btoa(JSON.stringify(showParams));
       setWindowLocation(`?${DETAIL_VIEW_QUERY_PARAM_NAME}=${show}`);
       getParameterByName.mockReturnValue(show);
-      wrapper = mountComponent({
-        provide: {
-          glFeatures: {
-            issuesListDrawer: true,
-          },
-        },
-      });
+      wrapper = mountComponent();
       await waitForPromises();
     };
     it('calls `getParameterByName` to get the `show` param', async () => {
@@ -1406,13 +1387,7 @@ describe('CE IssuesListApp component', () => {
     const show = btoa(JSON.stringify({ id: getIdFromGraphQLId(id), iid, full_path: fullPath }));
     beforeEach(async () => {
       getParameterByName.mockReturnValue(show);
-      wrapper = mountComponent({
-        provide: {
-          glFeatures: {
-            issuesListDrawer: true,
-          },
-        },
-      });
+      wrapper = mountComponent();
       await waitForPromises();
     });
     describe('and the query contains a `show` parameter', () => {
diff --git a/spec/frontend/work_items/list/components/work_items_list_app_spec.js b/spec/frontend/work_items/list/components/work_items_list_app_spec.js
index 6095bf204cfea7..b61cf91db56d04 100644
--- a/spec/frontend/work_items/list/components/work_items_list_app_spec.js
+++ b/spec/frontend/work_items/list/components/work_items_list_app_spec.js
@@ -262,9 +262,6 @@ describeSkipVue3(skipReason, () => {
     mountComponent({
       provide: {
         workItemType: WORK_ITEM_TYPE_NAME_ISSUE,
-        glFeatures: {
-          issuesListDrawer: true,
-        },
       },
     });
     await waitForPromises();
@@ -1099,85 +1096,104 @@ describeSkipVue3(skipReason, () => {
 
   describe('work item drawer', () => {
     describe('when rendering issues list', () => {
-      describe('when issues_list_drawer feature is disabled', () => {
-        it('is not rendered when feature is disabled', async () => {
-          mountComponent({
-            workItemsToggleEnabled: false,
-            provide: {
-              glFeatures: {
-                issuesListDrawer: false,
-                epicsListDrawer: true,
+      beforeEach(async () => {
+        mountComponent();
+        await waitForPromises();
+      });
+
+      it.each`
+        message              | shouldOpenItemsInSidePanel | drawerExists
+        ${'is rendered'}     | ${true}                    | ${true}
+        ${'is not rendered'} | ${false}                   | ${false}
+      `(
+        '$message when shouldOpenItemsInSidePanel is $shouldOpenItemsInSidePanel',
+        async ({ shouldOpenItemsInSidePanel, drawerExists }) => {
+          const mockHandler = jest.fn().mockResolvedValue({
+            data: {
+              currentUser: {
+                id: 'gid://gitlab/User/1',
+                userPreferences: {
+                  workItemsDisplaySettings: { shouldOpenItemsInSidePanel },
+                },
+                workItemPreferences: {
+                  displaySettings: { hiddenMetadataKeys: [] },
+                },
               },
             },
           });
-          await waitForPromises();
-
-          expect(findDrawer().exists()).toBe(false);
-        });
-      });
 
-      describe('when issues_list_drawer feature is enabled', () => {
-        beforeEach(async () => {
           mountComponent({
+            mockPreferencesHandler: mockHandler,
             provide: {
               glFeatures: {
-                issuesListDrawer: true,
-                epicsListDrawer: false,
+                workItemViewForIssues: false,
               },
+              isSignedIn: true,
             },
           });
+
           await waitForPromises();
-        });
 
-        it.each`
-          message              | shouldOpenItemsInSidePanel | drawerExists
-          ${'is rendered'}     | ${true}                    | ${true}
-          ${'is not rendered'} | ${false}                   | ${false}
-        `(
-          '$message when shouldOpenItemsInSidePanel is $shouldOpenItemsInSidePanel',
-          async ({ shouldOpenItemsInSidePanel, drawerExists }) => {
-            const mockHandler = jest.fn().mockResolvedValue({
-              data: {
-                currentUser: {
-                  id: 'gid://gitlab/User/1',
-                  userPreferences: {
-                    workItemsDisplaySettings: { shouldOpenItemsInSidePanel },
-                  },
-                  workItemPreferences: {
-                    displaySettings: { hiddenMetadataKeys: [] },
-                  },
+          expect(findDrawer().exists()).toBe(drawerExists);
+        },
+      );
+      describe('display settings', () => {
+        it('passes hiddenMetadataKeys to IssuableList', async () => {
+          const mockHandler = jest.fn().mockResolvedValue({
+            data: {
+              currentUser: {
+                id: 'gid://gitlab/User/1',
+                userPreferences: {
+                  workItemsDisplaySettings: { shouldOpenItemsInSidePanel: true },
+                },
+                workItemPreferences: {
+                  displaySettings: { hiddenMetadataKeys: ['labels', 'milestone'] },
                 },
               },
-            });
+            },
+          });
 
-            mountComponent({
-              mockPreferencesHandler: mockHandler,
-              provide: {
-                glFeatures: {
-                  workItemViewForIssues: false,
-                  epicsListDrawer: false,
-                  issuesListDrawer: true,
+          mountComponent({ mockPreferencesHandler: mockHandler });
+          await waitForPromises();
+
+          expect(findIssuableList().props('hiddenMetadataKeys')).toEqual(['labels', 'milestone']);
+        });
+
+        it('passes hiddenMetadataKeys to IssueCardTimeInfo', async () => {
+          const mockHandler = jest.fn().mockResolvedValue({
+            data: {
+              currentUser: {
+                id: 'gid://gitlab/User/1',
+                userPreferences: {
+                  workItemsDisplaySettings: { shouldOpenItemsInSidePanel: true },
+                },
+                workItemPreferences: {
+                  displaySettings: { hiddenMetadataKeys: ['dates', 'milestone'] },
                 },
-                isSignedIn: true,
               },
-            });
+            },
+          });
 
-            await waitForPromises();
+          mountComponent({ mockPreferencesHandler: mockHandler });
+          await waitForPromises();
 
-            expect(findDrawer().exists()).toBe(drawerExists);
-          },
-        );
-        describe('display settings', () => {
-          it('passes hiddenMetadataKeys to IssuableList', async () => {
+          expect(findIssueCardTimeInfo().props('hiddenMetadataKeys')).toEqual([
+            'dates',
+            'milestone',
+          ]);
+        });
+
+        describe('workItemDrawerEnabled', () => {
+          it('does not render drawer when shouldOpenItemsInSidePanel is false', async () => {
             const mockHandler = jest.fn().mockResolvedValue({
               data: {
                 currentUser: {
                   id: 'gid://gitlab/User/1',
                   userPreferences: {
-                    workItemsDisplaySettings: { shouldOpenItemsInSidePanel: true },
+                    workItemsDisplaySettings: { shouldOpenItemsInSidePanel: false },
                   },
                   workItemPreferences: {
-                    displaySettings: { hiddenMetadataKeys: ['labels', 'milestone'] },
+                    displaySettings: { hiddenMetadataKeys: [] },
                   },
                 },
               },
@@ -1186,10 +1202,10 @@ describeSkipVue3(skipReason, () => {
             mountComponent({ mockPreferencesHandler: mockHandler });
             await waitForPromises();
 
-            expect(findIssuableList().props('hiddenMetadataKeys')).toEqual(['labels', 'milestone']);
+            expect(findDrawer().exists()).toBe(false);
           });
 
-          it('passes hiddenMetadataKeys to IssueCardTimeInfo', async () => {
+          it('renders drawer when shouldOpenItemsInSidePanel is true and feature is enabled', async () => {
             const mockHandler = jest.fn().mockResolvedValue({
               data: {
                 currentUser: {
@@ -1198,179 +1214,106 @@ describeSkipVue3(skipReason, () => {
                     workItemsDisplaySettings: { shouldOpenItemsInSidePanel: true },
                   },
                   workItemPreferences: {
-                    displaySettings: { hiddenMetadataKeys: ['dates', 'milestone'] },
+                    displaySettings: { hiddenMetadataKeys: [] },
                   },
                 },
               },
             });
 
-            mountComponent({ mockPreferencesHandler: mockHandler });
-            await waitForPromises();
-
-            expect(findIssueCardTimeInfo().props('hiddenMetadataKeys')).toEqual([
-              'dates',
-              'milestone',
-            ]);
-          });
-
-          describe('workItemDrawerEnabled', () => {
-            it('does not render drawer when shouldOpenItemsInSidePanel is false', async () => {
-              const mockHandler = jest.fn().mockResolvedValue({
-                data: {
-                  currentUser: {
-                    id: 'gid://gitlab/User/1',
-                    userPreferences: {
-                      workItemsDisplaySettings: { shouldOpenItemsInSidePanel: false },
-                    },
-                    workItemPreferences: {
-                      displaySettings: { hiddenMetadataKeys: [] },
-                    },
-                  },
+            mountComponent({
+              mockPreferencesHandler: mockHandler,
+              provide: {
+                glFeatures: {
+                  workItemViewForIssues: false,
                 },
-              });
-
-              mountComponent({ mockPreferencesHandler: mockHandler });
-              await waitForPromises();
-
-              expect(findDrawer().exists()).toBe(false);
+              },
             });
+            await waitForPromises();
 
-            it('renders drawer when shouldOpenItemsInSidePanel is true and feature is enabled', async () => {
-              const mockHandler = jest.fn().mockResolvedValue({
-                data: {
-                  currentUser: {
-                    id: 'gid://gitlab/User/1',
-                    userPreferences: {
-                      workItemsDisplaySettings: { shouldOpenItemsInSidePanel: true },
-                    },
-                    workItemPreferences: {
-                      displaySettings: { hiddenMetadataKeys: [] },
-                    },
-                  },
-                },
-              });
-
-              mountComponent({
-                mockPreferencesHandler: mockHandler,
-                provide: {
-                  glFeatures: {
-                    workItemViewForIssues: false,
-                    epicsListDrawer: false,
-                    issuesListDrawer: true,
-                  },
-                },
-              });
-              await waitForPromises();
-
-              expect(findDrawer().exists()).toBe(true);
-            });
+            expect(findDrawer().exists()).toBe(true);
           });
         });
+      });
 
-        describe('selecting issues', () => {
-          const issue = workItemsQueryResponseCombined.data.namespace.workItems.nodes[0];
-          const payload = {
-            iid: issue.iid,
-            webUrl: issue.webUrl,
-            fullPath: issue.namespace.fullPath,
-          };
+      describe('selecting issues', () => {
+        const issue = workItemsQueryResponseCombined.data.namespace.workItems.nodes[0];
+        const payload = {
+          iid: issue.iid,
+          webUrl: issue.webUrl,
+          fullPath: issue.namespace.fullPath,
+        };
 
-          beforeEach(async () => {
-            findIssuableList().vm.$emit('select-issuable', payload);
+        beforeEach(async () => {
+          findIssuableList().vm.$emit('select-issuable', payload);
 
-            await nextTick();
-          });
+          await nextTick();
+        });
 
-          it('opens drawer when work item is selected', () => {
-            expect(findDrawer().props('open')).toBe(true);
-            expect(findDrawer().props('activeItem')).toEqual(payload);
-          });
+        it('opens drawer when work item is selected', () => {
+          expect(findDrawer().props('open')).toBe(true);
+          expect(findDrawer().props('activeItem')).toEqual(payload);
+        });
 
-          it('closes drawer when work item is clicked again', async () => {
-            findIssuableList().vm.$emit('select-issuable', payload);
-            await nextTick();
+        it('closes drawer when work item is clicked again', async () => {
+          findIssuableList().vm.$emit('select-issuable', payload);
+          await nextTick();
 
-            expect(findDrawer().props('open')).toBe(false);
-            expect(findDrawer().props('activeItem')).toBeNull();
-          });
+          expect(findDrawer().props('open')).toBe(false);
+          expect(findDrawer().props('activeItem')).toBeNull();
+        });
 
-          const checkThatDrawerPropsAreEmpty = () => {
-            expect(findDrawer().props('activeItem')).toBeNull();
-            expect(findDrawer().props('open')).toBe(false);
-          };
+        const checkThatDrawerPropsAreEmpty = () => {
+          expect(findDrawer().props('activeItem')).toBeNull();
+          expect(findDrawer().props('open')).toBe(false);
+        };
 
-          it('resets the selected item when the drawer is closed', async () => {
-            findDrawer().vm.$emit('close');
+        it('resets the selected item when the drawer is closed', async () => {
+          findDrawer().vm.$emit('close');
 
-            await nextTick();
+          await nextTick();
 
-            checkThatDrawerPropsAreEmpty();
-          });
+          checkThatDrawerPropsAreEmpty();
+        });
 
-          it('refetches counts and resets when work item is deleted', async () => {
-            expect(defaultCountsQueryHandler).toHaveBeenCalledTimes(1);
+        it('refetches counts and resets when work item is deleted', async () => {
+          expect(defaultCountsQueryHandler).toHaveBeenCalledTimes(1);
 
-            findDrawer().vm.$emit('workItemDeleted');
+          findDrawer().vm.$emit('workItemDeleted');
 
-            await nextTick();
+          await nextTick();
 
-            checkThatDrawerPropsAreEmpty();
+          checkThatDrawerPropsAreEmpty();
 
-            expect(defaultCountsQueryHandler).toHaveBeenCalledTimes(2);
-          });
+          expect(defaultCountsQueryHandler).toHaveBeenCalledTimes(2);
+        });
 
-          it('refetches counts when the selected work item is closed', async () => {
-            expect(defaultCountsQueryHandler).toHaveBeenCalledTimes(1);
+        it('refetches counts when the selected work item is closed', async () => {
+          expect(defaultCountsQueryHandler).toHaveBeenCalledTimes(1);
 
-            // component displays open work items by default
-            findDrawer().vm.$emit('work-item-updated', {
-              state: STATE_CLOSED,
-            });
+          // component displays open work items by default
+          findDrawer().vm.$emit('work-item-updated', {
+            state: STATE_CLOSED,
+          });
 
-            await nextTick();
+          await nextTick();
 
-            expect(defaultCountsQueryHandler).toHaveBeenCalledTimes(2);
-          });
+          expect(defaultCountsQueryHandler).toHaveBeenCalledTimes(2);
         });
       });
     });
 
     describe('when rendering epics list', () => {
-      describe('when epics_list_drawer feature is disabled', () => {
-        it('is not rendered when feature is disabled', async () => {
-          mountComponent({
-            workItemsToggleEnabled: false,
-            provide: {
-              glFeatures: {
-                issuesListDrawer: true,
-                epicsListDrawer: false,
-              },
-              workItemType: WORK_ITEM_TYPE_NAME_EPIC,
-            },
-          });
-          await waitForPromises();
-
-          expect(findDrawer().exists()).toBe(false);
+      beforeEach(async () => {
+        mountComponent({
+          provide: {
+            workItemType: WORK_ITEM_TYPE_NAME_EPIC,
+          },
         });
+        await waitForPromises();
       });
 
-      describe('when issues_list_drawer feature is enabled', () => {
-        beforeEach(async () => {
-          mountComponent({
-            provide: {
-              glFeatures: {
-                issuesListDrawer: false,
-                epicsListDrawer: true,
-              },
-              workItemType: WORK_ITEM_TYPE_NAME_EPIC,
-            },
-          });
-          await waitForPromises();
-        });
-
-        it('is rendered when feature is enabled', () => {
-          expect(findDrawer().exists()).toBe(true);
-        });
+      it('uses work item drawer', () => {
+        expect(findDrawer().exists()).toBe(true);
       });
     });
 
@@ -1393,9 +1336,6 @@ describeSkipVue3(skipReason, () => {
         mountComponent({
           provide: {
             workItemType: WORK_ITEM_TYPE_NAME_ISSUE,
-            glFeatures: {
-              issuesListDrawer: true,
-            },
           },
         });
         await waitForPromises();
-- 
GitLab