From: Afreen Misbah <afreen@ibm.com>
Date: Fri, 16 Jan 2026 14:17:53 +0000 (+0530)
Subject: mgr/dashboard: Change side navigation to `Overview`
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=828802d21a1b5eb4d99e4b461bcd50b30538eb17;p=ceph.git

mgr/dashboard: Change side navigation to `Overview`

Fixes https://tracker.ceph.com/issues/73318

Signed-off-by: Afreen Misbah <afreen@ibm.com>
---

diff --git a/src/pybind/mgr/dashboard/frontend/cypress/e2e/a11y/dashboard.e2e-spec.ts b/src/pybind/mgr/dashboard/frontend/cypress/e2e/a11y/dashboard.e2e-spec.ts
index 41149f24bfa..faa45d8b794 100644
--- a/src/pybind/mgr/dashboard/frontend/cypress/e2e/a11y/dashboard.e2e-spec.ts
+++ b/src/pybind/mgr/dashboard/frontend/cypress/e2e/a11y/dashboard.e2e-spec.ts
@@ -1,11 +1,11 @@
 import { DashboardV3PageHelper } from '../ui/dashboard-v3.po';
 
-describe('Dashboard Main Page', { retries: 0 }, () => {
-  const dashboard = new DashboardV3PageHelper();
+describe('Overview Page', { retries: 0 }, () => {
+  const overview = new DashboardV3PageHelper();
 
   beforeEach(() => {
     cy.login();
-    dashboard.navigateTo();
+    overview.navigateTo();
   });
 
   describe('Dashboard accessibility', () => {
diff --git a/src/pybind/mgr/dashboard/frontend/cypress/e2e/common/urls.po.ts b/src/pybind/mgr/dashboard/frontend/cypress/e2e/common/urls.po.ts
index 455fdf2cf93..fc56fe7a9a1 100644
--- a/src/pybind/mgr/dashboard/frontend/cypress/e2e/common/urls.po.ts
+++ b/src/pybind/mgr/dashboard/frontend/cypress/e2e/common/urls.po.ts
@@ -6,7 +6,7 @@ export class UrlsCollection extends PageHelper {
     welcome: { url: '#/expand-cluster?welcome=true', id: 'cd-create-cluster' },
 
     // Landing page
-    dashboard: { url: '#/dashboard', id: 'cd-dashboard' },
+    overview: { url: '#/overview', id: 'cd-dashboard' },
 
     // Hosts
     hosts: { url: '#/hosts', id: 'cd-hosts' },
diff --git a/src/pybind/mgr/dashboard/frontend/cypress/e2e/orchestrator/04-osds.e2e-spec.ts b/src/pybind/mgr/dashboard/frontend/cypress/e2e/orchestrator/04-osds.e2e-spec.ts
index 31870abd231..fc3a3ca6a11 100644
--- a/src/pybind/mgr/dashboard/frontend/cypress/e2e/orchestrator/04-osds.e2e-spec.ts
+++ b/src/pybind/mgr/dashboard/frontend/cypress/e2e/orchestrator/04-osds.e2e-spec.ts
@@ -3,7 +3,7 @@ import { DashboardV3PageHelper } from '../ui/dashboard-v3.po';
 
 describe('OSDs page', () => {
   const osds = new OSDsPageHelper();
-  const dashboard = new DashboardV3PageHelper();
+  const overview = new DashboardV3PageHelper();
 
   before(() => {
     cy.login();
@@ -28,8 +28,8 @@ describe('OSDs page', () => {
           osds.expectTableCount('total', expectedCount);
 
           // landing page is easier to check OSD status
-          dashboard.navigateTo();
-          dashboard.cardRow('OSD').should('contain.text', `${expectedCount} OSDs`);
+          overview.navigateTo();
+          overview.cardRow('OSD').should('contain.text', `${expectedCount} OSDs`);
 
           cy.wait(30000);
           expect(Number(newCount)).to.be.gte(2);
diff --git a/src/pybind/mgr/dashboard/frontend/cypress/e2e/orchestrator/workflow/01-create-cluster-welcome.feature b/src/pybind/mgr/dashboard/frontend/cypress/e2e/orchestrator/workflow/01-create-cluster-welcome.feature
index 3ffdc40f249..a5809537fc6 100644
--- a/src/pybind/mgr/dashboard/frontend/cypress/e2e/orchestrator/workflow/01-create-cluster-welcome.feature
+++ b/src/pybind/mgr/dashboard/frontend/cypress/e2e/orchestrator/workflow/01-create-cluster-welcome.feature
@@ -23,4 +23,4 @@ Feature: Cluster expansion welcome screen
         And I should see a button to "Skip"
         When I click on "Skip" button
         And I confirm to "Continue" on carbon modal
-        Then I should be on the "dashboard" page
+        Then I should be on the "overview" page
diff --git a/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/dashboard-v3.e2e-spec.ts b/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/dashboard-v3.e2e-spec.ts
index 58a9a23d01f..74dc43eb67b 100644
--- a/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/dashboard-v3.e2e-spec.ts
+++ b/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/dashboard-v3.e2e-spec.ts
@@ -1,7 +1,7 @@
 import { DashboardV3PageHelper } from './dashboard-v3.po';
 
 describe('Dashboard-v3 Main Page', () => {
-  const dashboard = new DashboardV3PageHelper();
+  const overview = new DashboardV3PageHelper();
 
   before(() => {
     cy.login();
@@ -9,7 +9,7 @@ describe('Dashboard-v3 Main Page', () => {
 
   beforeEach(() => {
     cy.login();
-    dashboard.navigateTo();
+    overview.navigateTo();
   });
 
   describe('Check that all hyperlinks on inventory card lead to the correct page and fields exist', () => {
@@ -23,20 +23,20 @@ describe('Dashboard-v3 Main Page', () => {
       };
 
       for (const [linkText, breadcrumbText] of Object.entries(expectationMap)) {
-        cy.location('hash').should('eq', '#/dashboard');
-        dashboard.clickInventoryCardLink(linkText);
-        dashboard.expectBreadcrumbText(breadcrumbText);
-        dashboard.navigateBack();
+        cy.location('hash').should('eq', '#/overview');
+        overview.clickInventoryCardLink(linkText);
+        overview.expectBreadcrumbText(breadcrumbText);
+        overview.navigateBack();
       }
     });
 
-    it('should verify that cards exist on dashboard in proper order', () => {
-      // Ensures that cards are all displayed on the dashboard tab while being in the proper
+    it('should verify that cards exist on overview in proper order', () => {
+      // Ensures that cards are all displayed on the overview tab while being in the proper
       // order, checks for card title and position via indexing into a list of all cards.
       const order = ['Details', 'Inventory', 'Status', 'Capacity', 'Cluster Utilization'];
 
       for (let i = 0; i < order.length; i++) {
-        dashboard.card(i).should('contain.text', order[i]);
+        overview.card(i).should('contain.text', order[i]);
       }
     });
   });
diff --git a/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/dashboard-v3.po.ts b/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/dashboard-v3.po.ts
index 212562250a8..70063ef8b16 100644
--- a/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/dashboard-v3.po.ts
+++ b/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/dashboard-v3.po.ts
@@ -1,7 +1,7 @@
 import { PageHelper } from '../page-helper.po';
 
 export class DashboardV3PageHelper extends PageHelper {
-  pages = { index: { url: '#/dashboard', id: 'cd-dashboard-v3' } };
+  pages = { index: { url: '#/overview', id: 'cd-dashboard-v3' } };
 
   cardTitle(index: number) {
     return cy.get('.card-title').its(index).text();
diff --git a/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/language.po.ts b/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/language.po.ts
index fc443f28ffd..72987b699b7 100644
--- a/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/language.po.ts
+++ b/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/language.po.ts
@@ -2,7 +2,7 @@ import { PageHelper } from '../page-helper.po';
 
 export class LanguagePageHelper extends PageHelper {
   pages = {
-    index: { url: '#/dashboard', id: 'cd-dashboard' }
+    index: { url: '#/overview', id: 'cd-dashboard' }
   };
 
   getLanguageBtn() {
diff --git a/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/login.e2e-spec.ts b/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/login.e2e-spec.ts
index bec37e46f62..72e75bbc11f 100644
--- a/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/login.e2e-spec.ts
+++ b/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/login.e2e-spec.ts
@@ -3,7 +3,7 @@ import { LoginPageHelper } from './login.po';
 describe('Login page', () => {
   const login = new LoginPageHelper();
 
-  it('should login and navigate to dashboard page', () => {
+  it('should login and navigate to overview page', () => {
     login.navigateTo();
     login.doLogin();
   });
diff --git a/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/login.po.ts b/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/login.po.ts
index b275133f015..7746ac1a0c3 100644
--- a/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/login.po.ts
+++ b/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/login.po.ts
@@ -3,7 +3,7 @@ import { PageHelper } from '../page-helper.po';
 export class LoginPageHelper extends PageHelper {
   pages = {
     index: { url: '#/login', id: 'cd-login' },
-    dashboard: { url: '#/dashboard', id: 'cd-dashboard' }
+    overview: { url: '#/overview', id: 'cd-dashboard' }
   };
 
   doLogin() {
diff --git a/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/navigation.po.ts b/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/navigation.po.ts
index ae0e5b64f25..791525bfcf7 100644
--- a/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/navigation.po.ts
+++ b/src/pybind/mgr/dashboard/frontend/cypress/e2e/ui/navigation.po.ts
@@ -2,11 +2,11 @@ import { PageHelper } from '../page-helper.po';
 
 export class NavigationPageHelper extends PageHelper {
   pages = {
-    index: { url: '#/dashboard', id: 'cd-dashboard' }
+    index: { url: '#/overview', id: 'cd-dashboard' }
   };
 
   navigations = [
-    { menu: 'Dashboard', component: 'cd-dashboard' },
+    { menu: 'Overview', component: 'cd-dashboard' },
     {
       menu: 'Multi-Cluster',
       submenus: [
diff --git a/src/pybind/mgr/dashboard/frontend/cypress/e2e/visualTests/dashboard.vrt-spec.ts b/src/pybind/mgr/dashboard/frontend/cypress/e2e/visualTests/dashboard.vrt-spec.ts
index 13802982041..12cea1ead37 100644
--- a/src/pybind/mgr/dashboard/frontend/cypress/e2e/visualTests/dashboard.vrt-spec.ts
+++ b/src/pybind/mgr/dashboard/frontend/cypress/e2e/visualTests/dashboard.vrt-spec.ts
@@ -1,11 +1,11 @@
 import { LoginPageHelper } from '../ui/login.po';
 
-describe.skip('Dashboard Landing Page', () => {
+describe.skip('Overview Landing Page', () => {
   const login = new LoginPageHelper();
 
   beforeEach(() => {
     cy.eyesOpen({
-      testName: 'Dashboard Component'
+      testName: 'Overview Component'
     });
   });
 
@@ -13,12 +13,12 @@ describe.skip('Dashboard Landing Page', () => {
     cy.eyesClose();
   });
 
-  it('should take screenshot of dashboard landing page', () => {
+  it('should take screenshot of overview landing page', () => {
     login.navigateTo();
     login.doLogin();
     cy.get('[aria-label="Status card"]').should('be.visible');
     cy.get('[aria-label="Inventory card"]').should('be.visible');
     cy.get('[aria-label="Cluster utilization card"]').should('be.visible');
-    cy.eyesCheckWindow({ tag: 'Dashboard landing page' });
+    cy.eyesCheckWindow({ tag: 'Overview landing page' });
   });
 });
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/app-routing.module.ts b/src/pybind/mgr/dashboard/frontend/src/app/app-routing.module.ts
index 276a7baea45..a40c58631af 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/app-routing.module.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/app-routing.module.ts
@@ -94,8 +94,8 @@ export class StartCaseBreadcrumbsResolver extends BreadcrumbsResolver {
 }
 
 const routes: Routes = [
-  // Dashboard
-  { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
+  // Overview
+  { path: '', redirectTo: 'overview', pathMatch: 'full' },
   { path: 'api-docs', component: ApiDocsComponent },
   {
     path: '',
@@ -103,7 +103,7 @@ const routes: Routes = [
     canActivate: [AuthGuardService, ChangePasswordGuardService],
     canActivateChild: [AuthGuardService, ChangePasswordGuardService],
     children: [
-      { path: 'dashboard', component: DashboardComponent },
+      { path: 'overview', component: DashboardComponent },
       { path: 'error', component: ErrorComponent },
 
       // Cluster
@@ -114,7 +114,7 @@ const routes: Routes = [
         data: {
           moduleStatusGuardConfig: {
             uiApiPath: 'orchestrator',
-            redirectTo: 'dashboard',
+            redirectTo: 'overview',
             backend: 'cephadm'
           },
           breadcrumbs: 'Cluster/Expand Cluster'
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/create-cluster/create-cluster.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/create-cluster/create-cluster.component.ts
index fc463ea0f21..e61ef3ee6e7 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/create-cluster/create-cluster.component.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/create-cluster/create-cluster.component.ts
@@ -151,7 +151,7 @@ export class CreateClusterComponent implements OnInit, OnDestroy, AfterViewInit
               NotificationType.info,
               $localize`Cluster expansion skipped by user`
             );
-            this.router.navigate(['/dashboard']);
+            this.router.navigate(['/overview']);
             this.modalService.dismissAll();
           }
         });
@@ -179,7 +179,7 @@ export class CreateClusterComponent implements OnInit, OnDestroy, AfterViewInit
                   NotificationType.success,
                   $localize`Cluster expansion was successful`
                 );
-                this.router.navigate(['/dashboard']);
+                this.router.navigate(['/overview']);
               })
             )
           )
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/dashboard/dashboard.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/dashboard/dashboard.component.html
index 8066c6b319d..e6eb1573744 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/dashboard/dashboard.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/dashboard/dashboard.component.html
@@ -1,5 +1,6 @@
-<main aria-label="Cluster Overview">
-@if (useDeprecated === true) {
+<main aria-label="Overview">
+@let features = enabledFeature$ | async;
+@if (features?.dashboard) {
 <!-- OLD OVERVIEW -->
 <cd-dashboard-v3 data-testid="cd-dashboard-v3"></cd-dashboard-v3>
 } @else {
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/dashboard/dashboard.component.spec.ts b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/dashboard/dashboard.component.spec.ts
index d3b4f5e8bb9..55b2152e175 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/dashboard/dashboard.component.spec.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/dashboard/dashboard.component.spec.ts
@@ -1,7 +1,6 @@
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
 
 import { NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
 import { FeatureTogglesService } from '~/app/shared/services/feature-toggles.service';
@@ -12,7 +11,6 @@ import { DashboardComponent } from './dashboard.component';
 describe('DashboardComponent', () => {
   let component: DashboardComponent;
   let fixture: ComponentFixture<DashboardComponent>;
-  let featureTogglesService: FeatureTogglesService;
 
   configureTestBed({
     imports: [NgbNavModule, HttpClientTestingModule],
@@ -22,70 +20,12 @@ describe('DashboardComponent', () => {
   });
 
   beforeEach(() => {
-    featureTogglesService = TestBed.inject(FeatureTogglesService);
     fixture = TestBed.createComponent(DashboardComponent);
     component = fixture.componentInstance;
   });
 
   it('should create', () => {
-    spyOn(featureTogglesService, 'isFeatureEnabled').and.returnValue(true);
-
     fixture.detectChanges();
     expect(component).toBeTruthy();
   });
-
-  it('should call featureTogglesService.isFeatureEnabled() on initialization', () => {
-    const spy = spyOn(featureTogglesService, 'isFeatureEnabled').and.returnValue(true);
-    fixture.detectChanges();
-    expect(spy).toHaveBeenCalled();
-    expect(spy).toHaveBeenCalledWith('dashboard');
-  });
-
-  it('should set useDeprecated based on feature toggle', () => {
-    spyOn(featureTogglesService, 'isFeatureEnabled').and.returnValue(true);
-    fixture.detectChanges();
-    expect(component.useDeprecated).toBe(true);
-  });
-
-  describe('when dashboard feature is enabled (new dashboard)', () => {
-    beforeEach(() => {
-      spyOn(featureTogglesService, 'isFeatureEnabled').and.returnValue(true);
-      fixture.detectChanges();
-    });
-
-    it('should show cd-dashboard-v3 in template when dashboard feature is enabled', () => {
-      const overviewElement = fixture.debugElement.query(By.css('[data-testid="cd-overview"]'));
-      const dashboardV3Element = fixture.debugElement.query(
-        By.css('[data-testid="cd-dashboard-v3"]')
-      );
-
-      expect(overviewElement).toBeNull();
-      expect(dashboardV3Element).toBeTruthy();
-    });
-
-    it('should set useDeprecated to false when feature is enabled', () => {
-      expect(component.useDeprecated).toBe(true);
-    });
-  });
-
-  describe('when dashboard feature is disabled (old dashboard)', () => {
-    beforeEach(() => {
-      spyOn(featureTogglesService, 'isFeatureEnabled').and.returnValue(false);
-      fixture.detectChanges();
-    });
-
-    it('should show cd-overview in template when dashboard feature is disabled', () => {
-      const overviewElement = fixture.debugElement.query(By.css('[data-testid="cd-overview"]'));
-      const dashboardV3Element = fixture.debugElement.query(
-        By.css('[data-testid="cd-dashboard-v3"]')
-      );
-
-      expect(overviewElement).toBeTruthy();
-      expect(dashboardV3Element).toBeNull();
-    });
-
-    it('should set useDeprecated to true when feature is disabled', () => {
-      expect(component.useDeprecated).toBe(false);
-    });
-  });
 });
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/dashboard/dashboard.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/dashboard/dashboard.component.ts
index 559049888ec..b26b1452b09 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/dashboard/dashboard.component.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/dashboard/dashboard.component.ts
@@ -1,5 +1,9 @@
 import { Component, inject, OnInit } from '@angular/core';
-import { FeatureTogglesService } from '~/app/shared/services/feature-toggles.service';
+import { Observable } from 'rxjs';
+import {
+  FeatureTogglesMap,
+  FeatureTogglesService
+} from '~/app/shared/services/feature-toggles.service';
 
 @Component({
   selector: 'cd-dashboard',
@@ -8,11 +12,11 @@ import { FeatureTogglesService } from '~/app/shared/services/feature-toggles.ser
   standalone: false
 })
 export class DashboardComponent implements OnInit {
-  useDeprecated: boolean = true;
+  enabledFeature$: Observable<FeatureTogglesMap>;
 
   private featureToggles = inject(FeatureTogglesService);
 
   ngOnInit() {
-    this.useDeprecated = this.featureToggles.isFeatureEnabled('dashboard');
+    this.enabledFeature$ = this.featureToggles.get();
   }
 }
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.html
index d736a3df24b..70d5d3908a1 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.html
@@ -2,34 +2,37 @@
      [narrow]="true"
      [condensed]="false"
      [fullWidth]="true"
-     class="overview">
+     class="cds-mt-5 cds-mb-5">
   <div cdsRow
-       [narrow]="true"
-       class="overview-row">
+       [narrow]="true">
     <div cdsCol
-         [columnNumbers]="{md: 16, lg: 11}">
+         class="cds-mb-5"
+         [columnNumbers]="{lg: 11}">
       <cds-tile>Health card</cds-tile>
     </div>
     <div cdsCol
-         [columnNumbers]="{md: 16, lg: 5}">
+         class="cds-mb-5"
+         [columnNumbers]="{lg: 5}">
       <cds-tile>Alerts card</cds-tile>
     </div>
   </div>
   <div cdsRow
-       [narrow]="true"
-       class="overview-row">
+       [narrow]="true">
     <div cdsCol
-         [columnNumbers]="{md: 16, lg: 11}">
+         class="cds-mb-5"
+         [columnNumbers]="{lg: 11}">
       <cds-tile>Storage card</cds-tile>
     </div>
     <div cdsCol
-         [columnNumbers]="{md: 16, lg: 5}">
+         class="cds-mb-5"
+         [columnNumbers]="{lg: 5}">
       <cds-tile>Docs card</cds-tile>
     </div>
   </div>
   <div cdsRow>
     <div cdsCol
-         [columnNumbers]="{md: 16, lg: 16}">
+         class="cds-mb-5"
+         [columnNumbers]="{lg: 16}">
       <cds-tile>Performance card</cds-tile>
     </div>
   </div>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.scss
index a84b2ba119c..e69de29bb2d 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/overview.component.scss
@@ -1,8 +0,0 @@
-.overview {
-  margin-top: var(--cds-spacing-05);
-  margin-bottom: var(--cds-spacing-05);
-}
-
-.overview-row {
-  margin-bottom: var(--cds-spacing-05);
-}
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login/login.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login/login.component.ts
index 50e5030f2f6..9b665f00f89 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login/login.component.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login/login.component.ts
@@ -69,7 +69,7 @@ export class LoginComponent implements OnInit {
     this.authService.login(this.model).subscribe(() => {
       const urlPath = this.postInstalled ? '/' : '/expand-cluster';
       let url = _.get(this.route.snapshot.queryParams, 'returnUrl', urlPath);
-      if (!this.postInstalled && this.route.snapshot.queryParams['returnUrl'] === '/dashboard') {
+      if (!this.postInstalled && this.route.snapshot.queryParams['returnUrl'] === '/overview') {
         url = '/expand-cluster';
       }
       if (url == '/expand-cluster') {
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/error/error.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/error/error.component.html
index fc9c4bef2d9..c632ded7093 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/error/error.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/error/error.component.html
@@ -61,8 +61,8 @@
   <div class="mt-4 text-center"
        *ngIf="!module_name; else enableButton">
     <button class="btn btn-primary"
-            [routerLink]="'/dashboard'"
-            i18n>Go To Dashboard</button>
+            [routerLink]="'/overview'"
+            i18n>Go To Overview</button>
   </div>
 </ng-template>
 
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.html
index 3881a424eff..dc906d4ee69 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.html
@@ -1,12 +1,12 @@
 <block-ui name="global">
   <cd-navigation>
     <div class="container-fluid h-100"
-         [ngClass]="{'dashboard': (router.url == '/dashboard' || router.url == '/dashboard_3' || router.url == '/multi-cluster/overview'), 'rgw-dashboard': (router.url == '/rgw/overview')}">
+         [ngClass]="{'overview': (router.url == '/overview' || router.url == '/dashboard_3' || router.url == '/multi-cluster/overview'), 'rgw-dashboard': (router.url == '/rgw/overview')}">
       <!-- ************************ -->
       <!-- ALERTS BANNER     -->
       <!-- ************************ -->
       <div class="cd-alert-container"
-           [ngClass]="{'ms-4 me-4': (router.url == '/dashboard' || router.url == '/dashboard_3' || router.url == '/multi-cluster/overview'), 'm-3': (router.url == '/rgw/overview')}">
+           [ngClass]="{'ms-4 me-4': (router.url == '/overview' || router.url == '/dashboard_3' || router.url == '/multi-cluster/overview'), 'm-3': (router.url == '/rgw/overview')}">
         <cd-pwd-expiration-notification></cd-pwd-expiration-notification>
         <cd-telemetry-notification></cd-telemetry-notification>
         <cd-motd></cd-motd>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.scss
index 2716021cfb6..b685ee9e070 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.scss
@@ -1,6 +1,6 @@
 @use './src/styles/vendor/variables' as vv;
 
-.dashboard {
+.overview {
   background-color: vv.$body-bg-alt;
   margin: 0;
   padding: 0;
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html
index ef5adf90617..3b024375066 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html
@@ -54,7 +54,7 @@
   <!-- ***************************** -->
   <ng-template #brandTemplate>
     <a class="cds--header__name navbar-brand ms-3"
-       routerLink="/dashboard">
+       routerLink="/overview">
       <img src="assets/Ceph_Ceph_Logo_with_text_white.svg"
            alt="Ceph" />
     </a>
@@ -83,17 +83,17 @@
                    class="mt-5"
                    (click)="onMenuClick($event)"
                    #sidenavContainer>
-        <!-- Dashboard -->
-        <cds-sidenav-item route="/dashboard"
+        <!-- Overview -->
+        <cds-sidenav-item route="/overview"
                           [useRouter]="true"
-                          title="Dashboard"
+                          title="Overview"
                           i18n-title
-                          class="nav-item tc_menuitem_dashboard">
+                          class="nav-item tc_menuitem_overview">
           <svg cdsIcon="template"
                icon
                size="20"></svg>
           <span i18n>
-            Dashboard</span>
+            Overview</span>
         </cds-sidenav-item>
         <!-- Multi-cluster Dashboard -->
         <cds-sidenav-menu title="Multi-cluster"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.spec.ts b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.spec.ts
index df414feea01..9ee956f4bdf 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.spec.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.spec.ts
@@ -227,7 +227,7 @@ describe('NavigationComponent', () => {
       fixture.detectChanges();
 
       const expectedTexts = {
-        '.tc_menuitem_dashboard': 'Dashboard',
+        '.tc_menuitem_overview': 'Overview',
         '.tc_submenuitem_multiCluster_overview': 'Overview',
         '.tc_submenuitem_multiCluster_manage_clusters': 'Manage clusters',
         '.tc_submenuitem_cluster_pool': 'Pools',
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/enum/cell-template.enum.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/enum/cell-template.enum.ts
index 50971bb9311..df8c75c4506 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/enum/cell-template.enum.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/enum/cell-template.enum.ts
@@ -107,12 +107,12 @@ export enum CellTemplate {
   //    ...
   //    cellTransformation: CellTemplate.redirect,
   //    customTemplateConfig: {
-  //          redirectLink: ['dashboard', 'overview'],
+  //          redirectLink: ['overview', 'overview'],
   //    }
   //    ...
   // }
   // you can also use '::prop' in the redirectLink array to replace it with the cell value.
-  // e.g ['dashboard', '::prop', 'details']
+  // e.g ['overview', '::prop', 'details']
   //
   // if you want to use some other property of the row for redirection instead of the cell value,
   // you can use the 'customRowProperty' property in the customTemplateConfig to specify
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/services/feature-toggles.service.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/services/feature-toggles.service.ts
index 3639f8c79ca..039ca9dd183 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/services/feature-toggles.service.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/services/feature-toggles.service.ts
@@ -35,8 +35,4 @@ export class FeatureTogglesService {
   get(): FeatureTogglesMap$ {
     return this.featureToggleMap$;
   }
-
-  isFeatureEnabled(feature: string): boolean {
-    return this.http.get<FeatureTogglesMap>(this.API_URL)?.[feature];
-  }
 }
diff --git a/src/pybind/mgr/dashboard/frontend/src/styles/ceph-custom/_spacings.scss b/src/pybind/mgr/dashboard/frontend/src/styles/ceph-custom/_spacings.scss
index a64341c7709..12abe388835 100644
--- a/src/pybind/mgr/dashboard/frontend/src/styles/ceph-custom/_spacings.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/styles/ceph-custom/_spacings.scss
@@ -23,3 +23,11 @@
 .cds-mb-3 {
   margin-bottom: layout.$spacing-03;
 }
+
+.cds-mb-5 {
+  margin-bottom: layout.$spacing-05;
+}
+
+.cds-mt-5 {
+  margin-top: layout.$spacing-05;
+}