diff --git a/.rubocop_todo/gitlab/bounded_contexts.yml b/.rubocop_todo/gitlab/bounded_contexts.yml
index 008a7bdf603af8506aba47c5f1703a0e9a826c2f..4b105faa13b9132dda0709bf9ef360bc752b18d7 100644
--- a/.rubocop_todo/gitlab/bounded_contexts.yml
+++ b/.rubocop_todo/gitlab/bounded_contexts.yml
@@ -3561,11 +3561,13 @@ Gitlab/BoundedContexts:
     - 'ee/lib/ee/sidebars/explore/menus/dependencies_menu.rb'
     - 'ee/lib/ee/sidebars/explore/panel.rb'
     - 'ee/lib/ee/sidebars/groups/menus/issues_menu.rb'
+    - 'ee/lib/ee/sidebars/groups/menus/work_items_menu.rb'
     - 'ee/lib/ee/sidebars/groups/menus/settings_menu.rb'
     - 'ee/lib/ee/sidebars/groups/panel.rb'
     - 'ee/lib/ee/sidebars/projects/menus/analytics_menu.rb'
     - 'ee/lib/ee/sidebars/projects/menus/ci_cd_menu.rb'
     - 'ee/lib/ee/sidebars/projects/menus/issues_menu.rb'
+    - 'ee/lib/ee/sidebars/projects/menus/work_items_menu.rb'
     - 'ee/lib/ee/sidebars/projects/menus/monitor_menu.rb'
     - 'ee/lib/ee/sidebars/projects/menus/packages_registries_menu.rb'
     - 'ee/lib/ee/sidebars/projects/menus/repository_menu.rb'
@@ -3656,6 +3658,7 @@ Gitlab/BoundedContexts:
     - 'ee/lib/sidebars/admin/menus/subscription_menu.rb'
     - 'ee/lib/sidebars/groups/menus/analytics_menu.rb'
     - 'ee/lib/sidebars/groups/menus/epics_menu.rb'
+    - 'ee/lib/sidebars/groups/menus/work_item_epics_menu.rb'
     - 'ee/lib/sidebars/groups/menus/security_compliance_menu.rb'
     - 'ee/lib/sidebars/groups/menus/wiki_menu.rb'
     - 'ee/lib/sidebars/projects/menus/learn_gitlab_menu.rb'
@@ -3966,6 +3969,7 @@ Gitlab/BoundedContexts:
     - 'lib/sidebars/groups/menus/customer_relations_menu.rb'
     - 'lib/sidebars/groups/menus/group_information_menu.rb'
     - 'lib/sidebars/groups/menus/issues_menu.rb'
+    - 'lib/sidebars/groups/menus/work_items_menu.rb'
     - 'lib/sidebars/groups/menus/kubernetes_menu.rb'
     - 'lib/sidebars/groups/menus/merge_requests_menu.rb'
     - 'lib/sidebars/groups/menus/packages_registries_menu.rb'
@@ -4000,6 +4004,7 @@ Gitlab/BoundedContexts:
     - 'lib/sidebars/projects/menus/hidden_menu.rb'
     - 'lib/sidebars/projects/menus/infrastructure_menu.rb'
     - 'lib/sidebars/projects/menus/issues_menu.rb'
+    - 'lib/sidebars/projects/menus/work_items_menu.rb'
     - 'lib/sidebars/projects/menus/merge_requests_menu.rb'
     - 'lib/sidebars/projects/menus/monitor_menu.rb'
     - 'lib/sidebars/projects/menus/packages_registries_menu.rb'
diff --git a/.rubocop_todo/gitlab/strong_memoize_attr.yml b/.rubocop_todo/gitlab/strong_memoize_attr.yml
index 0d6414b09aecb02c1b45a399a9c019b824aa8287..b61c890dda7e247f7b94b34f639f908569f00c85 100644
--- a/.rubocop_todo/gitlab/strong_memoize_attr.yml
+++ b/.rubocop_todo/gitlab/strong_memoize_attr.yml
@@ -358,6 +358,7 @@ Gitlab/StrongMemoizeAttr:
     - 'ee/lib/ee/gitlab/security/scan_configuration.rb'
     - 'ee/lib/ee/gitlab/web_hooks/rate_limiter.rb'
     - 'ee/lib/ee/sidebars/groups/menus/issues_menu.rb'
+    - 'ee/lib/ee/sidebars/groups/menus/work_items_menu.rb'
     - 'ee/lib/elastic/multi_version_util.rb'
     - 'ee/lib/gitlab/auth/group_saml/auth_hash.rb'
     - 'ee/lib/gitlab/auth/group_saml/membership_updater.rb'
@@ -562,5 +563,6 @@ Gitlab/StrongMemoizeAttr:
     - 'lib/safe_zip/extract_params.rb'
     - 'lib/sidebars/projects/menus/analytics_menu.rb'
     - 'lib/sidebars/projects/menus/issues_menu.rb'
+    - 'lib/sidebars/projects/menus/work_items_menu.rb'
     - 'lib/unnested_in_filters/rewriter.rb'
     - 'tooling/graphql/docs/helper.rb'
diff --git a/.rubocop_todo/rspec/avoid_conditional_statements.yml b/.rubocop_todo/rspec/avoid_conditional_statements.yml
index aa94593d1dad4a8daad45d59804eaff8f1c05820..ef65040453f710e8ebfcec366c5384e5bf374814 100644
--- a/.rubocop_todo/rspec/avoid_conditional_statements.yml
+++ b/.rubocop_todo/rspec/avoid_conditional_statements.yml
@@ -10,6 +10,7 @@ RSpec/AvoidConditionalStatements:
     - 'ee/spec/features/epics/gfm_autocomplete_spec.rb'
     - 'ee/spec/features/group_protected_branches_spec.rb'
     - 'ee/spec/features/groups/iterations/user_views_iteration_spec.rb'
+    - 'ee/spec/features/groups/navbar_spec.rb'
     - 'ee/spec/features/incidents/incident_details_spec.rb'
     - 'ee/spec/features/issues/user_sees_empty_state_spec.rb'
     - 'ee/spec/features/labels_hierarchy_spec.rb'
diff --git a/.rubocop_todo/rspec/be_eq.yml b/.rubocop_todo/rspec/be_eq.yml
index 4c75d7ba238da89c4f3b1e086198f399bb0f3295..a91e41f53a96583884c3399d9cae273c4809c7fe 100644
--- a/.rubocop_todo/rspec/be_eq.yml
+++ b/.rubocop_todo/rspec/be_eq.yml
@@ -1004,6 +1004,7 @@ RSpec/BeEq:
     - 'spec/lib/sidebars/projects/menus/ci_cd_menu_spec.rb'
     - 'spec/lib/sidebars/projects/menus/confluence_menu_spec.rb'
     - 'spec/lib/sidebars/projects/menus/issues_menu_spec.rb'
+    - 'spec/lib/sidebars/projects/menus/work_items_menu_spec.rb'
     - 'spec/lib/sidebars/projects/menus/merge_requests_menu_spec.rb'
     - 'spec/lib/sidebars/projects/menus/packages_registries_menu_spec.rb'
     - 'spec/lib/sidebars/projects/menus/repository_menu_spec.rb'
diff --git a/.rubocop_todo/rspec/factory_bot/avoid_create.yml b/.rubocop_todo/rspec/factory_bot/avoid_create.yml
index 36eaf7c51a79035c8c001c5aac4b8ceaaff7dc6a..cd51e58ef5266881f1027400c68f2058d3d971dc 100644
--- a/.rubocop_todo/rspec/factory_bot/avoid_create.yml
+++ b/.rubocop_todo/rspec/factory_bot/avoid_create.yml
@@ -74,6 +74,7 @@ RSpec/FactoryBot/AvoidCreate:
     - 'ee/spec/helpers/vulnerabilities_helper_spec.rb'
     - 'ee/spec/lib/sidebars/groups/menus/analytics_menu_spec.rb'
     - 'ee/spec/lib/sidebars/groups/menus/epics_menu_spec.rb'
+    - 'ee/spec/lib/sidebars/groups/menus/work_item_epics_menu_spec.rb'
     - 'ee/spec/lib/sidebars/groups/menus/security_compliance_menu_spec.rb'
     - 'ee/spec/lib/sidebars/groups/menus/wiki_menu_spec.rb'
     - 'ee/spec/lib/sidebars/groups/super_sidebar_panel_spec.rb'
@@ -311,6 +312,7 @@ RSpec/FactoryBot/AvoidCreate:
     - 'spec/lib/sidebars/groups/menus/ci_cd_menu_spec.rb'
     - 'spec/lib/sidebars/groups/menus/group_information_menu_spec.rb'
     - 'spec/lib/sidebars/groups/menus/issues_menu_spec.rb'
+    - 'spec/lib/sidebars/groups/menus/work_items_menu_spec.rb'
     - 'spec/lib/sidebars/groups/menus/kubernetes_menu_spec.rb'
     - 'spec/lib/sidebars/groups/menus/merge_requests_menu_spec.rb'
     - 'spec/lib/sidebars/groups/menus/packages_registries_menu_spec.rb'
diff --git a/.rubocop_todo/rspec/named_subject.yml b/.rubocop_todo/rspec/named_subject.yml
index 5a6721e5ea60133bd4d42136a654ca7dd6d96296..29f8f1f7cc0c9ad3056fd8c27a1aea20cd84eeff 100644
--- a/.rubocop_todo/rspec/named_subject.yml
+++ b/.rubocop_todo/rspec/named_subject.yml
@@ -438,6 +438,7 @@ RSpec/NamedSubject:
     - 'ee/spec/lib/projects/project_changes_auditor_spec.rb'
     - 'ee/spec/lib/repositories/project_push_rules_changes_auditor_spec.rb'
     - 'ee/spec/lib/sidebars/groups/menus/epics_menu_spec.rb'
+    - 'ee/spec/lib/sidebars/groups/menus/work_item_epics_menu_spec.rb'
     - 'ee/spec/lib/sidebars/projects/menus/learn_gitlab_menu_spec.rb'
     - 'ee/spec/lib/sidebars/user_settings/menus/profile_billing_menu_spec.rb'
     - 'ee/spec/lib/system_check/geo/authorized_keys_check_spec.rb'
@@ -2272,6 +2273,7 @@ RSpec/NamedSubject:
     - 'spec/lib/sidebars/projects/menus/hidden_menu_spec.rb'
     - 'spec/lib/sidebars/projects/menus/infrastructure_menu_spec.rb'
     - 'spec/lib/sidebars/projects/menus/issues_menu_spec.rb'
+    - 'spec/lib/sidebars/projects/menus/work_items_menu_spec.rb'
     - 'spec/lib/sidebars/projects/menus/merge_requests_menu_spec.rb'
     - 'spec/lib/sidebars/projects/menus/monitor_menu_spec.rb'
     - 'spec/lib/sidebars/projects/menus/packages_registries_menu_spec.rb'
diff --git a/app/assets/javascripts/pages/groups/work_items/index.js b/app/assets/javascripts/pages/groups/work_items/index.js
index a1e1a1ee30fe7b15eaadb8cc4b3d0046d94fddd7..17f77eae9d0dcd6e693cc621c463faf5f4f0017e 100644
--- a/app/assets/javascripts/pages/groups/work_items/index.js
+++ b/app/assets/javascripts/pages/groups/work_items/index.js
@@ -4,7 +4,7 @@ import { initWorkItemsRoot } from '~/work_items';
 import { initWorkItemsFeedback } from '~/work_items_feedback';
 import { __ } from '~/locale';
 
