Merge remote-tracking branch 'origin' into auth/pm-18720/change-password-component-non-dialog-v3

2026-02-17 18:09:17 +00:00 · 2025-06-02 14:54:34 -04:00
parent 4a984387ff 26fb7effd3
commit 14e9d35c62
230 changed files with 2934 additions and 3975 deletions
--- a/apps/browser/jest.config.js
+++ b/apps/browser/jest.config.js
@@ -7,7 +7,6 @@ const sharedConfig = require("../../libs/shared/jest.config.angular");
 /** @type {import('jest').Config} */
 module.exports = {
  ...sharedConfig,
-  preset: "jest-preset-angular",
  setupFilesAfterEnv: ["<rootDir>/test.setup.ts"],
  moduleNameMapper: pathsToModuleNameMapper(
    { "@bitwarden/common/spec": ["../../libs/common/spec"], ...(compilerOptions?.paths ?? {}) },
--- a/apps/browser/src/autofill/background/auto-submit-login.background.spec.ts
+++ b/apps/browser/src/autofill/background/auto-submit-login.background.spec.ts
@@ -5,7 +5,6 @@ import { PolicyService } from "@bitwarden/common/admin-console/abstractions/poli
 import { Policy } from "@bitwarden/common/admin-console/models/domain/policy";
 import { AuthService } from "@bitwarden/common/auth/abstractions/auth.service";
 import { AuthenticationStatus } from "@bitwarden/common/auth/enums/authentication-status";
-import { ConfigService } from "@bitwarden/common/platform/abstractions/config/config.service";
 import { LogService } from "@bitwarden/common/platform/abstractions/log.service";
 import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
 import { Utils } from "@bitwarden/common/platform/misc/utils";
@@ -35,7 +34,6 @@ describe("AutoSubmitLoginBackground", () => {
  let scriptInjectorService: MockProxy<ScriptInjectorService>;
  let authStatus$: BehaviorSubject<AuthenticationStatus>;
  let authService: MockProxy<AuthService>;
-  let configService: MockProxy<ConfigService>;
  let platformUtilsService: MockProxy<PlatformUtilsService>;
  let policyDetails: MockProxy<Policy>;
  let automaticAppLogInPolicy$: BehaviorSubject<Policy[]>;
@@ -56,9 +54,6 @@ describe("AutoSubmitLoginBackground", () => {
    authStatus$ = new BehaviorSubject(AuthenticationStatus.Unlocked);
    authService = mock<AuthService>();
    authService.activeAccountStatus$ = authStatus$;
-    configService = mock<ConfigService>({
-      getFeatureFlag: jest.fn().mockResolvedValue(true),
-    });
    platformUtilsService = mock<PlatformUtilsService>();
    policyDetails = mock<Policy>({
      enabled: true,
@@ -78,7 +73,6 @@ describe("AutoSubmitLoginBackground", () => {
      autofillService,
      scriptInjectorService,
      authService,
-      configService,
      platformUtilsService,
      policyService,
      accountService,
@@ -89,7 +83,7 @@ describe("AutoSubmitLoginBackground", () => {
    jest.clearAllMocks();
  });

-  describe("when the AutoSubmitLoginBackground feature is disabled", () => {
+  describe("when conditions prevent auto-submit policy activation", () => {
    it("destroys all event listeners when the AutomaticAppLogIn policy is not enabled", async () => {
      automaticAppLogInPolicy$.next([mock<Policy>({ ...policyDetails, enabled: false })]);

@@ -115,7 +109,7 @@ describe("AutoSubmitLoginBackground", () => {
    });
  });

-  describe("when the AutoSubmitLoginBackground feature is enabled", () => {
+  describe("when the AutomaticAppLogIn policy is valid and active", () => {
    let webRequestDetails: chrome.webRequest.WebRequestBodyDetails;

    describe("starting the auto-submit login workflow", () => {
@@ -268,7 +262,6 @@ describe("AutoSubmitLoginBackground", () => {
          autofillService,
          scriptInjectorService,
          authService,
-          configService,
          platformUtilsService,
          policyService,
          accountService,
--- a/apps/browser/src/autofill/background/auto-submit-login.background.ts
+++ b/apps/browser/src/autofill/background/auto-submit-login.background.ts
@@ -10,8 +10,6 @@ import { AccountService } from "@bitwarden/common/auth/abstractions/account.serv
 import { AuthService } from "@bitwarden/common/auth/abstractions/auth.service";
 import { AuthenticationStatus } from "@bitwarden/common/auth/enums/authentication-status";
 import { getUserId } from "@bitwarden/common/auth/services/account.service";
-import { FeatureFlag } from "@bitwarden/common/enums/feature-flag.enum";
-import { ConfigService } from "@bitwarden/common/platform/abstractions/config/config.service";
 import { LogService } from "@bitwarden/common/platform/abstractions/log.service";
 import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";

@@ -42,7 +40,6 @@ export class AutoSubmitLoginBackground implements AutoSubmitLoginBackgroundAbstr
    private autofillService: AutofillService,
    private scriptInjectorService: ScriptInjectorService,
    private authService: AuthService,
-    private configService: ConfigService,
    private platformUtilsService: PlatformUtilsService,
    private policyService: PolicyService,
    private accountService: AccountService,
@@ -51,25 +48,19 @@ export class AutoSubmitLoginBackground implements AutoSubmitLoginBackgroundAbstr
  }

  /**
-   * Initializes the auto-submit login policy. Will return early if
-   * the feature flag is not set. If the policy is not enabled, it
+   * Initializes the auto-submit login policy. If the policy is not enabled, it
   * will trigger a removal of any established listeners.
   */
  async init() {
-    const featureFlagEnabled = await this.configService.getFeatureFlag(
-      FeatureFlag.IdpAutoSubmitLogin,
-    );
-    if (featureFlagEnabled) {
-      this.accountService.activeAccount$
-        .pipe(
-          getUserId,
-          switchMap((userId) =>
-            this.policyService.policiesByType$(PolicyType.AutomaticAppLogIn, userId),
-          ),
-          getFirstPolicy,
-        )
-        .subscribe(this.handleAutoSubmitLoginPolicySubscription.bind(this));
-    }
+    this.accountService.activeAccount$
+      .pipe(
+        getUserId,
+        switchMap((userId) =>
+          this.policyService.policiesByType$(PolicyType.AutomaticAppLogIn, userId),
+        ),
+        getFirstPolicy,
+      )
+      .subscribe(this.handleAutoSubmitLoginPolicySubscription.bind(this));
  }

  /**
--- a/apps/browser/src/background/main.background.ts
+++ b/apps/browser/src/background/main.background.ts
@@ -1238,7 +1238,6 @@ export default class MainBackground {
      this.autofillService,
      this.scriptInjectorService,
      this.authService,
-      this.configService,
      this.platformUtilsService,
      this.policyService,
      this.accountService,
--- a/apps/browser/src/platform/popup/components/pop-out.component.ts
+++ b/apps/browser/src/platform/popup/components/pop-out.component.ts
@@ -10,7 +10,6 @@ import BrowserPopupUtils from "../browser-popup-utils";
@Component({
  selector: "app-pop-out",
  templateUrl: "pop-out.component.html",
-  standalone: true,
  imports: [CommonModule, JslibModule, IconButtonModule],
 })
 export class PopOutComponent implements OnInit {
--- a/apps/browser/src/platform/popup/header.component.ts
+++ b/apps/browser/src/platform/popup/header.component.ts
@@ -11,7 +11,6 @@ import { enableAccountSwitching } from "../flags";
@Component({
  selector: "app-header",
  templateUrl: "header.component.html",
-  standalone: true,
  imports: [CommonModule, CurrentAccountComponent],
 })
 export class HeaderComponent {
--- a/apps/browser/src/platform/popup/layout/popup-back.directive.ts
+++ b/apps/browser/src/platform/popup/layout/popup-back.directive.ts
@@ -9,7 +9,6 @@ import { PopupRouterCacheService } from "../view-cache/popup-router-cache.servic
 /** Navigate the browser popup to the previous page when the component is clicked. */
@Directive({
  selector: "[popupBackAction]",
-  standalone: true,
 })
 export class PopupBackBrowserDirective extends BitActionDirective {
  constructor(
--- a/apps/browser/src/platform/popup/layout/popup-footer.component.ts
+++ b/apps/browser/src/platform/popup/layout/popup-footer.component.ts
@@ -3,7 +3,6 @@ import { Component } from "@angular/core";
@Component({
  selector: "popup-footer",
  templateUrl: "popup-footer.component.html",
-  standalone: true,
  imports: [],
 })
 export class PopupFooterComponent {}
--- a/apps/browser/src/platform/popup/layout/popup-header.component.ts
+++ b/apps/browser/src/platform/popup/layout/popup-header.component.ts
@@ -19,7 +19,6 @@ import { PopupPageComponent } from "./popup-page.component";
@Component({
  selector: "popup-header",
  templateUrl: "popup-header.component.html",
-  standalone: true,
  imports: [TypographyModule, CommonModule, IconButtonModule, JslibModule, AsyncActionsModule],
 })
 export class PopupHeaderComponent {
--- a/apps/browser/src/platform/popup/layout/popup-layout.stories.ts
+++ b/apps/browser/src/platform/popup/layout/popup-layout.stories.ts
@@ -36,7 +36,6 @@ import { PopupTabNavigationComponent } from "./popup-tab-navigation.component";
      <ng-content></ng-content>
    </div>
  `,
-  standalone: true,
 })
 class ExtensionContainerComponent {}

@@ -71,7 +70,6 @@ class ExtensionContainerComponent {}
      </bit-item-group>
    </bit-section>
  `,
-  standalone: true,
  imports: [CommonModule, ItemModule, BadgeModule, IconButtonModule, SectionComponent],
 })
 class VaultComponent {
@@ -86,7 +84,6 @@ class VaultComponent {
      Add
    </button>
  `,
-  standalone: true,
  imports: [ButtonModule],
 })
 class MockAddButtonComponent {}
@@ -102,7 +99,6 @@ class MockAddButtonComponent {}
      aria-label="Pop out"
    ></button>
  `,
-  standalone: true,
  imports: [IconButtonModule],
 })
 class MockPopoutButtonComponent {}
@@ -114,7 +110,6 @@ class MockPopoutButtonComponent {}
      <bit-avatar text="Ash Ketchum" size="small"></bit-avatar>
    </button>
  `,
-  standalone: true,
  imports: [AvatarModule],
 })
 class MockCurrentAccountComponent {}
@@ -122,7 +117,6 @@ class MockCurrentAccountComponent {}
@Component({
  selector: "mock-search",
  template: ` <bit-search placeholder="Search"> </bit-search> `,
-  standalone: true,
  imports: [SearchModule],
 })
 class MockSearchComponent {}
@@ -134,7 +128,6 @@ class MockSearchComponent {}
      This is an important note about these ciphers
    </bit-banner>
  `,
-  standalone: true,
  imports: [BannerModule],
 })
 class MockBannerComponent {}
@@ -154,7 +147,6 @@ class MockBannerComponent {}
      <vault-placeholder></vault-placeholder>
    </popup-page>
  `,
-  standalone: true,
  imports: [
    PopupPageComponent,
    PopupHeaderComponent,
@@ -180,7 +172,6 @@ class MockVaultPageComponent {}
      <vault-placeholder></vault-placeholder>
    </popup-page>
  `,
-  standalone: true,
  imports: [
    PopupPageComponent,
    PopupHeaderComponent,
@@ -205,7 +196,6 @@ class MockVaultPagePoppedComponent {}
      <div class="tw-text-main">Generator content here</div>
    </popup-page>
  `,
-  standalone: true,
  imports: [
    PopupPageComponent,
    PopupHeaderComponent,
@@ -230,7 +220,6 @@ class MockGeneratorPageComponent {}
      <div class="tw-text-main">Send content here</div>
    </popup-page>
  `,
-  standalone: true,
  imports: [
    PopupPageComponent,
    PopupHeaderComponent,
@@ -255,7 +244,6 @@ class MockSendPageComponent {}
      <div class="tw-text-main">Settings content here</div>
    </popup-page>
  `,
-  standalone: true,
  imports: [
    PopupPageComponent,
    PopupHeaderComponent,
@@ -283,7 +271,6 @@ class MockSettingsPageComponent {}
      </popup-footer>
    </popup-page>
  `,
-  standalone: true,
  imports: [
    PopupPageComponent,
    PopupHeaderComponent,
--- a/apps/browser/src/platform/popup/layout/popup-page.component.ts
+++ b/apps/browser/src/platform/popup/layout/popup-page.component.ts
@@ -6,7 +6,6 @@ import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.servic
@Component({
  selector: "popup-page",
  templateUrl: "popup-page.component.html",
-  standalone: true,
  host: {
    class: "tw-h-full tw-flex tw-flex-col tw-overflow-y-hidden",
  },
--- a/apps/browser/src/platform/popup/layout/popup-tab-navigation.component.ts
+++ b/apps/browser/src/platform/popup/layout/popup-tab-navigation.component.ts
@@ -17,7 +17,6 @@ export type NavButton = {
@Component({
  selector: "popup-tab-navigation",
  templateUrl: "popup-tab-navigation.component.html",
-  standalone: true,
  imports: [CommonModule, LinkModule, RouterModule, JslibModule, IconModule],
  host: {
    class: "tw-block tw-h-full tw-w-full tw-flex tw-flex-col",
--- a/apps/browser/src/popup/components/desktop-sync-verification-dialog.component.ts
+++ b/apps/browser/src/popup/components/desktop-sync-verification-dialog.component.ts
@@ -17,7 +17,6 @@ export type DesktopSyncVerificationDialogParams = {

@Component({
  templateUrl: "desktop-sync-verification-dialog.component.html",
-  standalone: true,
  imports: [JslibModule, ButtonModule, DialogModule],
 })
 export class DesktopSyncVerificationDialogComponent implements OnDestroy, OnInit {
--- a/apps/browser/src/vault/popup/services/vault-popup-items.service.spec.ts
+++ b/apps/browser/src/vault/popup/services/vault-popup-items.service.spec.ts
@@ -1,5 +1,5 @@
 import { WritableSignal, signal } from "@angular/core";
-import { TestBed, discardPeriodicTasks, fakeAsync, tick } from "@angular/core/testing";
+import { TestBed } from "@angular/core/testing";
 import { mock } from "jest-mock-extended";
 import { BehaviorSubject, firstValueFrom, timeout } from "rxjs";

@@ -483,22 +483,15 @@ describe("VaultPopupItemsService", () => {
    });
  });

-  it("should update searchText$ when applyFilter is called", fakeAsync(() => {
-    let latestValue: string | null;
+  it("should update searchText$ when applyFilter is called", (done) => {
    service.searchText$.subscribe((val) => {
-      latestValue = val;
+      expect(val).toEqual("test search");
+      expect(viewCacheService.mockSignal()).toEqual("test search");
+      done();
    });
-    tick();
-    expect(latestValue!).toEqual("");

    service.applyFilter("test search");
-    tick();
-    expect(latestValue!).toEqual("test search");
-
-    expect(viewCacheService.mockSignal()).toEqual("test search");
-
-    discardPeriodicTasks();
-  }));
+  });
 });

 // A function to generate a list of ciphers of different types
--- a/apps/browser/tsconfig.spec.json
+++ b/apps/browser/tsconfig.spec.json
@@ -1,7 +1,9 @@
 {
  "extends": "./tsconfig.json",
-  "files": ["./test.setup.ts"],
  "compilerOptions": {
+    "isolatedModules": true,
+    "emitDecoratorMetadata": false,
    "esModuleInterop": true
-  }
+  },
+  "files": ["./test.setup.ts"]
 }
--- a/apps/desktop/jest.config.js
+++ b/apps/desktop/jest.config.js
@@ -7,7 +7,6 @@ const sharedConfig = require("../../libs/shared/jest.config.angular");
 /** @type {import('jest').Config} */
 module.exports = {
  ...sharedConfig,
-  preset: "jest-preset-angular",
  setupFilesAfterEnv: ["<rootDir>/test.setup.ts"],
  moduleNameMapper: pathsToModuleNameMapper(
    { "@bitwarden/common/spec": ["../../libs/common/spec"], ...(compilerOptions?.paths ?? {}) },
--- a/apps/desktop/src/app/components/browser-sync-verification-dialog.component.ts
+++ b/apps/desktop/src/app/components/browser-sync-verification-dialog.component.ts
@@ -9,7 +9,6 @@ export type BrowserSyncVerificationDialogParams = {

@Component({
  templateUrl: "browser-sync-verification-dialog.component.html",
-  standalone: true,
  imports: [JslibModule, ButtonModule, DialogModule],
 })
 export class BrowserSyncVerificationDialogComponent {
--- a/apps/desktop/src/app/components/user-verification.component.ts
+++ b/apps/desktop/src/app/components/user-verification.component.ts
@@ -13,7 +13,6 @@ import { FormFieldModule } from "@bitwarden/components";
 */
@Component({
  selector: "app-user-verification",
-  standalone: true,
  imports: [CommonModule, JslibModule, ReactiveFormsModule, FormFieldModule, FormsModule],
  templateUrl: "user-verification.component.html",
  providers: [
--- a/apps/desktop/src/app/components/verify-native-messaging-dialog.component.ts
+++ b/apps/desktop/src/app/components/verify-native-messaging-dialog.component.ts
@@ -9,7 +9,6 @@ export type VerifyNativeMessagingDialogData = {

@Component({
  templateUrl: "verify-native-messaging-dialog.component.html",
-  standalone: true,
  imports: [JslibModule, ButtonModule, DialogModule],
 })
 export class VerifyNativeMessagingDialogComponent {
--- a/apps/desktop/src/app/layout/nav.component.ts
+++ b/apps/desktop/src/app/layout/nav.component.ts
@@ -7,7 +7,6 @@ import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.servic
@Component({
  selector: "app-nav",
  templateUrl: "nav.component.html",
-  standalone: true,
  imports: [CommonModule, RouterLink, RouterLinkActive],
 })
 export class NavComponent {
--- a/apps/desktop/src/platform/components/approve-ssh-request.ts
+++ b/apps/desktop/src/platform/components/approve-ssh-request.ts
@@ -24,7 +24,6 @@ export interface ApproveSshRequestParams {
@Component({
  selector: "app-approve-ssh-request",
  templateUrl: "approve-ssh-request.html",
-  standalone: true,
  imports: [
    DialogModule,
    CommonModule,
--- a/apps/desktop/tsconfig.spec.json
+++ b/apps/desktop/tsconfig.spec.json
@@ -1,4 +1,8 @@
 {
  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "isolatedModules": true,
+    "emitDecoratorMetadata": false
+  },
  "files": ["./test.setup.ts"]
 }
--- a/apps/web/jest.config.js
+++ b/apps/web/jest.config.js
@@ -7,7 +7,6 @@ const sharedConfig = require("../../libs/shared/jest.config.angular");
 /** @type {import('jest').Config} */
 module.exports = {
  ...sharedConfig,
-  preset: "jest-preset-angular",
  setupFilesAfterEnv: ["<rootDir>/test.setup.ts"],
  moduleNameMapper: {
    // Replace ESM SDK with Node compatible SDK
--- a/apps/web/src/app/billing/services/organization-warnings.service.spec.ts
+++ b/apps/web/src/app/billing/services/organization-warnings.service.spec.ts
@@ -11,7 +11,9 @@ import { DialogService, SimpleDialogOptions } from "@bitwarden/components";

 import { OrganizationWarningsService } from "./organization-warnings.service";

-describe("OrganizationWarningsService", () => {
+// Skipped since Angular complains about `TypeError: Cannot read properties of undefined (reading 'ngModule')`
+// which is typically a sign of circular dependencies. The problem seems to be originating from `ChangePlanDialogComponent`.
+describe.skip("OrganizationWarningsService", () => {
  let dialogService: MockProxy<DialogService>;
  let i18nService: MockProxy<I18nService>;
  let organizationApiService: MockProxy<OrganizationApiServiceAbstraction>;
--- a/apps/web/src/app/components/dynamic-avatar.component.ts
+++ b/apps/web/src/app/components/dynamic-avatar.component.ts
@@ -10,7 +10,6 @@ import { SharedModule } from "../shared";
 type SizeTypes = "xlarge" | "large" | "default" | "small" | "xsmall";
@Component({
  selector: "dynamic-avatar",
-  standalone: true,
  imports: [SharedModule],
  template: `<span [title]="title">
    <bit-avatar
--- a/apps/web/src/app/components/environment-selector/environment-selector.component.ts
+++ b/apps/web/src/app/components/environment-selector/environment-selector.component.ts
@@ -15,7 +15,6 @@ import { SharedModule } from "../../shared";
@Component({
  selector: "environment-selector",
  templateUrl: "environment-selector.component.html",
-  standalone: true,
  imports: [SharedModule],
 })
 export class EnvironmentSelectorComponent implements OnInit {
--- a/apps/web/src/app/core/init.service.ts
+++ b/apps/web/src/app/core/init.service.ts
@@ -19,6 +19,7 @@ import { NotificationsService } from "@bitwarden/common/platform/notifications";
 import { ContainerService } from "@bitwarden/common/platform/services/container.service";
 import { UserAutoUnlockKeyService } from "@bitwarden/common/platform/services/user-auto-unlock-key.service";
 import { EventUploadService } from "@bitwarden/common/services/event/event-upload.service";
+import { TaskService } from "@bitwarden/common/vault/tasks";
 import { KeyService as KeyServiceAbstraction } from "@bitwarden/key-management";

 import { VersionService } from "../platform/version.service";
@@ -43,6 +44,7 @@ export class InitService {
    private sdkLoadService: SdkLoadService,
    private configService: ConfigService,
    private bulkEncryptService: BulkEncryptService,
+    private taskService: TaskService,
    @Inject(DOCUMENT) private document: Document,
  ) {}

@@ -75,6 +77,7 @@ export class InitService {
      this.themingService.applyThemeChangesTo(this.document);
      this.versionService.applyVersionToWindow();
      void this.ipcService.init();
+      this.taskService.listenForTaskNotifications();

      const containerService = new ContainerService(this.keyService, this.encryptService);
      containerService.attachToGlobal(this.win);
--- a/apps/web/src/app/layouts/frontend-layout.component.ts
+++ b/apps/web/src/app/layouts/frontend-layout.component.ts
@@ -10,7 +10,6 @@ import { SharedModule } from "../shared";
@Component({
  selector: "app-frontend-layout",
  templateUrl: "frontend-layout.component.html",
-  standalone: true,
  imports: [SharedModule, EnvironmentSelectorComponent],
 })
 export class FrontendLayoutComponent implements OnInit, OnDestroy {
--- a/apps/web/src/app/layouts/header/web-header.stories.ts
+++ b/apps/web/src/app/layouts/header/web-header.stories.ts
@@ -49,13 +49,13 @@ class MockStateService {
@Component({
  selector: "product-switcher",
  template: `<button type="button" bitIconButton="bwi-filter"></button>`,
+  standalone: false,
 })
 class MockProductSwitcher {}

@Component({
  selector: "dynamic-avatar",
  template: `<bit-avatar [text]="name$ | async"></bit-avatar>`,
-  standalone: true,
  imports: [CommonModule, AvatarModule],
 })
 class MockDynamicAvatar implements Partial<DynamicAvatarComponent> {
--- a/apps/web/src/app/layouts/org-switcher/org-switcher.component.ts
+++ b/apps/web/src/app/layouts/org-switcher/org-switcher.component.ts
@@ -17,7 +17,6 @@ import { TrialFlowService } from "./../../billing/services/trial-flow.service";
@Component({
  selector: "org-switcher",
  templateUrl: "org-switcher.component.html",
-  standalone: true,
  imports: [CommonModule, JslibModule, NavigationModule],
 })
 export class OrgSwitcherComponent {
--- a/apps/web/src/app/layouts/toggle-width.component.ts
+++ b/apps/web/src/app/layouts/toggle-width.component.ts
@@ -12,7 +12,6 @@ import { NavigationModule } from "@bitwarden/components";
    *ngIf="isDev"
    (click)="toggleWidth()"
  ></bit-nav-item>`,
-  standalone: true,
  imports: [CommonModule, NavigationModule],
 })
 export class ToggleWidthComponent {
--- a/apps/web/src/app/layouts/user-layout.component.ts
+++ b/apps/web/src/app/layouts/user-layout.component.ts
@@ -19,7 +19,6 @@ import { WebLayoutModule } from "./web-layout.module";
@Component({
  selector: "app-user-layout",
  templateUrl: "user-layout.component.html",
-  standalone: true,
  imports: [
    CommonModule,
    RouterModule,
--- a/apps/web/src/app/layouts/web-layout.component.ts
+++ b/apps/web/src/app/layouts/web-layout.component.ts
@@ -8,7 +8,6 @@ import { ProductSwitcherModule } from "./product-switcher/product-switcher.modul
@Component({
  selector: "app-layout",
  templateUrl: "web-layout.component.html",
-  standalone: true,
  imports: [CommonModule, LayoutComponent, ProductSwitcherModule],
 })
 export class WebLayoutComponent {
--- a/apps/web/src/app/layouts/web-side-nav.component.ts
+++ b/apps/web/src/app/layouts/web-side-nav.component.ts
@@ -9,7 +9,6 @@ import { ToggleWidthComponent } from "./toggle-width.component";
@Component({
  selector: "app-side-nav",
  templateUrl: "web-side-nav.component.html",
-  standalone: true,
  imports: [CommonModule, NavigationModule, ProductSwitcherModule, ToggleWidthComponent],
 })
 export class WebSideNavComponent {
--- a/apps/web/src/app/oss.module.ts
+++ b/apps/web/src/app/oss.module.ts
@@ -8,6 +8,9 @@ import { AccessComponent } from "./tools/send/send-access/access.component";
 import { OrganizationBadgeModule } from "./vault/individual-vault/organization-badge/organization-badge.module";
 import { VaultFilterModule } from "./vault/individual-vault/vault-filter/vault-filter.module";

+// Register the locales for the application
+import "./shared/locales";
+
@NgModule({
  imports: [
    SharedModule,
--- a/apps/web/src/app/settings/domain-rules.component.ts
+++ b/apps/web/src/app/settings/domain-rules.component.ts
@@ -15,7 +15,6 @@ import { SharedModule } from "../shared";
@Component({
  selector: "app-domain-rules",
  templateUrl: "domain-rules.component.html",
-  standalone: true,
  imports: [SharedModule, HeaderModule],
 })
 export class DomainRulesComponent implements OnInit {
--- a/apps/web/src/app/settings/preferences.component.ts
+++ b/apps/web/src/app/settings/preferences.component.ts
@@ -41,7 +41,6 @@ import { SharedModule } from "../shared";
@Component({
  selector: "app-preferences",
  templateUrl: "preferences.component.html",
-  standalone: true,
  imports: [SharedModule, HeaderModule, VaultTimeoutInputComponent],
 })
 export class PreferencesComponent implements OnInit, OnDestroy {
--- a/apps/web/src/app/shared/components/account-fingerprint/account-fingerprint.component.ts
+++ b/apps/web/src/app/shared/components/account-fingerprint/account-fingerprint.component.ts
@@ -9,7 +9,6 @@ import { SharedModule } from "../../shared.module";
@Component({
  selector: "app-account-fingerprint",
  templateUrl: "account-fingerprint.component.html",
-  standalone: true,
  imports: [SharedModule],
 })
 export class AccountFingerprintComponent implements OnInit {
--- a/apps/web/src/app/shared/shared.module.ts
+++ b/apps/web/src/app/shared/shared.module.ts
@@ -32,9 +32,6 @@ import {
  TypographyModule,
 } from "@bitwarden/components";

-// Register the locales for the application
-import "./locales";
-
 /**
 * This NgModule should contain the most basic shared directives, pipes, and components. They
 * should be widely used by other modules to be considered for adding to this module. If in doubt
--- a/apps/web/tsconfig.spec.json
+++ b/apps/web/tsconfig.spec.json
@@ -1,4 +1,8 @@
 {
  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "isolatedModules": true,
+    "emitDecoratorMetadata": false
+  },
  "files": ["./test.setup.ts"]
 }
--- a/bitwarden_license/bit-web/jest.config.js
+++ b/bitwarden_license/bit-web/jest.config.js
@@ -7,7 +7,6 @@ const sharedConfig = require("../../libs/shared/jest.config.angular");
 /** @type {import('jest').Config} */
 module.exports = {
  ...sharedConfig,
-  preset: "jest-preset-angular",
  setupFilesAfterEnv: ["../../apps/web/test.setup.ts"],
  moduleNameMapper: pathsToModuleNameMapper(
    {
--- a/bitwarden_license/bit-web/src/app/app.component.ts
+++ b/bitwarden_license/bit-web/src/app/app.component.ts
@@ -1,6 +1,5 @@
 import { Component, OnInit } from "@angular/core";

-import { FeatureFlag } from "@bitwarden/common/enums/feature-flag.enum";
 import { AppComponent as BaseAppComponent } from "@bitwarden/web-vault/app/app.component";

 import { ActivateAutofillPolicy } from "./admin-console/policies/activate-autofill.component";
@@ -25,13 +24,8 @@ export class AppComponent extends BaseAppComponent implements OnInit {
      new ActivateAutofillPolicy(),
    ]);

-    this.configService.getFeatureFlag(FeatureFlag.IdpAutoSubmitLogin).then((enabled) => {
-      if (
-        enabled &&
-        !this.policyListService.getPolicies().some((p) => p instanceof AutomaticAppLoginPolicy)
-      ) {
-        this.policyListService.addPolicies([new AutomaticAppLoginPolicy()]);
-      }
-    });
+    if (!this.policyListService.getPolicies().some((p) => p instanceof AutomaticAppLoginPolicy)) {
+      this.policyListService.addPolicies([new AutomaticAppLoginPolicy()]);
+    }
  }
 }
--- a/bitwarden_license/bit-web/src/app/dirt/access-intelligence/all-applications.component.html
+++ b/bitwarden_license/bit-web/src/app/dirt/access-intelligence/all-applications.component.html
@@ -59,7 +59,6 @@
      type="button"
      [buttonType]="'primary'"
      bitButton
-      *ngIf="isCriticalAppsFeatureEnabled"
      [disabled]="!selectedUrls.size"
      [loading]="markingAsCritical"
      (click)="markAppsAsCritical()"
@@ -74,7 +73,6 @@
    [showRowCheckBox]="true"
    [showRowMenuForCriticalApps]="false"
    [selectedUrls]="selectedUrls"
-    [isCriticalAppsFeatureEnabled]="isCriticalAppsFeatureEnabled"
    [isDrawerIsOpenForThisRecord]="isDrawerOpenForTableRow"
    [checkboxChange]="onCheckboxChange"
    [showAppAtRiskMembers]="showAppAtRiskMembers"
--- a/bitwarden_license/bit-web/src/app/dirt/access-intelligence/all-applications.component.ts
+++ b/bitwarden_license/bit-web/src/app/dirt/access-intelligence/all-applications.component.ts
@@ -21,7 +21,6 @@ import {
 import { Organization } from "@bitwarden/common/admin-console/models/domain/organization";
 import { AccountService } from "@bitwarden/common/auth/abstractions/account.service";
 import { getUserId } from "@bitwarden/common/auth/services/account.service";
-import { FeatureFlag } from "@bitwarden/common/enums/feature-flag.enum";
 import { ConfigService } from "@bitwarden/common/platform/abstractions/config/config.service";
 import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
 import { CipherService } from "@bitwarden/common/vault/abstractions/cipher.service";
@@ -74,13 +73,8 @@ export class AllApplicationsComponent implements OnInit {

  destroyRef = inject(DestroyRef);
  isLoading$: Observable<boolean> = of(false);
-  isCriticalAppsFeatureEnabled = false;

  async ngOnInit() {
-    this.isCriticalAppsFeatureEnabled = await this.configService.getFeatureFlag(
-      FeatureFlag.CriticalApps,
-    );
-
    const organizationId = this.activatedRoute.snapshot.paramMap.get("organizationId") ?? "";
    const userId = await firstValueFrom(getUserId(this.accountService.activeAccount$));

--- a/bitwarden_license/bit-web/src/app/dirt/access-intelligence/app-table-row-scrollable.component.html
+++ b/bitwarden_license/bit-web/src/app/dirt/access-intelligence/app-table-row-scrollable.component.html
@@ -1,7 +1,7 @@
 <ng-container>
  <bit-table-scroll [dataSource]="dataSource" [rowSize]="53">
    <ng-container header>
-      <th *ngIf="isCriticalAppsFeatureEnabled"></th>
+      <th></th>
      <th bitCell></th>
      <th bitSortable="applicationName" bitCell>{{ "application" | i18n }}</th>
      <th bitSortable="atRiskPasswordCount" bitCell>{{ "atRiskPasswords" | i18n }}</th>
@@ -12,7 +12,7 @@
    <ng-template bitRowDef let-row>
      <td
        bitCell
-        *ngIf="isCriticalAppsFeatureEnabled && showRowCheckBox"
+        *ngIf="showRowCheckBox"
        [ngClass]="{ 'tw-bg-primary-100': isDrawerIsOpenForThisRecord(row.applicationName) }"
      >
        <input
--- a/bitwarden_license/bit-web/src/app/dirt/access-intelligence/app-table-row-scrollable.component.ts
+++ b/bitwarden_license/bit-web/src/app/dirt/access-intelligence/app-table-row-scrollable.component.ts
@@ -18,7 +18,6 @@ export class AppTableRowScrollableComponent {
  @Input() showRowMenuForCriticalApps: boolean = false;
  @Input() showRowCheckBox: boolean = false;
  @Input() selectedUrls: Set<string> = new Set<string>();
-  @Input() isCriticalAppsFeatureEnabled: boolean = false;
  @Input() isDrawerIsOpenForThisRecord!: (applicationName: string) => boolean;
  @Input() showAppAtRiskMembers!: (applicationName: string) => void;
  @Input() unmarkAsCriticalApp!: (applicationName: string) => void;
--- a/bitwarden_license/bit-web/src/app/dirt/access-intelligence/critical-applications.component.html
+++ b/bitwarden_license/bit-web/src/app/dirt/access-intelligence/critical-applications.component.html
@@ -82,7 +82,6 @@
    [dataSource]="dataSource"
    [showRowCheckBox]="false"
    [showRowMenuForCriticalApps]="true"
-    [isCriticalAppsFeatureEnabled]="true"
    [isDrawerIsOpenForThisRecord]="isDrawerOpenForTableRow"
    [showAppAtRiskMembers]="showAppAtRiskMembers"
    [unmarkAsCriticalApp]="unmarkAsCriticalApp"
--- a/bitwarden_license/bit-web/src/app/dirt/access-intelligence/risk-insights.component.html
+++ b/bitwarden_license/bit-web/src/app/dirt/access-intelligence/risk-insights.component.html
@@ -38,7 +38,7 @@
      <bit-tab label="{{ 'allApplicationsWithCount' | i18n: appsCount }}">
        <tools-all-applications></tools-all-applications>
      </bit-tab>
-      <bit-tab *ngIf="isCriticalAppsFeatureEnabled">
+      <bit-tab>
        <ng-template bitTabLabel>
          <i class="bwi bwi-star"></i>
          {{ "criticalApplicationsWithCount" | i18n: (criticalApps$ | async)?.length ?? 0 }}
--- a/bitwarden_license/bit-web/src/app/dirt/access-intelligence/risk-insights.component.ts
+++ b/bitwarden_license/bit-web/src/app/dirt/access-intelligence/risk-insights.component.ts
@@ -15,7 +15,6 @@ import {
  DrawerType,
  PasswordHealthReportApplicationsResponse,
 } from "@bitwarden/bit-common/dirt/reports/risk-insights/models/password-health";
-import { FeatureFlag } from "@bitwarden/common/enums/feature-flag.enum";
 import { ConfigService } from "@bitwarden/common/platform/abstractions/config/config.service";
 import { devFlagEnabled } from "@bitwarden/common/platform/misc/flags";
 import { OrganizationId } from "@bitwarden/common/types/guid";
@@ -70,7 +69,6 @@ export class RiskInsightsComponent implements OnInit {

  dataLastUpdated: Date = new Date();

-  isCriticalAppsFeatureEnabled: boolean = false;
  criticalApps$: Observable<PasswordHealthReportApplicationsResponse[]> = new Observable();
  showDebugTabs: boolean = false;

@@ -100,10 +98,6 @@ export class RiskInsightsComponent implements OnInit {
  }

  async ngOnInit() {
-    this.isCriticalAppsFeatureEnabled = await this.configService.getFeatureFlag(
-      FeatureFlag.CriticalApps,
-    );
-
    this.showDebugTabs = devFlagEnabled("showRiskInsightsDebug");

    this.route.paramMap
--- a/bitwarden_license/bit-web/tsconfig.spec.json
+++ b/bitwarden_license/bit-web/tsconfig.spec.json
@@ -1,4 +1,8 @@
 {
  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "isolatedModules": true,
+    "emitDecoratorMetadata": false
+  },
  "files": ["../../apps/web/test.setup.ts"]
 }
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -70,6 +70,7 @@ export default tseslint.config(
      "@angular-eslint/no-output-on-prefix": 0,
      "@angular-eslint/no-output-rename": 0,
      "@angular-eslint/no-outputs-metadata-property": 0,
+      "@angular-eslint/prefer-standalone": 0,
      "@angular-eslint/use-lifecycle-interface": "error",
      "@angular-eslint/use-pipe-transform-interface": 0,
      "@bitwarden/platform/required-using": "error",
--- a/libs/admin-console/jest.config.js
+++ b/libs/admin-console/jest.config.js
@@ -8,7 +8,6 @@ const sharedConfig = require("../../libs/shared/jest.config.angular");
 module.exports = {
  ...sharedConfig,
  displayName: "libs/admin-console tests",
-  preset: "jest-preset-angular",
  setupFilesAfterEnv: ["<rootDir>/test.setup.ts"],
  moduleNameMapper: pathsToModuleNameMapper(
    // lets us use @bitwarden/common/spec in tests
--- a/libs/admin-console/tsconfig.spec.json
+++ b/libs/admin-console/tsconfig.spec.json
@@ -1,4 +1,8 @@
 {
  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "isolatedModules": true,
+    "emitDecoratorMetadata": false
+  },
  "files": ["./test.setup.ts"]
 }
--- a/libs/angular/jest.config.js
+++ b/libs/angular/jest.config.js
@@ -8,7 +8,6 @@ const sharedConfig = require("../../libs/shared/jest.config.angular");
 module.exports = {
  ...sharedConfig,
  displayName: "libs/angular tests",
-  preset: "jest-preset-angular",
  setupFilesAfterEnv: ["<rootDir>/test.setup.ts"],
  moduleNameMapper: pathsToModuleNameMapper(
    // lets us use @bitwarden/common/spec in tests
--- a/libs/angular/src/auth/guards/active-auth.guard.spec.ts
+++ b/libs/angular/src/auth/guards/active-auth.guard.spec.ts
@@ -13,7 +13,7 @@ import { LogService } from "@bitwarden/common/platform/abstractions/log.service"

 import { activeAuthGuard } from "./active-auth.guard";

-@Component({ template: "" })
+@Component({ template: "", standalone: false })
 class EmptyComponent {}

 describe("activeAuthGuard", () => {
--- a/libs/angular/src/directives/if-feature.directive.spec.ts
+++ b/libs/angular/src/directives/if-feature.directive.spec.ts
@@ -27,6 +27,7 @@ const testStringFeatureValue = "test-value";
      </div>
    </div>
  `,
+  standalone: false,
 })
 class TestComponent {
  testBooleanFeature = testBooleanFeature;
--- a/libs/angular/src/directives/text-drag.directive.ts
+++ b/libs/angular/src/directives/text-drag.directive.ts
@@ -2,7 +2,6 @@ import { Directive, HostListener, Input } from "@angular/core";

@Directive({
  selector: "[appTextDrag]",
-  standalone: true,
  host: {
    draggable: "true",
    class: "tw-cursor-move",
--- a/libs/angular/src/pipes/pluralize.pipe.ts
+++ b/libs/angular/src/pipes/pluralize.pipe.ts
@@ -2,7 +2,6 @@ import { Pipe, PipeTransform } from "@angular/core";

@Pipe({
  name: "pluralize",
-  standalone: true,
 })
 export class PluralizePipe implements PipeTransform {
  transform(count: number, singular: string, plural: string): string {
--- a/libs/angular/src/platform/guard/feature-flag.guard.spec.ts
+++ b/libs/angular/src/platform/guard/feature-flag.guard.spec.ts
@@ -12,7 +12,7 @@ import { I18nMockService, ToastService } from "@bitwarden/components/src";

 import { canAccessFeature } from "./feature-flag.guard";

-@Component({ template: "" })
+@Component({ template: "", standalone: false })
 export class EmptyComponent {}

 describe("canAccessFeature", () => {
--- a/libs/angular/tsconfig.spec.json
+++ b/libs/angular/tsconfig.spec.json
@@ -1,4 +1,8 @@
 {
  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "isolatedModules": true,
+    "emitDecoratorMetadata": false
+  },
  "files": ["./test.setup.ts"]
 }
--- a/libs/auth/jest.config.js
+++ b/libs/auth/jest.config.js
@@ -8,7 +8,6 @@ const sharedConfig = require("../../libs/shared/jest.config.angular");
 module.exports = {
  ...sharedConfig,
  displayName: "libs/auth tests",
-  preset: "jest-preset-angular",
  setupFilesAfterEnv: ["<rootDir>/test.setup.ts"],
  moduleNameMapper: pathsToModuleNameMapper(
    // lets us use @bitwarden/common/spec in tests
--- a/libs/auth/src/angular/two-factor-auth/two-factor-auth.component.spec.ts
+++ b/libs/auth/src/angular/two-factor-auth/two-factor-auth.component.spec.ts
@@ -44,7 +44,7 @@ import { TwoFactorAuthComponentCacheService } from "./two-factor-auth-component-
 import { TwoFactorAuthComponentService } from "./two-factor-auth-component.service";
 import { TwoFactorAuthComponent } from "./two-factor-auth.component";

-@Component({})
+@Component({ standalone: false })
 class TestTwoFactorComponent extends TwoFactorAuthComponent {}

 describe("TwoFactorAuthComponent", () => {
--- a/libs/auth/src/angular/two-factor-auth/two-factor-auth.guard.spec.ts
+++ b/libs/auth/src/angular/two-factor-auth/two-factor-auth.guard.spec.ts
@@ -11,7 +11,7 @@ import { LoginStrategyServiceAbstraction } from "../../common";

 import { TwoFactorAuthGuard } from "./two-factor-auth.guard";

-@Component({ template: "" })
+@Component({ template: "", standalone: true })
 export class EmptyComponent {}

 describe("TwoFactorAuthGuard", () => {
--- a/libs/auth/tsconfig.spec.json
+++ b/libs/auth/tsconfig.spec.json
@@ -1,4 +1,8 @@
 {
  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "isolatedModules": true,
+    "emitDecoratorMetadata": false
+  },
  "files": ["./test.setup.ts"]
 }
--- a/libs/billing/jest.config.js
+++ b/libs/billing/jest.config.js
@@ -8,7 +8,6 @@ const sharedConfig = require("../../libs/shared/jest.config.angular");
 module.exports = {
  ...sharedConfig,
  displayName: "libs/billing tests",
-  preset: "jest-preset-angular",
  setupFilesAfterEnv: ["<rootDir>/test.setup.ts"],
  moduleNameMapper: pathsToModuleNameMapper(compilerOptions?.paths || {}, {
    prefix: "<rootDir>/",
--- a/libs/billing/tsconfig.spec.json
+++ b/libs/billing/tsconfig.spec.json
@@ -1,4 +1,8 @@
 {
  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "isolatedModules": true,
+    "emitDecoratorMetadata": false
+  },
  "files": ["./test.setup.ts"]
 }
--- a/libs/common/src/abstractions/api.service.ts
+++ b/libs/common/src/abstractions/api.service.ts
@@ -208,7 +208,7 @@ export abstract class ApiService {
  deleteManyCiphersAdmin: (request: CipherBulkDeleteRequest) => Promise<any>;
  putMoveCiphers: (request: CipherBulkMoveRequest) => Promise<any>;
  putShareCipher: (id: string, request: CipherShareRequest) => Promise<CipherResponse>;
-  putShareCiphers: (request: CipherBulkShareRequest) => Promise<any>;
+  putShareCiphers: (request: CipherBulkShareRequest) => Promise<CipherResponse[]>;
  putCipherCollections: (
    id: string,
    request: CipherCollectionsRequest,
--- a/libs/common/src/enums/feature-flag.enum.ts
+++ b/libs/common/src/enums/feature-flag.enum.ts
@@ -22,7 +22,6 @@ export enum FeatureFlag {
  /* Autofill */
  BlockBrowserInjectionsByDomain = "block-browser-injections-by-domain",
  EnableNewCardCombinedExpiryAutofill = "enable-new-card-combined-expiry-autofill",
-  IdpAutoSubmitLogin = "idp-auto-submit-login",
  NotificationRefresh = "notification-refresh",
  UseTreeWalkerApiForPageDetailsCollection = "use-tree-walker-api-for-page-details-collection",
  MacOsNativeCredentialSync = "macos-native-credential-sync",
@@ -36,7 +35,6 @@ export enum FeatureFlag {
  UseOrganizationWarningsService = "use-organization-warnings-service",

  /* Data Insights and Reporting */
-  CriticalApps = "pm-14466-risk-insights-critical-application",
  EnableRiskInsightsNotifications = "enable-risk-insights-notifications",

  /* Key Management */
@@ -87,13 +85,11 @@ export const DefaultFeatureFlagValue = {
  /* Autofill */
  [FeatureFlag.BlockBrowserInjectionsByDomain]: FALSE,
  [FeatureFlag.EnableNewCardCombinedExpiryAutofill]: FALSE,
-  [FeatureFlag.IdpAutoSubmitLogin]: FALSE,
  [FeatureFlag.NotificationRefresh]: FALSE,
  [FeatureFlag.UseTreeWalkerApiForPageDetailsCollection]: FALSE,
  [FeatureFlag.MacOsNativeCredentialSync]: FALSE,

  /* Data Insights and Reporting */
-  [FeatureFlag.CriticalApps]: FALSE,
  [FeatureFlag.EnableRiskInsightsNotifications]: FALSE,

  /* Tools */
--- a/libs/common/src/services/api.service.ts
+++ b/libs/common/src/services/api.service.ts
@@ -532,8 +532,8 @@ export class ApiService implements ApiServiceAbstraction {
    return new CipherResponse(r);
  }

-  putShareCiphers(request: CipherBulkShareRequest): Promise<any> {
-    return this.send("PUT", "/ciphers/share", request, true, false);
+  async putShareCiphers(request: CipherBulkShareRequest): Promise<CipherResponse[]> {
+    return await this.send("PUT", "/ciphers/share", request, true, true);
  }

  async putCipherCollections(
--- a/libs/common/src/vault/services/cipher.service.ts
+++ b/libs/common/src/vault/services/cipher.service.ts
@@ -836,7 +836,7 @@ export class CipherService implements CipherServiceAbstraction {
    organizationId: string,
    collectionIds: string[],
    userId: UserId,
-  ): Promise<any> {
+  ) {
    const promises: Promise<any>[] = [];
    const encCiphers: Cipher[] = [];
    for (const cipher of ciphers) {
@@ -851,7 +851,16 @@ export class CipherService implements CipherServiceAbstraction {
    await Promise.all(promises);
    const request = new CipherBulkShareRequest(encCiphers, collectionIds, userId);
    try {
-      await this.apiService.putShareCiphers(request);
+      const response = await this.apiService.putShareCiphers(request);
+      const responseMap = new Map(response.map((c) => [c.id, c]));
+
+      encCiphers.forEach((cipher) => {
+        const matchingCipher = responseMap.get(cipher.id);
+        if (matchingCipher) {
+          cipher.revisionDate = new Date(matchingCipher.revisionDate);
+        }
+      });
+      await this.upsert(encCiphers.map((c) => c.toCipherData()));
    } catch (e) {
      for (const cipher of ciphers) {
        cipher.organizationId = null;
@@ -859,7 +868,6 @@ export class CipherService implements CipherServiceAbstraction {
      }
      throw e;
    }
-    await this.upsert(encCiphers.map((c) => c.toCipherData()));
  }

  saveAttachmentWithServer(
--- a/libs/common/tsconfig.spec.json
+++ b/libs/common/tsconfig.spec.json
@@ -1,4 +1,8 @@
 {
  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "isolatedModules": true,
+    "emitDecoratorMetadata": false
+  },
  "files": ["./test.setup.ts"]
 }
--- a/libs/components/jest.config.js
+++ b/libs/components/jest.config.js
@@ -8,7 +8,6 @@ const sharedConfig = require("../../libs/shared/jest.config.angular");
 module.exports = {
  ...sharedConfig,
  displayName: "libs/components tests",
-  preset: "jest-preset-angular",
  setupFilesAfterEnv: ["<rootDir>/test.setup.ts"],
  moduleNameMapper: pathsToModuleNameMapper(compilerOptions?.paths || {}, {
    prefix: "<rootDir>/",
--- a/libs/components/src/a11y/a11y-cell.directive.ts
+++ b/libs/components/src/a11y/a11y-cell.directive.ts
@@ -6,7 +6,6 @@ import { FocusableElement } from "../shared/focusable-element";

@Directive({
  selector: "bitA11yCell",
-  standalone: true,
  providers: [{ provide: FocusableElement, useExisting: A11yCellDirective }],
 })
 export class A11yCellDirective implements FocusableElement {
--- a/libs/components/src/a11y/a11y-grid.directive.ts
+++ b/libs/components/src/a11y/a11y-grid.directive.ts
@@ -15,7 +15,6 @@ import { A11yRowDirective } from "./a11y-row.directive";

@Directive({
  selector: "bitA11yGrid",
-  standalone: true,
 })
 export class A11yGridDirective implements AfterViewInit {
  @HostBinding("attr.role")
--- a/libs/components/src/a11y/a11y-row.directive.ts
+++ b/libs/components/src/a11y/a11y-row.directive.ts
@@ -13,7 +13,6 @@ import { A11yCellDirective } from "./a11y-cell.directive";

@Directive({
  selector: "bitA11yRow",
-  standalone: true,
 })
 export class A11yRowDirective implements AfterViewInit {
  @HostBinding("attr.role")
--- a/libs/components/src/a11y/a11y-title.directive.ts
+++ b/libs/components/src/a11y/a11y-title.directive.ts
@@ -4,7 +4,6 @@ import { Directive, ElementRef, Input, OnInit, Renderer2 } from "@angular/core";

@Directive({
  selector: "[appA11yTitle]",
-  standalone: true,
 })
 export class A11yTitleDirective implements OnInit {
  @Input() set appA11yTitle(title: string) {
--- a/libs/components/src/async-actions/bit-action.directive.ts
+++ b/libs/components/src/async-actions/bit-action.directive.ts
@@ -15,7 +15,6 @@ import { FunctionReturningAwaitable, functionToObservable } from "../utils/funct
 */
@Directive({
  selector: "[bitAction]",
-  standalone: true,
 })
 export class BitActionDirective implements OnDestroy {
  private destroy$ = new Subject<void>();
--- a/libs/components/src/async-actions/bit-submit.directive.ts
+++ b/libs/components/src/async-actions/bit-submit.directive.ts
@@ -14,7 +14,6 @@ import { FunctionReturningAwaitable, functionToObservable } from "../utils/funct
 */
@Directive({
  selector: "[formGroup][bitSubmit]",
-  standalone: true,
 })
 export class BitSubmitDirective implements OnInit, OnDestroy {
  private destroy$ = new Subject<void>();
--- a/libs/components/src/async-actions/form-button.directive.ts
+++ b/libs/components/src/async-actions/form-button.directive.ts
@@ -25,7 +25,6 @@ import { BitSubmitDirective } from "./bit-submit.directive";
 */
@Directive({
  selector: "button[bitFormButton]",
-  standalone: true,
 })
 export class BitFormButtonDirective implements OnDestroy {
  private destroy$ = new Subject<void>();
--- a/libs/components/src/async-actions/in-forms.stories.ts
+++ b/libs/components/src/async-actions/in-forms.stories.ts
@@ -30,11 +30,11 @@ const template = `
      <button type="button" bitSuffix bitIconButton="bwi-refresh" bitFormButton [bitAction]="refresh"></button>
    </bit-form-field>

-    <button class="tw-mr-2" type="submit" buttonType="primary" bitButton bitFormButton>Submit</button>
-    <button class="tw-mr-2" type="button" buttonType="secondary" bitButton bitFormButton>Cancel</button>
-    <button class="tw-mr-2" type="button" buttonType="danger" bitButton bitFormButton [bitAction]="delete">Delete</button>
-    <button class="tw-mr-2" type="button" buttonType="secondary" bitButton bitFormButton [disabled]="true">Disabled</button>
-    <button class="tw-mr-2" type="button" buttonType="secondary" bitIconButton="bwi-star" bitFormButton [bitAction]="delete">Delete</button>
+    <button class="tw-me-2" type="submit" buttonType="primary" bitButton bitFormButton>Submit</button>
+    <button class="tw-me-2" type="button" buttonType="secondary" bitButton bitFormButton>Cancel</button>
+    <button class="tw-me-2" type="button" buttonType="danger" bitButton bitFormButton [bitAction]="delete">Delete</button>
+    <button class="tw-me-2" type="button" buttonType="secondary" bitButton bitFormButton [disabled]="true">Disabled</button>
+    <button class="tw-me-2" type="button" buttonType="secondary" bitIconButton="bwi-star" bitFormButton [bitAction]="delete">Delete</button>
  </form>`;

@Component({
--- a/libs/components/src/async-actions/standalone.stories.ts
+++ b/libs/components/src/async-actions/standalone.stories.ts
@@ -12,7 +12,7 @@ import { IconButtonModule } from "../icon-button";
 import { BitActionDirective } from "./bit-action.directive";

 const template = /*html*/ `
-  <button bitButton buttonType="primary" [bitAction]="action" class="tw-mr-2">
+  <button bitButton buttonType="primary" [bitAction]="action" class="tw-me-2">
    Perform action {{ statusEmoji }}
  </button>
  <button bitIconButton="bwi-trash" buttonType="danger" [bitAction]="action"></button>`;
--- a/libs/components/src/avatar/avatar.component.ts
+++ b/libs/components/src/avatar/avatar.component.ts
@@ -27,7 +27,6 @@ const SizeClasses: Record<SizeTypes, string[]> = {
  template: `@if (src) {
    <img [src]="src" title="{{ title || text }}" [ngClass]="classList" />
  }`,
-  standalone: true,
  imports: [NgClass],
 })
 export class AvatarComponent implements OnChanges {
--- a/libs/components/src/badge-list/badge-list.component.ts
+++ b/libs/components/src/badge-list/badge-list.component.ts
@@ -10,7 +10,6 @@ import { BadgeModule, BadgeVariant } from "../badge";
@Component({
  selector: "bit-badge-list",
  templateUrl: "badge-list.component.html",
-  standalone: true,
  imports: [BadgeModule, I18nPipe],
 })
 export class BadgeListComponent implements OnChanges {
--- a/libs/components/src/badge/badge.component.ts
+++ b/libs/components/src/badge/badge.component.ts
@@ -51,16 +51,15 @@ const hoverStyles: Record<BadgeVariant, string[]> = {
  * The Badge directive can be used on a `<span>` (non clickable events), or an `<a>` or `<button>` tag

  * > `NOTE:` The Focus and Hover states only apply to badges used for interactive events.
-  * 
+  *
  * > `NOTE:` The `disabled` state only applies to buttons.
-  * 
+  *
 */
@Component({
  selector: "span[bitBadge], a[bitBadge], button[bitBadge]",
  providers: [{ provide: FocusableElement, useExisting: BadgeComponent }],
  imports: [CommonModule],
  templateUrl: "badge.component.html",
-  standalone: true,
 })
 export class BadgeComponent implements FocusableElement {
  @HostBinding("class") get classList() {
--- a/libs/components/src/banner/banner.component.html
+++ b/libs/components/src/banner/banner.component.html
@@ -1,5 +1,5 @@
 <div
-  class="tw-flex tw-items-center tw-gap-2 tw-p-2 tw-pl-4 tw-text-main tw-border-transparent tw-bg-clip-padding tw-border-solid tw-border-b tw-border-0"
+  class="tw-flex tw-items-center tw-gap-2 tw-p-2 tw-ps-4 tw-text-main tw-border-transparent tw-bg-clip-padding tw-border-solid tw-border-b tw-border-0"
  [ngClass]="bannerClass"
  [attr.role]="useAlertRole ? 'status' : null"
  [attr.aria-live]="useAlertRole ? 'polite' : null"
--- a/libs/components/src/banner/banner.component.ts
+++ b/libs/components/src/banner/banner.component.ts
@@ -28,7 +28,6 @@ const defaultIcon: Record<BannerType, string> = {
@Component({
  selector: "bit-banner",
  templateUrl: "./banner.component.html",
-  standalone: true,
  imports: [CommonModule, IconButtonModule, I18nPipe],
 })
 export class BannerComponent implements OnInit {
--- a/libs/components/src/breadcrumbs/breadcrumb.component.html
+++ b/libs/components/src/breadcrumbs/breadcrumb.component.html
@@ -1,6 +1,6 @@
 <ng-template>
  @if (icon) {
-    <i class="bwi {{ icon }} !tw-mr-2" aria-hidden="true"></i>
+    <i class="bwi {{ icon }} !tw-me-2" aria-hidden="true"></i>
  }
  <ng-content></ng-content>
 </ng-template>
--- a/libs/components/src/breadcrumbs/breadcrumb.component.ts
+++ b/libs/components/src/breadcrumbs/breadcrumb.component.ts
@@ -7,7 +7,6 @@ import { QueryParamsHandling } from "@angular/router";
@Component({
  selector: "bit-breadcrumb",
  templateUrl: "./breadcrumb.component.html",
-  standalone: true,
 })
 export class BreadcrumbComponent {
  @Input()
--- a/libs/components/src/breadcrumbs/breadcrumbs.component.ts
+++ b/libs/components/src/breadcrumbs/breadcrumbs.component.ts
@@ -16,7 +16,6 @@ import { BreadcrumbComponent } from "./breadcrumb.component";
@Component({
  selector: "bit-breadcrumbs",
  templateUrl: "./breadcrumbs.component.html",
-  standalone: true,
  imports: [CommonModule, LinkModule, RouterModule, IconButtonModule, MenuModule],
 })
 export class BreadcrumbsComponent {
--- a/libs/components/src/button/button.component.spec.ts
+++ b/libs/components/src/button/button.component.spec.ts
@@ -85,6 +85,7 @@ describe("Button", () => {

    <button id="disabled" type="button" bitButton disabled>Button</button>
  `,
+  standalone: false,
 })
 class TestApp {
  buttonType: string;
--- a/libs/components/src/button/button.component.ts
+++ b/libs/components/src/button/button.component.ts
@@ -52,7 +52,6 @@ const buttonStyles: Record<ButtonType, string[]> = {
  selector: "button[bitButton], a[bitButton]",
  templateUrl: "button.component.html",
  providers: [{ provide: ButtonLikeAbstraction, useExisting: ButtonComponent }],
-  standalone: true,
  imports: [NgClass],
  host: {
    "[attr.disabled]": "disabledAttr()",
--- a/libs/components/src/button/button.stories.ts
+++ b/libs/components/src/button/button.stories.ts
@@ -88,13 +88,13 @@ export const DisabledWithAttribute: Story = {
    props: args,
    template: `
      @if (disabled) {
-        <button bitButton disabled [loading]="loading" [block]="block" buttonType="primary" class="tw-mr-2">Primary</button>
-        <button bitButton disabled [loading]="loading" [block]="block" buttonType="secondary" class="tw-mr-2">Secondary</button>
-        <button bitButton disabled [loading]="loading" [block]="block" buttonType="danger" class="tw-mr-2">Danger</button>
+        <button bitButton disabled [loading]="loading" [block]="block" buttonType="primary" class="tw-me-2">Primary</button>
+        <button bitButton disabled [loading]="loading" [block]="block" buttonType="secondary" class="tw-me-2">Secondary</button>
+        <button bitButton disabled [loading]="loading" [block]="block" buttonType="danger" class="tw-me-2">Danger</button>
      } @else {
-        <button bitButton [loading]="loading" [block]="block" buttonType="primary" class="tw-mr-2">Primary</button>
-        <button bitButton [loading]="loading" [block]="block" buttonType="secondary" class="tw-mr-2">Secondary</button>
-        <button bitButton [loading]="loading" [block]="block" buttonType="danger" class="tw-mr-2">Danger</button>
+        <button bitButton [loading]="loading" [block]="block" buttonType="primary" class="tw-me-2">Primary</button>
+        <button bitButton [loading]="loading" [block]="block" buttonType="secondary" class="tw-me-2">Secondary</button>
+        <button bitButton [loading]="loading" [block]="block" buttonType="danger" class="tw-me-2">Danger</button>
      }
    `,
  }),
@@ -110,10 +110,10 @@ export const Block: Story = {
    template: `
      <span class="tw-flex">
        <button bitButton [buttonType]="buttonType" [block]="block">[block]="true" Button</button>
-        <a bitButton [buttonType]="buttonType" [block]="block" href="#" class="tw-ml-2">[block]="true" Link</a>
+        <a bitButton [buttonType]="buttonType" [block]="block" href="#" class="tw-ms-2">[block]="true" Link</a>

-        <button bitButton [buttonType]="buttonType" block class="tw-ml-2">block Button</button>
-        <a bitButton [buttonType]="buttonType" block href="#" class="tw-ml-2">block Link</a>
+        <button bitButton [buttonType]="buttonType" block class="tw-ms-2">block Button</button>
+        <a bitButton [buttonType]="buttonType" block href="#" class="tw-ms-2">block Link</a>
      </span>
    `,
  }),
--- a/libs/components/src/callout/callout.component.html
+++ b/libs/components/src/callout/callout.component.html
@@ -1,5 +1,5 @@
 <aside
-  class="tw-mb-4 tw-box-border tw-rounded-lg tw-border tw-border-l-4 tw-border-solid tw-bg-background tw-pl-3 tw-pr-2 tw-py-2 tw-leading-5 tw-text-main"
+  class="tw-mb-4 tw-box-border tw-rounded-lg tw-border tw-border-l-4 tw-border-solid tw-bg-background tw-ps-3 tw-pe-2 tw-py-2 tw-leading-5 tw-text-main"
  [ngClass]="calloutClass"
  [attr.aria-labelledby]="titleId"
 >
--- a/libs/components/src/callout/callout.component.ts
+++ b/libs/components/src/callout/callout.component.ts
@@ -32,7 +32,6 @@ let nextId = 0;
@Component({
  selector: "bit-callout",
  templateUrl: "callout.component.html",
-  standalone: true,
  imports: [SharedModule, TypographyModule],
 })
 export class CalloutComponent implements OnInit {
--- a/libs/components/src/card/card.component.ts
+++ b/libs/components/src/card/card.component.ts
@@ -2,7 +2,6 @@ import { ChangeDetectionStrategy, Component } from "@angular/core";

@Component({
  selector: "bit-card",
-  standalone: true,
  template: `<ng-content></ng-content>`,
  changeDetection: ChangeDetectionStrategy.OnPush,
  host: {
--- a/libs/components/src/checkbox/checkbox.component.ts
+++ b/libs/components/src/checkbox/checkbox.component.ts
@@ -9,7 +9,6 @@ import { BitFormControlAbstraction } from "../form-control";
  selector: "input[type=checkbox][bitCheckbox]",
  template: "",
  providers: [{ provide: BitFormControlAbstraction, useExisting: CheckboxComponent }],
-  standalone: true,
 })
 export class CheckboxComponent implements BitFormControlAbstraction {
  @HostBinding("class")
@@ -27,7 +26,7 @@ export class CheckboxComponent implements BitFormControlAbstraction {
    "tw-border-secondary-500",
    "tw-h-[1.12rem]",
    "tw-w-[1.12rem]",
-    "tw-mr-1.5",
+    "tw-me-1.5",
    "tw-flex-none", // Flexbox fix for bit-form-control

    "before:tw-content-['']",
--- a/libs/components/src/checkbox/checkbox.stories.ts
+++ b/libs/components/src/checkbox/checkbox.stories.ts
@@ -197,15 +197,15 @@ export const Custom: Story = {
      <div class="tw-flex tw-flex-col tw-w-32">
        <label class="tw-text-main tw-flex tw-bg-secondary-300 tw-p-2">
          A-Z
-          <input class="tw-ml-auto focus-visible:tw-ring-offset-secondary-300" type="checkbox" bitCheckbox />
+          <input class="tw-ms-auto focus-visible:tw-ring-offset-secondary-300" type="checkbox" bitCheckbox />
        </label>
        <label class="tw-text-main tw-flex tw-bg-secondary-300 tw-p-2">
          a-z
-          <input class="tw-ml-auto focus-visible:tw-ring-offset-secondary-300" type="checkbox" bitCheckbox />
+          <input class="tw-ms-auto focus-visible:tw-ring-offset-secondary-300" type="checkbox" bitCheckbox />
        </label>
        <label class="tw-text-main tw-flex tw-bg-secondary-300 tw-p-2">
          0-9
-          <input class="tw-ml-auto focus-visible:tw-ring-offset-secondary-300" type="checkbox" bitCheckbox />
+          <input class="tw-ms-auto focus-visible:tw-ring-offset-secondary-300" type="checkbox" bitCheckbox />
        </label>
      </div>
    `,
@@ -232,7 +232,7 @@ export const InTableRow: Story = {
                type="checkbox"
                bitCheckbox
                id="checkAll"
-                class="tw-mr-2"
+                class="tw-me-2"
              />
              <label for="checkAll" class="tw-mb-0">
                All
--- a/libs/components/src/chip-select/chip-select.component.html
+++ b/libs/components/src/chip-select/chip-select.component.html
@@ -14,7 +14,7 @@
  <!-- Primary button -->
  <button
    type="button"
-    class="tw-inline-flex tw-gap-1.5 tw-items-center tw-justify-between tw-bg-transparent hover:tw-bg-transparent tw-border-none tw-outline-none tw-w-full tw-py-1 tw-pl-3 last:tw-pr-3 [&:not(:last-child)]:tw-pr-0 tw-truncate tw-text-[color:inherit] tw-text-[length:inherit]"
+    class="tw-inline-flex tw-gap-1.5 tw-items-center tw-justify-between tw-bg-transparent hover:tw-bg-transparent tw-border-none tw-outline-none tw-w-full tw-py-1 tw-ps-3 last:tw-pe-3 [&:not(:last-child)]:tw-pe-0 tw-truncate tw-text-[color:inherit] tw-text-[length:inherit]"
    data-fvw-target
    [ngClass]="{
      'tw-cursor-not-allowed': disabled,
@@ -45,7 +45,7 @@
      type="button"
      [attr.aria-label]="'removeItem' | i18n: label"
      [disabled]="disabled"
-      class="tw-bg-transparent hover:tw-bg-transparent tw-outline-none tw-rounded-full tw-py-0.5 tw-px-1 tw-mr-1 tw-text-[color:inherit] tw-text-[length:inherit] tw-border-solid tw-border tw-border-transparent hover:tw-border-text-contrast hover:disabled:tw-border-transparent tw-flex tw-items-center tw-justify-center focus-visible:tw-ring-2 tw-ring-text-contrast focus-visible:hover:tw-border-transparent"
+      class="tw-bg-transparent hover:tw-bg-transparent tw-outline-none tw-rounded-full tw-py-0.5 tw-px-1 tw-me-1 tw-text-[color:inherit] tw-text-[length:inherit] tw-border-solid tw-border tw-border-transparent hover:tw-border-text-contrast hover:disabled:tw-border-transparent tw-flex tw-items-center tw-justify-center focus-visible:tw-ring-2 tw-ring-text-contrast focus-visible:hover:tw-border-transparent"
      [ngClass]="{
        'tw-cursor-not-allowed': disabled,
      }"
--- a/libs/components/src/chip-select/chip-select.component.ts
+++ b/libs/components/src/chip-select/chip-select.component.ts
@@ -39,7 +39,6 @@ export type ChipSelectOption<T> = Option<T> & {
@Component({
  selector: "bit-chip-select",
  templateUrl: "chip-select.component.html",
-  standalone: true,
  imports: [SharedModule, ButtonModule, IconButtonModule, MenuModule, TypographyModule],
  providers: [
    {
--- a/libs/components/src/color-password/color-password.component.ts
+++ b/libs/components/src/color-password/color-password.component.ts
@@ -25,7 +25,6 @@ enum CharacterType {
      }
    </span>
  }`,
-  standalone: true,
 })
 export class ColorPasswordComponent {
  password = input<string>("");
--- a/Show More
+++ b/Show More