diff --git a/front-end/src/app/app.component.ts b/front-end/src/app/app.component.ts
index f31a17a2b7..5463c47b11 100644
--- a/front-end/src/app/app.component.ts
+++ b/front-end/src/app/app.component.ts
@@ -6,9 +6,10 @@ import { NavigationEnd, Router, RouterOutlet } from '@angular/router';
 import { SecondCommitteeAdminDialogComponent } from './shared/components/second-committee-admin-dialog/second-committee-admin-dialog.component';
 import { ButtonModule } from 'primeng/button';
 import { GlossaryComponent } from './shared/components/glossary/glossary.component';
-import { environment } from 'environments/environment';
+
 import { ConfirmDialogComponent } from './shared/components/confirm-dialog/confirm-dialog.component';
 import { CommitteeMemberService } from 'app/shared/services/committee-member.service';
+import { FEATURE_FLAGS } from 'environments/config/feature-flag.config';
 import { Store } from '@ngrx/store';
 import { singleClickEnableAction } from './store/single-click.actions';
 import { toSignal } from '@angular/core/rxjs-interop';
@@ -32,7 +33,7 @@ import { map } from 'rxjs';
 export class AppComponent {
   protected readonly elementRef = inject(ElementRef);
   readonly memberService = inject(CommitteeMemberService);
-  readonly showGlossary = environment.showGlossary;
+  readonly showGlossary = inject(FEATURE_FLAGS).showGlossary;
   private readonly store = inject(Store);
   private readonly router = inject(Router);
 
diff --git a/front-end/src/app/contacts/contact-list/contact-list.component.spec.ts b/front-end/src/app/contacts/contact-list/contact-list.component.spec.ts
index 40a5cbda53..fe72dc2e70 100644
--- a/front-end/src/app/contacts/contact-list/contact-list.component.spec.ts
+++ b/front-end/src/app/contacts/contact-list/contact-list.component.spec.ts
@@ -1,7 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
 import { provideMockStore } from '@ngrx/store/testing';
-import { testContact, testMockStore } from 'app/shared/utils/unit-test.utils';
+import { testContact, testFeatureFlags, testMockStore } from 'app/shared/utils/unit-test.utils';
 import { ConfirmationService, MessageService } from 'primeng/api';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
 import { DialogModule } from 'primeng/dialog';
@@ -20,6 +20,7 @@ import { MemoCodePipe } from 'app/shared/pipes/memo-code.pipe';
 import { FecDatePipe } from 'app/shared/pipes/fec-date.pipe';
 import { TransactionIdPipe } from 'app/shared/pipes/transaction-id.pipe';
 import { DefaultZeroPipe } from 'app/shared/pipes/default-zero.pipe';
+import { FEATURE_FLAGS } from 'environments/config/feature-flag.config';
 
 describe('ContactListComponent', () => {
   let component: ContactListComponent;
@@ -42,7 +43,7 @@ describe('ContactListComponent', () => {
   };
   let deletedContactService: DeletedContactService;
 
-  beforeEach(async () => {
+  async function setup(showRestoreDeletedContacts = true) {
     await TestBed.configureTestingModule({
       imports: [
         ToastModule,
@@ -74,20 +75,22 @@ describe('ContactListComponent', () => {
             snapshot: { params: { reportId: '99' } },
           },
         },
+        {
+          provide: FEATURE_FLAGS,
+          useValue: { ...testFeatureFlags(), showRestoreDeletedContacts },
+        },
       ],
     }).compileComponents();
-    deletedContactService = TestBed.inject(DeletedContactService);
-  });
 
-  beforeEach(() => {
+    deletedContactService = TestBed.inject(DeletedContactService);
     service = TestBed.inject(ContactService);
     fixture = TestBed.createComponent(ContactListComponent);
     component = fixture.componentInstance;
-  });
+  }
 
   describe('typical', () => {
-    beforeEach(() => {
-      component.showRestoreDeletedContacts = true;
+    beforeEach(async () => {
+      await setup();
       fixture.detectChanges();
     });
 
@@ -177,7 +180,6 @@ describe('ContactListComponent', () => {
 
     it('#restoreButton should be visible if there is a deleted contact', async () => {
       expect(component.restoreContactsButtonIsVisible).toBe(false);
-
       vi.spyOn(deletedContactService, 'getTableData').mockReturnValue(
         Promise.resolve({
           count: 1,
@@ -188,13 +190,11 @@ describe('ContactListComponent', () => {
         }),
       );
       await component.checkForDeletedContacts();
-
       expect(component.restoreContactsButtonIsVisible).toBe(true);
     });
 
     it('#restoreButton should not be visible if there are no deleted contacts', async () => {
       component.restoreContactsButtonIsVisible = true;
-
       vi.spyOn(deletedContactService, 'getTableData').mockReturnValue(
         Promise.resolve({
           count: 0,
@@ -204,25 +204,8 @@ describe('ContactListComponent', () => {
           results: [],
         }),
       );
-      await component.checkForDeletedContacts();
-
-      expect(component.restoreContactsButtonIsVisible).toBe(false);
-    });
-
-    it('Restore deleted contacts should not be visible when the feature flag is disabled', async () => {
-      component.showRestoreDeletedContacts = false;
 
-      vi.spyOn(deletedContactService, 'getTableData').mockReturnValue(
-        Promise.resolve({
-          count: 1,
-          next: '',
-          previous: '',
-          pageNumber: 1,
-          results: [contact],
-        }),
-      );
       await component.checkForDeletedContacts();
-
       expect(component.restoreContactsButtonIsVisible).toBe(false);
     });
 
@@ -244,8 +227,31 @@ describe('ContactListComponent', () => {
     });
   });
 
+  describe('show restore button is false', () => {
+    beforeEach(async () => {
+      await setup(false);
+      fixture.detectChanges();
+    });
+
+    it('Restore deleted contacts should not be visible when the feature flag is disabled', async () => {
+      vi.spyOn(deletedContactService, 'getTableData').mockReturnValue(
+        Promise.resolve({
+          count: 1,
+          next: '',
+          previous: '',
+          pageNumber: 1,
+          results: [contact],
+        }),
+      );
+
+      await component.checkForDeletedContacts();
+      expect(component.restoreContactsButtonIsVisible).toBe(false);
+    });
+  });
+
   describe('restoreContactsButtonIsVisible true', () => {
-    beforeEach(() => {
+    beforeEach(async () => {
+      await setup();
       component.restoreContactsButtonIsVisible = true;
       fixture.detectChanges();
     });
diff --git a/front-end/src/app/contacts/contact-list/contact-list.component.ts b/front-end/src/app/contacts/contact-list/contact-list.component.ts
index 36b0513650..8354d55271 100644
--- a/front-end/src/app/contacts/contact-list/contact-list.component.ts
+++ b/front-end/src/app/contacts/contact-list/contact-list.component.ts
@@ -12,7 +12,7 @@ import { ContactService, DeletedContactService } from 'app/shared/services/conta
 import { SelectModule } from 'primeng/select';
 import { TableAction } from 'app/shared/components/table-actions-button/table-actions';
 import { RouterLink } from '@angular/router';
-import { environment } from 'environments/environment';
+import { FEATURE_FLAGS } from 'environments/config/feature-flag.config';
 
 @Component({
   selector: 'app-contact-list',
@@ -37,7 +37,7 @@ export class ContactListComponent extends TableListBaseComponent<Contact> {
   contactTypeLabels: LabelList = ContactTypeLabels;
   dialogContactTypeOptions: PrimeOptions = [];
 
-  showRestoreDeletedContacts = environment.showRestoreDeletedContacts;
+  showRestoreDeletedContacts = inject(FEATURE_FLAGS).showRestoreDeletedContacts;
   restoreContactsButtonIsVisible = false;
   searchTerm = '';
 
diff --git a/front-end/src/app/layout/header/header-links/default-header-links/default-header-links.component.html b/front-end/src/app/layout/header/header-links/default-header-links/default-header-links.component.html
index 4d550cbe2a..b6e899d8a4 100644
--- a/front-end/src/app/layout/header/header-links/default-header-links/default-header-links.component.html
+++ b/front-end/src/app/layout/header/header-links/default-header-links/default-header-links.component.html
@@ -1,6 +1,6 @@
 <ul class="flex">
   <li><a routerLink="/reports">Reports</a></li>
-  @if (showAllTransactionsPage) {
+  @if (enableUnassignedTransactions) {
     <li><a routerLink="/transactions">Transactions</a></li>
   }
   <li><a routerLink="/contacts">Contacts</a></li>
diff --git a/front-end/src/app/layout/header/header-links/default-header-links/default-header-links.component.ts b/front-end/src/app/layout/header/header-links/default-header-links/default-header-links.component.ts
index 346e99cd1d..88dd2c2c12 100644
--- a/front-end/src/app/layout/header/header-links/default-header-links/default-header-links.component.ts
+++ b/front-end/src/app/layout/header/header-links/default-header-links/default-header-links.component.ts
@@ -3,10 +3,10 @@ import { Component, inject } from '@angular/core';
 import { RouterLink } from '@angular/router';
 import { Form3Service } from 'app/shared/services/form-3.service';
 import { LoginService } from 'app/shared/services/login.service';
-import { environment } from 'environments/environment';
 import { PopoverModule } from 'primeng/popover';
 import { PopoverLinkDirective } from '../popover-link.directive';
 import { ElectionCycleStore } from 'app/tools/election-cycle/election-cycle.store';
+import { FEATURE_FLAGS } from 'environments/config/feature-flag.config';
 
 @Component({
   selector: 'app-default-header-links',
@@ -18,6 +18,7 @@ import { ElectionCycleStore } from 'app/tools/election-cycle/election-cycle.stor
 export class DefaultHeaderLinksComponent {
   readonly electionCycleStore = inject(ElectionCycleStore);
   readonly loginService = inject(LoginService);
-  readonly showAllTransactionsPage = environment.showAllTransactionsPage;
-  readonly showForm3 = environment.showForm3;
+  readonly featureFlags = inject(FEATURE_FLAGS);
+  readonly enableUnassignedTransactions = this.featureFlags.enableUnassignedTransactions;
+  readonly showForm3 = this.featureFlags.showForm3;
 }
diff --git a/front-end/src/app/layout/sidebar/report-sidebar/report-sidebar.component.ts b/front-end/src/app/layout/sidebar/report-sidebar/report-sidebar.component.ts
index afa5dd310a..a84625faff 100644
--- a/front-end/src/app/layout/sidebar/report-sidebar/report-sidebar.component.ts
+++ b/front-end/src/app/layout/sidebar/report-sidebar/report-sidebar.component.ts
@@ -11,6 +11,7 @@ import { FecDatePipe } from 'app/shared/pipes/fec-date.pipe';
 import { PanelMenu } from 'primeng/panelmenu';
 import { isForm3Group, ReportTypes } from 'app/shared/models/reports/report.model';
 import type { BaseForm3 } from 'app/shared/models/reports/base-form-3';
+import { FEATURE_FLAGS } from 'environments/config/feature-flag.config';
 
 @Component({
   selector: 'app-report-sidebar',
@@ -24,6 +25,7 @@ export class ReportSidebarComponent {
   private readonly reportService = inject(ReportService);
   private readonly route = inject(ActivatedRoute);
   private readonly report = this.store.selectSignal(selectActiveReport);
+  private readonly manualReportVersion = inject(FEATURE_FLAGS).manualReportVersion;
 
   readonly items = computed(() => {
     this.navEnd();
@@ -31,7 +33,7 @@ export class ReportSidebarComponent {
     if (!data) return [];
     const sidebarState = data['sidebarSection'] as ReportSidebarSection;
     const isEditable = this.reportService.isEditable(this.report());
-    return this.report().getMenuItems(sidebarState, isEditable);
+    return this.report().getMenuItems(sidebarState, isEditable, this.manualReportVersion);
   });
 
   readonly formLabel = computed(() => this.report().formLabel);
diff --git a/front-end/src/app/reports/f3-shared/create-shared-f3/create-shared-f3.component.html b/front-end/src/app/reports/f3-shared/create-shared-f3/create-shared-f3.component.html
index 44ba87be02..78a5cdc672 100644
--- a/front-end/src/app/reports/f3-shared/create-shared-f3/create-shared-f3.component.html
+++ b/front-end/src/app/reports/f3-shared/create-shared-f3/create-shared-f3.component.html
@@ -12,7 +12,7 @@ <h1>{{ title() }}</h1>
 
   <h2>Report type</h2>
 
-  @if (isF3X() && userCanSetFilingFrequency) {
+  @if (isF3X() && featureFlags.userCanSetFilingFrequency) {
     <div class="field">
       <label for="filing_frequency">REPORTING FREQUENCY</label>
       <p-selectButton
@@ -96,25 +96,28 @@ <h2 class="m-0">Covering period</h2>
   <app-save-cancel (save)="submitForm($event)" (cancelForm)="router.navigateByUrl('/reports')" />
 </form>
 
-<app-dialog
-  [(visible)]="coverageDatesDialogVisible"
-  header="Can’t save report"
-  (reject)="onHide()"
-  tabindex="-1"
-  aria-labelledby="dialog-title"
->
-  <p class="mb-0">
-    Some transactions would now fall outside your new coverage dates. To fix this, delete those transactions.
-  </p>
-  <ng-container dialog-footer #dialogFooterRef>
-    <div class="flex justify-content-center">
-      <p-button
-        type="button"
-        label="Manage your transactions"
-        class="p-button-primary dialog-button"
-        [routerLink]="['/reports/transactions/report', reportId(), 'list']"
-        [autofocus]="true"
-      ></p-button>
-    </div>
-  </ng-container>
-</app-dialog>
+<!-- This can go away after unassigned transactions are no longer feature flagged -->
+@if (!featureFlags.enableUnassignedTransactions) {
+  <app-dialog
+    [(visible)]="coverageDatesDialogVisible"
+    header="Can’t save report"
+    (reject)="onHide()"
+    tabindex="-1"
+    aria-labelledby="dialog-title"
+  >
+    <p class="mb-0">
+      Some transactions would now fall outside your new coverage dates. To fix this, delete those transactions.
+    </p>
+    <ng-container dialog-footer #dialogFooterRef>
+      <div class="flex justify-content-center">
+        <p-button
+          type="button"
+          label="Manage your transactions"
+          class="p-button-primary dialog-button"
+          [routerLink]="['/reports/transactions/report', reportId(), 'list']"
+          [autofocus]="true"
+        ></p-button>
+      </div>
+    </ng-container>
+  </app-dialog>
+}
diff --git a/front-end/src/app/reports/f3-shared/create-shared-f3/create-shared-f3.component.spec.ts b/front-end/src/app/reports/f3-shared/create-shared-f3/create-shared-f3.component.spec.ts
index 6b7daab533..cf3b192474 100644
--- a/front-end/src/app/reports/f3-shared/create-shared-f3/create-shared-f3.component.spec.ts
+++ b/front-end/src/app/reports/f3-shared/create-shared-f3/create-shared-f3.component.spec.ts
@@ -3,25 +3,47 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import { provideMockStore, MockStore } from '@ngrx/store/testing';
-import { MessageService } from 'primeng/api';
+import { ConfirmationService, MessageService } from 'primeng/api';
 import { of } from 'rxjs';
 import { Form3X, F3xFormTypes } from 'app/shared/models';
 import { Form3XService } from 'app/shared/services/form-3x.service';
 import { ReportCodes } from 'app/shared/utils/report-code.utils';
-import { testMockStore } from 'app/shared/utils/unit-test.utils';
+import { testFeatureFlags, testMockStore } from 'app/shared/utils/unit-test.utils';
 import { provideHttpClient } from '@angular/common/http';
 import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { CreateSharedF3Component, ReportTypeCategories } from './create-shared-f3.component';
 import { FORM_3_SERVICE, BaseForm3Service } from 'app/shared/services/base-form-3.service';
 import { BaseForm3 } from 'app/shared/models/reports/base-form-3';
+import { FEATURE_FLAGS, FeatureFlags } from 'environments/config/feature-flag.config';
 
 let component: CreateSharedF3Component;
 let fixture: ComponentFixture<CreateSharedF3Component>;
 let router: Router;
 let activeServiceInstance: BaseForm3Service<BaseForm3>;
 let store: MockStore;
-
-async function setup(params: { reportId?: string; mockUrl?: string }) {
+let confirmService: ConfirmationService;
+let messageService: MessageService;
+let getSpy: Mock;
+let messageSpy: Mock;
+let updateSpy: Mock;
+let confirmSpy: Mock;
+let coverageDateSpy: Mock;
+
+const mockCoverageDates = [
+  {
+    report_code: ReportCodes.Q1,
+    coverage_from_date: new Date('2024-01-01'),
+    coverage_through_date: new Date('2024-03-31'),
+  },
+];
+
+async function setup(params: {
+  reportId?: string;
+  mockUrl?: string;
+  featureFlags?: Partial<FeatureFlags>;
+  mockReport?: BaseForm3;
+  fakeDate?: Date;
+}) {
   const currentUrl = params.mockUrl ?? '/reports/f3x/create/step-1';
   await TestBed.configureTestingModule({
     imports: [ReactiveFormsModule, CreateSharedF3Component],
@@ -39,37 +61,58 @@ async function setup(params: { reportId?: string; mockUrl?: string }) {
         },
       },
       provideMockStore(testMockStore()),
+      ConfirmationService,
+      {
+        provide: FEATURE_FLAGS,
+        useValue: { ...testFeatureFlags(), ...params.featureFlags },
+      },
     ],
   }).compileComponents();
 
+  messageService = TestBed.inject(MessageService);
   store = TestBed.inject(MockStore);
+  confirmService = TestBed.inject(ConfirmationService);
   vi.spyOn(store, 'dispatch');
   router = TestBed.inject(Router);
   activeServiceInstance = TestBed.inject(FORM_3_SERVICE);
+  messageSpy = vi.spyOn(messageService, 'add');
   vi.spyOn(router, 'navigateByUrl').mockResolvedValue(true);
   Object.defineProperty(router, 'url', {
     get: () => currentUrl,
     configurable: true,
   });
+
+  coverageDateSpy = vi.spyOn(activeServiceInstance, 'getCoverageDates').mockResolvedValue(mockCoverageDates);
+  confirmSpy = vi.spyOn(confirmService, 'confirm').mockImplementation((confirmation) => {
+    if (confirmation.reject) {
+      confirmation.reject();
+    }
+    return confirmService;
+  });
+  vi.spyOn(activeServiceInstance, 'getTransactionsOutsideCoverage').mockResolvedValue(5);
+  if (params.mockReport) {
+    getSpy = vi.spyOn(activeServiceInstance, 'get').mockResolvedValue(params.mockReport);
+    updateSpy = vi.spyOn(activeServiceInstance, 'updateWithAllowedErrorCodes').mockResolvedValue(params.mockReport);
+  }
+
+  if (params.fakeDate) vi.setSystemTime(params.fakeDate);
+
+  fixture = TestBed.createComponent(CreateSharedF3Component);
+  component = fixture.componentInstance;
+  fixture.detectChanges();
 }
 
+beforeEach(async () => {
+  vi.useFakeTimers();
+});
+
+afterEach(() => {
+  vi.useRealTimers();
+});
+
 describe('CreateSharedF3Component: New', () => {
-  const mockCoverageDates = [
-    {
-      report_code: ReportCodes.Q1,
-      coverage_from_date: new Date('2024-01-01'),
-      coverage_through_date: new Date('2024-03-31'),
-    },
-  ];
-
-  let coverageDateSpy: Mock;
   beforeEach(async () => {
     await setup({});
-
-    coverageDateSpy = vi.spyOn(activeServiceInstance, 'getCoverageDates').mockResolvedValue(mockCoverageDates);
-    fixture = TestBed.createComponent(CreateSharedF3Component);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create and initialize the form for a new report', async () => {
@@ -125,9 +168,6 @@ describe('CreateSharedF3Component: New', () => {
 });
 
 describe('CreateSharedF3Component: Edit', () => {
-  let messageService: MessageService;
-  let getSpy: Mock;
-  let messageSpy: Mock;
   const mockReportId = '123';
   const mockReport = Form3X.fromJSON({
     id: mockReportId,
@@ -139,15 +179,7 @@ describe('CreateSharedF3Component: Edit', () => {
   });
 
   beforeEach(async () => {
-    await setup({ reportId: mockReportId });
-
-    messageService = TestBed.inject(MessageService);
-    getSpy = vi.spyOn(activeServiceInstance, 'get').mockResolvedValue(mockReport);
-    messageSpy = vi.spyOn(messageService, 'add');
-
-    fixture = TestBed.createComponent(CreateSharedF3Component);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
+    await setup({ reportId: mockReportId, mockReport });
   });
 
   it('should fetch existing report and patch form', () => {
@@ -202,42 +234,81 @@ describe('CreateSharedF3Component: Edit', () => {
 });
 
 describe('Default Report Type Category Logic', () => {
-  beforeEach(async () => {
-    await setup({});
-    vi.useFakeTimers();
+  it('should be ELECTION_YEAR in an even year after January', async () => {
+    await setup({ fakeDate: new Date(2024, 1, 1) });
+    expect(component.defaultReportTypeCategory).toBe(ReportTypeCategories.ELECTION_YEAR);
   });
 
-  afterEach(() => {
-    vi.useRealTimers();
+  it('should be ELECTION_YEAR in an odd year during January', async () => {
+    await setup({ fakeDate: new Date(2025, 0, 15) });
+    expect(component.defaultReportTypeCategory).toBe(ReportTypeCategories.ELECTION_YEAR);
   });
 
-  const setupComponent = () => {
-    fixture = TestBed.createComponent(CreateSharedF3Component);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  };
+  it('should be NON_ELECTION_YEAR in an odd year after January', async () => {
+    await setup({ fakeDate: new Date(2025, 2, 20) });
+    expect(component.defaultReportTypeCategory).toBe(ReportTypeCategories.NON_ELECTION_YEAR);
+  });
 
-  it('should be ELECTION_YEAR in an even year after January', () => {
-    vi.setSystemTime(new Date(2024, 1, 1));
-    setupComponent();
-    expect(component.defaultReportTypeCategory).toBe(ReportTypeCategories.ELECTION_YEAR);
+  it('should be NON_ELECTION_YEAR in an even year during January', async () => {
+    await setup({ fakeDate: new Date(2024, 0, 10) });
+    expect(component.defaultReportTypeCategory).toBe(ReportTypeCategories.NON_ELECTION_YEAR);
   });
+});
 
-  it('should be ELECTION_YEAR in an odd year during January', () => {
-    vi.setSystemTime(new Date(2025, 0, 15));
-    setupComponent();
-    expect(component.defaultReportTypeCategory).toBe(ReportTypeCategories.ELECTION_YEAR);
+describe('unassigned transactions', () => {
+  const mockReportId = '123';
+  const mockReport = Form3X.fromJSON({
+    id: mockReportId,
+    filing_frequency: 'M',
+    report_type_category: ReportTypeCategories.ELECTION_YEAR,
+    report_code: ReportCodes.M4,
+    coverage_from_date: '2024-04-05',
+    coverage_through_date: '2024-04-30',
   });
 
-  it('should be NON_ELECTION_YEAR in an odd year after January', () => {
-    vi.setSystemTime(new Date(2025, 2, 20));
-    setupComponent();
-    expect(component.defaultReportTypeCategory).toBe(ReportTypeCategories.NON_ELECTION_YEAR);
+  it('should call for confirmation if there will be unassigned transactions and unassigned feature flag is enabled', async () => {
+    await setup({ reportId: mockReportId, featureFlags: { enableUnassignedTransactions: true }, mockReport });
+
+    component.form.patchValue({ coverage_from_date: new Date('2024-06-01') });
+    component.form.patchValue({ coverage_through_date: new Date('2024-07-01') });
+
+    await component.submitForm();
+
+    expect(updateSpy).not.toHaveBeenCalled();
+    expect(confirmSpy).toHaveBeenCalled();
   });
 
-  it('should be NON_ELECTION_YEAR in an even year during January', () => {
-    vi.setSystemTime(new Date(2024, 0, 10));
-    setupComponent();
-    expect(component.defaultReportTypeCategory).toBe(ReportTypeCategories.NON_ELECTION_YEAR);
+  it(`should not call for confirmation if there will not be unassigned transactions and unassigned feature flag is enabled`, async () => {
+    await setup({ reportId: mockReportId, featureFlags: { enableUnassignedTransactions: true }, mockReport });
+    const updateSpy = vi.spyOn(activeServiceInstance, 'updateWithAllowedErrorCodes').mockResolvedValue(mockReport);
+    const confirmSpy = vi.spyOn(confirmService, 'confirm');
+    vi.spyOn(activeServiceInstance, 'getTransactionsOutsideCoverage').mockResolvedValue(0);
+    component.form.patchValue({ coverage_from_date: new Date('2024-06-01') });
+    component.form.patchValue({ coverage_through_date: new Date('2024-07-01') });
+
+    expect(component.featureFlags.enableUnassignedTransactions).toBe(true);
+
+    await component.submitForm();
+
+    expect(updateSpy).toHaveBeenCalled();
+    expect(confirmSpy).not.toHaveBeenCalled();
+  });
+
+  it('should not call for confirmation if coverage dates are changed and unassigned feature flag is disabled', async () => {
+    await setup({ reportId: mockReportId, mockReport });
+    const updateSpy = vi.spyOn(activeServiceInstance, 'updateWithAllowedErrorCodes').mockResolvedValue(mockReport);
+    const confirmSpy = vi.spyOn(confirmService, 'confirm');
+    const getTransactionsOutsideCoverageSpy = vi
+      .spyOn(activeServiceInstance, 'getTransactionsOutsideCoverage')
+      .mockResolvedValue(5);
+    component.form.patchValue({ coverage_from_date: new Date('2024-06-01') });
+    component.form.patchValue({ coverage_through_date: new Date('2024-07-01') });
+
+    expect(component.featureFlags.enableUnassignedTransactions).toBe(false);
+
+    await component.submitForm();
+    expect(updateSpy).toHaveBeenCalled();
+    expect(confirmSpy).not.toHaveBeenCalled();
+    expect(getTransactionsOutsideCoverageSpy).not.toHaveBeenCalled();
   });
 });
diff --git a/front-end/src/app/reports/f3-shared/create-shared-f3/create-shared-f3.component.ts b/front-end/src/app/reports/f3-shared/create-shared-f3/create-shared-f3.component.ts
index f62af05c57..a6c012c4f2 100644
--- a/front-end/src/app/reports/f3-shared/create-shared-f3/create-shared-f3.component.ts
+++ b/front-end/src/app/reports/f3-shared/create-shared-f3/create-shared-f3.component.ts
@@ -20,10 +20,9 @@ import { SchemaUtils } from 'app/shared/utils/schema.utils';
 import { SubscriptionFormControl } from 'app/shared/utils/subscription-form-control';
 import { buildAfterDateValidator, buildNonOverlappingCoverageValidator } from 'app/shared/utils/validators.utils';
 import { blurActiveInput, printFormErrors } from 'app/shared/utils/form.utils';
-import { environment } from 'environments/environment';
 import { schema as f3Schema } from 'fecfile-validate/fecfile_validate_js/dist/F3';
 import { schema as f3xSchema } from 'fecfile-validate/fecfile_validate_js/dist/F3X';
-import { MessageService } from 'primeng/api';
+import { ConfirmationService, MessageService } from 'primeng/api';
 import { ButtonModule } from 'primeng/button';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import { SelectButton } from 'primeng/selectbutton';
@@ -36,6 +35,8 @@ import { F3xFormTypes, Form3X } from 'app/shared/models/reports/form-3x.model';
 import { F3FormTypes, Form3 } from 'app/shared/models/reports/form-3.model';
 import { FORM_3_SERVICE } from 'app/shared/services/base-form-3.service';
 import { BaseForm3 } from 'app/shared/models/reports/base-form-3';
+import { FEATURE_FLAGS } from 'environments/config/feature-flag.config';
+import { FecDatePipe } from 'app/shared/pipes/fec-date.pipe';
 
 export enum ReportTypeCategories {
   ELECTION_YEAR = 'Election Year',
@@ -65,6 +66,8 @@ export class CreateSharedF3Component extends FormComponent implements OnInit {
   protected readonly messageService = inject(MessageService);
   protected readonly router = inject(Router);
   private readonly destroyRef = inject(DestroyRef);
+  readonly featureFlags = inject(FEATURE_FLAGS);
+  private readonly confirmService = inject(ConfirmationService);
 
   readonly reportId = injectParams('reportId');
   readonly isF3X = computed(() => this.router.url.includes('/f3x/'));
@@ -78,7 +81,6 @@ export class CreateSharedF3Component extends FormComponent implements OnInit {
 
   // CONSTANTS & FORM DEFINITION
   readonly year = new Date().getFullYear();
-  readonly userCanSetFilingFrequency: boolean = environment.userCanSetFilingFrequency;
   readonly stateOptions: PrimeOptions = LabelUtils.getPrimeOptions(StatesCodeLabels);
 
   readonly formProperties: string[] = [
@@ -300,7 +302,11 @@ export class CreateSharedF3Component extends FormComponent implements OnInit {
     const report = reportId
       ? await this.update(reportStub, reportId)
       : await this.activeService.create(reportStub, this.formProperties);
-    if (!report) return;
+
+    if (!report) {
+      this.store.dispatch(singleClickEnableAction());
+      return;
+    }
 
     if (jump === 'continue') {
       this.router.navigateByUrl(`/reports/transactions/report/${report.id}/list`);
@@ -316,6 +322,34 @@ export class CreateSharedF3Component extends FormComponent implements OnInit {
   }
 
   private async update(summary: BaseForm3, reportId: string) {
+    if (this.featureFlags.enableUnassignedTransactions) {
+      const datePipe = new FecDatePipe();
+      const from = datePipe.transform(summary.coverage_from_date);
+      const through = datePipe.transform(summary.coverage_through_date);
+      const count = await this.activeService.getTransactionsOutsideCoverage(reportId, from, through);
+      if (count > 0) {
+        const transaction = count > 1 ? 'transactions' : 'transaction';
+        const message = [
+          `You have ${count} ${transaction}`,
+          ` within this report that will fall outside the new coverage dates of `,
+          `${from} - ${through}. `,
+          `If you continue, ${count > 1 ? 'these' : 'this'} ${transaction} will be removed from this report `,
+          `and moved to Unassigned within the Transactions page.\n\n`,
+          `If you don't want to do this now, cancel and review your ${transaction} `,
+          `before updating your coverage dates.`,
+        ].join('');
+        const confirmed = await new Promise<boolean>((resolve) => {
+          this.confirmService.confirm({
+            message,
+            header: 'Heads Up!',
+            accept: () => resolve(true),
+            reject: () => resolve(false),
+          });
+        });
+
+        if (!confirmed) return;
+      }
+    }
     summary.id = reportId;
     try {
       return await this.activeService.updateWithAllowedErrorCodes(
@@ -324,7 +358,8 @@ export class CreateSharedF3Component extends FormComponent implements OnInit {
         this.formProperties,
       );
     } catch {
-      this.coverageDatesDialogVisible.set(true);
+      // This will no longer be required once unassigned transactions are no longer feature flagged
+      if (!this.featureFlags.enableUnassignedTransactions) this.coverageDatesDialogVisible.set(true);
       return;
     }
   }
diff --git a/front-end/src/app/reports/form-type-dialog/form-type-dialog.component.ts b/front-end/src/app/reports/form-type-dialog/form-type-dialog.component.ts
index 4e2da308d8..96ffbf2975 100644
--- a/front-end/src/app/reports/form-type-dialog/form-type-dialog.component.ts
+++ b/front-end/src/app/reports/form-type-dialog/form-type-dialog.component.ts
@@ -3,9 +3,10 @@ import { apply, form, FormField, hidden, required, submit } from '@angular/forms
 import { Router } from '@angular/router';
 import { Store } from '@ngrx/store';
 import { DialogComponent } from 'app/shared/components/dialog/dialog.component';
-import { InputGroupInput } from 'app/shared/components/signal-inputs/input-group/input-group.input';
 import { SelectButtonInput } from 'app/shared/components/signal-inputs/select-button-input/select-button.input';
 import { SelectInput } from 'app/shared/components/signal-inputs/select-input/select.input';
+import { InputGroupInput } from 'app/shared/components/signal-inputs/input-group/input-group.input';
+import { FEATURE_FLAGS } from 'environments/config/feature-flag.config';
 import { Form24, Form24Data, Form24SignalSchema } from 'app/shared/models/reports/form-24.model';
 import { ReportTypes } from 'app/shared/models/reports/report.model';
 import { Form24Service } from 'app/shared/services/form-24.service';
@@ -13,7 +14,6 @@ import { FormType, getFormTypes } from 'app/shared/utils/form-type.utils';
 import { form24Options } from 'app/shared/utils/label.utils';
 import { requiredMessage } from 'app/shared/utils/signal-schema.utils';
 import { selectCommitteeAccount } from 'app/store/committee-account.selectors';
-import { environment } from 'environments/environment';
 import { MessageService } from 'primeng/api';
 
 interface ReportFormData {
@@ -33,8 +33,9 @@ export class FormTypeDialogComponent {
   readonly router = inject(Router);
   readonly store = inject(Store);
   private readonly form24Service = inject(Form24Service);
+  private readonly showForm3 = inject(FEATURE_FLAGS).showForm3;
+  readonly formTypeOptions = Array.from(getFormTypes(this.showForm3), (mapping) => mapping[1]);
   private readonly form24SignalSchema = inject(Form24SignalSchema);
-  readonly formTypeOptions = Array.from(getFormTypes(environment.showForm3), (mapping) => mapping[1]);
   readonly filteredOptions = computed(() => {
     const options = this.formTypeOptions.filter((type) => this.eligibleReportTypes().has(type.code));
 
@@ -108,6 +109,6 @@ export class FormTypeDialogComponent {
   }
 
   getFormType(type?: ReportTypes | ''): FormType | undefined {
-    return type === undefined || type === '' ? undefined : getFormTypes(environment.showForm3).get(type as ReportTypes);
+    return type === undefined || type === '' ? undefined : getFormTypes(this.showForm3).get(type as ReportTypes);
   }
 }
diff --git a/front-end/src/app/reports/report-list/report-list.component.ts b/front-end/src/app/reports/report-list/report-list.component.ts
index bc3a953803..82ff393f34 100644
--- a/front-end/src/app/reports/report-list/report-list.component.ts
+++ b/front-end/src/app/reports/report-list/report-list.component.ts
@@ -1,4 +1,4 @@
-import { Component, signal, computed, viewChild } from '@angular/core';
+import { Component, signal, computed, viewChild, inject } from '@angular/core';
 import { Toolbar } from 'primeng/toolbar';
 import { ButtonModule } from 'primeng/button';
 import { Ripple } from 'primeng/ripple';
@@ -6,9 +6,9 @@ import { FormTypeDialogComponent } from '../form-type-dialog/form-type-dialog.co
 import { Form3XListComponent } from './form3x-list/form3x-list.component';
 import { Form99ListComponent } from './form99-list/form99-list.component';
 import { Form1MListComponent } from './form1m-list/form1m-list.component';
-import { environment } from 'environments/environment';
 import { Form3ListComponent } from './form3-list/form3-list.component';
 import { Form24ListComponent } from './form24-list/form24-list.component';
+import { FEATURE_FLAGS } from 'environments/config/feature-flag.config';
 
 @Component({
   selector: 'app-report-list',
@@ -28,7 +28,7 @@ import { Form24ListComponent } from './form24-list/form24-list.component';
 })
 export class ReportListComponent {
   readonly dialogVisible = signal(false);
-  readonly showForm3 = environment.showForm3;
+  readonly showForm3 = inject(FEATURE_FLAGS).showForm3;
 
   readonly form3xList = viewChild(Form3XListComponent);
   readonly form3List = viewChild(Form3ListComponent);
diff --git a/front-end/src/app/reports/transactions/transaction-type-picker/transaction-type-picker.component.ts b/front-end/src/app/reports/transactions/transaction-type-picker/transaction-type-picker.component.ts
index 3112a2ffbe..d971bc7149 100644
--- a/front-end/src/app/reports/transactions/transaction-type-picker/transaction-type-picker.component.ts
+++ b/front-end/src/app/reports/transactions/transaction-type-picker/transaction-type-picker.component.ts
@@ -25,8 +25,8 @@ import {
 import { selectActiveReport } from 'app/store/active-report.selectors';
 import { selectCommitteeAccount } from 'app/store/committee-account.selectors';
 import { Accordion, AccordionModule } from 'primeng/accordion';
-import { environment } from '../../../../environments/environment';
 import { LabelPipe } from '../../../shared/pipes/label.pipe';
+import { FEATURE_FLAGS } from 'environments/config/feature-flag.config';
 
 @Component({
   selector: 'app-transaction-type-picker',
@@ -39,6 +39,7 @@ export class TransactionTypePickerComponent extends DestroyerComponent {
   private readonly route = inject(ActivatedRoute);
   private readonly titleService = inject(Title);
   private readonly accordion = viewChild.required(Accordion);
+  readonly showSchedF = inject(FEATURE_FLAGS).showSchedF;
 
   readonly transactionTypeLabels: LabelList = [
     ...ScheduleATransactionTypeLabels,
@@ -159,7 +160,7 @@ export class TransactionTypePickerComponent extends DestroyerComponent {
 
   showTransaction(transactionTypeIdentifier: string): boolean {
     // currently we only hide SchedF in some ɵnvironments, but in the future?
-    return !(!environment.showSchedF && transactionTypeIdentifier in ScheduleFTransactionTypes);
+    return !(!this.showSchedF && transactionTypeIdentifier in ScheduleFTransactionTypes);
   }
 
   getRouterLink(transactionType: string): string | undefined {
diff --git a/front-end/src/app/routes.ts b/front-end/src/app/routes.ts
index ab4340cbaf..cfb80fb32c 100644
--- a/front-end/src/app/routes.ts
+++ b/front-end/src/app/routes.ts
@@ -57,7 +57,7 @@ export const ROUTES: Route[] = [
           nameGuard,
           securityNoticeGuard,
           committeeGuard,
-          featureFlagGuard('showAllTransactionsPage'),
+          featureFlagGuard('enableUnassignedTransactions'),
         ],
         providers: [ReattRedesStore, Form3XService],
       },
diff --git a/front-end/src/app/shared/components/inputs/base-input.component.spec.ts b/front-end/src/app/shared/components/inputs/base-input.component.spec.ts
deleted file mode 100644
index 7412f62339..0000000000
--- a/front-end/src/app/shared/components/inputs/base-input.component.spec.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BaseInputComponent } from './base-input.component';
-
-class TestBaseInputComponent extends BaseInputComponent {}
-
-describe('BaseInputComponent', () => {
-  let component: BaseInputComponent;
-  let fixture: ComponentFixture<BaseInputComponent>;
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [BaseInputComponent],
-    }).compileComponents();
-    fixture = TestBed.createComponent(TestBaseInputComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/front-end/src/app/shared/components/inputs/base-input.component.ts b/front-end/src/app/shared/components/inputs/base-input.component.ts
index b5f81001fd..3d41fd1583 100644
--- a/front-end/src/app/shared/components/inputs/base-input.component.ts
+++ b/front-end/src/app/shared/components/inputs/base-input.component.ts
@@ -1,12 +1,10 @@
-import { Component, computed, input, Input } from '@angular/core';
+import { computed, Directive, input, Input } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { TransactionTemplateMapType } from '../../models/transaction-type.model';
 import { DestroyerComponent } from '../destroyer.component';
-import { Transaction } from 'app/shared/models/transaction.model';
+import type { Transaction } from 'app/shared/models/transaction.model';
+import type { TransactionTemplateMapType } from '../../models/transaction-type.model';
 
-@Component({
-  template: '',
-})
+@Directive()
 export abstract class BaseInputComponent extends DestroyerComponent {
   readonly transaction = input<Transaction>();
   @Input() form: FormGroup = new FormGroup([], { updateOn: 'blur' });
diff --git a/front-end/src/app/shared/components/transaction-type-base/transaction-type-base.component.ts b/front-end/src/app/shared/components/transaction-type-base/transaction-type-base.component.ts
index 4d365ee3dc..563d3380c6 100644
--- a/front-end/src/app/shared/components/transaction-type-base/transaction-type-base.component.ts
+++ b/front-end/src/app/shared/components/transaction-type-base/transaction-type-base.component.ts
@@ -20,7 +20,6 @@ import { FormComponent } from '../form.component';
 import { singleClickEnableAction } from 'app/store/single-click.actions';
 import { ConfirmationWrapperService } from 'app/shared/services/confirmation-wrapper.service';
 import { GlossaryService } from '../glossary/glossary.service';
-import { environment } from 'environments/environment';
 import type { TransactionTemplateMapType, TransactionType } from 'app/shared/models/transaction-type.model';
 import { Contact, ContactTypeLabels } from 'app/shared/models/contact.model';
 import { ReportTypes } from 'app/shared/models/reports/report.model';
@@ -29,6 +28,7 @@ import {
   NavigationAction,
   NavigationEvent,
 } from 'app/shared/models/transaction-navigation-controls.model';
+import { FEATURE_FLAGS } from 'environments/config/feature-flag.config';
 
 @Directive()
 export abstract class TransactionTypeBaseComponent extends FormComponent implements OnInit, OnDestroy {
@@ -50,7 +50,7 @@ export abstract class TransactionTypeBaseComponent extends FormComponent impleme
   contactTypeOptions: PrimeOptions = LabelUtils.getPrimeOptions(ContactTypeLabels);
 
   readonly activeReportId: string = this.activatedRoute.snapshot.params['reportId'] ?? '';
-  readonly showGlossary = environment.showGlossary;
+  readonly showGlossary = inject(FEATURE_FLAGS).showGlossary;
   readonly reportTypes = ReportTypes;
   readonly saveSuccessMessage: ToastMessageOptions = {
     severity: 'success',
diff --git a/front-end/src/app/shared/guards/feature-flag.guard.spec.ts b/front-end/src/app/shared/guards/feature-flag.guard.spec.ts
index 88ce20dc64..704addf61e 100644
--- a/front-end/src/app/shared/guards/feature-flag.guard.spec.ts
+++ b/front-end/src/app/shared/guards/feature-flag.guard.spec.ts
@@ -2,26 +2,31 @@
 import { TestBed } from '@angular/core/testing';
 import { featureFlagGuard } from './feature-flag.guard';
 import { ActivatedRouteSnapshot, Router, RouterStateSnapshot, UrlCreationOptions, UrlTree } from '@angular/router';
-import { environment } from 'environments/environment';
 import { Mock } from 'vitest';
+import { FEATURE_FLAGS } from 'environments/config/feature-flag.config';
+import { testFeatureFlags } from '../utils/unit-test.utils';
 
 describe('featureFlagGuard', () => {
   let createUrlSpy: Mock<(commands: readonly any[], navigationExtras?: UrlCreationOptions) => UrlTree>;
   const mockRoute = {} as ActivatedRouteSnapshot;
   const mockState = {} as RouterStateSnapshot;
+  const defaultMockFlags = testFeatureFlags();
+
+  function setupTest() {
+    const router = TestBed.inject(Router);
+    createUrlSpy = vi.spyOn(router, 'createUrlTree');
+  }
 
   beforeEach(() => {
     TestBed.configureTestingModule({
       providers: [Router],
     });
-    const router = TestBed.inject(Router);
-
-    createUrlSpy = vi.spyOn(router, 'createUrlTree');
   });
 
   describe('when feature flag is TRUE', () => {
     it('should allow navigation if manualReportVersion is enabled', () => {
-      environment.manualReportVersion = true;
+      TestBed.overrideProvider(FEATURE_FLAGS, { useValue: { ...defaultMockFlags, manualReportVersion: true } });
+      setupTest();
       const guard = featureFlagGuard('manualReportVersion');
       const result = TestBed.runInInjectionContext(() => guard(mockRoute, mockState));
 
@@ -32,8 +37,8 @@ describe('featureFlagGuard', () => {
 
   describe('when feature flag is FALSE', () => {
     it('should block navigation and redirect to default reports if manualReportVersion is disabled', () => {
-      environment.manualReportVersion = false;
-
+      TestBed.overrideProvider(FEATURE_FLAGS, { useValue: { ...defaultMockFlags, manualReportVersion: false } });
+      setupTest();
       const guard = featureFlagGuard('manualReportVersion');
       TestBed.runInInjectionContext(() => guard(mockRoute, mockState));
 
@@ -41,8 +46,8 @@ describe('featureFlagGuard', () => {
     });
 
     it('should block navigation and redirect to overrid location if manualReportVersion is disabled', () => {
-      environment.manualReportVersion = false;
-
+      TestBed.overrideProvider(FEATURE_FLAGS, { useValue: { ...defaultMockFlags, manualReportVersion: false } });
+      setupTest();
       const guard = featureFlagGuard('manualReportVersion', '/login');
       TestBed.runInInjectionContext(() => guard(mockRoute, mockState));
 
diff --git a/front-end/src/app/shared/guards/feature-flag.guard.ts b/front-end/src/app/shared/guards/feature-flag.guard.ts
index 25d6887876..0c1b2dd957 100644
--- a/front-end/src/app/shared/guards/feature-flag.guard.ts
+++ b/front-end/src/app/shared/guards/feature-flag.guard.ts
@@ -1,11 +1,12 @@
 import { inject } from '@angular/core';
 import { CanActivateFn, Router } from '@angular/router';
-import { environment } from 'environments/environment';
+import { FEATURE_FLAGS, FeatureFlags } from 'environments/config/feature-flag.config';
 
-export const featureFlagGuard = (flagKey: keyof typeof environment, redirectTo: string = '/reports'): CanActivateFn => {
+export const featureFlagGuard = (flagKey: keyof FeatureFlags, redirectTo: string = '/reports'): CanActivateFn => {
   return () => {
+    const featureFlags = inject(FEATURE_FLAGS);
     const router = inject(Router);
-    const isFeatureEnabled = environment[flagKey];
+    const isFeatureEnabled = featureFlags[flagKey];
 
     if (isFeatureEnabled) {
       return true;
diff --git a/front-end/src/app/shared/models/reports/base-form-3.ts b/front-end/src/app/shared/models/reports/base-form-3.ts
index 16ee008125..452fe157f7 100644
--- a/front-end/src/app/shared/models/reports/base-form-3.ts
+++ b/front-end/src/app/shared/models/reports/base-form-3.ts
@@ -4,7 +4,6 @@ import { Report, ReportStatus } from './report.model';
 import { ReportCodes } from 'app/shared/utils/report-code.utils';
 import { ReportSidebarSection, MenuInfo } from 'app/layout/sidebar/menu-info';
 import { MenuItem } from 'primeng/api';
-import { environment } from 'environments/environment';
 
 export class CoverageDates {
   @Transform(BaseModel.dateTransform) coverage_from_date: Date | undefined;
@@ -45,7 +44,7 @@ export abstract class BaseForm3 extends Report {
     return this.report_status === ReportStatus.SUBMIT_SUCCESS;
   }
 
-  getMenuItems(sidebarSection: ReportSidebarSection, isEditable: boolean): MenuItem[] {
+  getMenuItems(sidebarSection: ReportSidebarSection, isEditable: boolean, manualReportVersion: boolean): MenuItem[] {
     const transactionItems = [MenuInfo.manageTransactions(this), ...MenuInfo.addTransactions(this)];
     const menuItems = [
       MenuInfo.enterTransaction(sidebarSection, isEditable, transactionItems),
@@ -61,7 +60,7 @@ export abstract class BaseForm3 extends Report {
     // Add edit report item to menu if the report is in progress or submission failure
     if (this.report_status === ReportStatus.IN_PROGRESS || this.report_status === ReportStatus.SUBMIT_FAILURE) {
       const items = [MenuInfo.editReport(sidebarSection, this, 'Edit report details')];
-      if (environment.manualReportVersion) items.push(MenuInfo.updateVersion(sidebarSection, this));
+      if (manualReportVersion) items.push(MenuInfo.updateVersion(sidebarSection, this));
       menuItems.unshift({
         label: 'REPORT DETAILS',
         expanded: sidebarSection === ReportSidebarSection.EDIT,
diff --git a/front-end/src/app/shared/models/reports/form-24.model.ts b/front-end/src/app/shared/models/reports/form-24.model.ts
index 098283d896..8383896d59 100644
--- a/front-end/src/app/shared/models/reports/form-24.model.ts
+++ b/front-end/src/app/shared/models/reports/form-24.model.ts
@@ -14,12 +14,11 @@ import { MenuInfo, ReportSidebarSection } from 'app/layout/sidebar/menu-info';
 import { Form24Service } from 'app/shared/services/form-24.service';
 import { PLACEHOLDER } from 'app/shared/utils/signal-schema.utils';
 import { plainToInstance, Transform } from 'class-transformer';
-import { environment } from 'environments/environment';
 import { schema as f24Schema } from 'fecfile-validate/fecfile_validate_js/dist/F24';
-import { MenuItem } from 'primeng/api';
 import { from } from 'rxjs';
 import { BaseModel } from '../base.model';
 import { Report, ReportStatus, ReportTypes } from './report.model';
+import { MenuItem } from 'primeng/api';
 
 export type Type24_48 = '24' | '48';
 
@@ -55,7 +54,7 @@ export class Form24 extends Report {
     return plainToInstance(Form24, json);
   }
 
-  getMenuItems(sidebarSection: ReportSidebarSection, isEditable: boolean): MenuItem[] {
+  getMenuItems(sidebarSection: ReportSidebarSection, isEditable: boolean, manualReportVersion: boolean): MenuItem[] {
     const transactionItems: MenuItem[] = [
       MenuInfo.manageTransactions(this),
       {
@@ -76,7 +75,7 @@ export class Form24 extends Report {
 
     if (this.report_status === ReportStatus.IN_PROGRESS || this.report_status === ReportStatus.SUBMIT_FAILURE) {
       const items = [MenuInfo.editReport(sidebarSection, this, 'Edit report details')];
-      if (environment.manualReportVersion) items.push(MenuInfo.updateVersion(sidebarSection, this));
+      if (manualReportVersion) items.push(MenuInfo.updateVersion(sidebarSection, this));
       menuItems.unshift({
         label: 'REPORT DETAILS',
         expanded: sidebarSection === ReportSidebarSection.EDIT,
diff --git a/front-end/src/app/shared/models/reports/report.model.ts b/front-end/src/app/shared/models/reports/report.model.ts
index 3ba286f014..dbe4ec25cc 100644
--- a/front-end/src/app/shared/models/reports/report.model.ts
+++ b/front-end/src/app/shared/models/reports/report.model.ts
@@ -46,7 +46,11 @@ export abstract class Report extends BaseModel {
   report_code?: string;
   report_code_label?: string;
 
-  abstract getMenuItems(sidebarSection: ReportSidebarSection, isEditable: boolean): MenuItem[];
+  abstract getMenuItems(
+    sidebarSection: ReportSidebarSection,
+    isEditable: boolean,
+    manualReportVersion: boolean,
+  ): MenuItem[];
   abstract get formLabel(): string;
 
   get canAmend() {
diff --git a/front-end/src/app/shared/services/base-form-3.service.ts b/front-end/src/app/shared/services/base-form-3.service.ts
index 1d933d1612..dc3589dfaa 100644
--- a/front-end/src/app/shared/services/base-form-3.service.ts
+++ b/front-end/src/app/shared/services/base-form-3.service.ts
@@ -62,4 +62,8 @@ export abstract class BaseForm3Service<T extends BaseForm3> extends ReportServic
       'zip',
     ]);
   }
+
+  getTransactionsOutsideCoverage(reportId: string, from: string, through: string) {
+    return this.apiService.get<number>(`/transactions/outside/?report_id=${reportId}&from=${from}&through=${through}`);
+  }
 }
diff --git a/front-end/src/app/shared/utils/unit-test.utils.ts b/front-end/src/app/shared/utils/unit-test.utils.ts
index 91cd93d83b..066ac89cab 100644
--- a/front-end/src/app/shared/utils/unit-test.utils.ts
+++ b/front-end/src/app/shared/utils/unit-test.utils.ts
@@ -27,6 +27,7 @@ import { AggregationGroups, Transaction, TransactionTypes } from '../models/tran
 import { UploadSubmission } from '../models/upload-submission.model';
 import { UserLoginData } from '../models/user.model';
 import { TransactionTypeUtils } from './transaction-type.utils';
+import { FeatureFlags } from 'environments/config/feature-flag.config';
 
 export function testCommitteeAccount(): CommitteeAccount {
   return CommitteeAccount.fromJSON({
@@ -478,3 +479,16 @@ export function testTemplateMap(): TransactionTemplateMapType {
     quinary_zip: 'subordinate_zip',
   };
 }
+
+export function testFeatureFlags(): FeatureFlags {
+  return {
+    showGlossary: false,
+    showForm3: false,
+    showSchedF: false,
+    enableUnassignedTransactions: false,
+    enableImport: false,
+    manualReportVersion: false,
+    userCanSetFilingFrequency: false,
+    showRestoreDeletedContacts: false,
+  };
+}
diff --git a/front-end/src/environments/config/feature-flag.config.ts b/front-end/src/environments/config/feature-flag.config.ts
new file mode 100644
index 0000000000..ad16ab2c92
--- /dev/null
+++ b/front-end/src/environments/config/feature-flag.config.ts
@@ -0,0 +1,18 @@
+import { InjectionToken } from '@angular/core';
+import { environment } from 'environments/environment';
+
+export interface FeatureFlags {
+  showGlossary: boolean;
+  showForm3: boolean;
+  showSchedF: boolean;
+  enableUnassignedTransactions: boolean;
+  enableImport: boolean;
+  manualReportVersion: boolean;
+  userCanSetFilingFrequency: boolean;
+  showRestoreDeletedContacts: boolean;
+}
+
+export const FEATURE_FLAGS = new InjectionToken<FeatureFlags>('FEATURE_FLAGS', {
+  providedIn: 'root',
+  factory: () => ({ ...environment.featureFlags }),
+});
diff --git a/front-end/src/environments/environment.base.ts b/front-end/src/environments/environment.base.ts
index c562585fcd..e0e4d93a04 100644
--- a/front-end/src/environments/environment.base.ts
+++ b/front-end/src/environments/environment.base.ts
@@ -1,17 +1,21 @@
+import type { FeatureFlags } from './config/feature-flag.config';
+
 export const baseEnvironment = {
   production: false,
   appTitle: 'FECfile+',
   ffapiTimeoutCookieName: 'ffapi_timeout',
-  userCanSetFilingFrequency: true,
   disableLogin: false,
   fecSpec: 8.5,
-  showGlossary: false,
-  showForm3: true,
-  showSchedF: true,
-  showAllTransactionsPage: false,
-  showRestoreDeletedContacts: false,
-  enableImport: true,
-  manualReportVersion: true,
+  featureFlags: {
+    showGlossary: false,
+    showForm3: true,
+    showSchedF: true,
+    enableUnassignedTransactions: false,
+    enableImport: true,
+    manualReportVersion: true,
+    userCanSetFilingFrequency: true,
+    showRestoreDeletedContacts: false,
+  } as FeatureFlags,
   whoCanUseLink: 'https://www.fec.gov/efiling/who-can-use-fecfile-plus?dialog=open',
   errorReporting: {
     enabled: true,
@@ -33,6 +37,7 @@ export const createEnvironment = (params: {
   baseUri: string;
   environmentBanner?: 'development' | 'stage' | 'test';
   overrides?: Partial<typeof baseEnvironment>;
+  featureFlags?: Partial<typeof baseEnvironment.featureFlags>;
 }) => {
   const apiUrl = `${params.baseUri}/api/v1`;
   const webForms = params.externalLinks === 'prod' ? 'https://webforms.fec.gov' : 'https://webforms.stage.efo.fec.gov';
@@ -46,5 +51,9 @@ export const createEnvironment = (params: {
     loginDotGovLogoutUrl: `${apiUrl}/oidc/logout`,
     ffapiTimeoutCookieName: `ffapi_timeout_${params.name}`,
     ...params.overrides,
+    featureFlags: {
+      ...baseEnvironment.featureFlags,
+      ...params.featureFlags,
+    },
   };
 };
diff --git a/front-end/src/environments/environment.cloud.gov.dev.ts b/front-end/src/environments/environment.cloud.gov.dev.ts
index 48375f6403..8f1c537275 100644
--- a/front-end/src/environments/environment.cloud.gov.dev.ts
+++ b/front-end/src/environments/environment.cloud.gov.dev.ts
@@ -8,6 +8,8 @@ export const environment = createEnvironment({
   baseUri: 'https://dev-api.fecfile.fec.gov',
   overrides: {
     ffapiTimeoutCookieName: 'ffapi_timeout_dev',
-    showAllTransactionsPage: true,
+  },
+  featureFlags: {
+    enableUnassignedTransactions: true,
   },
 });
diff --git a/front-end/src/environments/environment.cloud.gov.prod.ts b/front-end/src/environments/environment.cloud.gov.prod.ts
index d51a072961..84e803aaba 100644
--- a/front-end/src/environments/environment.cloud.gov.prod.ts
+++ b/front-end/src/environments/environment.cloud.gov.prod.ts
@@ -7,10 +7,7 @@ export const environment = createEnvironment({
   baseUri: 'https://api.fecfile.fec.gov',
   overrides: {
     ffapiTimeoutCookieName: 'ffapi_timeout_prod',
-    showForm3: false,
-    showSchedF: false,
-    enableImport: false,
-    manualReportVersion: false,
+
     errorReporting: {
       ...baseEnvironment.errorReporting,
       sampleRates: {
@@ -19,4 +16,10 @@ export const environment = createEnvironment({
       },
     },
   },
+  featureFlags: {
+    showForm3: false,
+    showSchedF: false,
+    enableImport: false,
+    manualReportVersion: false,
+  },
 });
diff --git a/front-end/src/environments/environment.cloud.gov.stage.ts b/front-end/src/environments/environment.cloud.gov.stage.ts
index 6cc3d051c3..9d6a8906dd 100644
--- a/front-end/src/environments/environment.cloud.gov.stage.ts
+++ b/front-end/src/environments/environment.cloud.gov.stage.ts
@@ -6,7 +6,7 @@ export const environment = createEnvironment({
   environmentBanner: 'stage',
   externalLinks: 'prod',
   baseUri: 'https://stage-api.fecfile.fec.gov',
-  overrides: {
-    showAllTransactionsPage: true,
+  featureFlags: {
+    enableUnassignedTransactions: true,
   },
 });
diff --git a/front-end/src/environments/environment.cloud.gov.test.ts b/front-end/src/environments/environment.cloud.gov.test.ts
index 99dfcc91f5..22b08fd4d1 100644
--- a/front-end/src/environments/environment.cloud.gov.test.ts
+++ b/front-end/src/environments/environment.cloud.gov.test.ts
@@ -7,11 +7,13 @@ export const environment = createEnvironment({
   externalLinks: 'stage',
   baseUri: 'https://test-api.fecfile.fec.gov',
   overrides: {
+    whoCanUseLink:
+      'https://www.fec.gov/help-candidates-and-committees/filing-reports/electronic-filing/create-fecfile-plus-test-committee/',
+  },
+  featureFlags: {
     showForm3: false,
     showSchedF: false,
     enableImport: false,
     manualReportVersion: false,
-    whoCanUseLink:
-      'https://www.fec.gov/help-candidates-and-committees/filing-reports/electronic-filing/create-fecfile-plus-test-committee/',
   },
 });
diff --git a/front-end/src/environments/environment.local.ts b/front-end/src/environments/environment.local.ts
index 40fd5eea7b..0c9616a803 100644
--- a/front-end/src/environments/environment.local.ts
+++ b/front-end/src/environments/environment.local.ts
@@ -6,8 +6,8 @@ export const environment = createEnvironment({
   environmentBanner: undefined,
   externalLinks: 'prod',
   baseUri: 'http://localhost:8080',
-  overrides: {
+  featureFlags: {
     showGlossary: true,
-    showAllTransactionsPage: true,
+    enableUnassignedTransactions: true,
   },
 });
diff --git a/front-end/src/environments/environment.ts b/front-end/src/environments/environment.ts
index 07611c5bbb..473ff3d91b 100644
--- a/front-end/src/environments/environment.ts
+++ b/front-end/src/environments/environment.ts
@@ -5,7 +5,7 @@ export const environment = createEnvironment({
   name: 'local',
   externalLinks: 'prod',
   baseUri: 'http://localhost:8080',
-  overrides: {
+  featureFlags: {
     showGlossary: true,
   },
 });
diff --git a/front-end/src/main.ts b/front-end/src/main.ts
index 6c497e9751..c5b1f0db78 100644
--- a/front-end/src/main.ts
+++ b/front-end/src/main.ts
@@ -178,7 +178,7 @@ bootstrapApplication(AppComponent, {
       inject(FrontendErrorReportingService).initializeGlobalListeners();
     }),
     provideHttpClient(withInterceptorsFromDi()),
-    { provide: USE_DYNAMIC_SIDEBAR, useValue: environment.showGlossary },
+    { provide: USE_DYNAMIC_SIDEBAR, useValue: environment.featureFlags.showGlossary },
     { provide: ErrorHandler, useClass: FrontendGlobalErrorHandlerService },
   ],
 }).catch((err) => console.log(err));