diff --git a/apps/web/src/app/organizations/settings/index.ts b/apps/web/src/app/organizations/settings/index.ts
new file mode 100644
index 00000000000..289bf3d6323
--- /dev/null
+++ b/apps/web/src/app/organizations/settings/index.ts
@@ -0,0 +1,2 @@
+export * from "./organization-settings.module";
+export { DeleteOrganizationComponent } from "./delete-organization.component";
diff --git a/apps/web/src/app/organizations/settings/organization-settings-routing.module.ts b/apps/web/src/app/organizations/settings/organization-settings-routing.module.ts
new file mode 100644
index 00000000000..c05954dfaac
--- /dev/null
+++ b/apps/web/src/app/organizations/settings/organization-settings-routing.module.ts
@@ -0,0 +1,52 @@
+import { NgModule } from "@angular/core";
+import { RouterModule, Routes } from "@angular/router";
+
+import { Organization } from "@bitwarden/common/models/domain/organization";
+
+import { OrganizationPermissionsGuard } from "../guards/org-permissions.guard";
+import { canAccessSettingsTab } from "../navigation-permissions";
+import { PoliciesComponent } from "../policies";
+
+import { AccountComponent } from "./account.component";
+import { SettingsComponent } from "./settings.component";
+import { TwoFactorSetupComponent } from "./two-factor-setup.component";
+
+const routes: Routes = [
+ {
+ path: "",
+ component: SettingsComponent,
+ canActivate: [OrganizationPermissionsGuard],
+ data: { organizationPermissions: canAccessSettingsTab },
+ children: [
+ { path: "", pathMatch: "full", redirectTo: "account" },
+ { path: "account", component: AccountComponent, data: { titleId: "organizationInfo" } },
+ {
+ path: "two-factor",
+ component: TwoFactorSetupComponent,
+ data: { titleId: "twoStepLogin" },
+ },
+ {
+ path: "policies",
+ component: PoliciesComponent,
+ canActivate: [OrganizationPermissionsGuard],
+ data: {
+ organizationPermissions: (org: Organization) => org.canManagePolicies,
+ titleId: "policies",
+ },
+ },
+ {
+ path: "tools",
+ loadChildren: () =>
+ import("../tools/import-export/org-import-export.module").then(
+ (m) => m.OrganizationImportExportModule
+ ),
+ },
+ ],
+ },
+];
+
+@NgModule({
+ imports: [RouterModule.forChild(routes)],
+ exports: [RouterModule],
+})
+export class OrganizationSettingsRoutingModule {}
diff --git a/apps/web/src/app/organizations/settings/organization-settings.module.ts b/apps/web/src/app/organizations/settings/organization-settings.module.ts
new file mode 100644
index 00000000000..f121bfbc7aa
--- /dev/null
+++ b/apps/web/src/app/organizations/settings/organization-settings.module.ts
@@ -0,0 +1,27 @@
+import { NgModule } from "@angular/core";
+
+import { LooseComponentsModule, SharedModule } from "../../shared";
+import { PoliciesModule } from "../policies";
+
+import { AccountComponent } from "./account.component";
+import { AdjustSubscription } from "./adjust-subscription.component";
+import { ChangePlanComponent } from "./change-plan.component";
+import { DeleteOrganizationComponent } from "./delete-organization.component";
+import { DownloadLicenseComponent } from "./download-license.component";
+import { OrganizationSettingsRoutingModule } from "./organization-settings-routing.module";
+import { SettingsComponent } from "./settings.component";
+import { TwoFactorSetupComponent } from "./two-factor-setup.component";
+
+@NgModule({
+ imports: [SharedModule, LooseComponentsModule, PoliciesModule, OrganizationSettingsRoutingModule],
+ declarations: [
+ SettingsComponent,
+ AccountComponent,
+ AdjustSubscription,
+ ChangePlanComponent,
+ DeleteOrganizationComponent,
+ DownloadLicenseComponent,
+ TwoFactorSetupComponent,
+ ],
+})
+export class OrganizationSettingsModule {}
diff --git a/apps/web/src/app/organizations/settings/settings.component.html b/apps/web/src/app/organizations/settings/settings.component.html
index 4134e4391d4..d81d7553dcd 100644
--- a/apps/web/src/app/organizations/settings/settings.component.html
+++ b/apps/web/src/app/organizations/settings/settings.component.html
@@ -7,14 +7,54 @@
{{ "organizationInfo" | i18n }}
+
+ {{ "policies" | i18n }}
+
{{ "twoStepLogin" | i18n }}
+
+ {{ "importData" | i18n }}
+
+
+ {{ "exportVault" | i18n }}
+
+
+ {{ "singleSignOn" | i18n }}
+
+
+ {{ "scim" | i18n }}
+
diff --git a/apps/web/src/app/organizations/settings/settings.component.ts b/apps/web/src/app/organizations/settings/settings.component.ts
index 318608524b3..770661ffcf7 100644
--- a/apps/web/src/app/organizations/settings/settings.component.ts
+++ b/apps/web/src/app/organizations/settings/settings.component.ts
@@ -1,30 +1,34 @@
-import { Component } from "@angular/core";
+import { Component, OnDestroy, OnInit } from "@angular/core";
import { ActivatedRoute } from "@angular/router";
+import { Subject, switchMap, takeUntil } from "rxjs";
import { OrganizationService } from "@bitwarden/common/abstractions/organization.service";
-import { PlatformUtilsService } from "@bitwarden/common/abstractions/platformUtils.service";
+import { Organization } from "@bitwarden/common/models/domain/organization";
@Component({
selector: "app-org-settings",
templateUrl: "settings.component.html",
})
-// eslint-disable-next-line rxjs-angular/prefer-takeuntil
-export class SettingsComponent {
- access2fa = false;
- showBilling: boolean;
+export class SettingsComponent implements OnInit, OnDestroy {
+ organization: Organization;
- constructor(
- private route: ActivatedRoute,
- private organizationService: OrganizationService,
- private platformUtilsService: PlatformUtilsService
- ) {}
+ private destroy$ = new Subject