diff --git a/src/app/modules/library/library-project-menu/library-project-menu.component.html b/src/app/modules/library/library-project-menu/library-project-menu.component.html
index 1aea9d88cf7..8d58a75a13f 100644
--- a/src/app/modules/library/library-project-menu/library-project-menu.component.html
+++ b/src/app/modules/library/library-project-menu/library-project-menu.component.html
@@ -3,26 +3,33 @@
 </button>
 <mat-menu #projectMenu="matMenu" xPosition="before">
   <div class="header-account-menu">
-    <ng-container *ngIf="isChild">
+    @if (isChild) {
       <div class="menu-info secondary-text" i18n>Parent ID: {{ project.parentId }}</div>
-      <mat-divider></mat-divider>
-    </ng-container>
+      <mat-divider />
+    }
     <a mat-menu-item (click)="copyProject()">
       <mat-icon>content_copy</mat-icon> <ng-container i18n>Copy</ng-container>
     </a>
-    <a mat-menu-item (click)="editProject()" *ngIf="isCanEdit">
-      <mat-icon>edit</mat-icon> <ng-container i18n>Edit</ng-container>
-    </a>
-    <a mat-menu-item (click)="shareProject()" *ngIf="isCanShare">
-      <mat-icon>share</mat-icon> <ng-container i18n>Share</ng-container>
-    </a>
-    <a mat-menu-item *ngIf="!archived" (click)="archive(true)">
-      <mat-icon>archive</mat-icon>
-      <span i18n>Archive</span>
-    </a>
-    <a mat-menu-item *ngIf="archived" (click)="archive(false)">
-      <mat-icon>unarchive</mat-icon>
-      <span i18n>Restore</span>
-    </a>
+    @if (canEdit) {
+      <a mat-menu-item (click)="editProject()">
+        <mat-icon>edit</mat-icon> <ng-container i18n>Edit</ng-container>
+      </a>
+    }
+    @if (canShare) {
+      <a mat-menu-item (click)="shareProject()">
+        <mat-icon>share</mat-icon> <ng-container i18n>Share</ng-container>
+      </a>
+    }
+    @if (archived) {
+      <a mat-menu-item (click)="archive(false)">
+        <mat-icon>unarchive</mat-icon>
+        <span i18n>Restore</span>
+      </a>
+    } @else {
+      <a mat-menu-item (click)="archive(true)">
+        <mat-icon>archive</mat-icon>
+        <span i18n>Archive</span>
+      </a>
+    }
   </div>
 </mat-menu>
diff --git a/src/app/modules/library/library-project-menu/library-project-menu.component.spec.ts b/src/app/modules/library/library-project-menu/library-project-menu.component.spec.ts
index 5763364c140..eaf95840398 100644
--- a/src/app/modules/library/library-project-menu/library-project-menu.component.spec.ts
+++ b/src/app/modules/library/library-project-menu/library-project-menu.component.spec.ts
@@ -1,81 +1,30 @@
-import { ComponentFixture, fakeAsync, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { LibraryProjectMenuComponent } from './library-project-menu.component';
 import { TeacherService } from '../../../teacher/teacher.service';
 import { Project } from '../../../domain/project';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatMenuModule } from '@angular/material/menu';
 import { UserService } from '../../../services/user.service';
 import { User } from '../../../domain/user';
-import { Observable } from 'rxjs';
-import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ConfigService } from '../../../services/config.service';
 import { ArchiveProjectService } from '../../../services/archive-project.service';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
 import { LibraryProjectMenuHarness } from './library-project-menu.harness';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import { MockProviders } from 'ng-mocks';
 
-export class MockUserService {
-  getUser(): Observable<User[]> {
-    const user: User = new User();
-    user.firstName = 'Demo';
-    user.lastName = 'Teacher';
-    user.roles = ['teacher'];
-    user.username = 'DemoTeacher';
-    user.id = 123456;
-    return Observable.create((observer) => {
-      observer.next(user);
-      observer.complete();
-    });
-  }
-  getUserId(): number {
-    return 123456;
-  }
-}
-
-export class MockTeacherService {
-  getProjectUsage(projectId: number): Observable<number> {
-    return Observable.create((observer) => {
-      observer.next(projectId);
-      observer.complete();
-    });
-  }
-}
-
-export class MockConfigService {
-  getContextPath(): string {
-    return '';
-  }
-}
-
-const archivedTag = { id: 1, text: 'archived', color: null };
 let component: LibraryProjectMenuComponent;
 let fixture: ComponentFixture<LibraryProjectMenuComponent>;
 let harness: LibraryProjectMenuHarness;
