From d960ba1e45e31ca986339931dd644e60c59e0f9e Mon Sep 17 00:00:00 2001
From: Leslie Xiong <lxiong@livefront.com>
Date: Mon, 1 Dec 2025 19:13:35 -0500
Subject: [PATCH] created `VaultNavComponent` and attached to
 `DesktopLayoutComponent`

---
 .../src/app/layout/desktop-layout.component.html     |  2 +-
 .../src/app/layout/desktop-layout.component.ts       | 11 ++++++++++-
 .../vault/app/vault-v3/nav/vault-nav.component.html  |  1 +
 .../vault/app/vault-v3/nav/vault-nav.component.ts    | 12 ++++++++++++
 4 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 apps/desktop/src/vault/app/vault-v3/nav/vault-nav.component.html
 create mode 100644 apps/desktop/src/vault/app/vault-v3/nav/vault-nav.component.ts

diff --git a/apps/desktop/src/app/layout/desktop-layout.component.html b/apps/desktop/src/app/layout/desktop-layout.component.html
index 94b9201ae21..c7dca09427a 100644
--- a/apps/desktop/src/app/layout/desktop-layout.component.html
+++ b/apps/desktop/src/app/layout/desktop-layout.component.html
@@ -2,7 +2,7 @@
   <app-side-nav slot="side-nav">
     <bit-nav-logo [openIcon]="logo" route="." [label]="'passwordManager' | i18n"></bit-nav-logo>
 
-    <bit-nav-item icon="bwi-vault" [text]="'vault' | i18n" route="new-vault"></bit-nav-item>
+    <app-vault-nav></app-vault-nav>
     <bit-nav-item icon="bwi-send" [text]="'send' | i18n" route="new-sends"></bit-nav-item>
   </app-side-nav>
 
diff --git a/apps/desktop/src/app/layout/desktop-layout.component.ts b/apps/desktop/src/app/layout/desktop-layout.component.ts
index 006055f475f..b3f708cbbe8 100644
--- a/apps/desktop/src/app/layout/desktop-layout.component.ts
+++ b/apps/desktop/src/app/layout/desktop-layout.component.ts
@@ -5,13 +5,22 @@ import { PasswordManagerLogo } from "@bitwarden/assets/svg";
 import { LayoutComponent, NavigationModule } from "@bitwarden/components";
 import { I18nPipe } from "@bitwarden/ui-common";
 
+import { VaultNavComponent } from "../../vault/app/vault-v3/nav/vault-nav.component";
+
 import { DesktopSideNavComponent } from "./desktop-side-nav.component";
 
 // FIXME(https://bitwarden.atlassian.net/browse/CL-764): Migrate to OnPush
 // eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection
 @Component({
   selector: "app-layout",
-  imports: [RouterModule, I18nPipe, LayoutComponent, NavigationModule, DesktopSideNavComponent],
+  imports: [
+    RouterModule,
+    I18nPipe,
+    LayoutComponent,
+    NavigationModule,
+    DesktopSideNavComponent,
+    VaultNavComponent,
+  ],
   templateUrl: "./desktop-layout.component.html",
 })
 export class DesktopLayoutComponent {
diff --git a/apps/desktop/src/vault/app/vault-v3/nav/vault-nav.component.html b/apps/desktop/src/vault/app/vault-v3/nav/vault-nav.component.html
new file mode 100644
index 00000000000..d1c0399c1b2
--- /dev/null
+++ b/apps/desktop/src/vault/app/vault-v3/nav/vault-nav.component.html
@@ -0,0 +1 @@
+<bit-nav-group icon="bwi-vault" [text]="'vault' | i18n" route="new-vault"></bit-nav-group>
diff --git a/apps/desktop/src/vault/app/vault-v3/nav/vault-nav.component.ts b/apps/desktop/src/vault/app/vault-v3/nav/vault-nav.component.ts
new file mode 100644
index 00000000000..6169124e76b
--- /dev/null
+++ b/apps/desktop/src/vault/app/vault-v3/nav/vault-nav.component.ts
@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component } from "@angular/core";
+
+import { NavigationModule } from "@bitwarden/components";
+import { I18nPipe } from "@bitwarden/ui-common";
+
+@Component({
+  selector: "app-vault-nav",
+  imports: [I18nPipe, NavigationModule],
+  templateUrl: "./vault-nav.component.html",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class VaultNavComponent {}