diff --git a/apps/browser/src/auth/popup/account-switching/account-switcher.component.html b/apps/browser/src/auth/popup/account-switching/account-switcher.component.html
new file mode 100644
index 0000000000..bde9c3f6a0
--- /dev/null
+++ b/apps/browser/src/auth/popup/account-switching/account-switcher.component.html
@@ -0,0 +1,7 @@
+
+
+
+
+
diff --git a/apps/browser/src/auth/popup/account-switching/account-switcher.component.ts b/apps/browser/src/auth/popup/account-switching/account-switcher.component.ts
new file mode 100644
index 0000000000..8d4777c30d
--- /dev/null
+++ b/apps/browser/src/auth/popup/account-switching/account-switcher.component.ts
@@ -0,0 +1,20 @@
+import { Component } from "@angular/core";
+import { Router } from "@angular/router";
+
+import { AccountSwitcherService } from "../services/account-switcher.service";
+
+@Component({
+ templateUrl: "account-switcher.component.html",
+})
+export class AccountSwitcherComponent {
+ constructor(private accountSwitcherService: AccountSwitcherService, private router: Router) {}
+
+ get accountOptions$() {
+ return this.accountSwitcherService.accountOptions$;
+ }
+
+ async selectAccount(id: string) {
+ await this.accountSwitcherService.selectAccount(id);
+ this.router.navigate(["/home"]);
+ }
+}
diff --git a/apps/browser/src/auth/popup/account-switching/current-account.component.html b/apps/browser/src/auth/popup/account-switching/current-account.component.html
new file mode 100644
index 0000000000..bb482347e7
--- /dev/null
+++ b/apps/browser/src/auth/popup/account-switching/current-account.component.html
@@ -0,0 +1,5 @@
+