-
 describe('LibraryProjectMenuComponent', () => {
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-    declarations: [LibraryProjectMenuComponent],
-    schemas: [NO_ERRORS_SCHEMA],
-    imports: [BrowserAnimationsModule,
-        MatDialogModule,
-        MatMenuModule,
-        MatSnackBarModule],
-    providers: [
-        ArchiveProjectService,
-        { provide: TeacherService, useClass: MockTeacherService },
-        { provide: UserService, useClass: MockUserService },
-        { provide: ConfigService, useClass: MockConfigService },
-        provideHttpClient(withInterceptorsFromDi()),
-        provideHttpClientTesting()
-    ]
-}).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [BrowserAnimationsModule, LibraryProjectMenuComponent],
+      providers: [
+        MockProviders(ArchiveProjectService, ConfigService, TeacherService, UserService),
+        provideHttpClient(withInterceptorsFromDi())
+      ]
+    }).compileComponents();
+  }));
 
   beforeEach(async () => {
     fixture = TestBed.createComponent(LibraryProjectMenuComponent);
@@ -109,7 +58,7 @@ function showsArchiveButton() {
 function showsRestoreButton() {
   describe('project has archived tag', () => {
     beforeEach(() => {
-      component.project.tags = [archivedTag];
+      component.project.tags = [{ id: 1, text: 'archived', color: null }];
       component.ngOnInit();
     });
     it('shows restore button', async () => {
diff --git a/src/app/modules/library/library-project-menu/library-project-menu.component.ts b/src/app/modules/library/library-project-menu/library-project-menu.component.ts
index 4fdc8b04d1c..1e485f1d8a5 100644
--- a/src/app/modules/library/library-project-menu/library-project-menu.component.ts
+++ b/src/app/modules/library/library-project-menu/library-project-menu.component.ts
@@ -7,66 +7,61 @@ import { UserService } from '../../../services/user.service';
 import { ConfigService } from '../../../services/config.service';
 import { EditRunWarningDialogComponent } from '../../../teacher/edit-run-warning-dialog/edit-run-warning-dialog.component';
 import { ArchiveProjectService } from '../../../services/archive-project.service';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatMenuModule } from '@angular/material/menu';
 
 @Component({
-    selector: 'app-library-project-menu',
-    styleUrl: './library-project-menu.component.scss',
-    templateUrl: './library-project-menu.component.html',
-    standalone: false
+  imports: [CommonModule, MatButtonModule, MatDividerModule, MatIconModule, MatMenuModule],
+  selector: 'app-library-project-menu',
+  styleUrl: './library-project-menu.component.scss',
+  templateUrl: './library-project-menu.component.html'
 })
 export class LibraryProjectMenuComponent {
-  @Input()
-  project: Project;
-
-  @Input()
-  isRun: boolean;
-
-  protected archived: boolean = false;
-  editLink: string = '';
-  previewLink: string = '';
-  isCanEdit: boolean = false;
-  isCanShare: boolean = false;
-  isChild: boolean = false;
+  protected archived: boolean;
+  protected canEdit: boolean;
+  protected canShare: boolean;
+  protected isChild: boolean;
+  @Input() isRun: boolean;
+  @Input() project: Project;
 
   constructor(
     private archiveProjectService: ArchiveProjectService,
+    private configService: ConfigService,
     private dialog: MatDialog,
     private teacherService: TeacherService,
-    private userService: UserService,
-    private configService: ConfigService
+    private userService: UserService
   ) {}
 
-  ngOnInit() {
-    this.isCanEdit = this.isOwner() || this.isSharedOwnerWithEditPermission();
-    this.isCanShare = this.isOwner() && !this.isRun;
-    this.editLink = `${this.configService.getContextPath()}/teacher/edit/unit/${this.project.id}`;
+  ngOnInit(): void {
+    this.canEdit = this.isOwner() || this.isSharedOwnerWithEditPermission();
+    this.canShare = this.isOwner() && !this.isRun;
     this.isChild = this.project.isChild();
     this.archived = this.project.hasTagWithText('archived');
   }
 
-  isOwner() {
+  private isOwner(): boolean {
     return this.userService.getUserId() == this.project.owner.id;
   }
 
-  isSharedOwnerWithEditPermission() {
+  private isSharedOwnerWithEditPermission(): boolean {
     const userId = this.userService.getUserId();
-    for (let sharedOwner of this.project.sharedOwners) {
-      if (userId == sharedOwner.id) {
-        return this.hasEditPermission(sharedOwner);
-      }
-    }
-    return false;
+    return this.project.sharedOwners.some(
+      (owner) => owner.id === userId && this.hasEditPermission(owner)
+    );
   }
 
-  hasEditPermission(sharedOwner) {
+  private hasEditPermission(sharedOwner: any): boolean {
     return sharedOwner.permissions.includes(Project.EDIT_PERMISSION);
   }
 
-  copyProject() {
+  protected copyProject(): void {
     this.teacherService.copyProject(this.project, this.dialog);
   }
 
-  editProject() {
+  protected editProject(): void {
     this.teacherService.getProjectLastRun(this.project.id).subscribe((projectRun) => {
       if (projectRun != null) {
         projectRun.project = this.project;
@@ -75,12 +70,12 @@ export class LibraryProjectMenuComponent {
           panelClass: 'dialog-sm'
         });
       } else {
-        window.location.href = this.editLink;
+        window.location.href = `${this.configService.getContextPath()}/teacher/edit/unit/${this.project.id}`;
       }
     });
   }
 
-  shareProject() {
+  protected shareProject(): void {
     this.dialog.open(ShareProjectDialogComponent, {
       data: { project: this.project },
       panelClass: 'dialog-md'
diff --git a/src/app/modules/library/library.module.ts b/src/app/modules/library/library.module.ts
index 6f0f6d62721..d35f1fc3a5c 100644
--- a/src/app/modules/library/library.module.ts
+++ b/src/app/modules/library/library.module.ts
@@ -89,6 +89,7 @@ const materialModules = [
     FlexLayoutModule,
     FormsModule,
     LibraryProjectDisciplinesComponent,
+    LibraryProjectMenuComponent,
     ReactiveFormsModule,
     RouterModule,
     materialModules,
@@ -104,7 +105,6 @@ const materialModules = [
     LibraryGroupThumbsComponent,
     LibraryProjectComponent,
     LibraryProjectDetailsComponent,
-    LibraryProjectMenuComponent,
     LibraryFiltersComponent,
     HomePageProjectLibraryComponent,
     TeacherProjectLibraryComponent,
diff --git a/src/messages.xlf b/src/messages.xlf
index 35cb9b8ebc0..42520ffffb9 100644
--- a/src/messages.xlf
+++ b/src/messages.xlf
@@ -5676,7 +5676,7 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/modules/library/library-project-menu/library-project-menu.component.html</context>
-          <context context-type="linenumber">11,13</context>
+          <context context-type="linenumber">11,14</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/authoringTool/project-authoring/project-authoring.component.html</context>
@@ -5934,7 +5934,7 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
         <source>Edit</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/modules/library/library-project-menu/library-project-menu.component.html</context>
-          <context context-type="linenumber">14,16</context>
+          <context context-type="linenumber">15,19</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/teacher/manage-tags-dialog/manage-tags-dialog.component.html</context>
@@ -5961,41 +5961,41 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
         <source>Share</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/modules/library/library-project-menu/library-project-menu.component.html</context>
-          <context context-type="linenumber">17,19</context>
+          <context context-type="linenumber">20,24</context>
         </context-group>
       </trans-unit>
-      <trans-unit id="1055686627716339120" datatype="html">
-        <source>Archive</source>
+      <trans-unit id="6770769801335635194" datatype="html">
+        <source>Restore</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/modules/library/library-project-menu/library-project-menu.component.html</context>
-          <context context-type="linenumber">21,23</context>
+          <context context-type="linenumber">26,29</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/notebook/notebook-report/notebook-report.component.html</context>
+          <context context-type="linenumber">51,52</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/teacher/archive-projects-button/archive-projects-button.component.html</context>
-          <context context-type="linenumber">6,9</context>
+          <context context-type="linenumber">16,19</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/teacher/run-menu/run-menu.component.html</context>
-          <context context-type="linenumber">34,36</context>
+          <context context-type="linenumber">38,42</context>
         </context-group>
       </trans-unit>
-      <trans-unit id="6770769801335635194" datatype="html">
-        <source>Restore</source>
+      <trans-unit id="1055686627716339120" datatype="html">
+        <source>Archive</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/modules/library/library-project-menu/library-project-menu.component.html</context>
-          <context context-type="linenumber">25,29</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">51,52</context>
+          <context context-type="linenumber">31,36</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/teacher/archive-projects-button/archive-projects-button.component.html</context>
-          <context context-type="linenumber">16,19</context>
+          <context context-type="linenumber">6,9</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/teacher/run-menu/run-menu.component.html</context>
-          <context context-type="linenumber">38,42</context>
+          <context context-type="linenumber">34,36</context>
         </context-group>
       </trans-unit>
       <trans-unit id="1754233995076979868" datatype="html">
@@ -17168,7 +17168,7 @@ Are you ready to receive feedback on this answer?</source>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/summary-display/summary-display.component.ts</context>
-          <context context-type="linenumber">672</context>
+          <context context-type="linenumber">548</context>
         </context-group>
       </trans-unit>
       <trans-unit id="3971614543116674506" datatype="html">
@@ -19359,11 +19359,11 @@ Warning: This will delete all existing choices and buckets in this component.</s
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/summary-display/summary-display.component.ts</context>
-          <context context-type="linenumber">378</context>
+          <context context-type="linenumber">293</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/summary-display/summary-display.component.ts</context>
-          <context context-type="linenumber">480</context>
+          <context context-type="linenumber">356</context>
         </context-group>
       </trans-unit>
       <trans-unit id="2496818939481806999" datatype="html">
@@ -19390,11 +19390,11 @@ Warning: This will delete all existing choices and buckets in this component.</s
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/summary-display/summary-display.component.ts</context>
-          <context context-type="linenumber">378</context>
+          <context context-type="linenumber">293</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/summary-display/summary-display.component.ts</context>
-          <context context-type="linenumber">484</context>
+          <context context-type="linenumber">360</context>
         </context-group>
       </trans-unit>
       <trans-unit id="2722549756198502062" datatype="html">
@@ -21245,56 +21245,56 @@ If this problem continues, let your teacher know and move on to the next activit
         <source>Your Response</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/summary-display/summary-display.component.ts</context>
-          <context context-type="linenumber">509</context>
+          <context context-type="linenumber">385</context>
         </context-group>
       </trans-unit>
       <trans-unit id="610707389788117365" datatype="html">
         <source>Your Score</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/summary-display/summary-display.component.ts</context>
-          <context context-type="linenumber">511</context>
+          <context context-type="linenumber">387</context>
         </context-group>
       </trans-unit>
       <trans-unit id="1159047178964534522" datatype="html">
         <source>Period Responses</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/summary-display/summary-display.component.ts</context>
-          <context context-type="linenumber">518</context>
+          <context context-type="linenumber">394</context>
         </context-group>
       </trans-unit>
       <trans-unit id="6903542619561738551" datatype="html">
         <source>Period Scores</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/summary-display/summary-display.component.ts</context>
-          <context context-type="linenumber">523</context>
+          <context context-type="linenumber">399</context>
         </context-group>
       </trans-unit>
       <trans-unit id="2142002953999044695" datatype="html">
         <source>Class Responses</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/summary-display/summary-display.component.ts</context>
-          <context context-type="linenumber">532</context>
+          <context context-type="linenumber">408</context>
         </context-group>
       </trans-unit>
       <trans-unit id="489297649750722424" datatype="html">
         <source>Class Scores</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/summary-display/summary-display.component.ts</context>
-          <context context-type="linenumber">537</context>
+          <context context-type="linenumber">413</context>
         </context-group>
       </trans-unit>
       <trans-unit id="4270887249744454870" datatype="html">
         <source><x id="PH" equiv-text="this.percentResponded"/>% Responded (<x id="PH_1" equiv-text="this.numResponses"/>/<x id="PH_2" equiv-text="this.totalWorkgroups"/>)</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/summary-display/summary-display.component.ts</context>
-          <context context-type="linenumber">548</context>
+          <context context-type="linenumber">424</context>
         </context-group>
       </trans-unit>
       <trans-unit id="866753876041645935" datatype="html">
         <source>The student will see a graph of their individual data here.</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/teacher-summary-display/teacher-summary-display.component.ts</context>
-          <context context-type="linenumber">50</context>
+          <context context-type="linenumber">46</context>
         </context-group>
       </trans-unit>
       <trans-unit id="2342996167134572689" datatype="html">