-initWorkItemsRoot({ workspaceType: WORKSPACE_GROUP });
+initWorkItemsRoot({ workspaceType: WORKSPACE_GROUP, withTabs: false });
 initWorkItemsFeedback({
   feedbackIssue: 'https://gitlab.com/gitlab-org/gitlab/-/issues/463598',
   feedbackIssueText: __('Provide feedback on the experience'),
diff --git a/app/assets/javascripts/pages/projects/work_items/index.js b/app/assets/javascripts/pages/projects/work_items/index.js
index b44ca708b287e98a05ee33b7645328362ef92c4e..c1130f5ab9a7156fcc86261c10718e1fe666dbc8 100644
--- a/app/assets/javascripts/pages/projects/work_items/index.js
+++ b/app/assets/javascripts/pages/projects/work_items/index.js
@@ -1,3 +1,3 @@
 import { initWorkItemsRoot } from '~/work_items';
 
-initWorkItemsRoot();
+initWorkItemsRoot({ withTabs: false });
diff --git a/app/assets/javascripts/super_sidebar/components/menu_section.vue b/app/assets/javascripts/super_sidebar/components/menu_section.vue
index e8233e7749ace560817c92d5999c9cddf730c8cf..be1c1810101cb2bca60a1c39769cee3c752ba096 100644
--- a/app/assets/javascripts/super_sidebar/components/menu_section.vue
+++ b/app/assets/javascripts/super_sidebar/components/menu_section.vue
@@ -54,6 +54,14 @@ export default {
     };
   },
   computed: {
+    navItems() {
+      return this.item.items.filter((item) => {
+        if (item.link_classes) {
+          return !item.link_classes.includes('js-super-sidebar-nav-item-hidden');
+        }
+        return true;
+      });
+    },
     buttonProps() {
       return {
         'aria-controls': this.itemId,
@@ -146,9 +154,9 @@ export default {
     </button>
 
     <flyout-menu
-      v-if="hasFlyout && isMouseOver && !isExpanded && !keepFlyoutClosed && item.items.length > 0"
+      v-if="hasFlyout && isMouseOver && !isExpanded && !keepFlyoutClosed && navItems.length > 0"
       :target-id="`menu-section-button-${itemId}`"
-      :items="item.items"
+      :items="navItems"
       :async-count="asyncCount"
       @mouseover="isMouseOverFlyout = true"
       @mouseleave="isMouseOverFlyout = false"
@@ -167,7 +175,7 @@ export default {
       <slot>
         <ul :aria-label="item.title" class="gl-m-0 gl-list-none gl-p-0">
           <nav-item
-            v-for="subItem of item.items"
+            v-for="subItem of navItems"
             :key="`${item.title}-${subItem.title}`"
             :item="subItem"
             :async-count="asyncCount"
diff --git a/app/assets/javascripts/super_sidebar/components/sidebar_menu.vue b/app/assets/javascripts/super_sidebar/components/sidebar_menu.vue
index be55f8f48ed02392ee0174766f48993dffc13a99..694c9a20dcbcbe29ea455eef0e3a835d0943c34c 100644
--- a/app/assets/javascripts/super_sidebar/components/sidebar_menu.vue
+++ b/app/assets/javascripts/super_sidebar/components/sidebar_menu.vue
@@ -1,5 +1,6 @@
 <script>
 import { GlBreakpointInstance, breakpoints } from '@gitlab/ui/dist/utils';
+import { uniqBy } from 'lodash';
 import superSidebarDataQuery from '~/super_sidebar/graphql/queries/super_sidebar.query.graphql';
 import { s__, sprintf } from '~/locale';
 import * as Sentry from '~/sentry/sentry_browser_wrapper';
@@ -116,9 +117,12 @@ export default {
     },
 
     pinnedItems() {
-      return this.changedPinnedItemIds.ids
+      const baseItems = this.changedPinnedItemIds.ids
         .map((id) => this.flatPinnableItems.find((item) => item.id === id))
         .filter(Boolean);
+
+      // Deduplicate Work items pinned items during migration from Issues + Epics
+      return uniqBy(baseItems, (item) => item.title);
     },
     supportsPins() {
       return this.isLoggedIn && PANELS_WITH_PINS.includes(this.panelType);
diff --git a/app/assets/javascripts/vue_shared/issuable/list/components/issuable_list_root.vue b/app/assets/javascripts/vue_shared/issuable/list/components/issuable_list_root.vue
index dff3c19bc10f013b204bf4a6c2a5b66e6e5e577c..22f3775faf3f2e7c0aec274361f047d2fe630049 100644
--- a/app/assets/javascripts/vue_shared/issuable/list/components/issuable_list_root.vue
+++ b/app/assets/javascripts/vue_shared/issuable/list/components/issuable_list_root.vue
@@ -340,6 +340,9 @@ export default {
       <template #nav-actions>
         <slot name="nav-actions"></slot>
       </template>
+      <template #title>
+        <slot name="title"></slot>
+      </template>
     </issuable-tabs>
     <filtered-search-bar
       :namespace="namespace"
diff --git a/app/assets/javascripts/vue_shared/issuable/list/components/issuable_tabs.vue b/app/assets/javascripts/vue_shared/issuable/list/components/issuable_tabs.vue
index 3757146c1ba5ae94829a0737713e67e3f1732e90..fb28cc5e6f0aeca4776910fd9efdaf6839b3c739 100644
--- a/app/assets/javascripts/vue_shared/issuable/list/components/issuable_tabs.vue
+++ b/app/assets/javascripts/vue_shared/issuable/list/components/issuable_tabs.vue
@@ -50,6 +50,7 @@ export default {
 
 <template>
   <div class="top-area">
+    <slot name="title"></slot>
     <gl-tabs
       class="mobile-separator issuable-state-filters gl-m-0 gl-flex gl-grow gl-p-0"
       nav-class="gl-border-b-0"
diff --git a/app/assets/javascripts/work_items/components/app.vue b/app/assets/javascripts/work_items/components/app.vue
index c5ca1d2d5de583927af9a327aef6891f4bfda0ad..ee88253d6af09d2fa3c86b4e44736babdc655362 100644
--- a/app/assets/javascripts/work_items/components/app.vue
+++ b/app/assets/javascripts/work_items/components/app.vue
@@ -6,10 +6,15 @@ export default {
       required: false,
       default: () => [],
     },
+    withTabs: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
   },
 };
 </script>
 
 <template>
-  <router-view :new-comment-template-paths="newCommentTemplatePaths" />
+  <router-view :new-comment-template-paths="newCommentTemplatePaths" :with-tabs="withTabs" />
 </template>
diff --git a/app/assets/javascripts/work_items/components/work_item_breadcrumb.vue b/app/assets/javascripts/work_items/components/work_item_breadcrumb.vue
index 720104a42be63dd0b44dac165b9b670139655cda..8d4f1176587afe788b1961c146dc17606f99c81b 100644
--- a/app/assets/javascripts/work_items/components/work_item_breadcrumb.vue
+++ b/app/assets/javascripts/work_items/components/work_item_breadcrumb.vue
@@ -26,10 +26,17 @@ export default {
     },
   },
   computed: {
+    isWorkItemOnly() {
+      return this.glFeatures.workItemPlanningView;
+    },
     isEpicsList() {
       return this.workItemType === WORK_ITEM_TYPE_ENUM_EPIC;
     },
     listName() {
+      if (this.isWorkItemOnly) {
+        return s__('WorkItem|Work items');
+      }
+
       if (this.isEpicsList) {
         return __('Epics');
       }
@@ -49,7 +56,7 @@ export default {
         text: this.listName,
       };
 
-      if (this.glFeatures.workItemEpicsList || this.issueAsWorkItem) {
+      if (this.isWorkItemOnly || this.glFeatures.workItemEpicsList || this.issueAsWorkItem) {
         indexCrumb.to = { name: ROUTES.index, query: this.$route.query };
       } else {
         indexCrumb.href = this.listPath;
diff --git a/app/assets/javascripts/work_items/components/work_item_prefetch.vue b/app/assets/javascripts/work_items/components/work_item_prefetch.vue
index 82bad5dfd7c325b6683fd9bf120206ab043dd53a..da0ed07b5be4d1367f76f11338ee0d2f72179005 100644
--- a/app/assets/javascripts/work_items/components/work_item_prefetch.vue
+++ b/app/assets/javascripts/work_items/components/work_item_prefetch.vue
@@ -9,6 +9,7 @@ export default {
       default: '',
     },
   },
+  inheritAttrs: false,
   props: {
     workItemIid: {
       type: String,
diff --git a/app/assets/javascripts/work_items/index.js b/app/assets/javascripts/work_items/index.js
index 1cd94e17ae4725b7241b051f834d7d0bd2954397..8097d79a73beead90a57a793da4917f1ffb2b0f3 100644
--- a/app/assets/javascripts/work_items/index.js
+++ b/app/assets/javascripts/work_items/index.js
@@ -16,7 +16,7 @@ import { createRouter } from './router';
 
 Vue.use(VueApollo);
 
-export const initWorkItemsRoot = ({ workItemType, workspaceType } = {}) => {
+export const initWorkItemsRoot = ({ workItemType, workspaceType, withTabs } = {}) => {
   const el = document.querySelector('#js-work-items');
 
   if (!el) {
@@ -148,6 +148,7 @@ export const initWorkItemsRoot = ({ workItemType, workspaceType } = {}) => {
       return createElement(App, {
         props: {
           newCommentTemplatePaths: JSON.parse(newCommentTemplatePaths),
+          withTabs,
         },
       });
     },
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 4e5a5e2e7eaec9832154d3851a3a9fbb1d48ce45..705b375b42d1dcd6b8d9e449764b44957fd260ca 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
@@ -180,12 +180,7 @@ export default {
         this.pageInfo = data?.[this.namespace].workItems.pageInfo ?? {};
 
         if (data?.[this.namespace]) {
-          if (this.isGroup) {
-            const rootBreadcrumbName = this.isEpicsList ? __('Epics') : s__('WorkItem|Work items');
-            document.title = `${rootBreadcrumbName} · ${data.group.name} · GitLab`;
-          } else {
-            document.title = `Issues · ${data.project.name} · GitLab`;
-          }
+          document.title = this.calculateDocumentTitle(data);
         }
         if (!this.withTabs) {
           this.hasAnyIssues = Boolean(data?.[this.namespace].workItems.nodes);
@@ -497,6 +492,19 @@ export default {
     handleSelect(item) {
       this.activeItem = item;
     },
+    calculateDocumentTitle(data) {
+      const middleCrumb = this.isGroup ? data.group.name : data.project.name;
+      if (this.glFeatures.workItemPlanningView) {
+        return `${s__('WorkItem|Work items')} · ${middleCrumb} · GitLab`;
+      }
+      if (this.isGroup && this.isEpicsList) {
+        return `${__('Epics')} · ${middleCrumb} · GitLab`;
+      }
+      if (this.isGroup) {
+        return `${s__('WorkItem|Work items')} · ${middleCrumb} · GitLab`;
+      }
+      return `${__('Issues')} · ${middleCrumb} · GitLab`;
+    },
     fetchEmojis(search) {
       return this.autocompleteCache.fetch({
         url: this.autocompleteAwardEmojisPath,
@@ -746,6 +754,10 @@ export default {
         <slot name="nav-actions"></slot>
       </template>
 
+      <template v-if="!withTabs" #title>
+        <h2>{{ s__('WorkItem|Work items') }}</h2>
+      </template>
+
       <template #timeframe="{ issuable = {} }">
         <issue-card-time-info :issue="issuable" :is-work-item-list="true" />
       </template>
diff --git a/app/controllers/projects/issues_controller.rb b/app/controllers/projects/issues_controller.rb
index 7b172887469a9f9c3d926bcfa1884a4ce691a61a..a4c9da5e4e84d0c1e63d79104b6239b7fb65ebe2 100644
--- a/app/controllers/projects/issues_controller.rb
+++ b/app/controllers/projects/issues_controller.rb
@@ -49,6 +49,7 @@ class Projects::IssuesController < Projects::ApplicationController
     push_frontend_feature_flag(:service_desk_ticket)
     push_frontend_feature_flag(:issues_list_drawer, project)
     push_frontend_feature_flag(:notifications_todos_buttons, current_user)
+    push_frontend_feature_flag(:work_item_planning_view, project&.group)
     push_force_frontend_feature_flag(:glql_integration, !!project&.glql_integration_feature_flag_enabled?)
     push_force_frontend_feature_flag(:glql_load_on_click, !!project&.glql_load_on_click_feature_flag_enabled?)
     push_force_frontend_feature_flag(:continue_indented_text, !!project&.continue_indented_text_feature_flag_enabled?)
diff --git a/app/controllers/projects/work_items_controller.rb b/app/controllers/projects/work_items_controller.rb
index 83d2ed4c7430a57e038d5957044e91df61a2817a..d56bd4dec04b45cec37d8dc2d1b817cb7f296759 100644
--- a/app/controllers/projects/work_items_controller.rb
+++ b/app/controllers/projects/work_items_controller.rb
@@ -16,6 +16,7 @@ class Projects::WorkItemsController < Projects::ApplicationController
     push_force_frontend_feature_flag(:glql_load_on_click, !!project&.glql_load_on_click_feature_flag_enabled?)
     push_force_frontend_feature_flag(:continue_indented_text, !!project&.continue_indented_text_feature_flag_enabled?)
     push_frontend_feature_flag(:namespace_level_work_items, project&.group)
+    push_frontend_feature_flag(:work_item_planning_view, project&.group)
   end
 
   feature_category :team_planning
@@ -35,6 +36,10 @@ def import_csv
     end
   end
 
+  def index
+    not_found unless ::Feature.enabled?(:work_item_planning_view, project&.group, type: :wip)
+  end
+
   def show
     return if show_params[:iid] == 'new'
 
diff --git a/app/views/projects/work_items/index.html.haml b/app/views/projects/work_items/index.html.haml
new file mode 100644
index 0000000000000000000000000000000000000000..fc02fcc3eb3af9a1eae8a3e3d1a85e2bec940be8
--- /dev/null
+++ b/app/views/projects/work_items/index.html.haml
@@ -0,0 +1,6 @@
+- page_title s_('WorkItem|Work items')
+- add_page_specific_style 'page_bundles/issuable_list'
+- add_work_items_stylesheet
+- add_page_specific_style 'page_bundles/design_management'
+
+#js-work-items{ data: work_items_show_data(@project, current_user) }
diff --git a/config/feature_flags/wip/work_item_planning_view.yml b/config/feature_flags/wip/work_item_planning_view.yml
new file mode 100644
index 0000000000000000000000000000000000000000..b727b6afb62e2b6161a00cbdf1fdc44ac5323aff
--- /dev/null
+++ b/config/feature_flags/wip/work_item_planning_view.yml
@@ -0,0 +1,9 @@
+---
+name: work_item_planning_view
+feature_issue_url: https://gitlab.com/gitlab-org/gitlab/-/issues/512661
+introduced_by_url: https://gitlab.com/gitlab-org/gitlab/-/merge_requests/180972
+rollout_issue_url: https://gitlab.com/gitlab-org/gitlab/-/issues/520452
+milestone: '17.10'
+group: group::product planning
+type: wip
+default_enabled: false
diff --git a/config/routes/project.rb b/config/routes/project.rb
index b7729169a91e1584dca21fdc1d483cee56fb38d3..4a8ed14ebb59a05065a0d518b07fa3cb5fdc16b3 100644
--- a/config/routes/project.rb
+++ b/config/routes/project.rb
@@ -362,7 +362,7 @@
 
         get 'alert_management/:id', to: 'alert_management#details', as: 'alert_management_alert'
 
-        resources :work_items, only: [:show], param: :iid do
+        resources :work_items, only: [:show, :index], param: :iid do
           collection do
             post :import_csv
             post 'import_csv/authorize', to: 'work_items#authorize'
diff --git a/ee/app/assets/javascripts/work_items/pages/work_items_list_app.vue b/ee/app/assets/javascripts/work_items/pages/work_items_list_app.vue
index ea3d5e0f89ba660f5724bfadb118a1dfca881aae..65730ad843de373dfdd4f6ea1455bc76e4b9e612 100644
--- a/ee/app/assets/javascripts/work_items/pages/work_items_list_app.vue
+++ b/ee/app/assets/javascripts/work_items/pages/work_items_list_app.vue
@@ -77,6 +77,9 @@ export default {
   },
   computed: {
     allowedWorkItemTypes() {
+      if (this.isGroup) {
+        return [];
+      }
       if (this.workItemTypeName === WORK_ITEM_TYPE_ENUM_ISSUE) {
         return BASE_ALLOWED_CREATE_TYPES;
       }
diff --git a/ee/lib/ee/sidebars/groups/menus/settings_menu.rb b/ee/lib/ee/sidebars/groups/menus/settings_menu.rb
index 3ee42cb5cdcc8dcd1360c4f96b2c10f4c4c3dd94..8bb408eb09fc2fb50e92683842bc066d0c4b0050 100644
--- a/ee/lib/ee/sidebars/groups/menus/settings_menu.rb
+++ b/ee/lib/ee/sidebars/groups/menus/settings_menu.rb
@@ -228,14 +228,14 @@ def gitlab_duo_settings_menu_item
 
           def group_work_items_menu_item
             unless show_group_work_items_settings_menu_item?
-              return ::Sidebars::NilMenuItem.new(item_id: :group_work_items)
+              return ::Sidebars::NilMenuItem.new(item_id: :group_work_items_settings)
             end
 
             ::Sidebars::MenuItem.new(
               title: _('Issues'),
               link: group_settings_issues_path(context.group),
-              active_routes: { controller: :work_items },
-              item_id: :group_work_items
+              active_routes: { controller: 'groups/settings/work_items' },
+              item_id: :group_work_items_settings
             )
           end
 
diff --git a/ee/lib/ee/sidebars/groups/menus/work_items_menu.rb b/ee/lib/ee/sidebars/groups/menus/work_items_menu.rb
new file mode 100644
index 0000000000000000000000000000000000000000..45ade3d757843bc26419f616be204d6bffa98574
--- /dev/null
+++ b/ee/lib/ee/sidebars/groups/menus/work_items_menu.rb
@@ -0,0 +1,59 @@
+# frozen_string_literal: true
+
+module EE
+  module Sidebars
+    module Groups
+      module Menus
+        module WorkItemsMenu
+          extend ::Gitlab::Utils::Override
+
+          override :configure_menu_items
+          def configure_menu_items
+            return false unless super
+
+            add_item(iterations_menu_item)
+
+            true
+          end
+
+          private
+
+          def iterations_menu_item
+            if !iterations_enabled? || !user_can_access_iterations?
+              return ::Sidebars::NilMenuItem.new(item_id: :iterations)
+            end
+
+            ::Sidebars::MenuItem.new(
+              title: _('Iterations'),
+              link: iterations_link,
+              super_sidebar_parent: ::Sidebars::Groups::SuperSidebarMenus::PlanMenu,
+              active_routes: { path: iterations_paths },
+              item_id: :iterations
+            )
+          end
+
+          def iterations_enabled?
+            context.group.licensed_feature_available?(:iterations)
+          end
+
+          def user_can_access_iterations?
+            can?(context.current_user, :read_iteration_cadence, context.group) ||
+              can?(context.current_user, :read_iteration, context.group)
+          end
+
+          def iterations_link
+            group_iteration_cadences_path(context.group)
+          end
+
+          def iterations_paths
+            strong_memoize(:iterations_paths) do
+              %w[iterations#index iterations#show iterations#new].tap do |paths|
+                paths << 'iteration_cadences#index'
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end
diff --git a/ee/lib/ee/sidebars/groups/panel.rb b/ee/lib/ee/sidebars/groups/panel.rb
index 6e47ffb5fe7b2d11605a4f7c01f35b8ae574ad72..62ffe433c1c2e9d774c33ffdb5ae5fa626be1a9e 100644
--- a/ee/lib/ee/sidebars/groups/panel.rb
+++ b/ee/lib/ee/sidebars/groups/panel.rb
@@ -10,10 +10,17 @@ module Panel
         def configure_menus
           super
 
-          insert_menu_after(
-            context.is_super_sidebar ? ::Sidebars::Groups::Menus::SettingsMenu : ::Sidebars::Groups::Menus::GroupInformationMenu,
-            ::Sidebars::Groups::Menus::EpicsMenu.new(context)
-          )
+          if ::Feature.enabled?(:work_item_planning_view, context.group)
+            insert_menu_after(
+              context.is_super_sidebar ? ::Sidebars::Groups::Menus::SettingsMenu : ::Sidebars::Groups::Menus::GroupInformationMenu,
+              ::Sidebars::Groups::Menus::WorkItemEpicsMenu.new(context)
+            )
+          else
+            insert_menu_after(
+              context.is_super_sidebar ? ::Sidebars::Groups::Menus::SettingsMenu : ::Sidebars::Groups::Menus::GroupInformationMenu,
+              ::Sidebars::Groups::Menus::EpicsMenu.new(context)
+            )
+          end
 
           insert_menu_after(
             context.is_super_sidebar ? ::Sidebars::Groups::Menus::CiCdMenu : ::Sidebars::Groups::Menus::MergeRequestsMenu,
diff --git a/ee/lib/ee/sidebars/projects/menus/work_items_menu.rb b/ee/lib/ee/sidebars/projects/menus/work_items_menu.rb
new file mode 100644
index 0000000000000000000000000000000000000000..aeca831139758779501e7616a6e5ff965aed355e
--- /dev/null
+++ b/ee/lib/ee/sidebars/projects/menus/work_items_menu.rb
@@ -0,0 +1,142 @@
+# frozen_string_literal: true
+
+module EE
+  module Sidebars
+    module Projects
+      module Menus
+        module WorkItemsMenu
+          extend ::Gitlab::Utils::Override
+
+          override :configure_menu_items
+          def configure_menu_items
+            return false unless super || show_jira_menu_items? \
+              || show_zentao_menu_items?
+
+            add_item(iterations_menu_item)
+            add_item(requirements_menu_item)
+            add_item(jira_issue_list_menu_item)
+            add_item(jira_external_link_menu_item)
+            add_item(zentao_issue_list_menu_item)
+            add_item(zentao_external_link_menu_item)
+
+            true
+          end
+
+          def show_jira_menu_items?
+            external_issue_tracker.is_a?(Integrations::Jira) && context.jira_issues_integration
+          end
+
+          def show_zentao_menu_items?
+            zentao_active? && \
+              ::Integrations::Zentao.issues_license_available?(context.project)
+          end
+
+          private
+
+          def iterations_menu_item
+            if !show_issues_menu_items? ||
+                context.project.personal? ||
+                !context.project.licensed_feature_available?(:iterations) ||
+                !can?(context.current_user, :read_iteration, context.project)
+              return ::Sidebars::NilMenuItem.new(item_id: :iterations)
+            end
+
+            ::Sidebars::MenuItem.new(
+              title: _('Iterations'),
+              link: project_iteration_cadences_path(context.project),
+              super_sidebar_parent: ::Sidebars::Projects::SuperSidebarMenus::PlanMenu,
+              active_routes: { controller: :iteration_cadences },
+              item_id: :iterations
+            )
+          end
+
+          def requirements_menu_item
+            if !show_issues_menu_items? ||
+                !context.project.licensed_feature_available?(:requirements) ||
+                !can?(context.current_user, :read_requirement, context.project)
+              return ::Sidebars::NilMenuItem.new(item_id: :requirements)
+            end
+
+            ::Sidebars::MenuItem.new(
+              title: _('Requirements'),
+              link: project_requirements_management_requirements_path(context.project),
+              super_sidebar_parent: ::Sidebars::Projects::SuperSidebarMenus::PlanMenu,
+              active_routes: { path: 'requirements#index' },
+              item_id: :requirements
+            )
+          end
+
+          def external_issue_tracker
+            @external_issue_tracker ||= context.project.external_issue_tracker
+          end
+
+          def jira_issue_list_menu_item
+            return ::Sidebars::NilMenuItem.new(item_id: :jira_issue_list) unless show_jira_menu_items?
+
+            ::Sidebars::MenuItem.new(
+              title: s_('JiraService|Jira issues'),
+              link: project_integrations_jira_issues_path(context.project),
+              super_sidebar_parent: ::Sidebars::Projects::SuperSidebarMenus::PlanMenu,
+              active_routes: { controller: 'projects/integrations/jira/issues' },
+              item_id: :jira_issue_list
+            )
+          end
+
+          def jira_external_link_menu_item
+            return ::Sidebars::NilMenuItem.new(item_id: :jira_external_link) unless show_jira_menu_items?
+
+            ::Sidebars::MenuItem.new(
+              title: s_('JiraService|Open Jira'),
+              link: external_issue_tracker.issue_tracker_path,
+              super_sidebar_parent: ::Sidebars::Projects::SuperSidebarMenus::PlanMenu,
+              active_routes: {},
+              item_id: :jira_external_link,
+              sprite_icon: context.is_super_sidebar ? nil : 'external-link',
+              container_html_options: {
+                target: '_blank',
+                rel: 'noopener noreferrer'
+              }
+            )
+          end
+
+          def zentao_active?
+            !!zentao_integration&.active?
+          end
+
+          def zentao_issue_list_menu_item
+            return ::Sidebars::NilMenuItem.new(item_id: :zentao_issue_list) unless show_zentao_menu_items?
+
+            ::Sidebars::MenuItem.new(
+              title: s_('ZentaoIntegration|ZenTao issues'),
+              link: project_integrations_zentao_issues_path(context.project),
+              super_sidebar_parent: ::Sidebars::Projects::SuperSidebarMenus::PlanMenu,
+              active_routes: { controller: 'projects/integrations/zentao/issues' },
+              item_id: :zentao_issue_list
+            )
+          end
+
+          def zentao_integration
+            @zentao_integration ||= context.project.zentao_integration
+          end
+
+          def zentao_external_link_menu_item
+            return ::Sidebars::NilMenuItem.new(item_id: :zentao_external_link) unless show_zentao_menu_items?
+
+            ::Sidebars::MenuItem.new(
+              title: s_('ZentaoIntegration|Open ZenTao'),
+              link: zentao_integration.url,
+              super_sidebar_parent: ::Sidebars::Projects::SuperSidebarMenus::PlanMenu,
+              active_routes: {},
+              item_id: :zentao_external_link,
+              sprite_icon: context.is_super_sidebar ? nil : 'external-link',
+              container_html_options: {
+                target: '_blank',
+                rel: 'noopener noreferrer'
+              }
+            )
+          end
+        end
+      end
+    end
+  end
+end
diff --git a/ee/lib/sidebars/groups/menus/work_item_epics_menu.rb b/ee/lib/sidebars/groups/menus/work_item_epics_menu.rb
new file mode 100644
index 0000000000000000000000000000000000000000..82c43b7a752fb05a998510d9efa4b42ae77ffc8c
--- /dev/null
+++ b/ee/lib/sidebars/groups/menus/work_item_epics_menu.rb
@@ -0,0 +1,82 @@
+# frozen_string_literal: true
+
+module Sidebars
+  module Groups
+    module Menus
+      class WorkItemEpicsMenu < ::Sidebars::Menu
+        include Gitlab::Utils::StrongMemoize
+
+        override :configure_menu_items
+        def configure_menu_items
+          return false unless can?(context.current_user, :read_epic, context.group)
+
+          add_item(work_item_list_menu_item)
+          add_item(roadmap_menu_item)
+
+          true
+        end
+
+        override :title
+        def title
+          context.is_super_sidebar ? _('Epic boards') : _('Boards')
+        end
+
+        override :sprite_icon
+        def sprite_icon
+          'epic'
+        end
+
+        override :active_routes
+        def active_routes
+          { controller: :epics }
+        end
+
+        override :has_pill?
+        def has_pill?
+          false
+        end
+
+        override :pill_count_field
+        def pill_count_field
+          'openEpicsCount'
+        end
+
+        override :serialize_as_menu_item_args
+        def serialize_as_menu_item_args
+          super.merge({
+            pill_count: pill_count,
+            pill_count_field: pill_count_field,
+            has_pill: has_pill?,
+            super_sidebar_parent: ::Sidebars::Groups::SuperSidebarMenus::PlanMenu,
+            item_id: context.is_super_sidebar ? :epic_boards : :boards,
+            link: group_epic_boards_path(context.group)
+          })
+        end
+
+        private
+
+        def work_item_list_menu_item
+          ::Sidebars::MenuItem.new(
+            title: s_('WorkItem|Work items'),
+            link: group_work_items_path(context.group),
+            super_sidebar_parent: ::Sidebars::Groups::SuperSidebarMenus::PlanMenu,
+            active_routes: { path: 'work_items#index' },
+            container_html_options: { class: 'js-super-sidebar-nav-item-hidden' },
+            item_id: :group_epic_list
+          )
+        end
+
+        def roadmap_menu_item
+          ::Sidebars::MenuItem.new(
+            title: _('Roadmap'),
+            link: group_roadmap_path(context.group),
+            super_sidebar_parent: ::Sidebars::Groups::SuperSidebarMenus::PlanMenu,
+            active_routes: { path: 'roadmap#show' },
+            container_html_options: { class: 'home' },
+            item_id: :roadmap
+          )
+        end
+      end
+    end
+  end
+end
diff --git a/ee/spec/features/groups/group_page_with_external_authorization_service_spec.rb b/ee/spec/features/groups/group_page_with_external_authorization_service_spec.rb
index 1000d362da414f8a0959e78fb861d3667e9b96aa..4f8c2c5ccaf0e12613a25e1c4222c758a10d11eb 100644
--- a/ee/spec/features/groups/group_page_with_external_authorization_service_spec.rb
+++ b/ee/spec/features/groups/group_page_with_external_authorization_service_spec.rb
@@ -28,20 +28,43 @@
         stub_licensed_features(epics: true)
       end
 
-      it 'shows the link to epics' do
+      it 'shows the link to work items' do
         visit group_path(group)
 
         within_testid('super-sidebar') do
-          expect(page).to have_link('Epics')
+          expect(page).to have_link('Work items')
         end
       end
 
-      it 'hides the epics link when an external authorization service is enabled' do
+      it 'hides the work items link when an external authorization service is enabled' do
         enable_external_authorization_service_check
         visit group_path(group)
 
         within_testid('super-sidebar') do
-          expect(page).not_to have_link('Epics')
+          expect(page).not_to have_link('Work items')
+        end
+      end
+
+      context 'and work_item_planning_view feature flag is disabled' do
+        before do
+          stub_feature_flags(work_item_planning_view: false)
+        end
+
+        it 'shows the link to epics' do
+          visit group_path(group)
+
+          within_testid('super-sidebar') do
+            expect(page).to have_link('Epics')
+          end
+        end
+
+        it 'hides the epics link when an external authorization service is enabled' do
+          enable_external_authorization_service_check
+          visit group_path(group)
+
+          within_testid('super-sidebar') do
+            expect(page).not_to have_link('Epics')
+          end
         end
       end
     end
diff --git a/ee/spec/features/groups/navbar_spec.rb b/ee/spec/features/groups/navbar_spec.rb
index 31488ea4a7f02febca094171e8e1d489c518dc9b..d20ed619331173257b63850f1ea3662862467bfc 100644
--- a/ee/spec/features/groups/navbar_spec.rb
+++ b/ee/spec/features/groups/navbar_spec.rb
@@ -76,11 +76,6 @@
       before do
         stub_licensed_features(epics: true)
 
-        insert_after_sub_nav_item(
-          _('Issues'),
-          within: _('Plan'),
-          new_sub_nav_item_name: _('Epics')
-        )
         insert_after_sub_nav_item(
           _('Issue board'),
           within: _('Plan'),
@@ -96,6 +91,27 @@
       end
 
       it_behaves_like 'verified navigation bar'
+
+      context 'when work_item_planning_view feature flag is disabled' do
+        let(:plan_nav_items) do
+          [_("Issues"), _("Issue board"), _("Milestones"), (_('Iterations') if Gitlab.ee?)]
+        end
+
+        before do
+          stub_licensed_features(epics: true)
+          stub_feature_flags(work_item_planning_view: false)
+
+          insert_after_sub_nav_item(
+            _('Issues'),
+            within: _('Plan'),
+            new_sub_nav_item_name: _('Epics')
+          )
+
+          visit group_path(group)
+        end
+
+        it_behaves_like 'verified navigation bar'
+      end
     end
 
     context 'when packages are available' do
diff --git a/ee/spec/features/pending_group_memberships_spec.rb b/ee/spec/features/pending_group_memberships_spec.rb
index ed2de72291413444bca4a28a1f58e0a4cfde8027..0f72f56b40c0a936e8c67b5bcc038004a481c18b 100644
--- a/ee/spec/features/pending_group_memberships_spec.rb
+++ b/ee/spec/features/pending_group_memberships_spec.rb
@@ -145,9 +145,28 @@
 
       expect(page).to have_content project.name
       expect(page).to have_content 'Manage'
-      expect(page).to have_content 'Issues'
+      expect(page).to have_content 'Work items'
       expect(page).not_to have_content 'Settings'
     end
+
+    context 'when the work_item_planning_view feature flag is disabled' do
+      before do
+        stub_feature_flags(work_item_planning_view: false)
+      end
+
+      it 'a member with an active group membership and a pending subgroup membership sees a subgroup project as if the pending membership does not exist' do
+        project = create(:project, :private, namespace: subgroup)
+        create(:group_member, :guest, source: group, user: developer)
+        create(:group_member, :awaiting, :maintainer, source: subgroup, user: developer)
+
+        visit project_path(project)
+
+        expect(page).to have_content project.name
+        expect(page).to have_content 'Manage'
+        expect(page).to have_content 'Issues'
+        expect(page).not_to have_content 'Settings'
+      end
+    end
   end
 
   context 'with a shared group' do
diff --git a/ee/spec/lib/ee/sidebars/groups/menus/settings_menu_spec.rb b/ee/spec/lib/ee/sidebars/groups/menus/settings_menu_spec.rb
index 32a1b3de8105e748502f3d798217059ef5c60717..727f5aea570ad0208cc499c578a21cc823c68867 100644
--- a/ee/spec/lib/ee/sidebars/groups/menus/settings_menu_spec.rb
+++ b/ee/spec/lib/ee/sidebars/groups/menus/settings_menu_spec.rb
@@ -353,7 +353,7 @@
       subject { menu.renderable_items.find { |e| e.item_id == item_id } }
 
       describe 'Issues menu item' do
-        let(:item_id) { :group_work_items }
+        let(:item_id) { :group_work_items_settings }
         let(:custom_fields_licensed) { true }
         let(:feature_flag_enabled) { true }
 
diff --git a/ee/spec/lib/sidebars/groups/menus/work_item_epics_menu_spec.rb b/ee/spec/lib/sidebars/groups/menus/work_item_epics_menu_spec.rb
new file mode 100644
index 0000000000000000000000000000000000000000..f4875265b3beed7675da8e9d6ce14951c70ca898
--- /dev/null
+++ b/ee/spec/lib/sidebars/groups/menus/work_item_epics_menu_spec.rb
@@ -0,0 +1,61 @@
+# frozen_string_literal: true
+
+require 'spec_helper'
+
+RSpec.describe Sidebars::Groups::Menus::WorkItemEpicsMenu, feature_category: :navigation do
+  let_it_be(:owner) { create(:user) }
+  let_it_be(:group) do
+    build(:group, :private).tap do |g|
+      g.add_owner(owner)
+    end
+  end
+
+  let(:user) { owner }
+  let(:context) { Sidebars::Groups::Context.new(current_user: user, container: group) }
+  let(:menu) { described_class.new(context) }
+
+  describe 'Menu Items' do
+    subject { menu.renderable_items }
+
+    before do
+      stub_licensed_features(epics: true)
+    end
+
+    describe 'when the user has access to epics' do
+      it 'has all the menus' do
+        expect(subject.map(&:item_id)).to include(:group_epic_list, :roadmap)
+      end
+    end
+
+    describe 'when the user does not have access' do
+      let(:user) { nil }
+
+      it { is_expected.to be_empty }
+    end
+  end
+
+  it_behaves_like 'serializable as super_sidebar_menu_args' do
+    let(:extra_attrs) do
+      {
+        item_id: :boards,
+        pill_count: menu.pill_count,
+        pill_count_field: menu.pill_count_field,
+        has_pill: menu.has_pill?,
+        link: "/groups/#{group.full_path}/-/epic_boards",
+        super_sidebar_parent: Sidebars::Groups::SuperSidebarMenus::PlanMenu
+      }
+    end
+  end
+
+  describe '#pill_count_field' do
+    it 'returns the correct GraphQL field name' do
+      expect(menu.pill_count_field).to eq('openEpicsCount')
+    end
+  end
+
+  describe '#sprite_icon' do
+    subject { menu.sprite_icon }
+
+    it { is_expected.to eq 'epic' }
+  end
+end
diff --git a/lib/sidebars/groups/menus/work_items_menu.rb b/lib/sidebars/groups/menus/work_items_menu.rb
new file mode 100644
index 0000000000000000000000000000000000000000..b0fa71ff35c6cf7b48c7dc9b2daf9c396d628477
--- /dev/null
+++ b/lib/sidebars/groups/menus/work_items_menu.rb
@@ -0,0 +1,120 @@
+# frozen_string_literal: true
+
+module Sidebars
+  module Groups
+    module Menus
+      class WorkItemsMenu < ::Sidebars::Menu
+        include Gitlab::Utils::StrongMemoize
+
+        override :configure_menu_items
+        def configure_menu_items
+          return unless can?(context.current_user, :read_group_issues, context.group)
+
+          add_item(list_menu_item)
+          add_item(boards_menu_item)
+          add_item(milestones_menu_item)
+
+          true
+        end
+
+        override :title
+        def title
+          s_('WorkItem|Work items')
+        end
+
+        override :sprite_icon
+        def sprite_icon
+          'issues'
+        end
+
+        override :has_pill?
+        def has_pill?
+          false
+        end
+
+        override :active_routes
+        def active_routes
+          {
+            path: %w[
+              groups/issues#index groups/issues#show groups/issues#new
+              groups/work_items#index groups/work_items#show groups/work_items#new
+            ]
+          }
+        end
+
+        override :pill_count_field
+        def pill_count_field
+          'openIssuesCount'
+        end
+
+        override :pill_html_options
+        def pill_html_options
+          {
+            class: 'issue_counter'
+          }
+        end
+
+        override :serialize_as_menu_item_args
+        def serialize_as_menu_item_args
+          super.merge({
+            active_routes: list_menu_item.active_routes,
+            pill_count: pill_count,
+            pill_count_field: pill_count_field,
+            has_pill: has_pill?,
+            super_sidebar_parent: ::Sidebars::Groups::SuperSidebarMenus::PlanMenu,
+            item_id: :group_issue_list
+          })
+        end
+
+        private
+
+        def list_menu_item
+          ::Sidebars::MenuItem.new(
+            title: s_('WorkItem|Work items'),
+            link: group_work_items_path(context.group),
+            super_sidebar_parent: ::Sidebars::NilMenuItem,
+            active_routes: active_routes,
+            container_html_options: { aria: { label: s_('WorkItem|Work items') } },
+            item_id: :issue_list
+          )
+        end
+
+        def boards_menu_item
+          unless can?(context.current_user, :read_group_boards, context.group)
+            return ::Sidebars::NilMenuItem.new(item_id: :boards)
+          end
+
+          title = if context.is_super_sidebar
+                    context.group.multiple_issue_boards_available? ? s_('Issue boards') : s_('Issue board')
+                  else
+                    context.group.multiple_issue_boards_available? ? s_('Boards|Boards') : s_('Boards|Board')
+                  end
+
+          ::Sidebars::MenuItem.new(
+            title: title,
+            link: group_boards_path(context.group),
+            super_sidebar_parent: ::Sidebars::Groups::SuperSidebarMenus::PlanMenu,
+            active_routes: { path: %w[boards#index boards#show] },
+            item_id: context.is_super_sidebar ? :issue_boards : :boards
+          )
+        end
+
+        def milestones_menu_item
+          unless can?(context.current_user, :read_group_milestones, context.group)
+            return ::Sidebars::NilMenuItem.new(item_id: :milestones)
+          end
+
+          ::Sidebars::MenuItem.new(
+            title: _('Milestones'),
+            link: group_milestones_path(context.group),
+            super_sidebar_parent: ::Sidebars::Groups::SuperSidebarMenus::PlanMenu,
+            active_routes: { path: 'milestones#index' },
+            item_id: :milestones
+          )
+        end
+      end
+    end
+  end
+end
+
+Sidebars::Groups::Menus::WorkItemsMenu.prepend_mod_with('Sidebars::Groups::Menus::WorkItemsMenu')
diff --git a/lib/sidebars/groups/panel.rb b/lib/sidebars/groups/panel.rb
index 185e49938eff32afa5889730dd0fce96be26bea4..583c770f160171daac507aa6a046f420973b3faa 100644
--- a/lib/sidebars/groups/panel.rb
+++ b/lib/sidebars/groups/panel.rb
@@ -8,7 +8,13 @@ def configure_menus
         set_scope_menu(Sidebars::Groups::Menus::ScopeMenu.new(context))
 
         add_menu(Sidebars::Groups::Menus::GroupInformationMenu.new(context))
-        add_menu(Sidebars::Groups::Menus::IssuesMenu.new(context))
+
+        if ::Feature.enabled?(:work_item_planning_view, context.group)
+          add_menu(Sidebars::Groups::Menus::WorkItemsMenu.new(context))
+        else
+          add_menu(Sidebars::Groups::Menus::IssuesMenu.new(context))
+        end
+
         add_menu(Sidebars::Groups::Menus::MergeRequestsMenu.new(context))
         add_menu(Sidebars::Groups::Menus::CiCdMenu.new(context))
         add_menu(Sidebars::Groups::Menus::KubernetesMenu.new(context))
diff --git a/lib/sidebars/projects/menus/work_items_menu.rb b/lib/sidebars/projects/menus/work_items_menu.rb
new file mode 100644
index 0000000000000000000000000000000000000000..d7c2911583fa3d508bd8c9abfc79aad5006e0622
--- /dev/null
+++ b/lib/sidebars/projects/menus/work_items_menu.rb
@@ -0,0 +1,140 @@
+# frozen_string_literal: true
+
+module Sidebars
+  module Projects
+    module Menus
+      class WorkItemsMenu < ::Sidebars::Menu
+        include Gitlab::Utils::StrongMemoize
+
+        override :configure_menu_items
+        def configure_menu_items
+          return false unless show_issues_menu_items?
+
+          add_item(list_menu_item)
+          add_item(boards_menu_item)
+          add_item(service_desk_menu_item)
+          add_item(milestones_menu_item)
+
+          true
+        end
+
+        override :extra_container_html_options
+        def extra_container_html_options
+          {
+            class: 'shortcuts-issues'
+          }
+        end
+
+        override :title
+        def title
+          s_('WorkItem|Work items')
+        end
+
+        override :sprite_icon
+        def sprite_icon
+          'issues'
+        end
+
+        override :active_routes
+        def active_routes
+          {
+            path: %w[
+              projects/issues#index projects/issues#show projects/issues#new
+              projects/work_items#index projects/work_items#show projects/work_items#new
+            ]
+          }
+        end
+
+        override :has_pill?
+        def has_pill?
+          false
+        end
+
+        override :pill_count_field
+        def pill_count_field
+          'openIssuesCount'
+        end
+
+        override :pill_html_options
+        def pill_html_options
+          {
+            class: 'issue_counter'
+          }
+        end
+
+        override :serialize_as_menu_item_args
+        def serialize_as_menu_item_args
+          super.merge({
+            pill_count: pill_count,
+            pill_count_field: pill_count_field,
+            has_pill: has_pill?,
+            super_sidebar_parent: ::Sidebars::Projects::SuperSidebarMenus::PlanMenu,
+            item_id: :project_issue_list
+          })
+        end
+
+        private
+
+        def show_issues_menu_items?
+          can?(context.current_user, :read_issue, context.project)
+        end
+
+        def multi_issue_boards?
+          context.project.multiple_issue_boards_available?
+        end
+
+        def list_menu_item
+          ::Sidebars::MenuItem.new(
+            title: s_('WorkItem|Work items'),
+            link: project_work_items_path(context.project),
+            super_sidebar_parent: ::Sidebars::NilMenuItem,
+            active_routes: { path: 'projects/work_items#index' },
+            container_html_options: { aria: { label: s_('WorkItem|Work items') } },
+            item_id: :issue_list
+          )
+        end
+
+        def boards_menu_item
+          title = if context.is_super_sidebar
+                    multi_issue_boards? ? s_('Issue boards') : s_('Issue board')
+                  else
+                    multi_issue_boards? ? s_('Boards|Boards') : s_('Boards|Board')
+                  end
+
+          ::Sidebars::MenuItem.new(
+            title: title,
+            link: project_boards_path(context.project),
+            super_sidebar_parent: ::Sidebars::Projects::SuperSidebarMenus::PlanMenu,
+            active_routes: { controller: :boards },
+            container_html_options: { class: 'shortcuts-issue-boards' },
+            item_id: :boards
+          )
+        end
+
+        def service_desk_menu_item
+          return ::Sidebars::NilMenuItem.new(item_id: :service_desk) unless ::ServiceDesk.enabled?(context.project)
+
+          ::Sidebars::MenuItem.new(
+            title: _('Service Desk'),
+            link: service_desk_project_issues_path(context.project),
+            super_sidebar_parent: ::Sidebars::Projects::SuperSidebarMenus::MonitorMenu,
+            active_routes: { path: 'issues#service_desk' },
+            item_id: :service_desk
+          )
+        end
+
+        def milestones_menu_item
+          ::Sidebars::MenuItem.new(
+            title: _('Milestones'),
+            link: project_milestones_path(context.project),
+            super_sidebar_parent: ::Sidebars::Projects::SuperSidebarMenus::PlanMenu,
+            active_routes: { controller: :milestones },
+            item_id: :milestones
+          )
+        end
+      end
+    end
+  end
+end
+
+Sidebars::Projects::Menus::WorkItemsMenu.prepend_mod_with('Sidebars::Projects::Menus::WorkItemsMenu')
diff --git a/lib/sidebars/projects/panel.rb b/lib/sidebars/projects/panel.rb
index 738a3fba9c6d6db60e6b9ce9fe7a943d1f38f766..3a6bc0d11a2163ef4bd5c9f369d12612cb7a1b96 100644
--- a/lib/sidebars/projects/panel.rb
+++ b/lib/sidebars/projects/panel.rb
@@ -20,7 +20,13 @@ def aria_label
       def add_menus
         add_menu(Sidebars::Projects::Menus::ProjectInformationMenu.new(context))
         add_menu(Sidebars::Projects::Menus::RepositoryMenu.new(context))
-        add_menu(Sidebars::Projects::Menus::IssuesMenu.new(context))
+
+        if ::Feature.enabled?(:work_item_planning_view, context.project.group)
+          add_menu(Sidebars::Projects::Menus::WorkItemsMenu.new(context))
+        else
+          add_menu(Sidebars::Projects::Menus::IssuesMenu.new(context))
+        end
+
         add_menu(Sidebars::Projects::Menus::ExternalIssueTrackerMenu.new(context))
         add_menu(Sidebars::Projects::Menus::ZentaoMenu.new(context))
         add_menu(Sidebars::Projects::Menus::MergeRequestsMenu.new(context))
diff --git a/qa/qa/ee/page/group/sub_menus/plan.rb b/qa/qa/ee/page/group/sub_menus/plan.rb
index cbf7a191465e56ebcaa3cd994061b416512488dd..b5029a25ebc129ae34147a418652a54886a38d75 100644
--- a/qa/qa/ee/page/group/sub_menus/plan.rb
+++ b/qa/qa/ee/page/group/sub_menus/plan.rb
@@ -9,7 +9,11 @@ module Plan
             extend QA::Page::PageConcern
 
             def go_to_epics
-              open_plan_submenu("Epics")
+              if has_element?('nav-item-link', submenu_item: 'Work items')
+                open_plan_submenu("Work items")
+              else
+                open_plan_submenu("Epics")
+              end
             end
 
             def go_to_roadmap
diff --git a/qa/qa/ee/page/group/work_item/epic/new.rb b/qa/qa/ee/page/group/work_item/epic/new.rb
index 7bb2628ae247afa3f79e821c3bafe3a6e2704fdb..431582a3546d6004bc11db89685bc56e9f6a671d 100644
--- a/qa/qa/ee/page/group/work_item/epic/new.rb
+++ b/qa/qa/ee/page/group/work_item/epic/new.rb
@@ -27,6 +27,12 @@ def enable_confidential_epic
               def set_title(title)
                 fill_element('work-item-title-input', title)
               end
+
+              def select_epic_type
+                return unless has_element?('work-item-types-select')
+
+                select 'Epic', from: 'Type'
+              end
             end
           end
         end
diff --git a/qa/qa/ee/resource/work_item_epic.rb b/qa/qa/ee/resource/work_item_epic.rb
index d7785d5a6a9019772e825f1e3e83111bd7cb3ea6..c9b14f22f41a913a11bd798c45d8fa36ab4aae43 100644
--- a/qa/qa/ee/resource/work_item_epic.rb
+++ b/qa/qa/ee/resource/work_item_epic.rb
@@ -39,6 +39,7 @@ def fabricate!
           QA::EE::Page::Group::WorkItem::Epic::Index.perform(&:click_new_epic)
 
           QA::EE::Page::Group::WorkItem::Epic::New.perform do |new_epic_page|
+            new_epic_page.select_epic_type
             new_epic_page.set_title(title)
             new_epic_page.enable_confidential_epic if @confidential
             new_epic_page.create_new_epic
diff --git a/qa/qa/page/project/issue/index.rb b/qa/qa/page/project/issue/index.rb
index f3ec160d26ec1415be8e3414f4687a26bd098aa3..0860c4ddaebec60029be694152e1d967ba57de5e 100644
--- a/qa/qa/page/project/issue/index.rb
+++ b/qa/qa/page/project/issue/index.rb
@@ -46,7 +46,16 @@ def click_issue_link(title)
           end
 
           def click_closed_issues_tab
-            click_element('closed-issuables-tab')
+            if has_element?('closed-issuables-tab')
+              click_element('closed-issuables-tab')
+            else
+              # When we no longer use tabs for open/closed/all lists
+              click_element('clear-icon')
+              click_element('filtered-search-token-segment')
+              click_link('State')
+              click_link('Closed')
+              click_element('search-button')
+            end
           end
 
           def click_export_as_csv_button
diff --git a/qa/qa/page/project/sub_menus/plan.rb b/qa/qa/page/project/sub_menus/plan.rb
index a7fe00f3c6025b15562fdeaf3834f0bef09b0818..a0c5e2ddcf065a1acb1873883470c0c00e158126 100644
--- a/qa/qa/page/project/sub_menus/plan.rb
+++ b/qa/qa/page/project/sub_menus/plan.rb
@@ -25,8 +25,12 @@ def go_to_open_jira
             open_plan_submenu("Open Jira")
           end
 
-          def go_to_issues
-            open_plan_submenu("Issues")
+          def go_to_work_items
+            if has_element?('nav-item-link', submenu_item: 'Work items')
+              open_plan_submenu("Work items")
+            else
+              open_plan_submenu("Issues")
+            end
           end
         end
       end
diff --git a/qa/qa/page/sub_menus/main.rb b/qa/qa/page/sub_menus/main.rb
index 25732672dd4040f22c904ed9832ede4ad2ac6c0f..fc24d38b098e963c75ff99bd328c285b532ec8a1 100644
--- a/qa/qa/page/sub_menus/main.rb
+++ b/qa/qa/page/sub_menus/main.rb
@@ -10,6 +10,14 @@ def go_to_issues
           click_element('nav-item-link', submenu_item: 'Issues')
         end
 
+        def go_to_work_items
+          if has_element?('nav-item-link', submenu_item: 'Work items')
+            click_element('nav-item-link', submenu_item: 'Work items')
+          else
+            click_element('nav-item-link', submenu_item: 'Issues')
+          end
+        end
+
         def go_to_merge_requests
           click_element('nav-item-link', submenu_item: 'Merge requests')
         end
diff --git a/qa/qa/specs/features/browser_ui/1_manage/integrations/jira/jira_issue_import_spec.rb b/qa/qa/specs/features/browser_ui/1_manage/integrations/jira/jira_issue_import_spec.rb
index 6666fea62ccd049e0fe94a63d8d1966ca78265e2..05c3c09520df0ec26a539300703cee2cc605d3cb 100644
--- a/qa/qa/specs/features/browser_ui/1_manage/integrations/jira/jira_issue_import_spec.rb
+++ b/qa/qa/specs/features/browser_ui/1_manage/integrations/jira/jira_issue_import_spec.rb
@@ -14,7 +14,7 @@ module QA
         set_up_jira_integration
         import_jira_issues
 
-        Page::Project::Menu.perform(&:go_to_issues)
+        Page::Project::Menu.perform(&:go_to_work_items)
         Page::Project::Issue::Index.perform do |issues_page|
           expect { issues_page }.to eventually_have_content(jira_issue_title).within(
             max_attempts: 5, sleep_interval: 1, reload_page: issues_page
@@ -52,7 +52,7 @@ def set_up_jira_integration
       end
 
       def import_jira_issues
-        Page::Project::Menu.perform(&:go_to_issues)
+        Page::Project::Menu.perform(&:go_to_work_items)
         Page::Project::Issue::Index.perform(&:go_to_jira_import_form)
 
         Page::Project::Issue::JiraImport.perform do |form|
diff --git a/qa/qa/specs/features/browser_ui/2_plan/issue/create_issue_spec.rb b/qa/qa/specs/features/browser_ui/2_plan/issue/create_issue_spec.rb
index c9ad0db9591f37c10660fc8472d0342bf664adf2..f5d207e30c185c04f3f665a7acffca8ce1123fc6 100644
--- a/qa/qa/specs/features/browser_ui/2_plan/issue/create_issue_spec.rb
+++ b/qa/qa/specs/features/browser_ui/2_plan/issue/create_issue_spec.rb
@@ -26,7 +26,7 @@ module QA
       ) do
         issue = Resource::Issue.fabricate_via_browser_ui! { |issue| issue.project = project }
 
-        Page::Project::Menu.perform(&:go_to_issues)
+        Page::Project::Menu.perform(&:go_to_work_items)
 
         Page::Project::Issue::Index.perform do |index|
           expect(index).to have_issue(issue)
@@ -46,7 +46,7 @@ module QA
           expect(issue_page).to have_reopen_issue_button
         end
 
-        Page::Project::Menu.perform(&:go_to_issues)
+        Page::Project::Menu.perform(&:go_to_work_items)
 
         Page::Project::Issue::Index.perform do |index|
           expect(index).not_to have_issue(closed_issue)
diff --git a/qa/qa/specs/features/browser_ui/2_plan/issue/export_as_csv_spec.rb b/qa/qa/specs/features/browser_ui/2_plan/issue/export_as_csv_spec.rb
index 622f1b966d06b33d20b1feff69689f22e9bda017..1e0c25f59b17df5f456ce990f8ac58350488d104 100644
--- a/qa/qa/specs/features/browser_ui/2_plan/issue/export_as_csv_spec.rb
+++ b/qa/qa/specs/features/browser_ui/2_plan/issue/export_as_csv_spec.rb
@@ -11,20 +11,22 @@ module QA
         create_list(:issue, 2, project: project)
 
         project.visit!
-        Page::Project::Menu.perform(&:go_to_issues)
+        Page::Project::Menu.perform(&:go_to_work_items)
       end
 
       it 'successfully exports issues list as CSV', testcase: 'https://gitlab.com/gitlab-org/gitlab/-/quality/test_cases/347968' do
         Page::Project::Issue::Index.perform do |index|
-          index.click_issues_list_more_actions_dropdown
+          if has_element?('issues-list-more-actions-dropdown')
+            index.click_issues_list_more_actions_dropdown
 
-          index.click_export_as_csv_button
+            index.click_export_as_csv_button
 
-          expect(index.export_issues_modal).to have_content('2 issues selected')
+            expect(index.export_issues_modal).to have_content('2 issues selected')
 
-          index.click_export_issues_button
+            index.click_export_issues_button
 
-          expect(index).to have_content(/Your CSV export has started. It will be emailed to (\S+) when complete./)
+            expect(index).to have_content(/Your CSV export has started. It will be emailed to (\S+) when complete./)
+          end
         end
       end
     end
diff --git a/qa/qa/specs/features/ee/browser_ui/12_systems/geo/issue_attachment_spec.rb b/qa/qa/specs/features/ee/browser_ui/12_systems/geo/issue_attachment_spec.rb
index b0317de45d3d887ea269dab6b297a363eaa566ef..1c37dccd2374bf88680d610db58d690869ecef94 100644
--- a/qa/qa/specs/features/ee/browser_ui/12_systems/geo/issue_attachment_spec.rb
+++ b/qa/qa/specs/features/ee/browser_ui/12_systems/geo/issue_attachment_spec.rb
@@ -31,7 +31,7 @@ module QA
             dashboard.go_to_project(project.name)
           end
 
-          Page::Project::Menu.act { go_to_issues }
+          Page::Project::Menu.act { go_to_work_items }
 
           Page::Project::Issue::Index.perform do |index|
             index.wait_for_issue_replication(issue)
diff --git a/qa/qa/specs/features/ee/browser_ui/2_plan/issues_weight/issue_weight_visualization_spec.rb b/qa/qa/specs/features/ee/browser_ui/2_plan/issues_weight/issue_weight_visualization_spec.rb
index 78b508013d538e530376b7a6771cf6a794ca2cca..5451679867a73138ac1ff1150f2dd1907ec223be 100644
--- a/qa/qa/specs/features/ee/browser_ui/2_plan/issues_weight/issue_weight_visualization_spec.rb
+++ b/qa/qa/specs/features/ee/browser_ui/2_plan/issues_weight/issue_weight_visualization_spec.rb
@@ -24,7 +24,7 @@ module QA
           expect(show.total_issue_weight_value).to have_content(weight)
         end
 
-        Page::Project::Menu.perform(&:go_to_issues)
+        Page::Project::Menu.perform(&:go_to_work_items)
 
         Page::Project::Issue::Index.perform do |index|
           expect(index.issuable_weight).to have_content(weight)
diff --git a/qa/qa/specs/features/ee/browser_ui/2_plan/multiple_assignees_for_issues/four_assignees_spec.rb b/qa/qa/specs/features/ee/browser_ui/2_plan/multiple_assignees_for_issues/four_assignees_spec.rb
index ca14ee4010b707ce78630f6532596cf7ddae5629..7bb9a87e14a73087dd0ba4982d8aaa065756bad4 100644
--- a/qa/qa/specs/features/ee/browser_ui/2_plan/multiple_assignees_for_issues/four_assignees_spec.rb
+++ b/qa/qa/specs/features/ee/browser_ui/2_plan/multiple_assignees_for_issues/four_assignees_spec.rb
@@ -30,7 +30,7 @@ module QA
       end
 
       it 'shows four assignees in the issues list', testcase: 'https://gitlab.com/gitlab-org/gitlab/-/quality/test_cases/347960' do
-        Page::Project::Menu.perform(&:go_to_issues)
+        Page::Project::Menu.perform(&:go_to_work_items)
 
         Page::Project::Issue::Index.perform do |index|
           expect(index).to have_assignee_link_count(4)
diff --git a/qa/qa/specs/features/ee/browser_ui/2_plan/multiple_assignees_for_issues/more_than_four_assignees_spec.rb b/qa/qa/specs/features/ee/browser_ui/2_plan/multiple_assignees_for_issues/more_than_four_assignees_spec.rb
index 926f8fe3746f5ba52413a5deb836bdcbd044c1b0..467174c30b0963b2cae919b9ab7b063e76444d1e 100644
--- a/qa/qa/specs/features/ee/browser_ui/2_plan/multiple_assignees_for_issues/more_than_four_assignees_spec.rb
+++ b/qa/qa/specs/features/ee/browser_ui/2_plan/multiple_assignees_for_issues/more_than_four_assignees_spec.rb
@@ -37,7 +37,7 @@ module QA
       it 'shows the first three assignees and a +n sign in the issues list', testcase: 'https://gitlab.com/gitlab-org/gitlab/-/quality/test_cases/347976' do
         project.visit!
 
-        Page::Project::Menu.perform(&:go_to_issues)
+        Page::Project::Menu.perform(&:go_to_work_items)
 
         Page::Project::Issue::Index.perform do |index|
           expect(index).to have_assignee_link_count(3)
diff --git a/spec/features/groups/group_page_with_external_authorization_service_spec.rb b/spec/features/groups/group_page_with_external_authorization_service_spec.rb
index f69fec56d35441782ef3e7858a9adf17e0a16d5f..b43211e00b6031628740612c553905e2b34c8951 100644
--- a/spec/features/groups/group_page_with_external_authorization_service_spec.rb
+++ b/spec/features/groups/group_page_with_external_authorization_service_spec.rb
@@ -18,7 +18,7 @@ def expect_all_sidebar_links
       click_button 'Manage'
       click_button 'Plan'
       expect(page).to have_link('Activity')
-      expect(page).to have_link('Issues')
+      expect(page).to have_link('Work items')
       expect(page).to have_link('Merge requests')
       expect(page).to have_link('Members')
     end
@@ -51,7 +51,7 @@ def expect_all_sidebar_links
         expect(page).not_to have_link('Activity')
         expect(page).not_to have_link('Contribution')
 
-        expect(page).not_to have_link('Issues')
+        expect(page).not_to have_link('Work items')
         expect(page).not_to have_link('Merge requests')
         expect(page).to have_link('Members')
       end
diff --git a/spec/features/nav/pinned_nav_items_spec.rb b/spec/features/nav/pinned_nav_items_spec.rb
index 24f32e06ecf45a6a3897d520db67686bd4d5a1e7..578d35378dffc7fa5d59002ae09fdb3c43c56f9c 100644
--- a/spec/features/nav/pinned_nav_items_spec.rb
+++ b/spec/features/nav/pinned_nav_items_spec.rb
@@ -33,7 +33,7 @@
 
     it 'adds sensible defaults' do
       within_testid 'pinned-nav-items' do
-        expect(page).to have_link 'Issues'
+        expect(page).to have_link 'Work items'
       end
     end
 
@@ -51,7 +51,7 @@
       end
 
       within_testid 'pinned-nav-items' do
-        expect(page).to have_link 'Issues'
+        expect(page).to have_link 'Work items'
         expect(page).to have_link 'Activity'
         expect(page).to have_link 'Members'
       end
@@ -59,7 +59,7 @@
 
     describe 'when all pins are removed' do
       before do
-        remove_pin('Issues')
+        remove_pin('Work items')
       end
 
       it 'shows the Pinned section as expanded by default' do
@@ -154,7 +154,7 @@
         pinned_items = page.find_all('a', wait: false)
           .map(&:text)
           .map { |text| text.split("\n").first } # to drop the counter badge text from "Issues\n0"
-        expect(pinned_items).to eq ["Issues", "Merge requests", "Commits", "Members", "Activity"]
+        expect(pinned_items).to eq ["Work items", "Merge requests", "Commits", "Members", "Activity"]
       end
     end
   end
@@ -168,17 +168,17 @@
     context 'when a pinned item is clicked in the Pinned section' do
       before do
         within_testid 'pinned-nav-items' do
-          click_on 'Issues'
+          click_on 'Work items'
         end
       end
 
       it 'shows the Pinned section as expanded and the original section as collapsed' do
         within_testid 'pinned-nav-items' do
-          expect(page).to have_link 'Issues'
+          expect(page).to have_link 'Work items'
         end
 
         within '#menu-section-button-plan' do
-          expect(page).not_to have_link 'Issues'
+          expect(page).not_to have_link 'Work items'
         end
       end
     end
@@ -189,16 +189,16 @@
           click_on 'Plan'
         end
         within '#super-sidebar #plan' do
-          click_on 'Issues'
+          click_on 'Work items'
         end
       end
 
       it 'shows the Pinned section as collapsed and the original section as expanded' do
         within '#menu-section-button-plan' do
-          expect(page).not_to have_link 'Issues'
+          expect(page).not_to have_link 'Work items'
         end
         within '#super-sidebar #plan' do
-          expect(page).to have_link 'Issues'
+          expect(page).to have_link 'Work items'
         end
       end
     end
diff --git a/spec/features/projects/user_uses_shortcuts_spec.rb b/spec/features/projects/user_uses_shortcuts_spec.rb
index a000c9e1da8e31c0dcdf91f2649e35f05a7a63cf..021bc453acb2064ed08c393767fe3b6f4f37d8ff 100644
--- a/spec/features/projects/user_uses_shortcuts_spec.rb
+++ b/spec/features/projects/user_uses_shortcuts_spec.rb
@@ -76,12 +76,16 @@
   end
 
   context 'when navigating to the Issues pages' do
+    before do
+      visit(project_path(project))
+    end
+
     it 'redirects to the issues list page' do
       find('body').native.send_key('g')
       find('body').native.send_key('i')
 
       expect(page).to have_active_navigation('Pinned')
-      expect(page).to have_active_sub_navigation('Issues')
+      expect(page).to have_active_sub_navigation('Work items')
     end
 
     it 'redirects to the issue board page' do
diff --git a/spec/features/users/terms_spec.rb b/spec/features/users/terms_spec.rb
index 281915875729eb818ac866a4c7eacfdb47815ce0..093d1b3f2f97b811dbe688b42f7f454260583c30 100644
--- a/spec/features/users/terms_spec.rb
+++ b/spec/features/users/terms_spec.rb
@@ -116,14 +116,14 @@
         # Application settings are cached for a minute
         travel_to 2.minutes.from_now do
           within('.contextual-nav') do
-            click_link 'Issues'
+            click_link 'Work items'
           end
 
           expect_to_be_on_terms_page
 
           click_button('Accept terms')
 
-          expect(page).to have_current_path(project_issues_path(project), ignore_query: true)
+          expect(page).to have_current_path(project_work_items_path(project), ignore_query: true)
         end
       end
 
diff --git a/spec/features/work_items/work_item_detail_spec.rb b/spec/features/work_items/work_item_detail_spec.rb
index e546f655d14838fdc26907f042a298423b249f21..62369acced553154c2036a16cd5562423e174c2d 100644
--- a/spec/features/work_items/work_item_detail_spec.rb
+++ b/spec/features/work_items/work_item_detail_spec.rb
@@ -40,7 +40,7 @@
     end
 
     before do
-      stub_feature_flags(notifications_todos_buttons: false)
+      stub_feature_flags(notifications_todos_buttons: false, work_item_planning_view: false)
       stub_const("AutocompleteSources::ExpiresIn::AUTOCOMPLETE_EXPIRES_IN", 0)
       sign_in(user)
       visit work_items_path
diff --git a/spec/frontend/vue_shared/issuable/list/components/issuable_tabs_spec.js b/spec/frontend/vue_shared/issuable/list/components/issuable_tabs_spec.js
index 9cdd4d75c42c345a11adbdd8f36ef2cc60d527d1..7e774127fd32ee00e18be5a8730a66bbc11c22c0 100644
--- a/spec/frontend/vue_shared/issuable/list/components/issuable_tabs_spec.js
+++ b/spec/frontend/vue_shared/issuable/list/components/issuable_tabs_spec.js
@@ -23,6 +23,7 @@ const createComponent = ({
     },
     slots: {
       'nav-actions': `<button class="js-new-issuable">New issuable</button>`,
+      title: '<h1 class="title">Tab title slot</h1>',
     },
   });
 
@@ -85,6 +86,14 @@ describe('IssuableTabs', () => {
 
       expect(button.text()).toBe('New issuable');
     });
+
+    it('renders contents for slot "title"', () => {
+      wrapper = createComponent();
+
+      const title = wrapper.find('h1.title');
+
+      expect(title.text()).toBe('Tab title slot');
+    });
   });
 
   describe('counts', () => {
diff --git a/spec/lib/sidebars/groups/menus/work_items_menu_spec.rb b/spec/lib/sidebars/groups/menus/work_items_menu_spec.rb
new file mode 100644
index 0000000000000000000000000000000000000000..77d2a23540cf2c1c6c4211fe5cd5a81f4ea01b69
--- /dev/null
+++ b/spec/lib/sidebars/groups/menus/work_items_menu_spec.rb
@@ -0,0 +1,90 @@
+# frozen_string_literal: true
+
+require 'spec_helper'
+
+RSpec.describe Sidebars::Groups::Menus::WorkItemsMenu, feature_category: :navigation do
+  let_it_be(:owner) { create(:user) }
+  let_it_be(:group) do
+    build(:group, :private).tap do |g|
+      g.add_owner(owner)
+    end
+  end
+
+  let(:user) { owner }
+  let(:context) { Sidebars::Groups::Context.new(current_user: user, container: group) }
+  let(:menu) { described_class.new(context) }
+
+  describe 'Menu Items' do
+    subject { menu.renderable_items.index { |e| e.item_id == item_id } }
+
+    shared_examples 'menu access rights' do
+      it { is_expected.not_to be_nil }
+
+      describe 'when the user does not have access' do
+        it 'does not include item' do
+          allow(Ability).to receive(:allowed?).and_call_original
+          allow(Ability).to receive(:allowed?).with(user, policy, group).and_return(false)
+
+          is_expected.to be_nil
+        end
+      end
+    end
+
+    describe 'List' do
+      let(:item_id) { :issue_list }
+      let(:policy) { :read_group_issues }
+
+      it { is_expected.not_to be_nil }
+
+      it_behaves_like 'menu access rights'
+    end
+
+    describe 'Boards' do
+      let(:item_id) { :boards }
+      let(:policy) { :read_group_boards }
+
+      it_behaves_like 'menu access rights'
+    end
+
+    describe 'Milestones' do
+      let(:item_id) { :milestones }
+      let(:policy) { :read_group_milestones }
+
+      it_behaves_like 'menu access rights'
+    end
+  end
+
+  describe '#pill_count_field' do
+    it 'returns the correct GraphQL field name' do
+      expect(menu.pill_count_field).to eq('openIssuesCount')
+    end
+  end
+
+  describe '#pill_html_options' do
+    it 'returns the pill options' do
+      expect(menu.pill_html_options).to eq({ class: 'issue_counter' })
+    end
+  end
+
+  describe '#sprite_icon' do
+    subject { menu.sprite_icon }
+
+    it { is_expected.to eq 'issues' }
+  end
+
+  it_behaves_like 'serializable as super_sidebar_menu_args' do
+    let(:extra_attrs) do
+      {
+        item_id: :group_issue_list,
+        active_routes: { path: %w[
+          groups/issues#index groups/issues#show groups/issues#new
+          groups/work_items#index groups/work_items#show groups/work_items#new
+        ] },
+        pill_count: menu.pill_count,
+        pill_count_field: menu.pill_count_field,
+        has_pill: menu.has_pill?,
+        super_sidebar_parent: Sidebars::Groups::SuperSidebarMenus::PlanMenu
+      }
+    end
+  end
+end
diff --git a/spec/lib/sidebars/projects/menus/work_items_menu_spec.rb b/spec/lib/sidebars/projects/menus/work_items_menu_spec.rb
new file mode 100644
index 0000000000000000000000000000000000000000..1693dc5565963b2c6b7b465511900b001ccb6942
--- /dev/null
+++ b/spec/lib/sidebars/projects/menus/work_items_menu_spec.rb
@@ -0,0 +1,116 @@
+# frozen_string_literal: true
+
+require 'spec_helper'
+
+RSpec.describe Sidebars::Projects::Menus::WorkItemsMenu, feature_category: :navigation do
+  let(:project) { build(:project) }
+  let(:user) { project.first_owner }
+  let(:context) { Sidebars::Projects::Context.new(current_user: user, container: project) }
+
+  subject(:menu) { described_class.new(context) }
+
+  it_behaves_like 'serializable as super_sidebar_menu_args' do
+    let(:extra_attrs) do
+      {
+        item_id: :project_issue_list,
+        active_routes: { path: %w[
+          projects/issues#index projects/issues#show projects/issues#new
+          projects/work_items#index projects/work_items#show projects/work_items#new
+        ] },
+        pill_count: menu.pill_count,
+        pill_count_field: menu.pill_count_field,
+        has_pill: menu.has_pill?,
+        super_sidebar_parent: Sidebars::Projects::SuperSidebarMenus::PlanMenu
+      }
+    end
+  end
+
+  describe '#render?' do
+    context 'when user can read issues' do
+      it 'returns true' do
+        expect(subject.render?).to eq true
+      end
+    end
+
+    context 'when user cannot read issues' do
+      let(:user) { nil }
+
+      it 'returns false' do
+        expect(subject.render?).to eq false
+      end
+    end
+  end
+
+  describe '#has_pill?' do
+    context 'when issues feature is enabled' do
+      it 'returns true' do
+        expect(subject.has_pill?).to eq false
+      end
+    end
+
+    context 'when issue feature is disabled' do
+      it 'returns false' do
+        allow(project).to receive(:issues_enabled?).and_return(false)
+
+        expect(subject.has_pill?).to eq false
+      end
+    end
+  end
+
+  describe '#pill_count_field' do
+    it 'returns the correct GraphQL field name' do
+      expect(subject.pill_count_field).to eq('openIssuesCount')
+    end
+  end
+
+  describe '#pill_html_options' do
+    it 'returns the pill options' do
+      expect(menu.pill_html_options).to eq({ class: 'issue_counter' })
+    end
+  end
+
+  describe '#sprite_icon' do
+    subject { menu.sprite_icon }
+
+    it { is_expected.to eq 'issues' }
+  end
+
+  describe 'Menu Items' do
+    subject { described_class.new(context).renderable_items.index { |e| e.item_id == item_id } }
+
+    describe 'Service Desk' do
+      let(:item_id) { :service_desk }
+
+      describe 'when service desk is supported' do
+        before do
+          allow(::ServiceDesk).to receive(:supported?).and_return(true)
+        end
+
+        describe 'when service desk is enabled' do
+          before do
+            project.update!(service_desk_enabled: true)
+          end
+
+          it { is_expected.not_to be_nil }
+        end
+
+        describe 'when service desk is disabled' do
+          before do
+            project.update!(service_desk_enabled: false)
+          end
+
+          it { is_expected.to be_nil }
+        end
+      end
+
+      describe 'when service desk is unsupported' do
+        before do
+          allow(::ServiceDesk).to receive(:supported?).and_return(false)
+          project.update!(service_desk_enabled: true)
+        end
+
+        it { is_expected.to be_nil }
+      end
+    end
+  end
+end
diff --git a/spec/requests/projects/work_items_spec.rb b/spec/requests/projects/work_items_spec.rb
index 34782edf9f8e5cd54ef4fedfa92bc48364a2e469..a4ab33f1d1e92a6bc5827771e61be997285de77f 100644
--- a/spec/requests/projects/work_items_spec.rb
+++ b/spec/requests/projects/work_items_spec.rb
@@ -35,6 +35,46 @@
     end
   end
 
+  describe 'GET /:namespace/:project/-/work_items' do
+    context 'when the user can read the group' do
+      before do
+        sign_in(current_user)
+      end
+
+      it 'renders index' do
+        get project_work_items_url(work_item.project)
+
+        expect(response).to have_gitlab_http_status(:ok)
+      end
+    end
+
+    context 'when the work_item_planning_view feature flag is disabled' do
+      before do
+        sign_in(current_user)
+        stub_feature_flags(work_item_planning_view: false)
+      end
+
+      it 'returns not found' do
+        get project_work_items_url(work_item.project)
+
+        expect(response).to have_gitlab_http_status(:not_found)
+      end
+    end
+
+    context 'when the user cannot read the group' do
+      before do
+        sign_in(current_user)
+        work_item.project.team.truncate
+      end
+
+      it 'returns not found' do
+        get project_work_items_path(work_item.project)
+
+        expect(response).to have_gitlab_http_status(:not_found)
+      end
+    end
+  end
+
   describe 'GET /:namespace/:project/work_items/:id' do
     context 'when authenticated' do
       before do
diff --git a/spec/support/shared_contexts/navbar_structure_context.rb b/spec/support/shared_contexts/navbar_structure_context.rb
index 15aa7db00459376817f50a3291325059c78a67c4..af84c3762a9b02fcdb58e08d7ca1ded1a1c52c80 100644
--- a/spec/support/shared_contexts/navbar_structure_context.rb
+++ b/spec/support/shared_contexts/navbar_structure_context.rb
@@ -26,7 +26,7 @@
       {
         nav_item: _('Plan'),
         nav_sub_items: [
-          _('Issues'),
+          s_('WorkItem|Work items'),
           _('Issue boards'),
           _('Milestones'),
           _('Wiki')
@@ -166,7 +166,7 @@
   end
 
   let(:plan_nav_items) do
-    [_("Issues"), _("Issue board"), _("Milestones"), (_('Iterations') if Gitlab.ee?)]
+    [s_("WorkItem|Work items"), _("Issue board"), _("Milestones"), (_('Iterations') if Gitlab.ee?)]
   end
 
   let(:customer_relations_nav_item) do
diff --git a/spec/support/shared_examples/quick_actions/issue/clone_quick_action_shared_examples.rb b/spec/support/shared_examples/quick_actions/issue/clone_quick_action_shared_examples.rb
index d42e925ed22ebe0a8048b972b7863e5ddbee19f1..c2b349b2208aa9e85f424d3a9816bde1bd74f895 100644
--- a/spec/support/shared_examples/quick_actions/issue/clone_quick_action_shared_examples.rb
+++ b/spec/support/shared_examples/quick_actions/issue/clone_quick_action_shared_examples.rb
@@ -13,7 +13,7 @@
 
         visit project_issue_path(project, issue)
 
-        expect(page).to have_content 'Issues 2'
+        expect(page).to have_content issue.title
       end
     end
 
@@ -30,7 +30,7 @@
 
         visit project_issue_path(target_project, issue)
 
-        expect(page).to have_content 'Issues 1'
+        expect(page).to have_content issue.title
       end
 
       context 'when cloning with notes', :aggregate_failures do
@@ -45,7 +45,7 @@
 
           visit project_issue_path(target_project, issue)
 
-          expect(page).to have_content 'Issues 1'
+          expect(page).to have_content issue.title
           expect(page).to have_content 'Some random note'
           expect(page).to have_content 'Another note'
         end
@@ -71,7 +71,7 @@
 
         visit project_issue_path(target_project, issue)
 
-        expect(page).not_to have_content 'Issues 1'
+        expect(page).not_to have_content issue.title
       end
     end
 
@@ -158,7 +158,7 @@
         visit project_issue_path(target_project, issue)
         wait_for_all_requests
 
-        expect(page).to have_content 'Issues 1'
+        expect(page).to have_content issue.title
       end
 
       it 'deletes the note if it was updated to just contain a command' do
@@ -175,7 +175,7 @@
         visit project_issue_path(target_project, issue)
         wait_for_all_requests
 
-        expect(page).to have_content 'Issues 1'
+        expect(page).to have_content issue.title
       end
     end
   end
diff --git a/spec/support/shared_examples/quick_actions/issue/move_quick_action_shared_examples.rb b/spec/support/shared_examples/quick_actions/issue/move_quick_action_shared_examples.rb
index e3ae167164209f57ea761af6af394fb6134913ea..c0fb52c03dd555176bfe2cecff7fa7e1396db883 100644
--- a/spec/support/shared_examples/quick_actions/issue/move_quick_action_shared_examples.rb
+++ b/spec/support/shared_examples/quick_actions/issue/move_quick_action_shared_examples.rb
@@ -21,7 +21,7 @@
 
         visit project_issue_path(target_project, issue)
 
-        expect(page).to have_content 'Issues 1'
+        expect(page).to have_content issue.title
       end
     end
 
@@ -117,7 +117,7 @@
         visit project_issue_path(target_project, issue)
         wait_for_all_requests
 
-        expect(page).to have_content 'Issues 1'
+        expect(page).to have_content issue.title
       end
 
       it 'deletes the note if it was updated to just contain a command' do
@@ -135,7 +135,7 @@
         visit project_issue_path(target_project, issue)
         wait_for_all_requests
 
-        expect(page).to have_content 'Issues 1'
+        expect(page).to have_content issue.title
       end
     end
   end