From 8137f041f2583d43cad83c60ab32185bd7c50110 Mon Sep 17 00:00:00 2001
From: NazarMykhalkevych <nmykhalkevych@exoft.net>
Date: Wed, 13 Aug 2025 11:03:48 +0300
Subject: [PATCH 1/7] feat(newbranch): test push

---
 .../files-control/files-control.component.ts        | 13 ++++++++-----
 .../registry-files/registry-files.component.ts      |  3 ++-
 src/app/shared/services/files.service.ts            | 10 ++++++++++
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/app/features/registries/components/files-control/files-control.component.ts b/src/app/features/registries/components/files-control/files-control.component.ts
index 978662dfc..587aefbe8 100644
--- a/src/app/features/registries/components/files-control/files-control.component.ts
+++ b/src/app/features/registries/components/files-control/files-control.component.ts
@@ -15,7 +15,6 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
 import { CreateFolderDialogComponent } from '@osf/features/project/files/components';
-import { approveFile } from '@osf/features/project/files/utils';
 import { FilesTreeComponent, LoadingSpinnerComponent } from '@osf/shared/components';
 import { FilesTreeActions, OsfFile } from '@osf/shared/models';
 import { FilesService } from '@osf/shared/services';
@@ -172,10 +171,14 @@ export class FilesControlComponent {
 
         if (event.type === HttpEventType.Response) {
           if (event.body) {
-            const fileId = event?.body?.data.id;
-            const branchedFromId = this.projectId();
-            if (fileId && branchedFromId) {
-              approveFile(fileId, branchedFromId);
+            const fileId = event?.body?.data?.id?.split('/').pop();
+            if (fileId) {
+              this.filesService
+                .getFileGuid(fileId)
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe((file) => {
+                  this.selectFile(file);
+                });
             }
           }
         }
diff --git a/src/app/features/registry/pages/registry-files/registry-files.component.ts b/src/app/features/registry/pages/registry-files/registry-files.component.ts
index a4bf463d2..37c778d10 100644
--- a/src/app/features/registry/pages/registry-files/registry-files.component.ts
+++ b/src/app/features/registry/pages/registry-files/registry-files.component.ts
@@ -13,6 +13,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormControl } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 
+import { FileProvider } from '@osf/features/project/files/models';
 import {
   FilesTreeComponent,
   FormSelectComponent,
@@ -83,7 +84,7 @@ export class RegistryFilesComponent {
   protected dataLoaded = signal(false);
 
   protected readonly sortOptions = ALL_SORT_OPTIONS;
-  protected readonly provider = 'osfstorage';
+  protected readonly provider = FileProvider.OsfStorage;
 
   constructor() {
     this.route.parent?.params.subscribe((params) => {
diff --git a/src/app/shared/services/files.service.ts b/src/app/shared/services/files.service.ts
index 7f99e58b9..1e961e766 100644
--- a/src/app/shared/services/files.service.ts
+++ b/src/app/shared/services/files.service.ts
@@ -154,6 +154,16 @@ export class FilesService {
       .pipe(map((response) => MapFile(response.data)));
   }
 
+  getFileGuid(id: string): Observable<OsfFile> {
+    const params = {
+      create_guid: 'true',
+    };
+
+    return this.jsonApiService
+      .get<GetFileResponse>(`${environment.apiUrl}/files/${id}`, params)
+      .pipe(map((response) => MapFile(response.data)));
+  }
+
   getFileById(fileGuid: string): Observable<OsfFile> {
     return this.jsonApiService
       .get<GetFileResponse>(`${environment.apiUrl}/files/${fileGuid}/`)

From cd0bf5ac6291793418c36f412bbaf0c590544239 Mon Sep 17 00:00:00 2001
From: NazarMykhalkevych <nmykhalkevych@exoft.net>
Date: Thu, 14 Aug 2025 14:40:57 +0300
Subject: [PATCH 2/7] fix(file): add quid for file

---
 .../project-files/project-files.component.ts  |  7 +++--
 .../files/utils/approve-file.helper.ts        | 15 ----------
 src/app/features/project/files/utils/index.ts |  1 -
 .../custom-step/custom-step.component.ts      | 28 +++++++++++++++----
 .../files-tree/files-tree.component.ts        |  8 +++++-
 src/app/shared/mappers/index.ts               |  1 +
 src/app/shared/services/files.service.ts      |  3 +-
 src/assets/styles/overrides/tree.scss         |  3 +-
 8 files changed, 37 insertions(+), 29 deletions(-)
 delete mode 100644 src/app/features/project/files/utils/approve-file.helper.ts
 delete mode 100644 src/app/features/project/files/utils/index.ts

diff --git a/src/app/features/project/files/pages/project-files/project-files.component.ts b/src/app/features/project/files/pages/project-files/project-files.component.ts
index 01463158c..23cb70d45 100644
--- a/src/app/features/project/files/pages/project-files/project-files.component.ts
+++ b/src/app/features/project/files/pages/project-files/project-files.component.ts
@@ -44,7 +44,6 @@ import {
   SetSearch,
   SetSort,
 } from '@osf/features/project/files/store';
-import { approveFile } from '@osf/features/project/files/utils';
 import { GetProjectById, ProjectOverviewSelectors } from '@osf/features/project/overview/store';
 import { ALL_SORT_OPTIONS } from '@osf/shared/constants';
 import {
@@ -246,8 +245,10 @@ export class ProjectFilesComponent {
 
         if (event.type === HttpEventType.Response) {
           if (event.body) {
-            const fileId = event?.body?.data.id;
-            approveFile(fileId, this.projectId());
+            const fileId = event?.body?.data?.id?.split('/').pop();
+            if (fileId) {
+              this.filesService.getFileGuid(fileId).pipe(takeUntilDestroyed(this.destroyRef)).subscribe();
+            }
           }
         }
       });
diff --git a/src/app/features/project/files/utils/approve-file.helper.ts b/src/app/features/project/files/utils/approve-file.helper.ts
deleted file mode 100644
index 87af40df6..000000000
--- a/src/app/features/project/files/utils/approve-file.helper.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { environment } from 'src/environments/environment';
-
-export function approveFile(fileId: string, projectId: string): void {
-  const link = `${environment.apiUrlV1}/${projectId}/files/${fileId}/`;
-
-  const iframe = document.createElement('iframe');
-  iframe.style.display = 'none';
-  iframe.src = link;
-
-  iframe.onload = () => {
-    setTimeout(() => iframe.remove(), 3000);
-  };
-
-  document.body.appendChild(iframe);
-}
diff --git a/src/app/features/project/files/utils/index.ts b/src/app/features/project/files/utils/index.ts
deleted file mode 100644
index 22377b7a2..000000000
--- a/src/app/features/project/files/utils/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './approve-file.helper';
diff --git a/src/app/features/registries/components/custom-step/custom-step.component.ts b/src/app/features/registries/components/custom-step/custom-step.component.ts
index fcc1aeb05..47fbf4669 100644
--- a/src/app/features/registries/components/custom-step/custom-step.component.ts
+++ b/src/app/features/registries/components/custom-step/custom-step.component.ts
@@ -96,7 +96,7 @@ export class CustomStepComponent implements OnDestroy {
 
   stepForm!: FormGroup;
 
-  attachedFiles: Record<string, Partial<OsfFile>[]> = {};
+  attachedFiles: Record<string, Partial<OsfFile & { file_id: string }>[]> = {};
 
   constructor() {
     this.route.params.pipe(takeUntilDestroyed()).subscribe((params) => {
@@ -181,7 +181,7 @@ export class CustomStepComponent implements OnDestroy {
 
   onAttachFile(file: OsfFile, questionKey: string): void {
     this.attachedFiles[questionKey] = this.attachedFiles[questionKey] || [];
-    if (!this.attachedFiles[questionKey].some((f) => f.id === file.id)) {
+    if (!this.attachedFiles[questionKey].some((f) => f.file_id === file.id)) {
       this.attachedFiles[questionKey].push(file);
       this.stepForm.patchValue({
         [questionKey]: [...(this.attachedFiles[questionKey] || []), file],
@@ -189,20 +189,36 @@ export class CustomStepComponent implements OnDestroy {
       const otherFormValues = { ...this.stepForm.value };
       delete otherFormValues[questionKey];
       this.updateAction.emit({
-        [questionKey]: [...this.attachedFiles[questionKey].map((f) => FilesMapper.toFilePayload(f as OsfFile))],
+        [questionKey]: [
+          ...this.attachedFiles[questionKey].map((f) => {
+            if (f.file_id) {
+              const { name, ...payload } = f;
+              return payload;
+            }
+            return FilesMapper.toFilePayload(f as OsfFile);
+          }),
+        ],
         ...otherFormValues,
       });
     }
   }
 
-  removeFromAttachedFiles(file: Partial<OsfFile>, questionKey: string): void {
+  removeFromAttachedFiles(file: Partial<OsfFile & { file_id: string }>, questionKey: string): void {
     if (this.attachedFiles[questionKey]) {
-      this.attachedFiles[questionKey] = this.attachedFiles[questionKey].filter((f) => f.id !== file.id);
+      this.attachedFiles[questionKey] = this.attachedFiles[questionKey].filter((f) => f.file_id !== file.file_id);
       this.stepForm.patchValue({
         [questionKey]: this.attachedFiles[questionKey],
       });
       this.updateAction.emit({
-        [questionKey]: [...this.attachedFiles[questionKey].map((f) => FilesMapper.toFilePayload(f as OsfFile))],
+        [questionKey]: [
+          ...this.attachedFiles[questionKey].map((f) => {
+            if (f.file_id) {
+              const { name, ...payload } = f;
+              return payload;
+            }
+            return FilesMapper.toFilePayload(f as OsfFile);
+          }),
+        ],
       });
     }
   }
diff --git a/src/app/shared/components/files-tree/files-tree.component.ts b/src/app/shared/components/files-tree/files-tree.component.ts
index a27ce8fdc..526546184 100644
--- a/src/app/shared/components/files-tree/files-tree.component.ts
+++ b/src/app/shared/components/files-tree/files-tree.component.ts
@@ -149,7 +149,13 @@ export class FilesTreeComponent implements OnDestroy, AfterViewInit {
 
   openEntry(file: OsfFile) {
     if (file.kind === 'file') {
-      this.entryFileClicked.emit(file);
+      if (!file.guid) {
+        this.filesService.getFileGuid(file.id).subscribe((file) => {
+          this.entryFileClicked.emit(file);
+        });
+      } else {
+        this.entryFileClicked.emit(file);
+      }
     } else {
       this.actions().setFilesIsLoading?.(true);
       this.folderIsOpening.emit(true);
diff --git a/src/app/shared/mappers/index.ts b/src/app/shared/mappers/index.ts
index 3eb5cee81..fcc201706 100644
--- a/src/app/shared/mappers/index.ts
+++ b/src/app/shared/mappers/index.ts
@@ -3,6 +3,7 @@ export * from './citations.mapper';
 export * from './collections';
 export * from './components';
 export * from './contributors';
+export * from './files/files.mapper';
 export * from './filters';
 export * from './institutions';
 export * from './licenses.mapper';
diff --git a/src/app/shared/services/files.service.ts b/src/app/shared/services/files.service.ts
index 1e961e766..66cffc62a 100644
--- a/src/app/shared/services/files.service.ts
+++ b/src/app/shared/services/files.service.ts
@@ -160,7 +160,7 @@ export class FilesService {
     };
 
     return this.jsonApiService
-      .get<GetFileResponse>(`${environment.apiUrl}/files/${id}`, params)
+      .get<GetFileResponse>(`${environment.apiUrl}/files/${id}/`, params)
       .pipe(map((response) => MapFile(response.data)));
   }
 
@@ -190,7 +190,6 @@ export class FilesService {
   getProjectShortInfo(resourceId: string): Observable<GetProjectShortInfoResponse> {
     const params = {
       'fields[nodes]': 'title,description,date_created,date_modified',
-      embed: 'bibliographic_contributors',
     };
     return this.jsonApiService.get<GetProjectShortInfoResponse>(`${environment.apiUrl}/nodes/${resourceId}/`, params);
   }
diff --git a/src/assets/styles/overrides/tree.scss b/src/assets/styles/overrides/tree.scss
index c8edbddf1..60b70baff 100644
--- a/src/assets/styles/overrides/tree.scss
+++ b/src/assets/styles/overrides/tree.scss
@@ -35,7 +35,8 @@
     }
 
     .p-tree-root {
-      overflow: hidden;
+      overflow: auto;
+      min-height: 180px;
     }
 
     .p-tree-node-content {

From b989003ea37c819160a410c1d12383545a5640e9 Mon Sep 17 00:00:00 2001
From: NazarMykhalkevych <nmykhalkevych@exoft.net>
Date: Mon, 18 Aug 2025 09:49:25 +0300
Subject: [PATCH 3/7] fix(files): add file link component, refactoring

---
 src/app/app.routes.ts                         |   5 +
 .../core/constants/ngxs-states.constant.ts    |   2 +
 .../edit-file-metadata-dialog.component.html  |  56 +++++
 .../edit-file-metadata-dialog.component.scss  |   0
 ...dit-file-metadata-dialog.component.spec.ts |  22 ++
 .../edit-file-metadata-dialog.component.ts    |  69 ++++++
 .../file-keywords.component.html              |  24 ++
 .../file-keywords.component.scss              |   0
 .../file-keywords.component.spec.ts           |  22 ++
 .../file-keywords/file-keywords.component.ts  |  64 ++++++
 .../file-metadata.component.html              |  33 +++
 .../file-metadata.component.scss              |   0
 .../file-metadata.component.spec.ts           |  22 ++
 .../file-metadata/file-metadata.component.ts  |  70 ++++++
 .../file-revisions.component.html             |  60 +++++
 .../file-revisions.component.scss             |   0
 .../file-revisions.component.spec.ts          |  22 ++
 .../file-revisions.component.ts               |  52 +++++
 src/app/features/files/components/index.ts    |   4 +
 .../constants/default-state.constants.ts      |  61 +++++
 .../file-metadata-fields.constants.ts         |   8 +
 .../constants/file-provider.constants.ts      |   9 +
 src/app/features/files/constants/index.ts     |   3 +
 .../files/enums/file-detail-tab.enum.ts       |   5 +
 src/app/features/files/enums/index.ts         |   1 +
 .../mappers/file-custom-metadata.mapper.ts    |  12 +
 .../files/mappers/file-revision.mapper.ts     |  12 +
 src/app/features/files/mappers/index.ts       |   4 +
 .../files/mappers/resource-metadata.mapper.ts |  26 +++
 .../models/file-custom-metadata.model.ts      |   7 +
 .../files/models/file-revisions.model.ts      |   9 +
 .../files/models/file-target.model.ts         |  21 ++
 .../models/files-metadata-fields.model.ts     |   6 +
 ...resource-custom-metadata-response.model.ts |  29 +++
 .../get-resource-short-info-response.model.ts |  16 ++
 src/app/features/files/models/index.ts        |   5 +
 .../files/models/patch-file-metadata.model.ts |   6 +
 .../file-detail/file-detail.component.html    |   2 +-
 .../file-detail/file-detail.component.scss    |   0
 .../file-detail/file-detail.component.spec.ts |   0
 .../file-detail/file-detail.component.ts      |  92 ++++----
 src/app/features/files/store/files.actions.ts |  84 +++++++
 src/app/features/files/store/files.model.ts   |  24 ++
 .../features/files/store/files.selectors.ts   | 125 ++++++++++
 src/app/features/files/store/files.state.ts   | 216 ++++++++++++++++++
 src/app/features/files/store/index.ts         |   3 +
 .../project/files/components/index.ts         |   1 -
 .../models/osf-models/file-target.model.ts    |   2 +
 .../project/files/project-files.routes.ts     |   4 +-
 .../files/store/project-files.state.ts        |   6 +-
 .../file-link/file-link.component.html        |  14 ++
 .../file-link/file-link.component.scss        |   0
 .../file-link/file-link.component.spec.ts     |  22 ++
 .../file-link/file-link.component.ts          |  46 ++++
 .../files-tree/files-tree.component.ts        |   6 +-
 src/app/shared/components/index.ts            |   1 +
 .../registration-blocks-data.component.html   |   2 +-
 .../registration-blocks-data.component.ts     |   4 +-
 src/app/shared/mappers/files/files.mapper.ts  |   2 +
 src/app/shared/models/index.ts                |   1 +
 .../shared/models/resource-metadata.model.ts  |  16 ++
 src/app/shared/services/files.service.ts      |  19 +-
 62 files changed, 1391 insertions(+), 68 deletions(-)
 create mode 100644 src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.html
 create mode 100644 src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.scss
 create mode 100644 src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.spec.ts
 create mode 100644 src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.ts
 create mode 100644 src/app/features/files/components/file-keywords/file-keywords.component.html
 create mode 100644 src/app/features/files/components/file-keywords/file-keywords.component.scss
 create mode 100644 src/app/features/files/components/file-keywords/file-keywords.component.spec.ts
 create mode 100644 src/app/features/files/components/file-keywords/file-keywords.component.ts
 create mode 100644 src/app/features/files/components/file-metadata/file-metadata.component.html
 create mode 100644 src/app/features/files/components/file-metadata/file-metadata.component.scss
 create mode 100644 src/app/features/files/components/file-metadata/file-metadata.component.spec.ts
 create mode 100644 src/app/features/files/components/file-metadata/file-metadata.component.ts
 create mode 100644 src/app/features/files/components/file-revisions/file-revisions.component.html
 create mode 100644 src/app/features/files/components/file-revisions/file-revisions.component.scss
 create mode 100644 src/app/features/files/components/file-revisions/file-revisions.component.spec.ts
 create mode 100644 src/app/features/files/components/file-revisions/file-revisions.component.ts
 create mode 100644 src/app/features/files/components/index.ts
 create mode 100644 src/app/features/files/constants/default-state.constants.ts
 create mode 100644 src/app/features/files/constants/file-metadata-fields.constants.ts
 create mode 100644 src/app/features/files/constants/file-provider.constants.ts
 create mode 100644 src/app/features/files/constants/index.ts
 create mode 100644 src/app/features/files/enums/file-detail-tab.enum.ts
 create mode 100644 src/app/features/files/enums/index.ts
 create mode 100644 src/app/features/files/mappers/file-custom-metadata.mapper.ts
 create mode 100644 src/app/features/files/mappers/file-revision.mapper.ts
 create mode 100644 src/app/features/files/mappers/index.ts
 create mode 100644 src/app/features/files/mappers/resource-metadata.mapper.ts
 create mode 100644 src/app/features/files/models/file-custom-metadata.model.ts
 create mode 100644 src/app/features/files/models/file-revisions.model.ts
 create mode 100644 src/app/features/files/models/file-target.model.ts
 create mode 100644 src/app/features/files/models/files-metadata-fields.model.ts
 create mode 100644 src/app/features/files/models/get-resource-custom-metadata-response.model.ts
 create mode 100644 src/app/features/files/models/get-resource-short-info-response.model.ts
 create mode 100644 src/app/features/files/models/index.ts
 create mode 100644 src/app/features/files/models/patch-file-metadata.model.ts
 rename src/app/features/{project => }/files/pages/file-detail/file-detail.component.html (97%)
 rename src/app/features/{project => }/files/pages/file-detail/file-detail.component.scss (100%)
 rename src/app/features/{project => }/files/pages/file-detail/file-detail.component.spec.ts (100%)
 rename src/app/features/{project => }/files/pages/file-detail/file-detail.component.ts (72%)
 create mode 100644 src/app/features/files/store/files.actions.ts
 create mode 100644 src/app/features/files/store/files.model.ts
 create mode 100644 src/app/features/files/store/files.selectors.ts
 create mode 100644 src/app/features/files/store/files.state.ts
 create mode 100644 src/app/features/files/store/index.ts
 create mode 100644 src/app/shared/components/file-link/file-link.component.html
 create mode 100644 src/app/shared/components/file-link/file-link.component.scss
 create mode 100644 src/app/shared/components/file-link/file-link.component.spec.ts
 create mode 100644 src/app/shared/components/file-link/file-link.component.ts
 create mode 100644 src/app/shared/models/resource-metadata.model.ts

diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 6f8e34e0f..35d77fc43 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -172,6 +172,11 @@ export const routes: Routes = [
           import('./core/components/request-access/request-access.component').then((mod) => mod.RequestAccessComponent),
         data: { skipBreadcrumbs: true },
       },
+      {
+        path: 'files/:fileGuid',
+        loadComponent: () =>
+          import('@osf/features/files/pages/file-detail/file-detail.component').then((c) => c.FileDetailComponent),
+      },
       {
         path: '**',
         loadComponent: () =>
diff --git a/src/app/core/constants/ngxs-states.constant.ts b/src/app/core/constants/ngxs-states.constant.ts
index de53c3aee..800a31029 100644
--- a/src/app/core/constants/ngxs-states.constant.ts
+++ b/src/app/core/constants/ngxs-states.constant.ts
@@ -1,6 +1,7 @@
 import { ProviderState } from '@core/store/provider';
 import { UserState } from '@core/store/user';
 import { AuthState } from '@osf/features/auth/store';
+import { FilesState } from '@osf/features/files/store';
 import { MeetingsState } from '@osf/features/meetings/store';
 import { ProjectMetadataState } from '@osf/features/project/metadata/store';
 import { ProjectOverviewState } from '@osf/features/project/overview/store';
@@ -30,4 +31,5 @@ export const STATES = [
   ProjectMetadataState,
   LicensesState,
   RegionsState,
+  FilesState,
 ];
diff --git a/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.html b/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.html
new file mode 100644
index 000000000..9abef56b5
--- /dev/null
+++ b/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.html
@@ -0,0 +1,56 @@
+<form [formGroup]="fileMetadataForm" (ngSubmit)="setFileMetadata()" class="flex flex-column gap-3">
+  <div class="flex flex-column gap-1">
+    <p>{{ 'project.files.detail.fileMetadata.fields.title' | translate }}</p>
+    <input pInputText id="title" [formControl]="titleControl" />
+  </div>
+
+  <div class="flex flex-column gap-1">
+    <p>{{ 'project.files.detail.fileMetadata.fields.description' | translate }}</p>
+    <input pInputText id="description" [formControl]="descriptionControl" />
+  </div>
+
+  <div class="flex flex-column gap-1">
+    <p>{{ 'project.files.detail.fileMetadata.fields.resourceType' | translate }}</p>
+    <p-select
+      class="w-full"
+      [options]="resourceTypes"
+      optionValue="value"
+      optionLabel="value"
+      appendTo="body"
+      [formControl]="resourceTypeControl"
+      [showClear]="true"
+    ></p-select>
+  </div>
+
+  <div class="flex flex-column gap-1">
+    <p>{{ 'project.files.detail.fileMetadata.fields.resourceLanguage' | translate }}</p>
+    <p-select
+      class="w-full"
+      [options]="languages"
+      optionValue="code"
+      optionLabel="name"
+      [formControl]="resourceLanguageControl"
+      [filter]="true"
+      filterBy="name"
+      [showClear]="true"
+      [virtualScroll]="true"
+      [virtualScrollItemSize]="35"
+    ></p-select>
+  </div>
+
+  <div class="flex btn-full-width gap-2 mt-4">
+    <p-button
+      [label]="'common.buttons.cancel' | translate"
+      severity="info"
+      class="w-full"
+      (click)="cancel()"
+      type="button"
+    />
+    <p-button
+      [label]="'common.buttons.save' | translate"
+      class="w-full"
+      type="submit"
+      [disabled]="!fileMetadataForm.valid"
+    />
+  </div>
+</form>
diff --git a/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.scss b/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.spec.ts b/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.spec.ts
new file mode 100644
index 000000000..301630a95
--- /dev/null
+++ b/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EditFileMetadataDialogComponent } from './edit-file-metadata-dialog.component';
+
+describe('EditFileMetadataDialogComponent', () => {
+  let component: EditFileMetadataDialogComponent;
+  let fixture: ComponentFixture<EditFileMetadataDialogComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [EditFileMetadataDialogComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(EditFileMetadataDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.ts b/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.ts
new file mode 100644
index 000000000..03d360374
--- /dev/null
+++ b/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.ts
@@ -0,0 +1,69 @@
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { DynamicDialogRef } from 'primeng/dynamicdialog';
+import { InputText } from 'primeng/inputtext';
+import { Select } from 'primeng/select';
+
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
+
+import { resourceLanguages, resourceTypes } from '@osf/shared/constants';
+
+import { PatchFileMetadata } from '../../models';
+
+@Component({
+  selector: 'osf-edit-file-metadata-dialog',
+  imports: [Button, InputText, Select, ReactiveFormsModule, TranslatePipe],
+  templateUrl: './edit-file-metadata-dialog.component.html',
+  styleUrl: './edit-file-metadata-dialog.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class EditFileMetadataDialogComponent {
+  protected readonly resourceTypes = resourceTypes;
+  protected readonly languages = resourceLanguages;
+
+  private readonly dialogRef = inject(DynamicDialogRef);
+
+  fileMetadataForm = new FormGroup({
+    title: new FormControl<string | null>(null),
+    description: new FormControl<string | null>(null),
+    resourceType: new FormControl<string | null>(null),
+    resourceLanguage: new FormControl<string | null>(null),
+  });
+
+  get titleControl(): FormControl<string | null> {
+    return this.fileMetadataForm.get('title') as FormControl<string | null>;
+  }
+
+  get descriptionControl(): FormControl<string | null> {
+    return this.fileMetadataForm.get('description') as FormControl<string | null>;
+  }
+
+  get resourceTypeControl(): FormControl<string | null> {
+    return this.fileMetadataForm.get('resourceType') as FormControl<string | null>;
+  }
+
+  get resourceLanguageControl(): FormControl<string | null> {
+    return this.fileMetadataForm.get('resourceLanguage') as FormControl<string | null>;
+  }
+
+  setFileMetadata() {
+    if (this.fileMetadataForm.invalid) {
+      return;
+    }
+
+    const formValues: PatchFileMetadata = {
+      title: this.fileMetadataForm.get('title')?.value ?? null,
+      description: this.fileMetadataForm.get('description')?.value ?? null,
+      resource_type_general: this.fileMetadataForm.get('resourceType')?.value ?? null,
+      language: this.fileMetadataForm.get('resourceLanguage')?.value ?? null,
+    };
+
+    this.dialogRef.close(formValues);
+  }
+
+  cancel() {
+    this.dialogRef.close();
+  }
+}
diff --git a/src/app/features/files/components/file-keywords/file-keywords.component.html b/src/app/features/files/components/file-keywords/file-keywords.component.html
new file mode 100644
index 000000000..2b1bc0d9c
--- /dev/null
+++ b/src/app/features/files/components/file-keywords/file-keywords.component.html
@@ -0,0 +1,24 @@
+<div class="p-4 flex flex-column gap-2">
+  <h2>{{ 'project.files.detail.keywords.title' | translate }}</h2>
+
+  <div class="flex align-items-center gap-2">
+    <input pInputText class="flex-1" [formControl]="keywordControl" />
+
+    <p-button
+      [label]="'common.buttons.add' | translate"
+      (click)="addTag()"
+      [disabled]="isTagsLoading() || keywordControl.invalid"
+    >
+    </p-button>
+  </div>
+
+  @if (!isTagsLoading()) {
+    <div class="flex flex-wrap gap-1">
+      @for (tag of tags(); track $index) {
+        <p-chip [label]="tag" removeIcon="fas fa-close" removable (onRemove)="deleteTag(tag)"></p-chip>
+      }
+    </div>
+  } @else {
+    <p-skeleton width="100%" height="2rem" />
+  }
+</div>
diff --git a/src/app/features/files/components/file-keywords/file-keywords.component.scss b/src/app/features/files/components/file-keywords/file-keywords.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/features/files/components/file-keywords/file-keywords.component.spec.ts b/src/app/features/files/components/file-keywords/file-keywords.component.spec.ts
new file mode 100644
index 000000000..aeb0114a5
--- /dev/null
+++ b/src/app/features/files/components/file-keywords/file-keywords.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FileKeywordsComponent } from './file-keywords.component';
+
+describe('FileKeywordsComponent', () => {
+  let component: FileKeywordsComponent;
+  let fixture: ComponentFixture<FileKeywordsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FileKeywordsComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FileKeywordsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/files/components/file-keywords/file-keywords.component.ts b/src/app/features/files/components/file-keywords/file-keywords.component.ts
new file mode 100644
index 000000000..02fc592b8
--- /dev/null
+++ b/src/app/features/files/components/file-keywords/file-keywords.component.ts
@@ -0,0 +1,64 @@
+import { createDispatchMap, select } from '@ngxs/store';
+
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { Chip } from 'primeng/chip';
+import { InputText } from 'primeng/inputtext';
+import { Skeleton } from 'primeng/skeleton';
+
+import { ChangeDetectionStrategy, Component, DestroyRef, inject } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FormControl, ReactiveFormsModule, Validators } from '@angular/forms';
+
+import { InputLimits } from '@shared/constants';
+import { CustomValidators } from '@shared/utils';
+
+import { FilesSelectors, UpdateTags } from '../../store';
+
+@Component({
+  selector: 'osf-file-keywords',
+  imports: [Button, Chip, Skeleton, InputText, ReactiveFormsModule, TranslatePipe],
+  templateUrl: './file-keywords.component.html',
+  styleUrls: ['./file-keywords.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class FileKeywordsComponent {
+  private readonly actions = createDispatchMap({ updateTags: UpdateTags });
+  private readonly destroyRef = inject(DestroyRef);
+
+  readonly tags = select(FilesSelectors.getFileTags);
+  readonly isTagsLoading = select(FilesSelectors.isFileTagsLoading);
+  readonly file = select(FilesSelectors.getOpenedFile);
+
+  keywordControl = new FormControl('', {
+    nonNullable: true,
+    validators: [CustomValidators.requiredTrimmed(), Validators.maxLength(InputLimits.name.maxLength)],
+  });
+
+  addTag(): void {
+    const fileGuid = this.file()?.guid;
+
+    if (this.keywordControl.value && fileGuid) {
+      const updatedTags = [...this.tags(), this.keywordControl.value!];
+      this.updateTags(updatedTags, fileGuid);
+    }
+  }
+
+  deleteTag(value: string): void {
+    const fileGuid = this.file()?.guid;
+
+    if (fileGuid) {
+      const updatedTags = [...this.tags()];
+      updatedTags.splice(updatedTags.indexOf(value), 1);
+      this.updateTags(updatedTags, fileGuid);
+    }
+  }
+
+  private updateTags(updatedTags: string[], fileGuid: string) {
+    this.actions
+      .updateTags(updatedTags, fileGuid)
+      .pipe(takeUntilDestroyed(this.destroyRef))
+      .subscribe(() => this.keywordControl.reset());
+  }
+}
diff --git a/src/app/features/files/components/file-metadata/file-metadata.component.html b/src/app/features/files/components/file-metadata/file-metadata.component.html
new file mode 100644
index 000000000..926738703
--- /dev/null
+++ b/src/app/features/files/components/file-metadata/file-metadata.component.html
@@ -0,0 +1,33 @@
+<div class="p-4 flex flex-column gap-3">
+  <div class="flex justify-content-between">
+    <h2>{{ 'project.files.detail.fileMetadata.title' | translate }}</h2>
+
+    <div class="flex gap-2">
+      <p-button severity="secondary" (click)="downloadFileMetadata()">
+        <i class="fas fa-download p-1"></i>
+      </p-button>
+
+      <p-button
+        severity="secondary"
+        (click)="openEditFileMetadataDialog()"
+        [label]="'project.files.detail.fileMetadata.edit' | translate"
+      ></p-button>
+    </div>
+  </div>
+
+  @if (isLoading()) {
+    <p-skeleton width="100%" height="4rem" />
+    <p-skeleton width="100%" height="4rem" />
+    <p-skeleton width="100%" height="4rem" />
+    <p-skeleton width="100%" height="4rem" />
+  } @else {
+    @for (field of metadataFields; track field.key) {
+      @if (fileMetadata()?.[field.key]) {
+        <div class="flex flex-column gap-2">
+          <h4>{{ field.label | translate }}</h4>
+          <p>{{ fileMetadata()?.[field.key] }}</p>
+        </div>
+      }
+    }
+  }
+</div>
diff --git a/src/app/features/files/components/file-metadata/file-metadata.component.scss b/src/app/features/files/components/file-metadata/file-metadata.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/features/files/components/file-metadata/file-metadata.component.spec.ts b/src/app/features/files/components/file-metadata/file-metadata.component.spec.ts
new file mode 100644
index 000000000..c2f41a862
--- /dev/null
+++ b/src/app/features/files/components/file-metadata/file-metadata.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FileMetadataComponent } from './file-metadata.component';
+
+describe('FileMetadataComponent', () => {
+  let component: FileMetadataComponent;
+  let fixture: ComponentFixture<FileMetadataComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FileMetadataComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FileMetadataComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/files/components/file-metadata/file-metadata.component.ts b/src/app/features/files/components/file-metadata/file-metadata.component.ts
new file mode 100644
index 000000000..9c1a8a18b
--- /dev/null
+++ b/src/app/features/files/components/file-metadata/file-metadata.component.ts
@@ -0,0 +1,70 @@
+import { createDispatchMap, select } from '@ngxs/store';
+
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { DialogService } from 'primeng/dynamicdialog';
+import { Skeleton } from 'primeng/skeleton';
+
+import { filter, map, of } from 'rxjs';
+
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { ActivatedRoute } from '@angular/router';
+
+import { FileMetadataFields } from '../../constants';
+import { PatchFileMetadata } from '../../models';
+import { FilesSelectors, SetFileMetadata } from '../../store';
+import { EditFileMetadataDialogComponent } from '../edit-file-metadata-dialog/edit-file-metadata-dialog.component';
+
+import { environment } from 'src/environments/environment';
+
+@Component({
+  selector: 'osf-file-metadata',
+  imports: [Button, Skeleton, TranslatePipe],
+  templateUrl: './file-metadata.component.html',
+  styleUrl: './file-metadata.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  providers: [DialogService],
+})
+export class FileMetadataComponent {
+  private readonly actions = createDispatchMap({ setFileMetadata: SetFileMetadata });
+  private readonly route = inject(ActivatedRoute);
+  private readonly dialogService = inject(DialogService);
+  private readonly translateService = inject(TranslateService);
+
+  fileMetadata = select(FilesSelectors.getFileCustomMetadata);
+  isLoading = select(FilesSelectors.isFileMetadataLoading);
+
+  readonly fileGuid = toSignal(this.route.params.pipe(map((params) => params['fileGuid'])) ?? of(undefined));
+
+  metadataFields = FileMetadataFields;
+
+  setFileMetadata(formValues: PatchFileMetadata) {
+    const fileId = this.fileMetadata()?.id;
+
+    if (fileId) {
+      this.actions.setFileMetadata(formValues, fileId);
+    }
+  }
+
+  downloadFileMetadata(): void {
+    if (this.fileGuid()) {
+      window.open(`${environment.webUrl}/${this.fileGuid()}/metadata/?format=datacite-json`)?.focus();
+    }
+  }
+
+  openEditFileMetadataDialog() {
+    this.dialogService
+      .open(EditFileMetadataDialogComponent, {
+        width: '448px',
+        focusOnShow: false,
+        header: this.translateService.instant('project.files.detail.fileMetadata.edit'),
+        closeOnEscape: true,
+        modal: true,
+        closable: true,
+      })
+      .onClose.pipe(filter((res: PatchFileMetadata) => !!res))
+      .subscribe((res) => this.setFileMetadata(res));
+  }
+}
diff --git a/src/app/features/files/components/file-revisions/file-revisions.component.html b/src/app/features/files/components/file-revisions/file-revisions.component.html
new file mode 100644
index 000000000..7fb8c95a3
--- /dev/null
+++ b/src/app/features/files/components/file-revisions/file-revisions.component.html
@@ -0,0 +1,60 @@
+<div class="p-4 flex flex-column gap-2">
+  <div class="flex justify-content-between">
+    <h2>{{ 'project.files.detail.revisions.title' | translate }}</h2>
+  </div>
+
+  @if (isLoading()) {
+    <p-skeleton width="100%" height="2rem" />
+  } @else {
+    <p-accordion [multiple]="true">
+      @for (item of fileRevisions(); track item.version) {
+        <p-accordion-panel [value]="item.version" class="border-none">
+          <p-accordion-header class="h-3rem font-normal">
+            {{ item.version }}. {{ item.dateTime | date: 'MMM d, yyyy HH:mm' }}
+          </p-accordion-header>
+
+          <p-accordion-content>
+            <ul class="flex flex-column gap-2">
+              <li class="flex align-items-center justify-content-between">
+                <osf-copy-button
+                  class="copy-button"
+                  [label]="'project.files.detail.revisions.actions.copyMd5' | translate"
+                  [copyItem]="item.hashes.md5"
+                ></osf-copy-button>
+
+                <osf-info-icon
+                  [tooltipText]="'project.files.detail.revisions.tooltips.md5' | translate"
+                  tooltipPosition="left"
+                ></osf-info-icon>
+              </li>
+
+              <li class="flex align-items-center justify-content-between gap-2">
+                <osf-copy-button
+                  class="copy-button"
+                  [label]="'project.files.detail.revisions.actions.copySha2' | translate"
+                  [copyItem]="item.hashes.sha256"
+                ></osf-copy-button>
+
+                <osf-info-icon
+                  [tooltipText]="'project.files.detail.revisions.tooltips.sha2' | translate"
+                  tooltipPosition="left"
+                ></osf-info-icon>
+              </li>
+
+              <li class="flex align-items-center gap-2">
+                <p-button
+                  icon="fas fa-download"
+                  variant="text"
+                  [label]="'project.files.detail.revisions.actions.download' | translate"
+                  (click)="downloadRevision(item.version)"
+                ></p-button>
+
+                <p class="ml-auto mr-1">{{ item.downloads }}</p>
+              </li>
+            </ul>
+          </p-accordion-content>
+        </p-accordion-panel>
+      }
+    </p-accordion>
+  }
+</div>
diff --git a/src/app/features/files/components/file-revisions/file-revisions.component.scss b/src/app/features/files/components/file-revisions/file-revisions.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/features/files/components/file-revisions/file-revisions.component.spec.ts b/src/app/features/files/components/file-revisions/file-revisions.component.spec.ts
new file mode 100644
index 000000000..980be66eb
--- /dev/null
+++ b/src/app/features/files/components/file-revisions/file-revisions.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FileRevisionsComponent } from './file-revisions.component';
+
+describe('FileRevisionsComponent', () => {
+  let component: FileRevisionsComponent;
+  let fixture: ComponentFixture<FileRevisionsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FileRevisionsComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FileRevisionsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/files/components/file-revisions/file-revisions.component.ts b/src/app/features/files/components/file-revisions/file-revisions.component.ts
new file mode 100644
index 000000000..c2f931caf
--- /dev/null
+++ b/src/app/features/files/components/file-revisions/file-revisions.component.ts
@@ -0,0 +1,52 @@
+import { select } from '@ngxs/store';
+
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Accordion, AccordionContent, AccordionHeader, AccordionPanel } from 'primeng/accordion';
+import { Button } from 'primeng/button';
+import { Skeleton } from 'primeng/skeleton';
+
+import { map, of } from 'rxjs';
+
+import { DatePipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { ActivatedRoute } from '@angular/router';
+
+import { CopyButtonComponent, InfoIconComponent } from '@shared/components';
+
+import { FilesSelectors } from '../../store';
+
+import { environment } from 'src/environments/environment';
+
+@Component({
+  selector: 'osf-file-revisions',
+  templateUrl: './file-revisions.component.html',
+  styleUrls: ['./file-revisions.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [
+    Accordion,
+    AccordionPanel,
+    AccordionHeader,
+    AccordionContent,
+    Button,
+    DatePipe,
+    TranslatePipe,
+    InfoIconComponent,
+    CopyButtonComponent,
+    Skeleton,
+  ],
+})
+export class FileRevisionsComponent {
+  private readonly route = inject(ActivatedRoute);
+
+  readonly fileRevisions = select(FilesSelectors.getFileRevisions);
+  readonly isLoading = select(FilesSelectors.isFileRevisionsLoading);
+  readonly fileGuid = toSignal(this.route.params.pipe(map((params) => params['fileGuid'])) ?? of(undefined));
+
+  downloadRevision(version: string): void {
+    if (this.fileGuid()) {
+      window.open(`${environment.downloadUrl}/${this.fileGuid()}/?revision=${version}`)?.focus();
+    }
+  }
+}
diff --git a/src/app/features/files/components/index.ts b/src/app/features/files/components/index.ts
new file mode 100644
index 000000000..7925a2597
--- /dev/null
+++ b/src/app/features/files/components/index.ts
@@ -0,0 +1,4 @@
+export { EditFileMetadataDialogComponent } from './edit-file-metadata-dialog/edit-file-metadata-dialog.component';
+export { FileKeywordsComponent } from './file-keywords/file-keywords.component';
+export { FileMetadataComponent } from './file-metadata/file-metadata.component';
+export { FileRevisionsComponent } from './file-revisions/file-revisions.component';
diff --git a/src/app/features/files/constants/default-state.constants.ts b/src/app/features/files/constants/default-state.constants.ts
new file mode 100644
index 000000000..465951ae3
--- /dev/null
+++ b/src/app/features/files/constants/default-state.constants.ts
@@ -0,0 +1,61 @@
+import { FilesStateModel } from '../store/files.model';
+
+import { FileProvider } from './file-provider.constants';
+
+export const filesStateDefaults: FilesStateModel = {
+  files: {
+    data: [],
+    isLoading: false,
+    error: null,
+  },
+  moveFileFiles: {
+    data: [],
+    isLoading: false,
+    error: null,
+  },
+  currentFolder: null,
+  moveFileCurrentFolder: null,
+  search: '',
+  sort: 'name',
+  provider: FileProvider.OsfStorage,
+  openedFile: {
+    data: null,
+    isLoading: false,
+    error: null,
+  },
+  fileMetadata: {
+    data: null,
+    isLoading: false,
+    error: null,
+  },
+  resourceMetadata: {
+    data: null,
+    isLoading: false,
+    error: null,
+  },
+  contributors: {
+    data: null,
+    isLoading: false,
+    error: null,
+  },
+  fileRevisions: {
+    data: null,
+    isLoading: false,
+    error: null,
+  },
+  tags: {
+    data: [],
+    isLoading: false,
+    error: null,
+  },
+  rootFolders: {
+    data: [],
+    isLoading: true,
+    error: null,
+  },
+  configuredStorageAddons: {
+    data: [],
+    isLoading: true,
+    error: null,
+  },
+};
diff --git a/src/app/features/files/constants/file-metadata-fields.constants.ts b/src/app/features/files/constants/file-metadata-fields.constants.ts
new file mode 100644
index 000000000..6aadeb040
--- /dev/null
+++ b/src/app/features/files/constants/file-metadata-fields.constants.ts
@@ -0,0 +1,8 @@
+import { MetadataField } from '../models';
+
+export const FileMetadataFields: MetadataField[] = [
+  { key: 'title', label: 'project.files.detail.fileMetadata.fields.title' },
+  { key: 'description', label: 'project.files.detail.fileMetadata.fields.description' },
+  { key: 'resourceTypeGeneral', label: 'project.files.detail.fileMetadata.fields.resourceType' },
+  { key: 'language', label: 'project.files.detail.fileMetadata.fields.resourceLanguage' },
+];
diff --git a/src/app/features/files/constants/file-provider.constants.ts b/src/app/features/files/constants/file-provider.constants.ts
new file mode 100644
index 000000000..546a640d5
--- /dev/null
+++ b/src/app/features/files/constants/file-provider.constants.ts
@@ -0,0 +1,9 @@
+export const FileProvider = {
+  OsfStorage: 'osfstorage',
+  GoogleDrive: 'google-drive',
+  Box: 'box',
+  DropBox: 'dropbox',
+  OneDrive: 'onedrive',
+  WebDav: 'webdav',
+  S3: 's3',
+};
diff --git a/src/app/features/files/constants/index.ts b/src/app/features/files/constants/index.ts
new file mode 100644
index 000000000..c1f029a52
--- /dev/null
+++ b/src/app/features/files/constants/index.ts
@@ -0,0 +1,3 @@
+export * from './default-state.constants';
+export * from './file-metadata-fields.constants';
+export * from './file-provider.constants';
diff --git a/src/app/features/files/enums/file-detail-tab.enum.ts b/src/app/features/files/enums/file-detail-tab.enum.ts
new file mode 100644
index 000000000..4c6c7151d
--- /dev/null
+++ b/src/app/features/files/enums/file-detail-tab.enum.ts
@@ -0,0 +1,5 @@
+export enum FileDetailTab {
+  Details = 1,
+  Revisions,
+  Keywords,
+}
diff --git a/src/app/features/files/enums/index.ts b/src/app/features/files/enums/index.ts
new file mode 100644
index 000000000..01282d755
--- /dev/null
+++ b/src/app/features/files/enums/index.ts
@@ -0,0 +1 @@
+export * from './file-detail-tab.enum';
diff --git a/src/app/features/files/mappers/file-custom-metadata.mapper.ts b/src/app/features/files/mappers/file-custom-metadata.mapper.ts
new file mode 100644
index 000000000..2611fe4c8
--- /dev/null
+++ b/src/app/features/files/mappers/file-custom-metadata.mapper.ts
@@ -0,0 +1,12 @@
+import { ApiData } from '@osf/core/models';
+import { FileCustomMetadata, OsfFileCustomMetadata } from '@osf/features/project/files/models';
+
+export function MapFileCustomMetadata(data: ApiData<FileCustomMetadata, null, null, null>): OsfFileCustomMetadata {
+  return {
+    id: data.id,
+    description: data.attributes.description,
+    language: data.attributes.language,
+    resourceTypeGeneral: data.attributes.resource_type_general,
+    title: data.attributes.title,
+  };
+}
diff --git a/src/app/features/files/mappers/file-revision.mapper.ts b/src/app/features/files/mappers/file-revision.mapper.ts
new file mode 100644
index 000000000..9b340934f
--- /dev/null
+++ b/src/app/features/files/mappers/file-revision.mapper.ts
@@ -0,0 +1,12 @@
+import { ApiData } from '@core/models';
+import { OsfFileRevision } from '@osf/features/project/files/models/osf-models/file-revisions.model';
+import { FileRevisionJsonApi } from '@osf/features/project/files/models/responses/get-file-revisions-response.model';
+
+export function MapFileRevision(data: ApiData<FileRevisionJsonApi, null, null, null>[]): OsfFileRevision[] {
+  return data.map((revision) => ({
+    downloads: revision.attributes.extra.downloads,
+    hashes: { md5: revision.attributes.extra.hashes.md5, sha256: revision.attributes.extra.hashes.sha256 },
+    dateTime: new Date(revision.attributes.modified_utc),
+    version: revision.attributes.version,
+  }));
+}
diff --git a/src/app/features/files/mappers/index.ts b/src/app/features/files/mappers/index.ts
new file mode 100644
index 000000000..bfa419062
--- /dev/null
+++ b/src/app/features/files/mappers/index.ts
@@ -0,0 +1,4 @@
+export * from './file-custom-metadata.mapper';
+export * from './file-revision.mapper';
+export * from './project-metadata.mapper';
+export * from '@shared/mappers/files/files.mapper';
diff --git a/src/app/features/files/mappers/resource-metadata.mapper.ts b/src/app/features/files/mappers/resource-metadata.mapper.ts
new file mode 100644
index 000000000..c4f1bf7bf
--- /dev/null
+++ b/src/app/features/files/mappers/resource-metadata.mapper.ts
@@ -0,0 +1,26 @@
+import { ResourceMetadata } from '@osf/shared/models';
+
+import { GetResourceCustomMetadataResponse } from '../models/get-resource-custom-metadata-response.model';
+import { GetResourceShortInfoResponse } from '../models/get-resource-short-info-response.model';
+
+export function MapResourceMetadata(
+  shortInfo: GetResourceShortInfoResponse,
+  customMetadata: GetResourceCustomMetadataResponse
+): ResourceMetadata {
+  return {
+    title: shortInfo.data.attributes.title,
+    description: shortInfo.data.attributes.description,
+    dateCreated: new Date(shortInfo.data.attributes.date_created),
+    dateModified: new Date(shortInfo.data.attributes.date_modified),
+    funders: customMetadata.data.embeds.custom_metadata.data.attributes.funders.map((funder) => ({
+      funderName: funder.funder_name,
+      funderIdentifier: funder.funder_identifier,
+      funderIdentifierType: funder.funder_identifier_type,
+      awardNumber: funder.award_number,
+      awardUri: funder.award_uri,
+      awardTitle: funder.award_title,
+    })),
+    language: customMetadata.data.embeds.custom_metadata.data.attributes.language,
+    resourceTypeGeneral: customMetadata.data.embeds.custom_metadata.data.attributes.resource_type_general,
+  };
+}
diff --git a/src/app/features/files/models/file-custom-metadata.model.ts b/src/app/features/files/models/file-custom-metadata.model.ts
new file mode 100644
index 000000000..aace1c784
--- /dev/null
+++ b/src/app/features/files/models/file-custom-metadata.model.ts
@@ -0,0 +1,7 @@
+export interface OsfFileCustomMetadata {
+  id: string;
+  language: string;
+  resourceTypeGeneral: string;
+  title: string;
+  description: string;
+}
diff --git a/src/app/features/files/models/file-revisions.model.ts b/src/app/features/files/models/file-revisions.model.ts
new file mode 100644
index 000000000..84148c1d7
--- /dev/null
+++ b/src/app/features/files/models/file-revisions.model.ts
@@ -0,0 +1,9 @@
+export interface OsfFileRevision {
+  downloads: 0;
+  hashes: {
+    md5: string;
+    sha256: string;
+  };
+  version: string;
+  dateTime: Date;
+}
diff --git a/src/app/features/files/models/file-target.model.ts b/src/app/features/files/models/file-target.model.ts
new file mode 100644
index 000000000..84485a11e
--- /dev/null
+++ b/src/app/features/files/models/file-target.model.ts
@@ -0,0 +1,21 @@
+export interface OsfFileTarget {
+  title: string;
+  description: string;
+  category: string;
+  customCitation: string | null;
+  dateCreated: string;
+  dateModified: string;
+  registration: boolean;
+  preprint: boolean;
+  fork: boolean;
+  collection: boolean;
+  tags: string[];
+  nodeLicense: string | null;
+  analyticsKey: string;
+  currentUserCanComment: boolean;
+  currentUserPermissions: string[];
+  currentUserIsContributor: boolean;
+  currentUserIsContributorOrGroupMember: boolean;
+  wikiEnabled: boolean;
+  public: boolean;
+}
diff --git a/src/app/features/files/models/files-metadata-fields.model.ts b/src/app/features/files/models/files-metadata-fields.model.ts
new file mode 100644
index 000000000..7d06ec9a1
--- /dev/null
+++ b/src/app/features/files/models/files-metadata-fields.model.ts
@@ -0,0 +1,6 @@
+import { OsfFileCustomMetadata } from './file-custom-metadata.model';
+
+export interface MetadataField {
+  key: keyof OsfFileCustomMetadata;
+  label: string;
+}
diff --git a/src/app/features/files/models/get-resource-custom-metadata-response.model.ts b/src/app/features/files/models/get-resource-custom-metadata-response.model.ts
new file mode 100644
index 000000000..5247896ae
--- /dev/null
+++ b/src/app/features/files/models/get-resource-custom-metadata-response.model.ts
@@ -0,0 +1,29 @@
+import { ApiData, JsonApiResponse } from '@core/models';
+
+export type GetResourceCustomMetadataResponse = JsonApiResponse<
+  ApiData<null, ResourceMetadataEmbedResponse, null, null>,
+  null
+>;
+
+export interface ResourceMetadataEmbedResponse {
+  custom_metadata: JsonApiResponse<
+    ApiData<
+      {
+        language: string;
+        resource_type_general: string;
+        funders: {
+          funder_name: string;
+          funder_identifier: string;
+          funder_identifier_type: string;
+          award_number: string;
+          award_uri: string;
+          award_title: string;
+        }[];
+      },
+      null,
+      null,
+      null
+    >,
+    null
+  >;
+}
diff --git a/src/app/features/files/models/get-resource-short-info-response.model.ts b/src/app/features/files/models/get-resource-short-info-response.model.ts
new file mode 100644
index 000000000..8e38daf5f
--- /dev/null
+++ b/src/app/features/files/models/get-resource-short-info-response.model.ts
@@ -0,0 +1,16 @@
+import { ApiData, JsonApiResponse } from '@core/models';
+
+export type GetResourceShortInfoResponse = JsonApiResponse<
+  ApiData<
+    {
+      title: string;
+      description: string;
+      date_created: string;
+      date_modified: string;
+    },
+    null,
+    null,
+    null
+  >,
+  null
+>;
diff --git a/src/app/features/files/models/index.ts b/src/app/features/files/models/index.ts
new file mode 100644
index 000000000..d66cc146f
--- /dev/null
+++ b/src/app/features/files/models/index.ts
@@ -0,0 +1,5 @@
+export * from './file-custom-metadata.model';
+export * from './file-revisions.model';
+export * from './file-target.model';
+export * from './files-metadata-fields.model';
+export * from './patch-file-metadata.model';
diff --git a/src/app/features/files/models/patch-file-metadata.model.ts b/src/app/features/files/models/patch-file-metadata.model.ts
new file mode 100644
index 000000000..b2a9869dc
--- /dev/null
+++ b/src/app/features/files/models/patch-file-metadata.model.ts
@@ -0,0 +1,6 @@
+export interface PatchFileMetadata {
+  description: string | null;
+  language: string | null;
+  title: string | null;
+  resource_type_general: string | null;
+}
diff --git a/src/app/features/project/files/pages/file-detail/file-detail.component.html b/src/app/features/files/pages/file-detail/file-detail.component.html
similarity index 97%
rename from src/app/features/project/files/pages/file-detail/file-detail.component.html
rename to src/app/features/files/pages/file-detail/file-detail.component.html
index 0ef4b7ea3..bd88a1098 100644
--- a/src/app/features/project/files/pages/file-detail/file-detail.component.html
+++ b/src/app/features/files/pages/file-detail/file-detail.component.html
@@ -91,7 +91,7 @@
         <osf-file-keywords class="metadata"></osf-file-keywords>
       } @else {
         <osf-file-metadata class="metadata"></osf-file-metadata>
-        <osf-file-project-metadata class="metadata"></osf-file-project-metadata>
+        <!-- <osf-file-project-metadata class="metadata"></osf-file-project-metadata> -->
       }
     </div>
   </div>
diff --git a/src/app/features/project/files/pages/file-detail/file-detail.component.scss b/src/app/features/files/pages/file-detail/file-detail.component.scss
similarity index 100%
rename from src/app/features/project/files/pages/file-detail/file-detail.component.scss
rename to src/app/features/files/pages/file-detail/file-detail.component.scss
diff --git a/src/app/features/project/files/pages/file-detail/file-detail.component.spec.ts b/src/app/features/files/pages/file-detail/file-detail.component.spec.ts
similarity index 100%
rename from src/app/features/project/files/pages/file-detail/file-detail.component.spec.ts
rename to src/app/features/files/pages/file-detail/file-detail.component.spec.ts
diff --git a/src/app/features/project/files/pages/file-detail/file-detail.component.ts b/src/app/features/files/pages/file-detail/file-detail.component.ts
similarity index 72%
rename from src/app/features/project/files/pages/file-detail/file-detail.component.ts
rename to src/app/features/files/pages/file-detail/file-detail.component.ts
index bd8cb5be6..d5db8aa4a 100644
--- a/src/app/features/project/files/pages/file-detail/file-detail.component.ts
+++ b/src/app/features/files/pages/file-detail/file-detail.component.ts
@@ -1,4 +1,4 @@
-import { select, Store } from '@ngxs/store';
+import { createDispatchMap, select, Store } from '@ngxs/store';
 
 import { TranslatePipe } from '@ngx-translate/core';
 
@@ -6,33 +6,28 @@ import { Button } from 'primeng/button';
 import { Menu } from 'primeng/menu';
 import { Tab, TabList, Tabs } from 'primeng/tabs';
 
-import { EMPTY, switchMap } from 'rxjs';
+import { switchMap } from 'rxjs';
 
 import { ChangeDetectionStrategy, Component, DestroyRef, HostBinding, inject } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 
-import {
-  FileKeywordsComponent,
-  FileMetadataComponent,
-  FileProjectMetadataComponent,
-  FileRevisionsComponent,
-} from '@osf/features/project/files/components';
-import { FileDetailTab } from '@osf/features/project/files/enums/file-detail-tab.enum';
 import { embedDynamicJs, embedStaticHtml } from '@osf/features/project/files/models';
+import { LoadingSpinnerComponent, SubHeaderComponent } from '@shared/components';
+import { OsfFile } from '@shared/models';
+import { CustomConfirmationService, ToastService } from '@shared/services';
+
+import { FileKeywordsComponent, FileMetadataComponent, FileRevisionsComponent } from '../../components';
+import { FileDetailTab } from '../../enums';
 import {
-  DeleteEntry,
+  FilesSelectors,
   GetFile,
   GetFileMetadata,
-  GetFileProjectContributors,
-  GetFileProjectMetadata,
+  GetFileResourceContributors,
+  GetFileResourceMetadata,
   GetFileRevisions,
-  ProjectFilesSelectors,
-} from '@osf/features/project/files/store';
-import { LoadingSpinnerComponent, SubHeaderComponent } from '@shared/components';
-import { OsfFile } from '@shared/models';
-import { CustomConfirmationService, ToastService } from '@shared/services';
+} from '../../store';
 
 @Component({
   selector: 'osf-file-detail',
@@ -49,7 +44,6 @@ import { CustomConfirmationService, ToastService } from '@shared/services';
     FileKeywordsComponent,
     FileRevisionsComponent,
     FileMetadataComponent,
-    FileProjectMetadataComponent,
   ],
   templateUrl: './file-detail.component.html',
   styleUrl: './file-detail.component.scss',
@@ -66,10 +60,19 @@ export class FileDetailComponent {
   readonly toastService = inject(ToastService);
   readonly customConfirmationService = inject(CustomConfirmationService);
 
-  file = select(ProjectFilesSelectors.getOpenedFile);
-  isFileLoading = select(ProjectFilesSelectors.isOpenedFileLoading);
+  private readonly actions = createDispatchMap({
+    getFile: GetFile,
+    getFileRevisions: GetFileRevisions,
+    getFileMetadata: GetFileMetadata,
+    getFileResourceMetadata: GetFileResourceMetadata,
+    getFileResourceContributors: GetFileResourceContributors,
+  });
+
+  file = select(FilesSelectors.getOpenedFile);
+  isFileLoading = select(FilesSelectors.isOpenedFileLoading);
   safeLink: SafeResourceUrl | null = null;
-  projectId: string | null = null;
+  resourceId = '';
+  resourceType = '';
 
   isIframeLoading = true;
 
@@ -106,20 +109,18 @@ export class FileDetailComponent {
   ];
 
   constructor() {
-    this.route.parent?.parent?.parent?.parent?.params.subscribe((params) => {
-      if (params['id']) {
-        this.projectId = params['id'];
-      }
-    });
+    // this.route.parent?.parent?.parent?.parent?.params.subscribe((params) => {
+    //   if (params['id']) {
+    //     this.projectId = params['id'];
+    //   }
+    // });
 
     this.route.params
       .pipe(
         takeUntilDestroyed(this.destroyRef),
         switchMap((params) => {
           this.fileGuid = params['fileGuid'];
-          return this.store
-            .dispatch(new GetFile(this.fileGuid))
-            .pipe(switchMap(() => this.route.parent?.parent?.parent?.params || EMPTY));
+          return this.actions.getFile(this.fileGuid);
         })
       )
       .subscribe((parentParams) => {
@@ -127,20 +128,22 @@ export class FileDetailComponent {
         if (link) {
           this.safeLink = this.sanitizer.bypassSecurityTrustResourceUrl(link);
         }
+        this.resourceId = this.file()?.target.id || '';
+        this.resourceType = this.file()?.target.type || '';
+        const fileId = this.file()?.path.replaceAll('/', '');
+        // this.projectId = parentParams['id'];
+        if (this.resourceId && this.resourceType) {
+          this.actions.getFileResourceMetadata(this.resourceId, this.resourceType);
+          this.actions.getFileResourceContributors(this.resourceId, this.resourceType);
 
-        this.projectId = parentParams['id'];
-        if (this.projectId) {
-          this.store.dispatch(new GetFileProjectMetadata(this.projectId));
-          this.store.dispatch(new GetFileProjectContributors(this.projectId));
-          const fileId = this.file()?.path.replaceAll('/', '');
           if (fileId) {
-            this.store.dispatch(new GetFileRevisions(this.projectId, fileId));
+            this.actions.getFileRevisions(this.resourceId, this.resourceType, fileId);
           }
         }
       });
 
     this.route.params.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((params) => {
-      this.store.dispatch(new GetFileMetadata(params['fileGuid']));
+      this.actions.getFileMetadata(params['fileGuid']);
     });
   }
 
@@ -160,14 +163,15 @@ export class FileDetailComponent {
   }
 
   deleteEntry(link: string): void {
-    if (this.projectId) {
-      this.store
-        .dispatch(new DeleteEntry(this.projectId, link))
-        .pipe(takeUntilDestroyed(this.destroyRef))
-        .subscribe(() => {
-          this.router.navigate(['/project', this.projectId, 'files']);
-        });
-    }
+    console.log('Delete entry link:', link);
+    // if (this.projectId) {
+    //   this.store
+    //     .dispatch(new DeleteEntry(this.projectId, link))
+    //     .pipe(takeUntilDestroyed(this.destroyRef))
+    //     .subscribe(() => {
+    //       this.router.navigate(['/project', this.projectId, 'files']);
+    //     });
+    // }
   }
 
   confirmDelete(file: OsfFile): void {
diff --git a/src/app/features/files/store/files.actions.ts b/src/app/features/files/store/files.actions.ts
new file mode 100644
index 000000000..4723d621e
--- /dev/null
+++ b/src/app/features/files/store/files.actions.ts
@@ -0,0 +1,84 @@
+import { PatchFileMetadata } from '../models';
+
+export class GetFile {
+  static readonly type = '[Files] Get File';
+
+  constructor(public fileGuid: string) {}
+}
+
+export class GetFileMetadata {
+  static readonly type = '[Files] Get File Metadata';
+
+  constructor(public fileGuid: string) {}
+}
+
+export class GetFileResourceMetadata {
+  static readonly type = '[Files] Get File Resource Metadata';
+
+  constructor(
+    public resourceId: string,
+    public resourceType: string
+  ) {}
+}
+
+export class GetFileResourceContributors {
+  static readonly type = '[Files] Get File Resource Contributors';
+
+  constructor(
+    public resourceId: string,
+    public resourceType: string
+  ) {}
+}
+
+export class SetFileMetadata {
+  static readonly type = '[Files] Set File Metadata';
+
+  constructor(
+    public payload: PatchFileMetadata,
+    public fileGuid: string
+  ) {}
+}
+
+export class GetFileRevisions {
+  static readonly type = '[Files] Get Revisions';
+
+  constructor(
+    public resourceId: string,
+    public resourceType: string,
+    public fileId: string
+  ) {}
+}
+
+export class UpdateTags {
+  static readonly type = '[Files] Update Tags';
+
+  constructor(
+    public tags: string[],
+    public fileGuid: string
+  ) {}
+}
+
+export class DeleteEntry {
+  static readonly type = '[Files] Delete entry';
+
+  constructor(
+    public resourceId: string,
+    public link: string
+  ) {}
+}
+
+export class GetRootFolders {
+  static readonly type = '[Files] Get Folders';
+
+  constructor(public folderLink: string) {}
+}
+
+export class GetConfiguredStorageAddons {
+  static readonly type = '[Files] Get ConfiguredStorageAddons';
+
+  constructor(public resourceUri: string) {}
+}
+
+export class ResetState {
+  static readonly type = '[Files] Reset State';
+}
diff --git a/src/app/features/files/store/files.model.ts b/src/app/features/files/store/files.model.ts
new file mode 100644
index 000000000..5d9fe51a4
--- /dev/null
+++ b/src/app/features/files/store/files.model.ts
@@ -0,0 +1,24 @@
+import { ContributorModel, OsfFile, ResourceMetadata } from '@shared/models';
+import { ConfiguredStorageAddon } from '@shared/models/addons';
+import { AsyncStateModel } from '@shared/models/store';
+
+import { FileProvider } from '../constants';
+import { OsfFileCustomMetadata, OsfFileRevision } from '../models';
+
+export interface FilesStateModel {
+  files: AsyncStateModel<OsfFile[]>;
+  moveFileFiles: AsyncStateModel<OsfFile[]>;
+  currentFolder: OsfFile | null;
+  moveFileCurrentFolder: OsfFile | null;
+  search: string;
+  sort: string;
+  provider: (typeof FileProvider)[keyof typeof FileProvider];
+  openedFile: AsyncStateModel<OsfFile | null>;
+  fileMetadata: AsyncStateModel<OsfFileCustomMetadata | null>;
+  resourceMetadata: AsyncStateModel<ResourceMetadata | null>;
+  contributors: AsyncStateModel<Partial<ContributorModel>[] | null>;
+  fileRevisions: AsyncStateModel<OsfFileRevision[] | null>;
+  tags: AsyncStateModel<string[]>;
+  rootFolders: AsyncStateModel<OsfFile[] | null>;
+  configuredStorageAddons: AsyncStateModel<ConfiguredStorageAddon[] | null>;
+}
diff --git a/src/app/features/files/store/files.selectors.ts b/src/app/features/files/store/files.selectors.ts
new file mode 100644
index 000000000..da448f067
--- /dev/null
+++ b/src/app/features/files/store/files.selectors.ts
@@ -0,0 +1,125 @@
+import { Selector } from '@ngxs/store';
+
+import { ConfiguredStorageAddon, ContributorModel, OsfFile, ResourceMetadata } from '@shared/models';
+
+import { OsfFileCustomMetadata, OsfFileRevision } from '../models';
+
+import { FilesStateModel } from './files.model';
+import { FilesState } from './files.state';
+
+export class FilesSelectors {
+  @Selector([FilesState])
+  static getFiles(state: FilesStateModel): OsfFile[] {
+    return state.files.data;
+  }
+
+  @Selector([FilesState])
+  static isFilesLoading(state: FilesStateModel): boolean {
+    return state.files.isLoading;
+  }
+
+  @Selector([FilesState])
+  static getMoveFileFiles(state: FilesStateModel): OsfFile[] {
+    return state.moveFileFiles.data;
+  }
+
+  @Selector([FilesState])
+  static isMoveFileFilesLoading(state: FilesStateModel): boolean {
+    return state.moveFileFiles.isLoading;
+  }
+
+  @Selector([FilesState])
+  static getCurrentFolder(state: FilesStateModel): OsfFile | null {
+    return state.currentFolder;
+  }
+
+  @Selector([FilesState])
+  static getMoveFileCurrentFolder(state: FilesStateModel): OsfFile | null {
+    return state.moveFileCurrentFolder;
+  }
+
+  @Selector([FilesState])
+  static getProvider(state: FilesStateModel): string {
+    return state.provider;
+  }
+
+  @Selector([FilesState])
+  static getOpenedFile(state: FilesStateModel): OsfFile | null {
+    return state.openedFile.data;
+  }
+
+  @Selector([FilesState])
+  static isOpenedFileLoading(state: FilesStateModel): boolean {
+    return state.openedFile.isLoading;
+  }
+
+  @Selector([FilesState])
+  static getFileCustomMetadata(state: FilesStateModel): OsfFileCustomMetadata | null {
+    return state.fileMetadata.data;
+  }
+
+  @Selector([FilesState])
+  static isFileMetadataLoading(state: FilesStateModel): boolean {
+    return state.fileMetadata.isLoading;
+  }
+
+  @Selector([FilesState])
+  static getMetadata(state: FilesStateModel): ResourceMetadata | null {
+    return state.resourceMetadata.data;
+  }
+
+  @Selector([FilesState])
+  static isMetadataLoading(state: FilesStateModel): boolean {
+    return state.resourceMetadata.isLoading;
+  }
+
+  @Selector([FilesState])
+  static getContributors(state: FilesStateModel): Partial<ContributorModel>[] | null {
+    return state.contributors.data;
+  }
+
+  @Selector([FilesState])
+  static isContributorsLoading(state: FilesStateModel): boolean {
+    return state.contributors.isLoading;
+  }
+
+  @Selector([FilesState])
+  static getFileRevisions(state: FilesStateModel): OsfFileRevision[] | null {
+    return state.fileRevisions.data;
+  }
+
+  @Selector([FilesState])
+  static isFileRevisionsLoading(state: FilesStateModel): boolean {
+    return state.fileRevisions.isLoading;
+  }
+
+  @Selector([FilesState])
+  static getFileTags(state: FilesStateModel): string[] {
+    return state.tags.data;
+  }
+
+  @Selector([FilesState])
+  static isFileTagsLoading(state: FilesStateModel): boolean {
+    return state.tags.isLoading;
+  }
+
+  @Selector([FilesState])
+  static getRootFolders(state: FilesStateModel): OsfFile[] | null {
+    return state.rootFolders.data;
+  }
+
+  @Selector([FilesState])
+  static isRootFoldersLoading(state: FilesStateModel): boolean {
+    return state.rootFolders.isLoading;
+  }
+
+  @Selector([FilesState])
+  static getConfiguredStorageAddons(state: FilesStateModel): ConfiguredStorageAddon[] | null {
+    return state.configuredStorageAddons.data;
+  }
+
+  @Selector([FilesState])
+  static isConfiguredStorageAddonsLoading(state: FilesStateModel): boolean {
+    return state.configuredStorageAddons.isLoading;
+  }
+}
diff --git a/src/app/features/files/store/files.state.ts b/src/app/features/files/store/files.state.ts
new file mode 100644
index 000000000..3d4d615f5
--- /dev/null
+++ b/src/app/features/files/store/files.state.ts
@@ -0,0 +1,216 @@
+import { Action, State, StateContext } from '@ngxs/store';
+
+import { catchError, finalize, forkJoin, tap } from 'rxjs';
+
+import { inject, Injectable } from '@angular/core';
+
+import { handleSectionError } from '@osf/core/handlers';
+import { FilesService, ToastService } from '@shared/services';
+
+import { filesStateDefaults } from '../constants';
+import { MapResourceMetadata } from '../mappers/resource-metadata.mapper';
+
+import {
+  DeleteEntry,
+  GetConfiguredStorageAddons,
+  GetFile,
+  GetFileMetadata,
+  GetFileResourceContributors,
+  GetFileResourceMetadata,
+  GetFileRevisions,
+  GetRootFolders,
+  ResetState,
+  SetFileMetadata,
+  UpdateTags,
+} from './files.actions';
+import { FilesStateModel } from './files.model';
+
+@Injectable()
+@State<FilesStateModel>({
+  name: 'filesState',
+  defaults: filesStateDefaults,
+})
+export class FilesState {
+  filesService = inject(FilesService);
+  toastService = inject(ToastService);
+
+  @Action(GetFile)
+  getFile(ctx: StateContext<FilesStateModel>, action: GetFile) {
+    const state = ctx.getState();
+    ctx.patchState({ openedFile: { ...state.openedFile, isLoading: true, error: null } });
+    ctx.patchState({ tags: { ...state.tags, isLoading: true, error: null } });
+
+    return this.filesService.getFileTarget(action.fileGuid).pipe(
+      tap({
+        next: (file) => {
+          ctx.patchState({ openedFile: { data: file, isLoading: false, error: null } });
+          ctx.patchState({ tags: { data: file.tags, isLoading: false, error: null } });
+        },
+      }),
+      catchError((error) => handleSectionError(ctx, 'openedFile', error))
+    );
+  }
+
+  @Action(GetFileMetadata)
+  getFileMetadata(ctx: StateContext<FilesStateModel>, action: GetFileMetadata) {
+    const state = ctx.getState();
+    ctx.patchState({ fileMetadata: { ...state.fileMetadata, isLoading: true, error: null } });
+
+    return this.filesService.getFileMetadata(action.fileGuid).pipe(
+      tap({
+        next: (metadata) => {
+          ctx.patchState({ fileMetadata: { data: metadata, isLoading: false, error: null } });
+        },
+      }),
+      catchError((error) => handleSectionError(ctx, 'fileMetadata', error))
+    );
+  }
+
+  @Action(SetFileMetadata)
+  setFileMetadata(ctx: StateContext<FilesStateModel>, action: SetFileMetadata) {
+    const state = ctx.getState();
+    ctx.patchState({ fileMetadata: { ...state.fileMetadata, isLoading: true, error: null } });
+
+    return this.filesService.patchFileMetadata(action.payload, action.fileGuid).pipe(
+      tap({
+        next: (fileMetadata) => {
+          if (fileMetadata.id) {
+            ctx.patchState({ fileMetadata: { data: fileMetadata, isLoading: false, error: null } });
+          }
+        },
+      }),
+      catchError((error) => handleSectionError(ctx, 'fileMetadata', error))
+    );
+  }
+
+  @Action(DeleteEntry)
+  deleteEntry(ctx: StateContext<FilesStateModel>, action: DeleteEntry) {
+    return this.filesService.deleteEntry(action.link).pipe(
+      tap({
+        next: () => {
+          const selectedFolder = ctx.getState().currentFolder;
+          // if (selectedFolder?.relationships.filesLink) {
+          //   ctx.dispatch(new GetFiles(selectedFolder?.relationships.filesLink));
+          // } else {
+          //   ctx.dispatch(new GetRootFolderFiles(action.resourceId));
+          // }
+        },
+      })
+    );
+  }
+
+  @Action(GetFileResourceMetadata)
+  getFileResourceMetadata(ctx: StateContext<FilesStateModel>, action: GetFileResourceMetadata) {
+    const state = ctx.getState();
+    ctx.patchState({ resourceMetadata: { ...state.resourceMetadata, isLoading: true, error: null } });
+
+    forkJoin({
+      projectShortInfo: this.filesService.getResourceShortInfo(action.resourceId, action.resourceType),
+      resourceMetadata: this.filesService.getCustomMetadata(action.resourceId),
+    })
+      .pipe(catchError((error) => handleSectionError(ctx, 'resourceMetadata', error)))
+      .subscribe((results) => {
+        const resourceMetadata = MapResourceMetadata(results.projectShortInfo, results.resourceMetadata);
+        ctx.patchState({
+          resourceMetadata: {
+            data: resourceMetadata,
+            isLoading: false,
+            error: null,
+          },
+        });
+      });
+  }
+
+  @Action(GetFileResourceContributors)
+  getFileResourceContributors(ctx: StateContext<FilesStateModel>, action: GetFileResourceContributors) {
+    const state = ctx.getState();
+    ctx.patchState({ contributors: { ...state.contributors, isLoading: true, error: null } });
+
+    return this.filesService.getResourceContributors(action.resourceId, action.resourceType).pipe(
+      tap({
+        next: (contributors) => {
+          ctx.patchState({ contributors: { data: contributors, isLoading: false, error: null } });
+        },
+      }),
+      catchError((error) => handleSectionError(ctx, 'contributors', error))
+    );
+  }
+
+  @Action(GetFileRevisions)
+  getFileRevisions(ctx: StateContext<FilesStateModel>, action: GetFileRevisions) {
+    const state = ctx.getState();
+    ctx.patchState({ fileRevisions: { ...state.fileRevisions, isLoading: true, error: null } });
+
+    return this.filesService.getFileRevisions(action.resourceId, state.provider, action.fileId).pipe(
+      tap({
+        next: (revisions) => {
+          ctx.patchState({ fileRevisions: { data: revisions, isLoading: false, error: null } });
+        },
+      }),
+      catchError((error) => handleSectionError(ctx, 'fileRevisions', error))
+    );
+  }
+
+  @Action(UpdateTags)
+  updateTags(ctx: StateContext<FilesStateModel>, action: UpdateTags) {
+    const state = ctx.getState();
+    ctx.patchState({ tags: { ...state.tags, isLoading: true, error: null } });
+
+    return this.filesService.updateTags(action.tags, action.fileGuid).pipe(
+      tap({
+        next: (file) => {
+          ctx.patchState({ tags: { data: file.tags, isLoading: false, error: null } });
+        },
+      }),
+      catchError((error) => handleSectionError(ctx, 'tags', error))
+    );
+  }
+
+  @Action(GetRootFolders)
+  getRootFolders(ctx: StateContext<FilesStateModel>, action: GetRootFolders) {
+    const state = ctx.getState();
+    ctx.patchState({ rootFolders: { ...state.rootFolders, isLoading: true } });
+
+    return this.filesService.getFolders(action.folderLink).pipe(
+      tap({
+        next: (folders) =>
+          ctx.patchState({
+            rootFolders: {
+              data: folders,
+              isLoading: false,
+              error: null,
+            },
+          }),
+      }),
+      catchError((error) => handleSectionError(ctx, 'rootFolders', error))
+    );
+  }
+
+  @Action(GetConfiguredStorageAddons)
+  getConfiguredStorageAddons(ctx: StateContext<FilesStateModel>, action: GetConfiguredStorageAddons) {
+    const state = ctx.getState();
+    ctx.patchState({ configuredStorageAddons: { ...state.configuredStorageAddons, isLoading: true } });
+
+    return this.filesService.getConfiguredStorageAddons(action.resourceUri).pipe(
+      tap({
+        next: (addons) =>
+          ctx.patchState({
+            configuredStorageAddons: {
+              data: addons,
+              isLoading: false,
+              error: null,
+            },
+          }),
+      }),
+      finalize(() => {
+        ctx.patchState({ configuredStorageAddons: { ...state.configuredStorageAddons, isLoading: false } });
+      }),
+      catchError((error) => handleSectionError(ctx, 'configuredStorageAddons', error))
+    );
+  }
+
+  @Action(ResetState)
+  resetState(ctx: StateContext<FilesStateModel>) {
+    ctx.patchState(filesStateDefaults);
+  }
+}
diff --git a/src/app/features/files/store/index.ts b/src/app/features/files/store/index.ts
new file mode 100644
index 000000000..04f101f76
--- /dev/null
+++ b/src/app/features/files/store/index.ts
@@ -0,0 +1,3 @@
+export * from './files.actions';
+export * from './files.selectors';
+export * from './files.state';
diff --git a/src/app/features/project/files/components/index.ts b/src/app/features/project/files/components/index.ts
index 3325c793f..caec537b7 100644
--- a/src/app/features/project/files/components/index.ts
+++ b/src/app/features/project/files/components/index.ts
@@ -6,5 +6,4 @@ export { FileProjectMetadataComponent } from './file-project-metadata/file-proje
 export { MoveFileDialogComponent } from './move-file-dialog/move-file-dialog.component';
 export { RenameFileDialogComponent } from './rename-file-dialog/rename-file-dialog.component';
 export { FileRevisionsComponent } from '@osf/features/project/files/components/file-revisions/file-revisions.component';
-export { FileDetailComponent } from '@osf/features/project/files/pages/file-detail/file-detail.component';
 export { FilesTreeComponent } from '@shared/components/files-tree/files-tree.component';
diff --git a/src/app/features/project/files/models/osf-models/file-target.model.ts b/src/app/features/project/files/models/osf-models/file-target.model.ts
index 84485a11e..85858e99d 100644
--- a/src/app/features/project/files/models/osf-models/file-target.model.ts
+++ b/src/app/features/project/files/models/osf-models/file-target.model.ts
@@ -1,4 +1,5 @@
 export interface OsfFileTarget {
+  id: string;
   title: string;
   description: string;
   category: string;
@@ -18,4 +19,5 @@ export interface OsfFileTarget {
   currentUserIsContributorOrGroupMember: boolean;
   wikiEnabled: boolean;
   public: boolean;
+  type: string;
 }
diff --git a/src/app/features/project/files/project-files.routes.ts b/src/app/features/project/files/project-files.routes.ts
index 44f13d430..754aacd24 100644
--- a/src/app/features/project/files/project-files.routes.ts
+++ b/src/app/features/project/files/project-files.routes.ts
@@ -17,9 +17,7 @@ export const projectFilesRoutes: Routes = [
       {
         path: ':fileGuid',
         loadComponent: () =>
-          import('@osf/features/project/files/pages/file-detail/file-detail.component').then(
-            (c) => c.FileDetailComponent
-          ),
+          import('@osf/features/files/pages/file-detail/file-detail.component').then((c) => c.FileDetailComponent),
         children: [
           {
             path: 'metadata',
diff --git a/src/app/features/project/files/store/project-files.state.ts b/src/app/features/project/files/store/project-files.state.ts
index 413079895..1553a5d43 100644
--- a/src/app/features/project/files/store/project-files.state.ts
+++ b/src/app/features/project/files/store/project-files.state.ts
@@ -213,8 +213,8 @@ export class ProjectFilesState {
     ctx.patchState({ projectMetadata: { ...state.projectMetadata, isLoading: true, error: null } });
 
     forkJoin({
-      projectShortInfo: this.filesService.getProjectShortInfo(action.projectId),
-      projectMetadata: this.filesService.getProjectCustomMetadata(action.projectId),
+      projectShortInfo: this.filesService.getResourceShortInfo(action.projectId, 'nodes'),
+      projectMetadata: this.filesService.getCustomMetadata(action.projectId),
     })
       .pipe(catchError((error) => this.handleError(ctx, 'projectMetadata', error)))
       .subscribe((results) => {
@@ -234,7 +234,7 @@ export class ProjectFilesState {
     const state = ctx.getState();
     ctx.patchState({ contributors: { ...state.contributors, isLoading: true, error: null } });
 
-    return this.filesService.getProjectContributors(action.projectId).pipe(
+    return this.filesService.getResourceContributors(action.projectId, 'nodes').pipe(
       tap({
         next: (contributors) => {
           ctx.patchState({ contributors: { data: contributors, isLoading: false, error: null } });
diff --git a/src/app/shared/components/file-link/file-link.component.html b/src/app/shared/components/file-link/file-link.component.html
new file mode 100644
index 000000000..372199538
--- /dev/null
+++ b/src/app/shared/components/file-link/file-link.component.html
@@ -0,0 +1,14 @@
+<div
+  class="inline-flex items-center cursor-pointer"
+  role="button"
+  tabindex="0"
+  (click)="navigateToFile()"
+  (keydown.enter)="navigateToFile()"
+  (keydown.space)="navigateToFile()"
+>
+  @if (hasProjectedContent()) {
+    <ng-content></ng-content>
+  } @else {
+    <p-tag [value]="file().file_name" severity="info"></p-tag>
+  }
+</div>
diff --git a/src/app/shared/components/file-link/file-link.component.scss b/src/app/shared/components/file-link/file-link.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/shared/components/file-link/file-link.component.spec.ts b/src/app/shared/components/file-link/file-link.component.spec.ts
new file mode 100644
index 000000000..3e88dedfe
--- /dev/null
+++ b/src/app/shared/components/file-link/file-link.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FileLinkComponent } from './file-link.component';
+
+describe('FileLinkComponent', () => {
+  let component: FileLinkComponent;
+  let fixture: ComponentFixture<FileLinkComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FileLinkComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FileLinkComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/shared/components/file-link/file-link.component.ts b/src/app/shared/components/file-link/file-link.component.ts
new file mode 100644
index 000000000..d494d838a
--- /dev/null
+++ b/src/app/shared/components/file-link/file-link.component.ts
@@ -0,0 +1,46 @@
+import { Tag } from 'primeng/tag';
+
+import {
+  ChangeDetectionStrategy,
+  Component,
+  computed,
+  contentChild,
+  DestroyRef,
+  ElementRef,
+  inject,
+  input,
+} from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { Router } from '@angular/router';
+
+import { FilesService } from '@osf/shared/services';
+
+@Component({
+  selector: 'osf-file-link',
+  imports: [Tag],
+  templateUrl: './file-link.component.html',
+  styleUrl: './file-link.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class FileLinkComponent {
+  file = input.required<{ file_id: string; file_name: string }>();
+  content = contentChild<ElementRef>('content');
+
+  private readonly filesService = inject(FilesService);
+  private readonly router = inject(Router);
+  private readonly destroyRef = inject(DestroyRef);
+
+  hasProjectedContent = computed(() => !!this.content());
+
+  navigateToFile() {
+    const fileId = this.file().file_id;
+    if (fileId) {
+      this.filesService
+        .getFileGuid(fileId)
+        .pipe(takeUntilDestroyed(this.destroyRef))
+        .subscribe((file) => {
+          this.router.navigate(['/files', file.guid]);
+        });
+    }
+  }
+}
diff --git a/src/app/shared/components/files-tree/files-tree.component.ts b/src/app/shared/components/files-tree/files-tree.component.ts
index 526546184..db75c9d64 100644
--- a/src/app/shared/components/files-tree/files-tree.component.ts
+++ b/src/app/shared/components/files-tree/files-tree.component.ts
@@ -149,12 +149,12 @@ export class FilesTreeComponent implements OnDestroy, AfterViewInit {
 
   openEntry(file: OsfFile) {
     if (file.kind === 'file') {
-      if (!file.guid) {
+      if (file.guid) {
+        this.entryFileClicked.emit(file);
+      } else {
         this.filesService.getFileGuid(file.id).subscribe((file) => {
           this.entryFileClicked.emit(file);
         });
-      } else {
-        this.entryFileClicked.emit(file);
       }
     } else {
       this.actions().setFilesIsLoading?.(true);
diff --git a/src/app/shared/components/index.ts b/src/app/shared/components/index.ts
index a1c1589d2..e5eabe591 100644
--- a/src/app/shared/components/index.ts
+++ b/src/app/shared/components/index.ts
@@ -7,6 +7,7 @@ export { EducationHistoryComponent } from './education-history/education-history
 export { EducationHistoryDialogComponent } from './education-history-dialog/education-history-dialog.component';
 export { EmploymentHistoryComponent } from './employment-history/employment-history.component';
 export { EmploymentHistoryDialogComponent } from './employment-history-dialog/employment-history-dialog.component';
+export { FileLinkComponent } from './file-link/file-link.component';
 export { FileMenuComponent } from './file-menu/file-menu.component';
 export { FilesTreeComponent } from './files-tree/files-tree.component';
 export { FilterChipsComponent } from './filter-chips/filter-chips.component';
diff --git a/src/app/shared/components/registration-blocks-data/registration-blocks-data.component.html b/src/app/shared/components/registration-blocks-data/registration-blocks-data.component.html
index d4392c874..bf98e1db7 100644
--- a/src/app/shared/components/registration-blocks-data/registration-blocks-data.component.html
+++ b/src/app/shared/components/registration-blocks-data/registration-blocks-data.component.html
@@ -22,7 +22,7 @@ <h4 class="mb-2" [class.text-lg]="isOverviewPage()">
           @if (reviewData()[question.responseKey!].length) {
             <div class="flex flex-wrap gap-2">
               @for (file of reviewData()[question.responseKey!]; track file.id) {
-                <p-tag [value]="file.file_name" severity="info"></p-tag>
+                <osf-file-link [file]="file"></osf-file-link>
               }
             </div>
           } @else {
diff --git a/src/app/shared/components/registration-blocks-data/registration-blocks-data.component.ts b/src/app/shared/components/registration-blocks-data/registration-blocks-data.component.ts
index 846aa407e..080c02764 100644
--- a/src/app/shared/components/registration-blocks-data/registration-blocks-data.component.ts
+++ b/src/app/shared/components/registration-blocks-data/registration-blocks-data.component.ts
@@ -9,9 +9,11 @@ import { INPUT_VALIDATION_MESSAGES } from '@osf/shared/constants';
 import { FieldType } from '@osf/shared/enums';
 import { Question } from '@osf/shared/models';
 
+import { FileLinkComponent } from '../file-link/file-link.component';
+
 @Component({
   selector: 'osf-registration-blocks-data',
-  imports: [Tag, TranslatePipe, Message],
+  imports: [Tag, TranslatePipe, Message, FileLinkComponent],
   templateUrl: './registration-blocks-data.component.html',
   styleUrl: './registration-blocks-data.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/src/app/shared/mappers/files/files.mapper.ts b/src/app/shared/mappers/files/files.mapper.ts
index 7ed7e83d8..838032bf3 100644
--- a/src/app/shared/mappers/files/files.mapper.ts
+++ b/src/app/shared/mappers/files/files.mapper.ts
@@ -48,6 +48,7 @@ export function MapFile(
       filesLink: file?.relationships?.files?.links?.related?.href,
     },
     target: {
+      id: file?.embeds?.target.data.id,
       title: file?.embeds?.target.data.attributes.title,
       description: file?.embeds?.target.data.attributes.description,
       category: file?.embeds?.target.data.attributes.category,
@@ -61,6 +62,7 @@ export function MapFile(
       tags: file?.embeds?.target.data.attributes.tags,
       nodeLicense: file?.embeds?.target.data.attributes.node_license,
       analyticsKey: file?.embeds?.target.data.attributes.analytics_key,
+      type: file?.embeds?.target.data.type,
     },
   } as OsfFile;
 }
diff --git a/src/app/shared/models/index.ts b/src/app/shared/models/index.ts
index 154a8a219..d0cb7b98b 100644
--- a/src/app/shared/models/index.ts
+++ b/src/app/shared/models/index.ts
@@ -31,6 +31,7 @@ export * from './provider';
 export * from './query-params.model';
 export * from './registration';
 export * from './resource-card';
+export * from './resource-metadata.model';
 export * from './resource-overview.model';
 export * from './search';
 export * from './select-option.model';
diff --git a/src/app/shared/models/resource-metadata.model.ts b/src/app/shared/models/resource-metadata.model.ts
new file mode 100644
index 000000000..46fcd5f37
--- /dev/null
+++ b/src/app/shared/models/resource-metadata.model.ts
@@ -0,0 +1,16 @@
+export interface ResourceMetadata {
+  title: string;
+  description: string;
+  dateCreated: Date;
+  dateModified: Date;
+  language: string;
+  resourceTypeGeneral: string;
+  funders: {
+    funderName: string;
+    funderIdentifier: string;
+    funderIdentifierType: string;
+    awardNumber: string;
+    awardUri: string;
+    awardTitle: string;
+  }[];
+}
diff --git a/src/app/shared/services/files.service.ts b/src/app/shared/services/files.service.ts
index 66cffc62a..71c26d027 100644
--- a/src/app/shared/services/files.service.ts
+++ b/src/app/shared/services/files.service.ts
@@ -187,29 +187,26 @@ export class FilesService {
       .pipe(map((response) => MapFileCustomMetadata(response.data)));
   }
 
-  getProjectShortInfo(resourceId: string): Observable<GetProjectShortInfoResponse> {
+  getResourceShortInfo(resourceId: string, resourceType: string): Observable<GetProjectShortInfoResponse> {
     const params = {
       'fields[nodes]': 'title,description,date_created,date_modified',
     };
-    return this.jsonApiService.get<GetProjectShortInfoResponse>(`${environment.apiUrl}/nodes/${resourceId}/`, params);
+    return this.jsonApiService.get<GetProjectShortInfoResponse>(
+      `${environment.apiUrl}/${resourceType}/${resourceId}/`,
+      params
+    );
   }
 
-  getProjectCustomMetadata(resourceId: string): Observable<GetProjectCustomMetadataResponse> {
+  getCustomMetadata(resourceId: string): Observable<GetProjectCustomMetadataResponse> {
     return this.jsonApiService.get<GetProjectCustomMetadataResponse>(
       `${environment.apiUrl}/guids/${resourceId}/?embed=custom_metadata&resolve=false`
     );
   }
 
-  getProjectContributors(resourceId: string): Observable<OsfFileProjectContributor[]> {
-    const params = {
-      'page[size]': '50',
-      'fields[users]': 'full_name,active',
-    };
-
+  getResourceContributors(resourceId: string, resourceType: string): Observable<OsfFileProjectContributor[]> {
     return this.jsonApiService
       .get<GetProjectContributorsResponse>(
-        `${environment.apiUrl}/nodes/${resourceId}/contributors_and_group_members/`,
-        params
+        `${environment.apiUrl}/${resourceType}/${resourceId}/bibliographic_contributors/`
       )
       .pipe(
         map((response) =>

From ec7d703733dc4fe3dd2aa7ff52f139251497670e Mon Sep 17 00:00:00 2001
From: NazarMykhalkevych <nmykhalkevych@exoft.net>
Date: Mon, 18 Aug 2025 12:03:29 +0300
Subject: [PATCH 4/7] fix(files): update imports

---
 .../files/components/file-keywords/file-keywords.component.ts   | 2 +-
 .../files/models/get-resource-custom-metadata-response.model.ts | 2 +-
 .../files/models/get-resource-short-info-response.model.ts      | 2 +-
 src/app/features/files/store/files.state.ts                     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/features/files/components/file-keywords/file-keywords.component.ts b/src/app/features/files/components/file-keywords/file-keywords.component.ts
index 02fc592b8..7991a5740 100644
--- a/src/app/features/files/components/file-keywords/file-keywords.component.ts
+++ b/src/app/features/files/components/file-keywords/file-keywords.component.ts
@@ -11,8 +11,8 @@ import { ChangeDetectionStrategy, Component, DestroyRef, inject } from '@angular
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormControl, ReactiveFormsModule, Validators } from '@angular/forms';
 
+import { CustomValidators } from '@osf/shared/helpers';
 import { InputLimits } from '@shared/constants';
-import { CustomValidators } from '@shared/utils';
 
 import { FilesSelectors, UpdateTags } from '../../store';
 
diff --git a/src/app/features/files/models/get-resource-custom-metadata-response.model.ts b/src/app/features/files/models/get-resource-custom-metadata-response.model.ts
index 5247896ae..34b6a7f89 100644
--- a/src/app/features/files/models/get-resource-custom-metadata-response.model.ts
+++ b/src/app/features/files/models/get-resource-custom-metadata-response.model.ts
@@ -1,4 +1,4 @@
-import { ApiData, JsonApiResponse } from '@core/models';
+import { ApiData, JsonApiResponse } from '@osf/shared/models';
 
 export type GetResourceCustomMetadataResponse = JsonApiResponse<
   ApiData<null, ResourceMetadataEmbedResponse, null, null>,
diff --git a/src/app/features/files/models/get-resource-short-info-response.model.ts b/src/app/features/files/models/get-resource-short-info-response.model.ts
index 8e38daf5f..8b50228f3 100644
--- a/src/app/features/files/models/get-resource-short-info-response.model.ts
+++ b/src/app/features/files/models/get-resource-short-info-response.model.ts
@@ -1,4 +1,4 @@
-import { ApiData, JsonApiResponse } from '@core/models';
+import { ApiData, JsonApiResponse } from '@osf/shared/models';
 
 export type GetResourceShortInfoResponse = JsonApiResponse<
   ApiData<
diff --git a/src/app/features/files/store/files.state.ts b/src/app/features/files/store/files.state.ts
index 3d4d615f5..1a9b29f99 100644
--- a/src/app/features/files/store/files.state.ts
+++ b/src/app/features/files/store/files.state.ts
@@ -4,7 +4,7 @@ import { catchError, finalize, forkJoin, tap } from 'rxjs';
 
 import { inject, Injectable } from '@angular/core';
 
-import { handleSectionError } from '@osf/core/handlers';
+import { handleSectionError } from '@osf/shared/helpers';
 import { FilesService, ToastService } from '@shared/services';
 
 import { filesStateDefaults } from '../constants';

From ad093b45e741b405a862d122f74269be2754d869 Mon Sep 17 00:00:00 2001
From: NazarMykhalkevych <nmykhalkevych@exoft.net>
Date: Tue, 19 Aug 2025 01:24:42 +0300
Subject: [PATCH 5/7] fix(files): refactoring files

---
 .../create-folder-dialog.component.html       |   4 +-
 .../create-folder-dialog.component.spec.ts    |   0
 .../create-folder-dialog.component.ts         |   0
 .../edit-file-metadata-dialog.component.html  |   8 +-
 .../file-keywords.component.html              |   2 +-
 .../file-metadata.component.html              |   4 +-
 .../file-metadata/file-metadata.component.ts  |   2 +-
 .../file-resource-metadata.component.html}    |  54 +--
 .../file-resource-metadata.component.scss}    |   0
 .../file-resource-metadata.component.spec.ts  |  22 ++
 .../file-resource-metadata.component.ts       |  24 ++
 .../file-revisions.component.html             |  12 +-
 src/app/features/files/components/index.ts    |   4 +
 .../move-file-dialog.component.html           |   9 +-
 .../move-file-dialog.component.scss           |   0
 .../move-file-dialog.component.spec.ts        |   0
 .../move-file-dialog.component.ts             |   2 +-
 .../rename-file-dialog.component.html         |   4 +-
 .../rename-file-dialog.component.spec.ts      |   0
 .../rename-file-dialog.component.ts           |   0
 .../constants/embed-content.constants.ts      |  42 +++
 .../file-metadata-fields.constants.ts         |   8 +-
 src/app/features/files/constants/index.ts     |   1 +
 .../files.routes.ts}                          |  13 +-
 .../community-metadata.component.html         |   0
 .../community-metadata.component.scss         |   0
 .../community-metadata.component.spec.ts      |   0
 .../community-metadata.component.ts           |   0
 .../file-detail/file-detail.component.html    |  10 +-
 .../file-detail/file-detail.component.ts      |  16 +-
 .../files-container.component.html            |   1 +
 .../files-container.component.spec.ts         |  26 ++
 .../files-container.component.ts              |  10 +
 .../files/pages/files/files.component.html    | 114 ++++++
 .../files/pages/files/files.component.scss    |  24 ++
 .../files/pages/files/files.component.spec.ts |  26 ++
 .../files/pages/files/files.component.ts      | 341 ++++++++++++++++++
 src/app/features/files/store/files.actions.ts |  69 ++++
 .../features/files/store/files.selectors.ts   |   6 +-
 src/app/features/files/store/files.state.ts   | 144 +++++++-
 .../bulk-upload/bulk-upload.component.html    |   2 +-
 ...tion-moderation-submissions.component.html |   2 +-
 .../preprint-submissions.component.html       |   2 +-
 ...rint-withdrawal-submissions.component.html |   2 +-
 ...egistry-pending-submissions.component.html |   2 +-
 .../registry-submissions.component.html       |   2 +-
 .../edit-file-metadata-dialog.component.html  |  56 ---
 ...dit-file-metadata-dialog.component.spec.ts |  22 --
 .../edit-file-metadata-dialog.component.ts    |  69 ----
 .../file-keywords.component.html              |  24 --
 .../file-keywords.component.scss              |   0
 .../file-keywords.component.spec.ts           |  22 --
 .../file-keywords/file-keywords.component.ts  |  63 ----
 .../file-metadata.component.html              |  33 --
 .../file-metadata.component.scss              |   0
 .../file-metadata.component.spec.ts           |  22 --
 .../file-metadata/file-metadata.component.ts  |  71 ----
 .../file-project-metadata.component.scss      |   0
 .../file-project-metadata.component.spec.ts   |  22 --
 .../file-project-metadata.component.ts        |  24 --
 .../file-revisions.component.html             |  60 ---
 .../file-revisions.component.scss             |   0
 .../file-revisions.component.spec.ts          |  22 --
 .../file-revisions.component.ts               |  51 ---
 .../project/files/components/index.ts         |   9 -
 .../constants/file-metadata-fields.const.ts   |   8 +-
 .../project-files.component.html              |  16 +-
 .../project-files/project-files.component.ts  |   5 +-
 .../files/store/project-files.state.ts        |   3 -
 src/app/features/project/project.routes.ts    |   8 +-
 .../custom-step/custom-step.component.html    |   2 +-
 .../files-control.component.html              |   6 +-
 .../files-control/files-control.component.ts  |   4 +-
 .../registry-files.component.html             |   8 +-
 src/app/features/registry/registry.routes.ts  |   2 +-
 .../file-menu/file-menu.component.ts          |  10 +-
 .../files-tree/files-tree.component.html      |   6 +-
 .../files-tree/files-tree.component.ts        |  24 +-
 .../project-metadata-funding.component.html   |  10 +-
 ...resource-information-dialog.component.html |   4 +-
 .../shared/constants/sort-options.const.ts    |  16 +-
 src/app/shared/models/files/index.ts          |   1 +
 .../files/resource-files-links.model.ts       |   4 +
 src/app/shared/services/files.service.ts      |  15 +
 src/assets/i18n/en.json                       | 228 ++++++------
 85 files changed, 1104 insertions(+), 860 deletions(-)
 rename src/app/features/{project => }/files/components/create-folder-dialog/create-folder-dialog.component.html (81%)
 rename src/app/features/{project => }/files/components/create-folder-dialog/create-folder-dialog.component.spec.ts (100%)
 rename src/app/features/{project => }/files/components/create-folder-dialog/create-folder-dialog.component.ts (100%)
 rename src/app/features/{project/files/components/file-project-metadata/file-project-metadata.component.html => files/components/file-resource-metadata/file-resource-metadata.component.html} (51%)
 rename src/app/features/{project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.scss => files/components/file-resource-metadata/file-resource-metadata.component.scss} (100%)
 create mode 100644 src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.spec.ts
 create mode 100644 src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.ts
 rename src/app/features/{project => }/files/components/move-file-dialog/move-file-dialog.component.html (87%)
 rename src/app/features/{project => }/files/components/move-file-dialog/move-file-dialog.component.scss (100%)
 rename src/app/features/{project => }/files/components/move-file-dialog/move-file-dialog.component.spec.ts (100%)
 rename src/app/features/{project => }/files/components/move-file-dialog/move-file-dialog.component.ts (98%)
 rename src/app/features/{project => }/files/components/rename-file-dialog/rename-file-dialog.component.html (82%)
 rename src/app/features/{project => }/files/components/rename-file-dialog/rename-file-dialog.component.spec.ts (100%)
 rename src/app/features/{project => }/files/components/rename-file-dialog/rename-file-dialog.component.ts (100%)
 create mode 100644 src/app/features/files/constants/embed-content.constants.ts
 rename src/app/features/{project/files/project-files.routes.ts => files/files.routes.ts} (50%)
 rename src/app/features/{project => }/files/pages/community-metadata/community-metadata.component.html (100%)
 rename src/app/features/{project => }/files/pages/community-metadata/community-metadata.component.scss (100%)
 rename src/app/features/{project => }/files/pages/community-metadata/community-metadata.component.spec.ts (100%)
 rename src/app/features/{project => }/files/pages/community-metadata/community-metadata.component.ts (100%)
 create mode 100644 src/app/features/files/pages/files-container/files-container.component.html
 create mode 100644 src/app/features/files/pages/files-container/files-container.component.spec.ts
 create mode 100644 src/app/features/files/pages/files-container/files-container.component.ts
 create mode 100644 src/app/features/files/pages/files/files.component.html
 create mode 100644 src/app/features/files/pages/files/files.component.scss
 create mode 100644 src/app/features/files/pages/files/files.component.spec.ts
 create mode 100644 src/app/features/files/pages/files/files.component.ts
 delete mode 100644 src/app/features/project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.html
 delete mode 100644 src/app/features/project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.spec.ts
 delete mode 100644 src/app/features/project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.ts
 delete mode 100644 src/app/features/project/files/components/file-keywords/file-keywords.component.html
 delete mode 100644 src/app/features/project/files/components/file-keywords/file-keywords.component.scss
 delete mode 100644 src/app/features/project/files/components/file-keywords/file-keywords.component.spec.ts
 delete mode 100644 src/app/features/project/files/components/file-keywords/file-keywords.component.ts
 delete mode 100644 src/app/features/project/files/components/file-metadata/file-metadata.component.html
 delete mode 100644 src/app/features/project/files/components/file-metadata/file-metadata.component.scss
 delete mode 100644 src/app/features/project/files/components/file-metadata/file-metadata.component.spec.ts
 delete mode 100644 src/app/features/project/files/components/file-metadata/file-metadata.component.ts
 delete mode 100644 src/app/features/project/files/components/file-project-metadata/file-project-metadata.component.scss
 delete mode 100644 src/app/features/project/files/components/file-project-metadata/file-project-metadata.component.spec.ts
 delete mode 100644 src/app/features/project/files/components/file-project-metadata/file-project-metadata.component.ts
 delete mode 100644 src/app/features/project/files/components/file-revisions/file-revisions.component.html
 delete mode 100644 src/app/features/project/files/components/file-revisions/file-revisions.component.scss
 delete mode 100644 src/app/features/project/files/components/file-revisions/file-revisions.component.spec.ts
 delete mode 100644 src/app/features/project/files/components/file-revisions/file-revisions.component.ts
 delete mode 100644 src/app/features/project/files/components/index.ts
 create mode 100644 src/app/shared/models/files/resource-files-links.model.ts

diff --git a/src/app/features/project/files/components/create-folder-dialog/create-folder-dialog.component.html b/src/app/features/files/components/create-folder-dialog/create-folder-dialog.component.html
similarity index 81%
rename from src/app/features/project/files/components/create-folder-dialog/create-folder-dialog.component.html
rename to src/app/features/files/components/create-folder-dialog/create-folder-dialog.component.html
index 6d45824fe..cbeb82b17 100644
--- a/src/app/features/project/files/components/create-folder-dialog/create-folder-dialog.component.html
+++ b/src/app/features/files/components/create-folder-dialog/create-folder-dialog.component.html
@@ -2,8 +2,8 @@
   <div class="flex flex-column gap-4">
     <osf-text-input
       [control]="folderForm.controls['name']"
-      [label]="'project.files.dialogs.createFolder.folderName'"
-      [placeholder]="'project.files.dialogs.createFolder.folderNamePlaceholder'"
+      [label]="'files.dialogs.createFolder.folderName'"
+      [placeholder]="'files.dialogs.createFolder.folderNamePlaceholder'"
       [maxLength]="nameLimit"
       [minLength]="nameMinLength"
     >
diff --git a/src/app/features/project/files/components/create-folder-dialog/create-folder-dialog.component.spec.ts b/src/app/features/files/components/create-folder-dialog/create-folder-dialog.component.spec.ts
similarity index 100%
rename from src/app/features/project/files/components/create-folder-dialog/create-folder-dialog.component.spec.ts
rename to src/app/features/files/components/create-folder-dialog/create-folder-dialog.component.spec.ts
diff --git a/src/app/features/project/files/components/create-folder-dialog/create-folder-dialog.component.ts b/src/app/features/files/components/create-folder-dialog/create-folder-dialog.component.ts
similarity index 100%
rename from src/app/features/project/files/components/create-folder-dialog/create-folder-dialog.component.ts
rename to src/app/features/files/components/create-folder-dialog/create-folder-dialog.component.ts
diff --git a/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.html b/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.html
index 9abef56b5..7d1ac831c 100644
--- a/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.html
+++ b/src/app/features/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.html
@@ -1,16 +1,16 @@
 <form [formGroup]="fileMetadataForm" (ngSubmit)="setFileMetadata()" class="flex flex-column gap-3">
   <div class="flex flex-column gap-1">
-    <p>{{ 'project.files.detail.fileMetadata.fields.title' | translate }}</p>
+    <p>{{ 'files.detail.fileMetadata.fields.title' | translate }}</p>
     <input pInputText id="title" [formControl]="titleControl" />
   </div>
 
   <div class="flex flex-column gap-1">
-    <p>{{ 'project.files.detail.fileMetadata.fields.description' | translate }}</p>
+    <p>{{ 'files.detail.fileMetadata.fields.description' | translate }}</p>
     <input pInputText id="description" [formControl]="descriptionControl" />
   </div>
 
   <div class="flex flex-column gap-1">
-    <p>{{ 'project.files.detail.fileMetadata.fields.resourceType' | translate }}</p>
+    <p>{{ 'files.detail.fileMetadata.fields.resourceType' | translate }}</p>
     <p-select
       class="w-full"
       [options]="resourceTypes"
@@ -23,7 +23,7 @@
   </div>
 
   <div class="flex flex-column gap-1">
-    <p>{{ 'project.files.detail.fileMetadata.fields.resourceLanguage' | translate }}</p>
+    <p>{{ 'files.detail.fileMetadata.fields.resourceLanguage' | translate }}</p>
     <p-select
       class="w-full"
       [options]="languages"
diff --git a/src/app/features/files/components/file-keywords/file-keywords.component.html b/src/app/features/files/components/file-keywords/file-keywords.component.html
index 2b1bc0d9c..531240f29 100644
--- a/src/app/features/files/components/file-keywords/file-keywords.component.html
+++ b/src/app/features/files/components/file-keywords/file-keywords.component.html
@@ -1,5 +1,5 @@
 <div class="p-4 flex flex-column gap-2">
-  <h2>{{ 'project.files.detail.keywords.title' | translate }}</h2>
+  <h2>{{ 'files.detail.keywords.title' | translate }}</h2>
 
   <div class="flex align-items-center gap-2">
     <input pInputText class="flex-1" [formControl]="keywordControl" />
diff --git a/src/app/features/files/components/file-metadata/file-metadata.component.html b/src/app/features/files/components/file-metadata/file-metadata.component.html
index 926738703..e6038fa22 100644
--- a/src/app/features/files/components/file-metadata/file-metadata.component.html
+++ b/src/app/features/files/components/file-metadata/file-metadata.component.html
@@ -1,6 +1,6 @@
 <div class="p-4 flex flex-column gap-3">
   <div class="flex justify-content-between">
-    <h2>{{ 'project.files.detail.fileMetadata.title' | translate }}</h2>
+    <h2>{{ 'files.detail.fileMetadata.title' | translate }}</h2>
 
     <div class="flex gap-2">
       <p-button severity="secondary" (click)="downloadFileMetadata()">
@@ -10,7 +10,7 @@ <h2>{{ 'project.files.detail.fileMetadata.title' | translate }}</h2>
       <p-button
         severity="secondary"
         (click)="openEditFileMetadataDialog()"
-        [label]="'project.files.detail.fileMetadata.edit' | translate"
+        [label]="'files.detail.fileMetadata.edit' | translate"
       ></p-button>
     </div>
   </div>
diff --git a/src/app/features/files/components/file-metadata/file-metadata.component.ts b/src/app/features/files/components/file-metadata/file-metadata.component.ts
index 9c1a8a18b..0e87413ed 100644
--- a/src/app/features/files/components/file-metadata/file-metadata.component.ts
+++ b/src/app/features/files/components/file-metadata/file-metadata.component.ts
@@ -59,7 +59,7 @@ export class FileMetadataComponent {
       .open(EditFileMetadataDialogComponent, {
         width: '448px',
         focusOnShow: false,
-        header: this.translateService.instant('project.files.detail.fileMetadata.edit'),
+        header: this.translateService.instant('files.detail.fileMetadata.edit'),
         closeOnEscape: true,
         modal: true,
         closable: true,
diff --git a/src/app/features/project/files/components/file-project-metadata/file-project-metadata.component.html b/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.html
similarity index 51%
rename from src/app/features/project/files/components/file-project-metadata/file-project-metadata.component.html
rename to src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.html
index b71dd21f0..de4433eb5 100644
--- a/src/app/features/project/files/components/file-project-metadata/file-project-metadata.component.html
+++ b/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.html
@@ -1,35 +1,35 @@
 <div class="p-4 flex flex-column gap-5">
-  <h2>{{ 'project.files.detail.projectMetadata.title' | translate }}</h2>
+  <h2>{{ 'files.detail.resourceMetadata.title' | translate }}</h2>
 
-  @if (isProjectMetadataLoading()) {
+  @if (isResourceMetadataLoading()) {
     <p-skeleton width="100%" height="4rem" />
     <p-skeleton width="100%" height="4rem" />
     <p-skeleton width="100%" height="4rem" />
     <p-skeleton width="100%" height="4rem" />
   } @else {
-    @for (funder of projectMetadata()?.funders; track $index) {
+    @for (funder of resourceMetadata()?.funders; track $index) {
       <div class="flex flex-column gap-2">
         @if (funder.funderName) {
           <div class="flex flex-column gap-1">
-            <h4>{{ 'project.files.detail.projectMetadata.fields.funder' | translate }}</h4>
+            <h4>{{ 'files.detail.resourceMetadata.fields.funder' | translate }}</h4>
             <span>{{ funder.funderName }}</span>
           </div>
         }
         @if (funder.awardTitle) {
           <div class="flex flex-column gap-1">
-            <h4>{{ 'project.files.detail.projectMetadata.fields.awardTitle' | translate }}</h4>
+            <h4>{{ 'files.detail.resourceMetadata.fields.awardTitle' | translate }}</h4>
             <span>{{ funder.awardTitle }}</span>
           </div>
         }
         @if (funder.awardTitle) {
           <div class="flex flex-column gap-1">
-            <h4>{{ 'project.files.detail.projectMetadata.fields.awardNumber' | translate }}</h4>
+            <h4>{{ 'files.detail.resourceMetadata.fields.awardNumber' | translate }}</h4>
             <span>{{ funder.awardTitle }}</span>
           </div>
         }
         @if (funder.awardUri) {
           <div class="flex flex-column gap-1">
-            <h4>{{ 'project.files.detail.projectMetadata.fields.awardUri' | translate }}</h4>
+            <h4>{{ 'files.detail.resourceMetadata.fields.awardUri' | translate }}</h4>
             <span>{{ funder.awardUri }}</span>
           </div>
         }
@@ -37,72 +37,72 @@ <h4>{{ 'project.files.detail.projectMetadata.fields.awardUri' | translate }}</h4
     }
 
     <div class="flex flex-column gap-2">
-      <h4>{{ 'project.files.detail.projectMetadata.fields.title' | translate }}</h4>
+      <h4>{{ 'files.detail.resourceMetadata.fields.title' | translate }}</h4>
 
-      <span>{{ projectMetadata()?.title }}</span>
+      <span>{{ resourceMetadata()?.title }}</span>
     </div>
 
-    @if (projectMetadata()?.description) {
+    @if (resourceMetadata()?.description) {
       <div class="flex flex-column gap-2">
-        <h4>{{ 'project.files.detail.projectMetadata.fields.description' | translate }}</h4>
+        <h4>{{ 'files.detail.resourceMetadata.fields.description' | translate }}</h4>
 
         <div>
-          {{ projectMetadata()?.description }}
+          {{ resourceMetadata()?.description }}
         </div>
       </div>
     }
 
-    @if (projectMetadata()?.resourceTypeGeneral) {
+    @if (resourceMetadata()?.resourceTypeGeneral) {
       <div class="flex flex-column gap-2">
-        <h4>{{ 'project.files.detail.projectMetadata.fields.resourceType' | translate }}</h4>
+        <h4>{{ 'files.detail.resourceMetadata.fields.resourceType' | translate }}</h4>
 
         <div>
-          {{ projectMetadata()?.resourceTypeGeneral }}
+          {{ resourceMetadata()?.resourceTypeGeneral }}
         </div>
       </div>
     }
 
-    @if (projectMetadata()?.language) {
+    @if (resourceMetadata()?.language) {
       <div class="flex flex-column gap-2">
-        <h4>{{ 'project.files.detail.projectMetadata.fields.resourceLanguage' | translate }}</h4>
+        <h4>{{ 'files.detail.resourceMetadata.fields.resourceLanguage' | translate }}</h4>
 
         <div>
-          {{ projectMetadata()?.language }}
+          {{ resourceMetadata()?.language }}
         </div>
       </div>
     }
 
-    @if (projectMetadata()?.dateCreated) {
+    @if (resourceMetadata()?.dateCreated) {
       <div class="flex flex-column gap-2">
-        <h4>{{ 'project.files.detail.projectMetadata.fields.dateCreated' | translate }}</h4>
+        <h4>{{ 'files.detail.resourceMetadata.fields.dateCreated' | translate }}</h4>
 
         <div>
-          {{ projectMetadata()?.dateCreated | date: 'MMMM d, y' }}
+          {{ resourceMetadata()?.dateCreated | date: 'MMMM d, y' }}
         </div>
       </div>
     }
 
-    @if (projectMetadata()?.dateModified) {
+    @if (resourceMetadata()?.dateModified) {
       <div class="flex flex-column gap-2">
-        <h4>{{ 'project.files.detail.projectMetadata.fields.dateModified' | translate }}</h4>
+        <h4>{{ 'files.detail.resourceMetadata.fields.dateModified' | translate }}</h4>
 
         <div>
-          {{ projectMetadata()?.dateModified | date: 'MMMM d, y' }}
+          {{ resourceMetadata()?.dateModified | date: 'MMMM d, y' }}
         </div>
       </div>
     }
   }
 
-  @if (isProjectContributorsLoading()) {
+  @if (isResourceContributorsLoading()) {
     <p-skeleton width="100%" height="4rem" />
   } @else {
     @if (contributors()?.length) {
       <div class="flex flex-column gap-2">
-        <h4>{{ 'project.files.detail.projectMetadata.fields.contributors' | translate }}</h4>
+        <h4>{{ 'files.detail.resourceMetadata.fields.contributors' | translate }}</h4>
 
         <div class="flex flex-wrap">
           @for (contributor of contributors(); track $index) {
-            <a [href]="contributor.id" class="font-bold">{{ contributor.name }}</a>
+            <a [href]="contributor.id" class="font-bold">{{ contributor.fullName }}</a>
             @if (!$last) {
               <span>,&nbsp;</span>
             }
diff --git a/src/app/features/project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.scss b/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.scss
similarity index 100%
rename from src/app/features/project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.scss
rename to src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.scss
diff --git a/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.spec.ts b/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.spec.ts
new file mode 100644
index 000000000..ca59b6b86
--- /dev/null
+++ b/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FileResourceMetadataComponent } from './file-resource-metadata.component';
+
+describe('FileResourceMetadataComponent', () => {
+  let component: FileResourceMetadataComponent;
+  let fixture: ComponentFixture<FileResourceMetadataComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FileResourceMetadataComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FileResourceMetadataComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.ts b/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.ts
new file mode 100644
index 000000000..25a00edf8
--- /dev/null
+++ b/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.ts
@@ -0,0 +1,24 @@
+import { select } from '@ngxs/store';
+
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Skeleton } from 'primeng/skeleton';
+
+import { DatePipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+import { FilesSelectors } from '../../store';
+
+@Component({
+  selector: 'osf-file-resource-metadata',
+  imports: [DatePipe, TranslatePipe, Skeleton],
+  templateUrl: './file-resource-metadata.component.html',
+  styleUrl: './file-resource-metadata.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class FileResourceMetadataComponent {
+  resourceMetadata = select(FilesSelectors.getResourceMetadata);
+  contributors = select(FilesSelectors.getContributors);
+  isResourceMetadataLoading = select(FilesSelectors.isResourceMetadataLoading);
+  isResourceContributorsLoading = select(FilesSelectors.isResourceContributorsLoading);
+}
diff --git a/src/app/features/files/components/file-revisions/file-revisions.component.html b/src/app/features/files/components/file-revisions/file-revisions.component.html
index 7fb8c95a3..2c7e02e54 100644
--- a/src/app/features/files/components/file-revisions/file-revisions.component.html
+++ b/src/app/features/files/components/file-revisions/file-revisions.component.html
@@ -1,6 +1,6 @@
 <div class="p-4 flex flex-column gap-2">
   <div class="flex justify-content-between">
-    <h2>{{ 'project.files.detail.revisions.title' | translate }}</h2>
+    <h2>{{ 'files.detail.revisions.title' | translate }}</h2>
   </div>
 
   @if (isLoading()) {
@@ -18,12 +18,12 @@ <h2>{{ 'project.files.detail.revisions.title' | translate }}</h2>
               <li class="flex align-items-center justify-content-between">
                 <osf-copy-button
                   class="copy-button"
-                  [label]="'project.files.detail.revisions.actions.copyMd5' | translate"
+                  [label]="'files.detail.revisions.actions.copyMd5' | translate"
                   [copyItem]="item.hashes.md5"
                 ></osf-copy-button>
 
                 <osf-info-icon
-                  [tooltipText]="'project.files.detail.revisions.tooltips.md5' | translate"
+                  [tooltipText]="'files.detail.revisions.tooltips.md5' | translate"
                   tooltipPosition="left"
                 ></osf-info-icon>
               </li>
@@ -31,12 +31,12 @@ <h2>{{ 'project.files.detail.revisions.title' | translate }}</h2>
               <li class="flex align-items-center justify-content-between gap-2">
                 <osf-copy-button
                   class="copy-button"
-                  [label]="'project.files.detail.revisions.actions.copySha2' | translate"
+                  [label]="'files.detail.revisions.actions.copySha2' | translate"
                   [copyItem]="item.hashes.sha256"
                 ></osf-copy-button>
 
                 <osf-info-icon
-                  [tooltipText]="'project.files.detail.revisions.tooltips.sha2' | translate"
+                  [tooltipText]="'files.detail.revisions.tooltips.sha2' | translate"
                   tooltipPosition="left"
                 ></osf-info-icon>
               </li>
@@ -45,7 +45,7 @@ <h2>{{ 'project.files.detail.revisions.title' | translate }}</h2>
                 <p-button
                   icon="fas fa-download"
                   variant="text"
-                  [label]="'project.files.detail.revisions.actions.download' | translate"
+                  [label]="'files.detail.revisions.actions.download' | translate"
                   (click)="downloadRevision(item.version)"
                 ></p-button>
 
diff --git a/src/app/features/files/components/index.ts b/src/app/features/files/components/index.ts
index 7925a2597..80c02901d 100644
--- a/src/app/features/files/components/index.ts
+++ b/src/app/features/files/components/index.ts
@@ -1,4 +1,8 @@
+export { CreateFolderDialogComponent } from './create-folder-dialog/create-folder-dialog.component';
 export { EditFileMetadataDialogComponent } from './edit-file-metadata-dialog/edit-file-metadata-dialog.component';
 export { FileKeywordsComponent } from './file-keywords/file-keywords.component';
 export { FileMetadataComponent } from './file-metadata/file-metadata.component';
+export { FileResourceMetadataComponent } from './file-resource-metadata/file-resource-metadata.component';
 export { FileRevisionsComponent } from './file-revisions/file-revisions.component';
+export { MoveFileDialogComponent } from './move-file-dialog/move-file-dialog.component';
+export { RenameFileDialogComponent } from './rename-file-dialog/rename-file-dialog.component';
diff --git a/src/app/features/project/files/components/move-file-dialog/move-file-dialog.component.html b/src/app/features/files/components/move-file-dialog/move-file-dialog.component.html
similarity index 87%
rename from src/app/features/project/files/components/move-file-dialog/move-file-dialog.component.html
rename to src/app/features/files/components/move-file-dialog/move-file-dialog.component.html
index 563817c83..fb2589340 100644
--- a/src/app/features/project/files/components/move-file-dialog/move-file-dialog.component.html
+++ b/src/app/features/files/components/move-file-dialog/move-file-dialog.component.html
@@ -6,7 +6,7 @@
   <div class="flex flex-column gap-2">
     <div class="flex gap-2">
       <img [ngSrc]="'/assets/images/cos-shield.svg'" width="24" height="24" alt="cost-shield" />
-      <h2 class="font-normal">{{ 'project.files.dialogs.moveFile.storage' | translate }}</h2>
+      <h2 class="font-normal">{{ 'files.dialogs.moveFile.storage' | translate }}</h2>
     </div>
 
     <div class="files-table flex flex-column">
@@ -37,10 +37,7 @@ <h2 class="font-normal">{{ 'project.files.dialogs.moveFile.storage' | translate
             } @else if (config.data.file.id === file.id) {
               <osf-icon class="disabled-icon" iconClass="fas fa-folder disabled-icon"></osf-icon>
 
-              <div
-                class="filename-link overflow-ellipsis"
-                [pTooltip]="'project.files.dialogs.moveFile.cannotMove' | translate"
-              >
+              <div class="filename-link overflow-ellipsis" [pTooltip]="'files.dialogs.moveFile.cannotMove' | translate">
                 {{ file?.name ?? '' }}
               </div>
             } @else {
@@ -60,7 +57,7 @@ <h2 class="font-normal">{{ 'project.files.dialogs.moveFile.storage' | translate
       }
       @if (!files().length) {
         <div class="flex justify-content-center p-4">
-          <h3 class="font-normal text-no-transform">{{ 'project.files.emptyState' | translate }}</h3>
+          <h3 class="font-normal text-no-transform">{{ 'files.emptyState' | translate }}</h3>
         </div>
       }
     </div>
diff --git a/src/app/features/project/files/components/move-file-dialog/move-file-dialog.component.scss b/src/app/features/files/components/move-file-dialog/move-file-dialog.component.scss
similarity index 100%
rename from src/app/features/project/files/components/move-file-dialog/move-file-dialog.component.scss
rename to src/app/features/files/components/move-file-dialog/move-file-dialog.component.scss
diff --git a/src/app/features/project/files/components/move-file-dialog/move-file-dialog.component.spec.ts b/src/app/features/files/components/move-file-dialog/move-file-dialog.component.spec.ts
similarity index 100%
rename from src/app/features/project/files/components/move-file-dialog/move-file-dialog.component.spec.ts
rename to src/app/features/files/components/move-file-dialog/move-file-dialog.component.spec.ts
diff --git a/src/app/features/project/files/components/move-file-dialog/move-file-dialog.component.ts b/src/app/features/files/components/move-file-dialog/move-file-dialog.component.ts
similarity index 98%
rename from src/app/features/project/files/components/move-file-dialog/move-file-dialog.component.ts
rename to src/app/features/files/components/move-file-dialog/move-file-dialog.component.ts
index 2cb2615be..9bfea9c1d 100644
--- a/src/app/features/project/files/components/move-file-dialog/move-file-dialog.component.ts
+++ b/src/app/features/files/components/move-file-dialog/move-file-dialog.component.ts
@@ -105,7 +105,7 @@ export class MoveFileDialogComponent {
     let path = this.currentFolder()?.path;
 
     if (!path) {
-      throw new Error(this.translateService.instant('project.files.dialogs.moveFile.pathError'));
+      throw new Error(this.translateService.instant('files.dialogs.moveFile.pathError'));
     }
 
     if (!this.currentFolder()?.relationships.parentFolderLink) {
diff --git a/src/app/features/project/files/components/rename-file-dialog/rename-file-dialog.component.html b/src/app/features/files/components/rename-file-dialog/rename-file-dialog.component.html
similarity index 82%
rename from src/app/features/project/files/components/rename-file-dialog/rename-file-dialog.component.html
rename to src/app/features/files/components/rename-file-dialog/rename-file-dialog.component.html
index 03cf87dde..2abb1b505 100644
--- a/src/app/features/project/files/components/rename-file-dialog/rename-file-dialog.component.html
+++ b/src/app/features/files/components/rename-file-dialog/rename-file-dialog.component.html
@@ -2,8 +2,8 @@
   <div class="flex flex-column gap-4">
     <osf-text-input
       [control]="renameForm.controls['name']"
-      [label]="'project.files.dialogs.renameFile.newName'"
-      [placeholder]="'project.files.dialogs.renameFile.enterNewName'"
+      [label]="'files.dialogs.renameFile.newName'"
+      [placeholder]="'files.dialogs.renameFile.enterNewName'"
       [maxLength]="nameLimit"
       [minLength]="nameMinLength"
     >
diff --git a/src/app/features/project/files/components/rename-file-dialog/rename-file-dialog.component.spec.ts b/src/app/features/files/components/rename-file-dialog/rename-file-dialog.component.spec.ts
similarity index 100%
rename from src/app/features/project/files/components/rename-file-dialog/rename-file-dialog.component.spec.ts
rename to src/app/features/files/components/rename-file-dialog/rename-file-dialog.component.spec.ts
diff --git a/src/app/features/project/files/components/rename-file-dialog/rename-file-dialog.component.ts b/src/app/features/files/components/rename-file-dialog/rename-file-dialog.component.ts
similarity index 100%
rename from src/app/features/project/files/components/rename-file-dialog/rename-file-dialog.component.ts
rename to src/app/features/files/components/rename-file-dialog/rename-file-dialog.component.ts
diff --git a/src/app/features/files/constants/embed-content.constants.ts b/src/app/features/files/constants/embed-content.constants.ts
new file mode 100644
index 000000000..d539e5868
--- /dev/null
+++ b/src/app/features/files/constants/embed-content.constants.ts
@@ -0,0 +1,42 @@
+export const embedDynamicJs = `
+  <style>
+    .embed-responsive {
+      position: relative;
+      height: 100%;
+    }
+    .embed-responsive iframe {
+      position: absolute;
+      height: 100%;
+    }
+  </style>
+  <link href="https://mfr.osf.io/static/css/mfr.css" media="all" rel="stylesheet">
+  <div id="mfrIframe" class="mfr mfr-file"></div>
+  <script src="https://mfr.osf.io/static/js/mfr.js"></script>
+  <script>
+    function renderMfr() {
+      var mfrRender = new mfr.Render("mfrIframe", "https://mfr.osf.io/render?url=ENCODED_URL");
+    }
+    if (window.$) {
+      renderMfr();
+    } else {
+      var jq = document.createElement('script');
+      document.head.appendChild(jq);
+      jq.onload = function() {
+        renderMfr();
+      }
+      jq.src = 'http://code.jquery.com/jquery-1.11.2.min.js';
+    }
+  </script>
+`.trim();
+
+export const embedStaticHtml = `
+<iframe src="ENCODED_URL"
+        width="100%"
+        scrolling="yes"
+        height="677px"
+        marginheight="0"
+        frameborder="0"
+        allowfullscreen
+        webkitallowfullscreen
+>
+`;
diff --git a/src/app/features/files/constants/file-metadata-fields.constants.ts b/src/app/features/files/constants/file-metadata-fields.constants.ts
index 6aadeb040..0b9617fa4 100644
--- a/src/app/features/files/constants/file-metadata-fields.constants.ts
+++ b/src/app/features/files/constants/file-metadata-fields.constants.ts
@@ -1,8 +1,8 @@
 import { MetadataField } from '../models';
 
 export const FileMetadataFields: MetadataField[] = [
-  { key: 'title', label: 'project.files.detail.fileMetadata.fields.title' },
-  { key: 'description', label: 'project.files.detail.fileMetadata.fields.description' },
-  { key: 'resourceTypeGeneral', label: 'project.files.detail.fileMetadata.fields.resourceType' },
-  { key: 'language', label: 'project.files.detail.fileMetadata.fields.resourceLanguage' },
+  { key: 'title', label: 'files.detail.fileMetadata.fields.title' },
+  { key: 'description', label: 'files.detail.fileMetadata.fields.description' },
+  { key: 'resourceTypeGeneral', label: 'files.detail.fileMetadata.fields.resourceType' },
+  { key: 'language', label: 'files.detail.fileMetadata.fields.resourceLanguage' },
 ];
diff --git a/src/app/features/files/constants/index.ts b/src/app/features/files/constants/index.ts
index c1f029a52..883316ef3 100644
--- a/src/app/features/files/constants/index.ts
+++ b/src/app/features/files/constants/index.ts
@@ -1,3 +1,4 @@
 export * from './default-state.constants';
+export * from './embed-content.constants';
 export * from './file-metadata-fields.constants';
 export * from './file-provider.constants';
diff --git a/src/app/features/project/files/project-files.routes.ts b/src/app/features/files/files.routes.ts
similarity index 50%
rename from src/app/features/project/files/project-files.routes.ts
rename to src/app/features/files/files.routes.ts
index 754aacd24..e9ebf8b53 100644
--- a/src/app/features/project/files/project-files.routes.ts
+++ b/src/app/features/files/files.routes.ts
@@ -1,18 +1,15 @@
 import { Routes } from '@angular/router';
 
-import { ProjectFilesContainerComponent } from './pages/project-files-container/project-files-container.component';
+import { FilesContainerComponent } from './pages/files-container/files-container.component';
 
-export const projectFilesRoutes: Routes = [
+export const filesRoutes: Routes = [
   {
     path: '',
-    component: ProjectFilesContainerComponent,
+    component: FilesContainerComponent,
     children: [
       {
         path: '',
-        loadComponent: () =>
-          import('@osf/features/project/files/pages/project-files/project-files.component').then(
-            (c) => c.ProjectFilesComponent
-          ),
+        loadComponent: () => import('@osf/features/files/pages/files/files.component').then((c) => c.FilesComponent),
       },
       {
         path: ':fileGuid',
@@ -22,7 +19,7 @@ export const projectFilesRoutes: Routes = [
           {
             path: 'metadata',
             loadComponent: () =>
-              import('@osf/features/project/files/pages/community-metadata/community-metadata.component').then(
+              import('@osf/features/files/pages/community-metadata/community-metadata.component').then(
                 (c) => c.CommunityMetadataComponent
               ),
           },
diff --git a/src/app/features/project/files/pages/community-metadata/community-metadata.component.html b/src/app/features/files/pages/community-metadata/community-metadata.component.html
similarity index 100%
rename from src/app/features/project/files/pages/community-metadata/community-metadata.component.html
rename to src/app/features/files/pages/community-metadata/community-metadata.component.html
diff --git a/src/app/features/project/files/pages/community-metadata/community-metadata.component.scss b/src/app/features/files/pages/community-metadata/community-metadata.component.scss
similarity index 100%
rename from src/app/features/project/files/pages/community-metadata/community-metadata.component.scss
rename to src/app/features/files/pages/community-metadata/community-metadata.component.scss
diff --git a/src/app/features/project/files/pages/community-metadata/community-metadata.component.spec.ts b/src/app/features/files/pages/community-metadata/community-metadata.component.spec.ts
similarity index 100%
rename from src/app/features/project/files/pages/community-metadata/community-metadata.component.spec.ts
rename to src/app/features/files/pages/community-metadata/community-metadata.component.spec.ts
diff --git a/src/app/features/project/files/pages/community-metadata/community-metadata.component.ts b/src/app/features/files/pages/community-metadata/community-metadata.component.ts
similarity index 100%
rename from src/app/features/project/files/pages/community-metadata/community-metadata.component.ts
rename to src/app/features/files/pages/community-metadata/community-metadata.component.ts
diff --git a/src/app/features/files/pages/file-detail/file-detail.component.html b/src/app/features/files/pages/file-detail/file-detail.component.html
index bd88a1098..db7fb6f15 100644
--- a/src/app/features/files/pages/file-detail/file-detail.component.html
+++ b/src/app/features/files/pages/file-detail/file-detail.component.html
@@ -2,9 +2,9 @@
 
 <p-tabs [value]="selectedTab" (valueChange)="onTabChange(+$event)" class="flex-1 ml-auto mr-4">
   <p-tablist>
-    <p-tab [value]="FileDetailTab.Details">{{ 'project.files.detail.tabs.details' | translate }}</p-tab>
-    <p-tab [value]="FileDetailTab.Revisions">{{ 'project.files.detail.tabs.revisions' | translate }}</p-tab>
-    <p-tab [value]="FileDetailTab.Keywords">{{ 'project.files.detail.tabs.keywords' | translate }}</p-tab>
+    <p-tab [value]="FileDetailTab.Details">{{ 'files.detail.tabs.details' | translate }}</p-tab>
+    <p-tab [value]="FileDetailTab.Revisions">{{ 'files.detail.tabs.revisions' | translate }}</p-tab>
+    <p-tab [value]="FileDetailTab.Keywords">{{ 'files.detail.tabs.keywords' | translate }}</p-tab>
   </p-tablist>
 </p-tabs>
 
@@ -13,14 +13,14 @@
     <div class="flex align-items-center gap-2 back-navigation font-semibold">
       <i class="pi pi-angle-left text-base"></i>
       <a [routerLink]="['../']" class="font-semibold">
-        {{ 'project.files.detail.backToList' | translate }}
+        {{ 'files.detail.backToList' | translate }}
       </a>
     </div>
 
     <div class="flex gap-3 ml-auto sm-round-padding-btn">
       <p-button
         severity="secondary"
-        [label]="'project.files.detail.actions.addCommunityMetadata' | translate"
+        [label]="'files.detail.actions.addCommunityMetadata' | translate"
         [routerLink]="['/metadata']"
       ></p-button>
 
diff --git a/src/app/features/files/pages/file-detail/file-detail.component.ts b/src/app/features/files/pages/file-detail/file-detail.component.ts
index d5db8aa4a..6c44997e6 100644
--- a/src/app/features/files/pages/file-detail/file-detail.component.ts
+++ b/src/app/features/files/pages/file-detail/file-detail.component.ts
@@ -84,26 +84,26 @@ export class FileDetailComponent {
 
   embedItems = [
     {
-      label: 'project.files.detail.actions.copyDynamicIframe',
+      label: 'files.detail.actions.copyDynamicIframe',
       command: () => this.handleCopyDynamicEmbed(),
     },
     {
-      label: 'project.files.detail.actions.copyStaticIframe',
+      label: 'files.detail.actions.copyStaticIframe',
       command: () => this.handleCopyStaticEmbed(),
     },
   ];
 
   shareItems = [
     {
-      label: 'project.files.detail.actions.share.email',
+      label: 'files.detail.actions.share.email',
       command: () => this.handleEmailShare(),
     },
     {
-      label: 'project.files.detail.actions.share.x',
+      label: 'files.detail.actions.share.x',
       command: () => this.handleXShare(),
     },
     {
-      label: 'project.files.detail.actions.share.facebook',
+      label: 'files.detail.actions.share.facebook',
       command: () => this.handleFacebookShare(),
     },
   ];
@@ -155,7 +155,7 @@ export class FileDetailComponent {
     navigator.clipboard
       .writeText(embedHtml)
       .then(() => {
-        this.toastService.showSuccess('project.files.detail.toast.copiedToClipboard');
+        this.toastService.showSuccess('files.detail.toast.copiedToClipboard');
       })
       .catch((err) => {
         this.toastService.showError(err.message);
@@ -176,9 +176,9 @@ export class FileDetailComponent {
 
   confirmDelete(file: OsfFile): void {
     this.customConfirmationService.confirmDelete({
-      headerKey: 'project.files.dialogs.deleteFile.title',
+      headerKey: 'files.dialogs.deleteFile.title',
       messageParams: { name: file.name },
-      messageKey: 'project.files.dialogs.deleteFile.message',
+      messageKey: 'files.dialogs.deleteFile.message',
       onConfirm: () => this.deleteEntry(file.links.delete),
     });
   }
diff --git a/src/app/features/files/pages/files-container/files-container.component.html b/src/app/features/files/pages/files-container/files-container.component.html
new file mode 100644
index 000000000..0680b43f9
--- /dev/null
+++ b/src/app/features/files/pages/files-container/files-container.component.html
@@ -0,0 +1 @@
+<router-outlet></router-outlet>
diff --git a/src/app/features/files/pages/files-container/files-container.component.spec.ts b/src/app/features/files/pages/files-container/files-container.component.spec.ts
new file mode 100644
index 000000000..673b9b09c
--- /dev/null
+++ b/src/app/features/files/pages/files-container/files-container.component.spec.ts
@@ -0,0 +1,26 @@
+import { MockComponent } from 'ng-mocks';
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SubHeaderComponent } from '@osf/shared/components';
+
+import { FilesContainerComponent } from './files-container.component';
+
+describe('FilesContainerComponent', () => {
+  let component: FilesContainerComponent;
+  let fixture: ComponentFixture<FilesContainerComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FilesContainerComponent, MockComponent(SubHeaderComponent)],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FilesContainerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/files/pages/files-container/files-container.component.ts b/src/app/features/files/pages/files-container/files-container.component.ts
new file mode 100644
index 000000000..dc4406436
--- /dev/null
+++ b/src/app/features/files/pages/files-container/files-container.component.ts
@@ -0,0 +1,10 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'osf-files-container',
+  imports: [RouterOutlet],
+  templateUrl: './files-container.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class FilesContainerComponent {}
diff --git a/src/app/features/files/pages/files/files.component.html b/src/app/features/files/pages/files/files.component.html
new file mode 100644
index 000000000..9af1eb666
--- /dev/null
+++ b/src/app/features/files/pages/files/files.component.html
@@ -0,0 +1,114 @@
+<osf-sub-header [title]="'files.title' | translate"></osf-sub-header>
+
+@if (dataLoaded()) {
+  <osf-loading-spinner></osf-loading-spinner>
+} @else {
+  <div class="flex flex-column bg-white gap-4 h-full flex-1 p-4 p-dialog-align-center">
+    <div class="flex flex-grow-0 w-full sm:w-30rem">
+      <p-floatlabel class="w-full md:w-56" variant="in">
+        <p-select
+          inputId="in_label"
+          [options]="rootFoldersOptions()"
+          [(ngModel)]="currentRootFolder"
+          styleClass="w-full"
+          variant="filled"
+        >
+          <ng-template #selectedItem let-selectedOption>
+            <p class="provider-name">{{ selectedOption.label }}</p>
+          </ng-template>
+          <ng-template #item let-option>
+            <p class="provider-name">{{ option.label }}</p>
+          </ng-template>
+        </p-select>
+        <label for="in_label">{{ 'files.storageLocation' | translate }}</label>
+      </p-floatlabel>
+    </div>
+
+    <div class="flex flex-column gap-4 md:justify-content-between md:flex-row md:flex-wrap">
+      <div class="flex flex-column gap-2 w-full sm:flex-row md:w-max">
+        <osf-search-input
+          [control]="searchControl"
+          class="w-full sm:w-9 xl:w-30rem"
+          [placeholder]="'files.searchPlaceholder' | translate"
+        />
+
+        <div class="sm:w-3 md:w-max">
+          <osf-form-select
+            [control]="sortControl"
+            [options]="sortOptions"
+            [placeholder]="'files.sort.placeholder'"
+            [fullWidth]="true"
+          ></osf-form-select>
+        </div>
+      </div>
+
+      <div class="flex flex-column w-full gap-2 sm:flex-row md:w-max">
+        <p-button
+          [disabled]="fileIsUploading() || isFilesLoading()"
+          outlined
+          raised
+          (click)="downloadFolder()"
+          [icon]="'fas fa-download'"
+          [label]="'files.actions.downloadAsZip' | translate"
+        >
+        </p-button>
+
+        <p-button
+          [disabled]="fileIsUploading() || isFilesLoading()"
+          outlined
+          raised
+          severity="success"
+          [icon]="'fas fa-plus'"
+          [label]="'files.actions.createFolder' | translate"
+          (click)="createFolder()"
+        >
+        </p-button>
+
+        <p-button
+          [disabled]="fileIsUploading() || isFilesLoading()"
+          outlined
+          raised
+          severity="success"
+          [icon]="'fas fa-upload'"
+          [label]="'files.actions.uploadFile' | translate"
+          (click)="fileInput.click()"
+        >
+        </p-button>
+
+        <input #fileInput type="file" class="hidden" (change)="onFileSelected($event)" />
+      </div>
+    </div>
+
+    <div class="flex absolute upload-dialog">
+      <p-dialog
+        [header]="'files.dialogs.uploadFile.title' | translate"
+        [modal]="true"
+        [(visible)]="fileIsUploading"
+        class="upload-dialog"
+      >
+        <div class="flex flex-column align-items-center justify-content-center gap-3 w-full">
+          <span class="p-text-secondary filename">{{ fileName() }}</span>
+          <div class="w-6">
+            <osf-loading-spinner></osf-loading-spinner>
+          </div>
+          <p>{{ progress() }} %</p>
+        </div>
+      </p-dialog>
+    </div>
+
+    <osf-files-tree
+      [files]="files()"
+      [currentFolder]="currentFolder()"
+      [isLoading]="isFilesLoading()"
+      [actions]="filesTreeActions"
+      [viewOnly]="false"
+      [viewOnlyDownloadable]="false"
+      [resourceId]="resourceId()"
+      [provider]="provider()"
+      (folderIsOpening)="folderIsOpening($event)"
+      (entryFileClicked)="navigateToFile($event)"
+      (uploadFileConfirmed)="uploadFile($event)"
+    >
+    </osf-files-tree>
+  </div>
+}
diff --git a/src/app/features/files/pages/files/files.component.scss b/src/app/features/files/pages/files/files.component.scss
new file mode 100644
index 000000000..d513bbd19
--- /dev/null
+++ b/src/app/features/files/pages/files/files.component.scss
@@ -0,0 +1,24 @@
+@use "assets/styles/variables" as var;
+@use "assets/styles/mixins" as mix;
+
+:host {
+  @include mix.flex-column;
+  flex: 1;
+  overflow: hidden;
+}
+
+.blue-text {
+  color: var.$pr-blue-1;
+}
+
+.filename {
+  overflow-wrap: anywhere;
+}
+
+.upload-dialog {
+  width: mix.rem(128px);
+}
+
+.provider-name {
+  text-transform: capitalize;
+}
diff --git a/src/app/features/files/pages/files/files.component.spec.ts b/src/app/features/files/pages/files/files.component.spec.ts
new file mode 100644
index 000000000..7d4cfe6ca
--- /dev/null
+++ b/src/app/features/files/pages/files/files.component.spec.ts
@@ -0,0 +1,26 @@
+import { MockComponent } from 'ng-mocks';
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SubHeaderComponent } from '@osf/shared/components';
+
+import { FilesComponent } from './files.component';
+
+describe('FilesComponent', () => {
+  let component: FilesComponent;
+  let fixture: ComponentFixture<FilesComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FilesComponent, MockComponent(SubHeaderComponent)],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FilesComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/files/pages/files/files.component.ts b/src/app/features/files/pages/files/files.component.ts
new file mode 100644
index 000000000..c966f5ea7
--- /dev/null
+++ b/src/app/features/files/pages/files/files.component.ts
@@ -0,0 +1,341 @@
+import { createDispatchMap, select } from '@ngxs/store';
+
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+
+import { TreeDragDropService } from 'primeng/api';
+import { Button } from 'primeng/button';
+import { Dialog } from 'primeng/dialog';
+import { DialogService } from 'primeng/dynamicdialog';
+import { FloatLabel } from 'primeng/floatlabel';
+import { Select } from 'primeng/select';
+import { TableModule } from 'primeng/table';
+
+import { debounceTime, EMPTY, filter, finalize, Observable, skip, take } from 'rxjs';
+
+import { HttpEventType } from '@angular/common/http';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  computed,
+  DestroyRef,
+  effect,
+  HostBinding,
+  inject,
+  model,
+  signal,
+} from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+
+import {
+  CreateFolder,
+  DeleteEntry,
+  GetConfiguredStorageAddons,
+  GetFiles,
+  GetRootFolders,
+  RenameEntry,
+  ResetState,
+  SetCurrentFolder,
+  SetFilesIsLoading,
+  SetMoveFileCurrentFolder,
+  SetSearch,
+  SetSort,
+} from '@osf/features/files/store';
+import { GetProjectById } from '@osf/features/project/overview/store';
+import { ALL_SORT_OPTIONS } from '@osf/shared/constants';
+import {
+  FilesTreeComponent,
+  FormSelectComponent,
+  LoadingSpinnerComponent,
+  SearchInputComponent,
+  SubHeaderComponent,
+} from '@shared/components';
+import { ConfiguredStorageAddon, FilesTreeActions, OsfFile } from '@shared/models';
+import { FilesService } from '@shared/services';
+
+import { CreateFolderDialogComponent } from '../../components';
+import { FileProvider } from '../../constants';
+import { FilesSelectors } from '../../store';
+
+import { environment } from 'src/environments/environment';
+
+@Component({
+  selector: 'osf-files',
+  imports: [
+    TableModule,
+    Button,
+    FloatLabel,
+    SubHeaderComponent,
+    SearchInputComponent,
+    Select,
+    LoadingSpinnerComponent,
+    Dialog,
+    FormsModule,
+    ReactiveFormsModule,
+    TranslatePipe,
+    FilesTreeComponent,
+    FormSelectComponent,
+  ],
+  templateUrl: './files.component.html',
+  styleUrl: './files.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  providers: [DialogService, TreeDragDropService],
+})
+export class FilesComponent {
+  @HostBinding('class') classes = 'flex flex-column flex-1 w-full h-full';
+
+  private readonly filesService = inject(FilesService);
+  private readonly activeRoute = inject(ActivatedRoute);
+  private readonly destroyRef = inject(DestroyRef);
+  private readonly dialogService = inject(DialogService);
+  private readonly translateService = inject(TranslateService);
+  private readonly router = inject(Router);
+  private readonly actions = createDispatchMap({
+    createFolder: CreateFolder,
+    deleteEntry: DeleteEntry,
+    getFiles: GetFiles,
+    renameEntry: RenameEntry,
+    setCurrentFolder: SetCurrentFolder,
+    setFilesIsLoading: SetFilesIsLoading,
+    setMoveFileCurrentFolder: SetMoveFileCurrentFolder,
+    setSearch: SetSearch,
+    setSort: SetSort,
+    getProject: GetProjectById,
+    getRootFolders: GetRootFolders,
+    getConfiguredStorageAddons: GetConfiguredStorageAddons,
+    resetState: ResetState,
+  });
+
+  protected readonly files = select(FilesSelectors.getFiles);
+  protected readonly isFilesLoading = select(FilesSelectors.isFilesLoading);
+  protected readonly currentFolder = select(FilesSelectors.getCurrentFolder);
+  protected readonly provider = select(FilesSelectors.getProvider);
+
+  protected readonly resourceId = signal<string>('');
+  private readonly rootFolders = select(FilesSelectors.getRootFolders);
+  protected isRootFoldersLoading = select(FilesSelectors.isRootFoldersLoading);
+  private readonly configuredStorageAddons = select(FilesSelectors.getConfiguredStorageAddons);
+  protected isConfiguredStorageAddonsLoading = select(FilesSelectors.isConfiguredStorageAddonsLoading);
+  protected currentRootFolder = model<{ label: string; folder: OsfFile } | null>(null);
+  protected readonly progress = signal(0);
+  protected readonly fileName = signal('');
+  protected readonly dataLoaded = signal(false);
+  protected readonly searchControl = new FormControl<string>('');
+  protected readonly sortControl = new FormControl(ALL_SORT_OPTIONS[0].value);
+
+  protected readonly rootFoldersOptions = computed(() => {
+    const rootFolders = this.rootFolders();
+    const addons = this.configuredStorageAddons();
+    if (rootFolders && addons) {
+      return rootFolders.map((folder) => ({
+        label: this.getAddonName(addons, folder.provider),
+        folder: folder,
+      }));
+    }
+    return [];
+  });
+
+  fileIsUploading = signal(false);
+  isFolderOpening = signal(false);
+
+  sortOptions = ALL_SORT_OPTIONS;
+
+  storageProvider = FileProvider.OsfStorage;
+
+  protected readonly filesTreeActions: FilesTreeActions = {
+    setCurrentFolder: (folder) => this.actions.setCurrentFolder(folder),
+    setFilesIsLoading: (isLoading) => this.actions.setFilesIsLoading(isLoading),
+    getFiles: (filesLink) => this.actions.getFiles(filesLink),
+    deleteEntry: (resourceId, link) => this.actions.deleteEntry(resourceId, link),
+    renameEntry: (resourceId, link, newName) => this.actions.renameEntry(resourceId, link, newName),
+    setMoveFileCurrentFolder: (folder) => this.actions.setMoveFileCurrentFolder(folder),
+  };
+
+  constructor() {
+    this.activeRoute.parent?.parent?.parent?.params.subscribe((params) => {
+      console.log(params);
+      if (params['id']) {
+        this.resourceId.set(params['id']);
+        this.filesTreeActions.setFilesIsLoading?.(true);
+      }
+    });
+
+    effect(() => {
+      const resourcePath = 'nodes';
+      const folderLink = `${environment.apiUrl}/${resourcePath}/${this.resourceId()}/files/${this.storageProvider}/`;
+      const iriLink = `${environment.apiUrl}/${this.resourceId()}/`;
+      this.actions.getRootFolders(folderLink);
+      this.actions.getConfiguredStorageAddons(iriLink);
+    });
+
+    effect(() => {
+      const rootFolders = this.rootFolders();
+
+      if (rootFolders) {
+        const osfRootFolder = rootFolders.find((folder) => folder.provider === 'osfstorage');
+        if (osfRootFolder) {
+          this.currentRootFolder.set({
+            label: 'Osf Storage',
+            folder: osfRootFolder,
+          });
+        }
+      }
+    });
+
+    effect(() => {
+      const currentRootFolder = this.currentRootFolder();
+
+      if (currentRootFolder) {
+        this.actions.setCurrentFolder(currentRootFolder.folder);
+      }
+    });
+
+    effect(() => {
+      if (!this.isConfiguredStorageAddonsLoading() && !this.isRootFoldersLoading()) {
+        this.dataLoaded.set(true);
+      }
+    });
+
+    this.searchControl.valueChanges
+      .pipe(skip(1), takeUntilDestroyed(this.destroyRef), debounceTime(500))
+      .subscribe((searchText) => {
+        this.actions.setSearch(searchText ?? '');
+        if (!this.isFolderOpening()) {
+          this.updateFilesList();
+        }
+      });
+
+    this.sortControl.valueChanges.pipe(skip(1), takeUntilDestroyed(this.destroyRef)).subscribe((sort) => {
+      this.actions.setSort(sort ?? '');
+      if (!this.isFolderOpening()) {
+        this.updateFilesList();
+      }
+    });
+
+    effect(() => {
+      this.destroyRef.onDestroy(() => {
+        this.actions.resetState();
+      });
+    });
+  }
+
+  uploadFile(file: File): void {
+    const currentFolder = this.currentFolder();
+    const uploadLink = currentFolder?.links.upload;
+
+    if (!uploadLink) return;
+
+    this.fileName.set(file.name);
+    this.fileIsUploading.set(true);
+
+    this.filesService
+      .uploadFile(file, uploadLink)
+      .pipe(
+        takeUntilDestroyed(this.destroyRef),
+        finalize(() => {
+          this.fileIsUploading.set(false);
+          this.fileName.set('');
+          this.updateFilesList();
+        })
+      )
+      .subscribe((event) => {
+        if (event.type === HttpEventType.UploadProgress && event.total) {
+          this.progress.set(Math.round((event.loaded / event.total) * 100));
+        }
+
+        if (event.type === HttpEventType.Response) {
+          if (event.body) {
+            const fileId = event?.body?.data?.id?.split('/').pop();
+            if (fileId) {
+              this.filesService.getFileGuid(fileId).pipe(takeUntilDestroyed(this.destroyRef)).subscribe();
+            }
+          }
+        }
+      });
+  }
+
+  onFileSelected(event: Event): void {
+    const input = event.target as HTMLInputElement;
+    const file = input.files?.[0];
+    if (!file) return;
+
+    this.uploadFile(file);
+  }
+
+  createFolder(): void {
+    const currentFolder = this.currentFolder();
+    const newFolderLink = currentFolder?.links.newFolder;
+
+    if (!newFolderLink) return;
+
+    this.dialogService
+      .open(CreateFolderDialogComponent, {
+        width: '448px',
+        focusOnShow: false,
+        header: this.translateService.instant('files.dialogs.createFolder.title'),
+        closeOnEscape: true,
+        modal: true,
+        closable: true,
+      })
+      .onClose.pipe(filter((folderName: string) => !!folderName))
+      .subscribe((folderName) => {
+        this.actions
+          .createFolder(newFolderLink, folderName)
+          .pipe(
+            take(1),
+            finalize(() => {
+              this.updateFilesList().subscribe(() => this.fileIsUploading.set(false));
+            })
+          )
+          .subscribe();
+      });
+  }
+
+  downloadFolder(): void {
+    const resourceId = this.resourceId();
+    const folderId = this.currentFolder()?.id ?? '';
+    const isRootFolder = !this.currentFolder()?.relationships?.parentFolderLink;
+    const provider = this.currentRootFolder()?.folder?.provider ?? 'osfstorage';
+
+    if (resourceId && folderId) {
+      if (isRootFolder) {
+        const link = this.filesService.getFolderDownloadLink(resourceId, provider, '', true);
+        window.open(link, '_blank')?.focus();
+      } else {
+        const link = this.filesService.getFolderDownloadLink(resourceId, provider, folderId, false);
+        window.open(link, '_blank')?.focus();
+      }
+    }
+  }
+
+  updateFilesList(): Observable<void> {
+    const currentFolder = this.currentFolder();
+    if (currentFolder?.relationships.filesLink) {
+      this.filesTreeActions.setFilesIsLoading?.(true);
+      return this.actions.getFiles(currentFolder?.relationships.filesLink).pipe(take(1));
+    }
+
+    return EMPTY;
+  }
+
+  folderIsOpening(value: boolean): void {
+    this.isFolderOpening.set(value);
+    if (value) {
+      this.searchControl.setValue('');
+      this.sortControl.setValue(ALL_SORT_OPTIONS[0].value);
+    }
+  }
+
+  navigateToFile(file: OsfFile) {
+    this.router.navigate([file.guid], { relativeTo: this.activeRoute });
+  }
+
+  getAddonName(addons: ConfiguredStorageAddon[], provider: string): string {
+    if (provider === 'osfstorage') {
+      return 'Osf Storage';
+    } else {
+      return addons.find((addon) => addon.externalServiceName === provider)?.displayName ?? '';
+    }
+  }
+}
diff --git a/src/app/features/files/store/files.actions.ts b/src/app/features/files/store/files.actions.ts
index 4723d621e..b1bfd6a44 100644
--- a/src/app/features/files/store/files.actions.ts
+++ b/src/app/features/files/store/files.actions.ts
@@ -1,5 +1,65 @@
+import { OsfFile } from '@osf/shared/models';
+
 import { PatchFileMetadata } from '../models';
 
+export class GetRootFolderFiles {
+  static readonly type = '[Files] Get Root Folder Files';
+
+  constructor(public resourceId: string) {}
+}
+
+export class GetFiles {
+  static readonly type = '[Files] Get Files';
+
+  constructor(public filesLink: string) {}
+}
+
+export class SetFilesIsLoading {
+  static readonly type = '[Files] Set Files Loading';
+
+  constructor(public isLoading: boolean) {}
+}
+
+export class RenameEntry {
+  static readonly type = '[Files] Rename entry';
+
+  constructor(
+    public resourceId: string,
+    public link: string,
+    public name: string
+  ) {}
+}
+
+export class SetSearch {
+  static readonly type = '[Files] Set Search';
+
+  constructor(public search: string) {}
+}
+
+export class SetSort {
+  static readonly type = '[Files] Set Sort';
+
+  constructor(public sort: string) {}
+}
+
+export class SetCurrentFolder {
+  static readonly type = '[Files] Set Current Folder';
+
+  constructor(public folder: OsfFile | null) {}
+}
+
+export class SetMoveFileCurrentFolder {
+  static readonly type = '[Files] Set Move File Current Folder';
+
+  constructor(public folder: OsfFile | null) {}
+}
+
+export class GetMoveFileFiles {
+  static readonly type = '[Files] Get Move File Files';
+
+  constructor(public filesLink: string) {}
+}
+
 export class GetFile {
   static readonly type = '[Files] Get File';
 
@@ -58,6 +118,15 @@ export class UpdateTags {
   ) {}
 }
 
+export class CreateFolder {
+  static readonly type = '[Files] Create folder';
+
+  constructor(
+    public newFolderLink: string,
+    public folderName: string
+  ) {}
+}
+
 export class DeleteEntry {
   static readonly type = '[Files] Delete entry';
 
diff --git a/src/app/features/files/store/files.selectors.ts b/src/app/features/files/store/files.selectors.ts
index da448f067..a7033f803 100644
--- a/src/app/features/files/store/files.selectors.ts
+++ b/src/app/features/files/store/files.selectors.ts
@@ -64,12 +64,12 @@ export class FilesSelectors {
   }
 
   @Selector([FilesState])
-  static getMetadata(state: FilesStateModel): ResourceMetadata | null {
+  static getResourceMetadata(state: FilesStateModel): ResourceMetadata | null {
     return state.resourceMetadata.data;
   }
 
   @Selector([FilesState])
-  static isMetadataLoading(state: FilesStateModel): boolean {
+  static isResourceMetadataLoading(state: FilesStateModel): boolean {
     return state.resourceMetadata.isLoading;
   }
 
@@ -79,7 +79,7 @@ export class FilesSelectors {
   }
 
   @Selector([FilesState])
-  static isContributorsLoading(state: FilesStateModel): boolean {
+  static isResourceContributorsLoading(state: FilesStateModel): boolean {
     return state.contributors.isLoading;
   }
 
diff --git a/src/app/features/files/store/files.state.ts b/src/app/features/files/store/files.state.ts
index 1a9b29f99..69d2fe105 100644
--- a/src/app/features/files/store/files.state.ts
+++ b/src/app/features/files/store/files.state.ts
@@ -4,6 +4,7 @@ import { catchError, finalize, forkJoin, tap } from 'rxjs';
 
 import { inject, Injectable } from '@angular/core';
 
+import { CreateFolder } from '@osf/features/registries/store';
 import { handleSectionError } from '@osf/shared/helpers';
 import { FilesService, ToastService } from '@shared/services';
 
@@ -18,9 +19,18 @@ import {
   GetFileResourceContributors,
   GetFileResourceMetadata,
   GetFileRevisions,
+  GetFiles,
+  GetMoveFileFiles,
+  GetRootFolderFiles,
   GetRootFolders,
+  RenameEntry,
   ResetState,
+  SetCurrentFolder,
   SetFileMetadata,
+  SetFilesIsLoading,
+  SetMoveFileCurrentFolder,
+  SetSearch,
+  SetSort,
   UpdateTags,
 } from './files.actions';
 import { FilesStateModel } from './files.model';
@@ -34,6 +44,121 @@ export class FilesState {
   filesService = inject(FilesService);
   toastService = inject(ToastService);
 
+  @Action(GetMoveFileFiles)
+  getMoveFileFiles(ctx: StateContext<FilesStateModel>, action: GetMoveFileFiles) {
+    const state = ctx.getState();
+    ctx.patchState({
+      moveFileFiles: { ...state.moveFileFiles, isLoading: true, error: null },
+    });
+
+    return this.filesService.getFiles(action.filesLink, '', '').pipe(
+      tap({
+        next: (files) => {
+          ctx.patchState({
+            moveFileFiles: {
+              data: files,
+              isLoading: false,
+              error: null,
+            },
+          });
+        },
+      }),
+      catchError((error) => handleSectionError(ctx, 'moveFileFiles', error))
+    );
+  }
+
+  @Action(GetFiles)
+  getFiles(ctx: StateContext<FilesStateModel>, action: GetFiles) {
+    const state = ctx.getState();
+    ctx.patchState({ files: { ...state.files, isLoading: true, error: null } });
+
+    return this.filesService.getFiles(action.filesLink, state.search, state.sort).pipe(
+      tap({
+        next: (files) => {
+          ctx.patchState({
+            files: {
+              data: files,
+              isLoading: false,
+              error: null,
+            },
+          });
+        },
+      }),
+      catchError((error) => handleSectionError(ctx, 'files', error))
+    );
+  }
+
+  @Action(SetFilesIsLoading)
+  setFilesIsLoading(ctx: StateContext<FilesStateModel>, action: SetFilesIsLoading) {
+    const state = ctx.getState();
+    ctx.patchState({ files: { ...state.files, isLoading: action.isLoading, error: null } });
+  }
+
+  @Action(SetCurrentFolder)
+  setSelectedFolder(ctx: StateContext<FilesStateModel>, action: SetCurrentFolder) {
+    ctx.patchState({ currentFolder: action.folder });
+  }
+
+  @Action(SetMoveFileCurrentFolder)
+  setMoveFileSelectedFolder(ctx: StateContext<FilesStateModel>, action: SetMoveFileCurrentFolder) {
+    ctx.patchState({ moveFileCurrentFolder: action.folder });
+  }
+
+  @Action(CreateFolder)
+  createFolder(ctx: StateContext<FilesStateModel>, action: CreateFolder) {
+    const state = ctx.getState();
+    ctx.patchState({ files: { ...state.files, isLoading: true, error: null } });
+
+    return this.filesService
+      .createFolder(action.newFolderLink, action.folderName)
+      .pipe(finalize(() => ctx.patchState({ files: { ...state.files, isLoading: false, error: null } })));
+  }
+
+  @Action(DeleteEntry)
+  deleteEntry(ctx: StateContext<FilesStateModel>, action: DeleteEntry) {
+    return this.filesService.deleteEntry(action.link).pipe(
+      tap({
+        next: () => {
+          const selectedFolder = ctx.getState().currentFolder;
+          if (selectedFolder?.relationships.filesLink) {
+            ctx.dispatch(new GetFiles(selectedFolder?.relationships.filesLink));
+          } else {
+            ctx.dispatch(new GetRootFolderFiles(action.resourceId));
+          }
+        },
+      })
+    );
+  }
+
+  @Action(RenameEntry)
+  renameEntry(ctx: StateContext<FilesStateModel>, action: RenameEntry) {
+    const state = ctx.getState();
+    ctx.patchState({ files: { ...state.files, isLoading: true, error: null } });
+
+    return this.filesService.renameEntry(action.link, action.name).pipe(
+      tap({
+        next: () => {
+          const selectedFolder = ctx.getState().currentFolder;
+          if (selectedFolder?.relationships.filesLink) {
+            ctx.dispatch(new GetFiles(selectedFolder?.relationships.filesLink));
+          } else {
+            ctx.dispatch(new GetRootFolderFiles(action.resourceId));
+          }
+        },
+      })
+    );
+  }
+
+  @Action(SetSearch)
+  setSearch(ctx: StateContext<FilesStateModel>, action: SetSearch) {
+    ctx.patchState({ search: action.search });
+  }
+
+  @Action(SetSort)
+  setSort(ctx: StateContext<FilesStateModel>, action: SetSort) {
+    ctx.patchState({ sort: action.sort });
+  }
+
   @Action(GetFile)
   getFile(ctx: StateContext<FilesStateModel>, action: GetFile) {
     const state = ctx.getState();
@@ -83,22 +208,6 @@ export class FilesState {
     );
   }
 
-  @Action(DeleteEntry)
-  deleteEntry(ctx: StateContext<FilesStateModel>, action: DeleteEntry) {
-    return this.filesService.deleteEntry(action.link).pipe(
-      tap({
-        next: () => {
-          const selectedFolder = ctx.getState().currentFolder;
-          // if (selectedFolder?.relationships.filesLink) {
-          //   ctx.dispatch(new GetFiles(selectedFolder?.relationships.filesLink));
-          // } else {
-          //   ctx.dispatch(new GetRootFolderFiles(action.resourceId));
-          // }
-        },
-      })
-    );
-  }
-
   @Action(GetFileResourceMetadata)
   getFileResourceMetadata(ctx: StateContext<FilesStateModel>, action: GetFileResourceMetadata) {
     const state = ctx.getState();
@@ -202,9 +311,6 @@ export class FilesState {
             },
           }),
       }),
-      finalize(() => {
-        ctx.patchState({ configuredStorageAddons: { ...state.configuredStorageAddons, isLoading: false } });
-      }),
       catchError((error) => handleSectionError(ctx, 'configuredStorageAddons', error))
     );
   }
diff --git a/src/app/features/moderation/components/bulk-upload/bulk-upload.component.html b/src/app/features/moderation/components/bulk-upload/bulk-upload.component.html
index d9d0c619f..206118b6b 100644
--- a/src/app/features/moderation/components/bulk-upload/bulk-upload.component.html
+++ b/src/app/features/moderation/components/bulk-upload/bulk-upload.component.html
@@ -18,7 +18,7 @@ <h2>{{ 'moderation.bulkUpload' | translate }}</h2>
           raised
           variant="text"
           severity="success"
-          [label]="'project.files.dialogs.uploadFile.title' | translate"
+          [label]="'files.dialogs.uploadFile.title' | translate"
           (click)="chooseCallback()"
         />
       </div>
diff --git a/src/app/features/moderation/components/collection-moderation-submissions/collection-moderation-submissions.component.html b/src/app/features/moderation/components/collection-moderation-submissions/collection-moderation-submissions.component.html
index d82ef794d..aa5746e53 100644
--- a/src/app/features/moderation/components/collection-moderation-submissions/collection-moderation-submissions.component.html
+++ b/src/app/features/moderation/components/collection-moderation-submissions/collection-moderation-submissions.component.html
@@ -18,7 +18,7 @@
   <div class="w-full md:w-4">
     <osf-select
       [options]="sortOptions"
-      [placeholder]="'project.files.sort.placeholder' | translate"
+      [placeholder]="'files.sort.placeholder' | translate"
       [fullWidth]="true"
       [(selectedValue)]="selectedSortOption"
       (changeValue)="changeSort($event)"
diff --git a/src/app/features/moderation/components/preprint-submissions/preprint-submissions.component.html b/src/app/features/moderation/components/preprint-submissions/preprint-submissions.component.html
index b4ccf677e..8d19a002f 100644
--- a/src/app/features/moderation/components/preprint-submissions/preprint-submissions.component.html
+++ b/src/app/features/moderation/components/preprint-submissions/preprint-submissions.component.html
@@ -20,7 +20,7 @@
   <div class="w-full md:w-4">
     <osf-select
       [options]="sortOptions"
-      [placeholder]="'project.files.sort.placeholder' | translate"
+      [placeholder]="'files.sort.placeholder' | translate"
       [fullWidth]="true"
       [(selectedValue)]="selectedSortOption"
       (changeValue)="changeSort($event)"
diff --git a/src/app/features/moderation/components/preprint-withdrawal-submissions/preprint-withdrawal-submissions.component.html b/src/app/features/moderation/components/preprint-withdrawal-submissions/preprint-withdrawal-submissions.component.html
index 373ff7684..a129c5ca3 100644
--- a/src/app/features/moderation/components/preprint-withdrawal-submissions/preprint-withdrawal-submissions.component.html
+++ b/src/app/features/moderation/components/preprint-withdrawal-submissions/preprint-withdrawal-submissions.component.html
@@ -20,7 +20,7 @@
   <div class="w-full md:w-4">
     <osf-select
       [options]="sortOptions"
-      [placeholder]="'project.files.sort.placeholder' | translate"
+      [placeholder]="'files.sort.placeholder' | translate"
       [fullWidth]="true"
       [selectedValue]="selectedSortOption()"
       (changeValue)="changeSort($event)"
diff --git a/src/app/features/moderation/components/registry-pending-submissions/registry-pending-submissions.component.html b/src/app/features/moderation/components/registry-pending-submissions/registry-pending-submissions.component.html
index bf9e01f67..ac0e8e9b1 100644
--- a/src/app/features/moderation/components/registry-pending-submissions/registry-pending-submissions.component.html
+++ b/src/app/features/moderation/components/registry-pending-submissions/registry-pending-submissions.component.html
@@ -19,7 +19,7 @@
   <div class="w-full md:w-4">
     <osf-select
       [options]="sortOptions"
-      [placeholder]="'project.files.sort.placeholder' | translate"
+      [placeholder]="'files.sort.placeholder' | translate"
       [fullWidth]="true"
       [selectedValue]="selectedSortOption()"
       (changeValue)="changeSort($event)"
diff --git a/src/app/features/moderation/components/registry-submissions/registry-submissions.component.html b/src/app/features/moderation/components/registry-submissions/registry-submissions.component.html
index 3de4a6649..8454f7462 100644
--- a/src/app/features/moderation/components/registry-submissions/registry-submissions.component.html
+++ b/src/app/features/moderation/components/registry-submissions/registry-submissions.component.html
@@ -19,7 +19,7 @@
   <div class="w-full md:w-4">
     <osf-select
       [options]="sortOptions"
-      [placeholder]="'project.files.sort.placeholder' | translate"
+      [placeholder]="'files.sort.placeholder' | translate"
       [fullWidth]="true"
       [(selectedValue)]="selectedSortOption"
       (changeValue)="changeSort($event)"
diff --git a/src/app/features/project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.html b/src/app/features/project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.html
deleted file mode 100644
index 9abef56b5..000000000
--- a/src/app/features/project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.html
+++ /dev/null
@@ -1,56 +0,0 @@
-<form [formGroup]="fileMetadataForm" (ngSubmit)="setFileMetadata()" class="flex flex-column gap-3">
-  <div class="flex flex-column gap-1">
-    <p>{{ 'project.files.detail.fileMetadata.fields.title' | translate }}</p>
-    <input pInputText id="title" [formControl]="titleControl" />
-  </div>
-
-  <div class="flex flex-column gap-1">
-    <p>{{ 'project.files.detail.fileMetadata.fields.description' | translate }}</p>
-    <input pInputText id="description" [formControl]="descriptionControl" />
-  </div>
-
-  <div class="flex flex-column gap-1">
-    <p>{{ 'project.files.detail.fileMetadata.fields.resourceType' | translate }}</p>
-    <p-select
-      class="w-full"
-      [options]="resourceTypes"
-      optionValue="value"
-      optionLabel="value"
-      appendTo="body"
-      [formControl]="resourceTypeControl"
-      [showClear]="true"
-    ></p-select>
-  </div>
-
-  <div class="flex flex-column gap-1">
-    <p>{{ 'project.files.detail.fileMetadata.fields.resourceLanguage' | translate }}</p>
-    <p-select
-      class="w-full"
-      [options]="languages"
-      optionValue="code"
-      optionLabel="name"
-      [formControl]="resourceLanguageControl"
-      [filter]="true"
-      filterBy="name"
-      [showClear]="true"
-      [virtualScroll]="true"
-      [virtualScrollItemSize]="35"
-    ></p-select>
-  </div>
-
-  <div class="flex btn-full-width gap-2 mt-4">
-    <p-button
-      [label]="'common.buttons.cancel' | translate"
-      severity="info"
-      class="w-full"
-      (click)="cancel()"
-      type="button"
-    />
-    <p-button
-      [label]="'common.buttons.save' | translate"
-      class="w-full"
-      type="submit"
-      [disabled]="!fileMetadataForm.valid"
-    />
-  </div>
-</form>
diff --git a/src/app/features/project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.spec.ts b/src/app/features/project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.spec.ts
deleted file mode 100644
index 301630a95..000000000
--- a/src/app/features/project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { EditFileMetadataDialogComponent } from './edit-file-metadata-dialog.component';
-
-describe('EditFileMetadataDialogComponent', () => {
-  let component: EditFileMetadataDialogComponent;
-  let fixture: ComponentFixture<EditFileMetadataDialogComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [EditFileMetadataDialogComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(EditFileMetadataDialogComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/features/project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.ts b/src/app/features/project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.ts
deleted file mode 100644
index 03d360374..000000000
--- a/src/app/features/project/files/components/edit-file-metadata-dialog/edit-file-metadata-dialog.component.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { TranslatePipe } from '@ngx-translate/core';
-
-import { Button } from 'primeng/button';
-import { DynamicDialogRef } from 'primeng/dynamicdialog';
-import { InputText } from 'primeng/inputtext';
-import { Select } from 'primeng/select';
-
-import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-
-import { resourceLanguages, resourceTypes } from '@osf/shared/constants';
-
-import { PatchFileMetadata } from '../../models';
-
-@Component({
-  selector: 'osf-edit-file-metadata-dialog',
-  imports: [Button, InputText, Select, ReactiveFormsModule, TranslatePipe],
-  templateUrl: './edit-file-metadata-dialog.component.html',
-  styleUrl: './edit-file-metadata-dialog.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class EditFileMetadataDialogComponent {
-  protected readonly resourceTypes = resourceTypes;
-  protected readonly languages = resourceLanguages;
-
-  private readonly dialogRef = inject(DynamicDialogRef);
-
-  fileMetadataForm = new FormGroup({
-    title: new FormControl<string | null>(null),
-    description: new FormControl<string | null>(null),
-    resourceType: new FormControl<string | null>(null),
-    resourceLanguage: new FormControl<string | null>(null),
-  });
-
-  get titleControl(): FormControl<string | null> {
-    return this.fileMetadataForm.get('title') as FormControl<string | null>;
-  }
-
-  get descriptionControl(): FormControl<string | null> {
-    return this.fileMetadataForm.get('description') as FormControl<string | null>;
-  }
-
-  get resourceTypeControl(): FormControl<string | null> {
-    return this.fileMetadataForm.get('resourceType') as FormControl<string | null>;
-  }
-
-  get resourceLanguageControl(): FormControl<string | null> {
-    return this.fileMetadataForm.get('resourceLanguage') as FormControl<string | null>;
-  }
-
-  setFileMetadata() {
-    if (this.fileMetadataForm.invalid) {
-      return;
-    }
-
-    const formValues: PatchFileMetadata = {
-      title: this.fileMetadataForm.get('title')?.value ?? null,
-      description: this.fileMetadataForm.get('description')?.value ?? null,
-      resource_type_general: this.fileMetadataForm.get('resourceType')?.value ?? null,
-      language: this.fileMetadataForm.get('resourceLanguage')?.value ?? null,
-    };
-
-    this.dialogRef.close(formValues);
-  }
-
-  cancel() {
-    this.dialogRef.close();
-  }
-}
diff --git a/src/app/features/project/files/components/file-keywords/file-keywords.component.html b/src/app/features/project/files/components/file-keywords/file-keywords.component.html
deleted file mode 100644
index 2b1bc0d9c..000000000
--- a/src/app/features/project/files/components/file-keywords/file-keywords.component.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<div class="p-4 flex flex-column gap-2">
-  <h2>{{ 'project.files.detail.keywords.title' | translate }}</h2>
-
-  <div class="flex align-items-center gap-2">
-    <input pInputText class="flex-1" [formControl]="keywordControl" />
-
-    <p-button
-      [label]="'common.buttons.add' | translate"
-      (click)="addTag()"
-      [disabled]="isTagsLoading() || keywordControl.invalid"
-    >
-    </p-button>
-  </div>
-
-  @if (!isTagsLoading()) {
-    <div class="flex flex-wrap gap-1">
-      @for (tag of tags(); track $index) {
-        <p-chip [label]="tag" removeIcon="fas fa-close" removable (onRemove)="deleteTag(tag)"></p-chip>
-      }
-    </div>
-  } @else {
-    <p-skeleton width="100%" height="2rem" />
-  }
-</div>
diff --git a/src/app/features/project/files/components/file-keywords/file-keywords.component.scss b/src/app/features/project/files/components/file-keywords/file-keywords.component.scss
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/app/features/project/files/components/file-keywords/file-keywords.component.spec.ts b/src/app/features/project/files/components/file-keywords/file-keywords.component.spec.ts
deleted file mode 100644
index aeb0114a5..000000000
--- a/src/app/features/project/files/components/file-keywords/file-keywords.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FileKeywordsComponent } from './file-keywords.component';
-
-describe('FileKeywordsComponent', () => {
-  let component: FileKeywordsComponent;
-  let fixture: ComponentFixture<FileKeywordsComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [FileKeywordsComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(FileKeywordsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/features/project/files/components/file-keywords/file-keywords.component.ts b/src/app/features/project/files/components/file-keywords/file-keywords.component.ts
deleted file mode 100644
index bdafbefc7..000000000
--- a/src/app/features/project/files/components/file-keywords/file-keywords.component.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { createDispatchMap, select } from '@ngxs/store';
-
-import { TranslatePipe } from '@ngx-translate/core';
-
-import { Button } from 'primeng/button';
-import { Chip } from 'primeng/chip';
-import { InputText } from 'primeng/inputtext';
-import { Skeleton } from 'primeng/skeleton';
-
-import { ChangeDetectionStrategy, Component, DestroyRef, inject } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { FormControl, ReactiveFormsModule, Validators } from '@angular/forms';
-
-import { ProjectFilesSelectors, UpdateTags } from '@osf/features/project/files/store';
-import { CustomValidators } from '@osf/shared/helpers';
-import { InputLimits } from '@shared/constants';
-
-@Component({
-  selector: 'osf-file-keywords',
-  imports: [Button, Chip, Skeleton, InputText, ReactiveFormsModule, TranslatePipe],
-  templateUrl: './file-keywords.component.html',
-  styleUrls: ['./file-keywords.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class FileKeywordsComponent {
-  private readonly actions = createDispatchMap({ updateTags: UpdateTags });
-  private readonly destroyRef = inject(DestroyRef);
-
-  readonly tags = select(ProjectFilesSelectors.getFileTags);
-  readonly isTagsLoading = select(ProjectFilesSelectors.isFileTagsLoading);
-  readonly file = select(ProjectFilesSelectors.getOpenedFile);
-
-  keywordControl = new FormControl('', {
-    nonNullable: true,
-    validators: [CustomValidators.requiredTrimmed(), Validators.maxLength(InputLimits.name.maxLength)],
-  });
-
-  addTag(): void {
-    const fileGuid = this.file()?.guid;
-
-    if (this.keywordControl.value && fileGuid) {
-      const updatedTags = [...this.tags(), this.keywordControl.value!];
-      this.updateTags(updatedTags, fileGuid);
-    }
-  }
-
-  deleteTag(value: string): void {
-    const fileGuid = this.file()?.guid;
-
-    if (fileGuid) {
-      const updatedTags = [...this.tags()];
-      updatedTags.splice(updatedTags.indexOf(value), 1);
-      this.updateTags(updatedTags, fileGuid);
-    }
-  }
-
-  private updateTags(updatedTags: string[], fileGuid: string) {
-    this.actions
-      .updateTags(updatedTags, fileGuid)
-      .pipe(takeUntilDestroyed(this.destroyRef))
-      .subscribe(() => this.keywordControl.reset());
-  }
-}
diff --git a/src/app/features/project/files/components/file-metadata/file-metadata.component.html b/src/app/features/project/files/components/file-metadata/file-metadata.component.html
deleted file mode 100644
index 926738703..000000000
--- a/src/app/features/project/files/components/file-metadata/file-metadata.component.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<div class="p-4 flex flex-column gap-3">
-  <div class="flex justify-content-between">
-    <h2>{{ 'project.files.detail.fileMetadata.title' | translate }}</h2>
-
-    <div class="flex gap-2">
-      <p-button severity="secondary" (click)="downloadFileMetadata()">
-        <i class="fas fa-download p-1"></i>
-      </p-button>
-
-      <p-button
-        severity="secondary"
-        (click)="openEditFileMetadataDialog()"
-        [label]="'project.files.detail.fileMetadata.edit' | translate"
-      ></p-button>
-    </div>
-  </div>
-
-  @if (isLoading()) {
-    <p-skeleton width="100%" height="4rem" />
-    <p-skeleton width="100%" height="4rem" />
-    <p-skeleton width="100%" height="4rem" />
-    <p-skeleton width="100%" height="4rem" />
-  } @else {
-    @for (field of metadataFields; track field.key) {
-      @if (fileMetadata()?.[field.key]) {
-        <div class="flex flex-column gap-2">
-          <h4>{{ field.label | translate }}</h4>
-          <p>{{ fileMetadata()?.[field.key] }}</p>
-        </div>
-      }
-    }
-  }
-</div>
diff --git a/src/app/features/project/files/components/file-metadata/file-metadata.component.scss b/src/app/features/project/files/components/file-metadata/file-metadata.component.scss
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/app/features/project/files/components/file-metadata/file-metadata.component.spec.ts b/src/app/features/project/files/components/file-metadata/file-metadata.component.spec.ts
deleted file mode 100644
index c2f41a862..000000000
--- a/src/app/features/project/files/components/file-metadata/file-metadata.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FileMetadataComponent } from './file-metadata.component';
-
-describe('FileMetadataComponent', () => {
-  let component: FileMetadataComponent;
-  let fixture: ComponentFixture<FileMetadataComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [FileMetadataComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(FileMetadataComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/features/project/files/components/file-metadata/file-metadata.component.ts b/src/app/features/project/files/components/file-metadata/file-metadata.component.ts
deleted file mode 100644
index 10b04affb..000000000
--- a/src/app/features/project/files/components/file-metadata/file-metadata.component.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { createDispatchMap, select } from '@ngxs/store';
-
-import { TranslatePipe, TranslateService } from '@ngx-translate/core';
-
-import { Button } from 'primeng/button';
-import { DialogService } from 'primeng/dynamicdialog';
-import { Skeleton } from 'primeng/skeleton';
-
-import { filter, map, of } from 'rxjs';
-
-import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { ActivatedRoute } from '@angular/router';
-
-import { ProjectFilesSelectors, SetFileMetadata } from '@osf/features/project/files/store';
-
-import { FileMetadataFields } from '../../constants';
-import { PatchFileMetadata } from '../../models';
-import { EditFileMetadataDialogComponent } from '../edit-file-metadata-dialog/edit-file-metadata-dialog.component';
-
-import { environment } from 'src/environments/environment';
-
-@Component({
-  selector: 'osf-file-metadata',
-  imports: [Button, Skeleton, TranslatePipe],
-  templateUrl: './file-metadata.component.html',
-  styleUrl: './file-metadata.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [DialogService],
-})
-export class FileMetadataComponent {
-  private readonly actions = createDispatchMap({ setFileMetadata: SetFileMetadata });
-  private readonly route = inject(ActivatedRoute);
-  private readonly dialogService = inject(DialogService);
-  private readonly translateService = inject(TranslateService);
-
-  fileMetadata = select(ProjectFilesSelectors.getFileCustomMetadata);
-  isLoading = select(ProjectFilesSelectors.isFileMetadataLoading);
-
-  readonly fileGuid = toSignal(this.route.params.pipe(map((params) => params['fileGuid'])) ?? of(undefined));
-
-  metadataFields = FileMetadataFields;
-
-  setFileMetadata(formValues: PatchFileMetadata) {
-    const fileId = this.fileMetadata()?.id;
-
-    if (fileId) {
-      this.actions.setFileMetadata(formValues, fileId);
-    }
-  }
-
-  downloadFileMetadata(): void {
-    if (this.fileGuid()) {
-      window.open(`${environment.webUrl}/${this.fileGuid()}/metadata/?format=datacite-json`)?.focus();
-    }
-  }
-
-  openEditFileMetadataDialog() {
-    this.dialogService
-      .open(EditFileMetadataDialogComponent, {
-        width: '448px',
-        focusOnShow: false,
-        header: this.translateService.instant('project.files.detail.fileMetadata.edit'),
-        closeOnEscape: true,
-        modal: true,
-        closable: true,
-      })
-      .onClose.pipe(filter((res: PatchFileMetadata) => !!res))
-      .subscribe((res) => this.setFileMetadata(res));
-  }
-}
diff --git a/src/app/features/project/files/components/file-project-metadata/file-project-metadata.component.scss b/src/app/features/project/files/components/file-project-metadata/file-project-metadata.component.scss
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/app/features/project/files/components/file-project-metadata/file-project-metadata.component.spec.ts b/src/app/features/project/files/components/file-project-metadata/file-project-metadata.component.spec.ts
deleted file mode 100644
index 2c0c6e1e6..000000000
--- a/src/app/features/project/files/components/file-project-metadata/file-project-metadata.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FileProjectMetadataComponent } from './file-project-metadata.component';
-
-describe('FileProjectMetadataComponent', () => {
-  let component: FileProjectMetadataComponent;
-  let fixture: ComponentFixture<FileProjectMetadataComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [FileProjectMetadataComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(FileProjectMetadataComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/features/project/files/components/file-project-metadata/file-project-metadata.component.ts b/src/app/features/project/files/components/file-project-metadata/file-project-metadata.component.ts
deleted file mode 100644
index 57b5df777..000000000
--- a/src/app/features/project/files/components/file-project-metadata/file-project-metadata.component.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { select } from '@ngxs/store';
-
-import { TranslatePipe } from '@ngx-translate/core';
-
-import { Skeleton } from 'primeng/skeleton';
-
-import { DatePipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-
-import { ProjectFilesSelectors } from '@osf/features/project/files/store';
-
-@Component({
-  selector: 'osf-file-project-metadata',
-  imports: [DatePipe, TranslatePipe, Skeleton],
-  templateUrl: './file-project-metadata.component.html',
-  styleUrl: './file-project-metadata.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class FileProjectMetadataComponent {
-  projectMetadata = select(ProjectFilesSelectors.getProjectMetadata);
-  contributors = select(ProjectFilesSelectors.getProjectContributors);
-  isProjectMetadataLoading = select(ProjectFilesSelectors.isProjectMetadataLoading);
-  isProjectContributorsLoading = select(ProjectFilesSelectors.isProjectContributorsLoading);
-}
diff --git a/src/app/features/project/files/components/file-revisions/file-revisions.component.html b/src/app/features/project/files/components/file-revisions/file-revisions.component.html
deleted file mode 100644
index 7fb8c95a3..000000000
--- a/src/app/features/project/files/components/file-revisions/file-revisions.component.html
+++ /dev/null
@@ -1,60 +0,0 @@
-<div class="p-4 flex flex-column gap-2">
-  <div class="flex justify-content-between">
-    <h2>{{ 'project.files.detail.revisions.title' | translate }}</h2>
-  </div>
-
-  @if (isLoading()) {
-    <p-skeleton width="100%" height="2rem" />
-  } @else {
-    <p-accordion [multiple]="true">
-      @for (item of fileRevisions(); track item.version) {
-        <p-accordion-panel [value]="item.version" class="border-none">
-          <p-accordion-header class="h-3rem font-normal">
-            {{ item.version }}. {{ item.dateTime | date: 'MMM d, yyyy HH:mm' }}
-          </p-accordion-header>
-
-          <p-accordion-content>
-            <ul class="flex flex-column gap-2">
-              <li class="flex align-items-center justify-content-between">
-                <osf-copy-button
-                  class="copy-button"
-                  [label]="'project.files.detail.revisions.actions.copyMd5' | translate"
-                  [copyItem]="item.hashes.md5"
-                ></osf-copy-button>
-
-                <osf-info-icon
-                  [tooltipText]="'project.files.detail.revisions.tooltips.md5' | translate"
-                  tooltipPosition="left"
-                ></osf-info-icon>
-              </li>
-
-              <li class="flex align-items-center justify-content-between gap-2">
-                <osf-copy-button
-                  class="copy-button"
-                  [label]="'project.files.detail.revisions.actions.copySha2' | translate"
-                  [copyItem]="item.hashes.sha256"
-                ></osf-copy-button>
-
-                <osf-info-icon
-                  [tooltipText]="'project.files.detail.revisions.tooltips.sha2' | translate"
-                  tooltipPosition="left"
-                ></osf-info-icon>
-              </li>
-
-              <li class="flex align-items-center gap-2">
-                <p-button
-                  icon="fas fa-download"
-                  variant="text"
-                  [label]="'project.files.detail.revisions.actions.download' | translate"
-                  (click)="downloadRevision(item.version)"
-                ></p-button>
-
-                <p class="ml-auto mr-1">{{ item.downloads }}</p>
-              </li>
-            </ul>
-          </p-accordion-content>
-        </p-accordion-panel>
-      }
-    </p-accordion>
-  }
-</div>
diff --git a/src/app/features/project/files/components/file-revisions/file-revisions.component.scss b/src/app/features/project/files/components/file-revisions/file-revisions.component.scss
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/app/features/project/files/components/file-revisions/file-revisions.component.spec.ts b/src/app/features/project/files/components/file-revisions/file-revisions.component.spec.ts
deleted file mode 100644
index 980be66eb..000000000
--- a/src/app/features/project/files/components/file-revisions/file-revisions.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FileRevisionsComponent } from './file-revisions.component';
-
-describe('FileRevisionsComponent', () => {
-  let component: FileRevisionsComponent;
-  let fixture: ComponentFixture<FileRevisionsComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [FileRevisionsComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(FileRevisionsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/features/project/files/components/file-revisions/file-revisions.component.ts b/src/app/features/project/files/components/file-revisions/file-revisions.component.ts
deleted file mode 100644
index b0b4ab493..000000000
--- a/src/app/features/project/files/components/file-revisions/file-revisions.component.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { select } from '@ngxs/store';
-
-import { TranslatePipe } from '@ngx-translate/core';
-
-import { Accordion, AccordionContent, AccordionHeader, AccordionPanel } from 'primeng/accordion';
-import { Button } from 'primeng/button';
-import { Skeleton } from 'primeng/skeleton';
-
-import { map, of } from 'rxjs';
-
-import { DatePipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { ActivatedRoute } from '@angular/router';
-
-import { ProjectFilesSelectors } from '@osf/features/project/files/store';
-import { CopyButtonComponent, InfoIconComponent } from '@shared/components';
-
-import { environment } from 'src/environments/environment';
-
-@Component({
-  selector: 'osf-file-revisions',
-  templateUrl: './file-revisions.component.html',
-  styleUrls: ['./file-revisions.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    Accordion,
-    AccordionPanel,
-    AccordionHeader,
-    AccordionContent,
-    Button,
-    DatePipe,
-    TranslatePipe,
-    InfoIconComponent,
-    CopyButtonComponent,
-    Skeleton,
-  ],
-})
-export class FileRevisionsComponent {
-  private readonly route = inject(ActivatedRoute);
-
-  readonly fileRevisions = select(ProjectFilesSelectors.getFileRevisions);
-  readonly isLoading = select(ProjectFilesSelectors.isFileRevisionsLoading);
-  readonly fileGuid = toSignal(this.route.params.pipe(map((params) => params['fileGuid'])) ?? of(undefined));
-
-  downloadRevision(version: string): void {
-    if (this.fileGuid()) {
-      window.open(`${environment.downloadUrl}/${this.fileGuid()}/?revision=${version}`)?.focus();
-    }
-  }
-}
diff --git a/src/app/features/project/files/components/index.ts b/src/app/features/project/files/components/index.ts
deleted file mode 100644
index caec537b7..000000000
--- a/src/app/features/project/files/components/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export { CreateFolderDialogComponent } from './create-folder-dialog/create-folder-dialog.component';
-export { EditFileMetadataDialogComponent } from './edit-file-metadata-dialog/edit-file-metadata-dialog.component';
-export { FileKeywordsComponent } from './file-keywords/file-keywords.component';
-export { FileMetadataComponent } from './file-metadata/file-metadata.component';
-export { FileProjectMetadataComponent } from './file-project-metadata/file-project-metadata.component';
-export { MoveFileDialogComponent } from './move-file-dialog/move-file-dialog.component';
-export { RenameFileDialogComponent } from './rename-file-dialog/rename-file-dialog.component';
-export { FileRevisionsComponent } from '@osf/features/project/files/components/file-revisions/file-revisions.component';
-export { FilesTreeComponent } from '@shared/components/files-tree/files-tree.component';
diff --git a/src/app/features/project/files/constants/file-metadata-fields.const.ts b/src/app/features/project/files/constants/file-metadata-fields.const.ts
index 6aadeb040..0b9617fa4 100644
--- a/src/app/features/project/files/constants/file-metadata-fields.const.ts
+++ b/src/app/features/project/files/constants/file-metadata-fields.const.ts
@@ -1,8 +1,8 @@
 import { MetadataField } from '../models';
 
 export const FileMetadataFields: MetadataField[] = [
-  { key: 'title', label: 'project.files.detail.fileMetadata.fields.title' },
-  { key: 'description', label: 'project.files.detail.fileMetadata.fields.description' },
-  { key: 'resourceTypeGeneral', label: 'project.files.detail.fileMetadata.fields.resourceType' },
-  { key: 'language', label: 'project.files.detail.fileMetadata.fields.resourceLanguage' },
+  { key: 'title', label: 'files.detail.fileMetadata.fields.title' },
+  { key: 'description', label: 'files.detail.fileMetadata.fields.description' },
+  { key: 'resourceTypeGeneral', label: 'files.detail.fileMetadata.fields.resourceType' },
+  { key: 'language', label: 'files.detail.fileMetadata.fields.resourceLanguage' },
 ];
diff --git a/src/app/features/project/files/pages/project-files/project-files.component.html b/src/app/features/project/files/pages/project-files/project-files.component.html
index 00edc7c98..7fb200500 100644
--- a/src/app/features/project/files/pages/project-files/project-files.component.html
+++ b/src/app/features/project/files/pages/project-files/project-files.component.html
@@ -1,4 +1,4 @@
-<osf-sub-header [title]="'project.files.title' | translate"></osf-sub-header>
+<osf-sub-header [title]="'files.title' | translate"></osf-sub-header>
 
 @if (!dataLoaded()) {
   <osf-loading-spinner></osf-loading-spinner>
@@ -20,7 +20,7 @@
             <p class="provider-name">{{ option.label }}</p>
           </ng-template>
         </p-select>
-        <label for="in_label">{{ 'project.files.storageLocation' | translate }}</label>
+        <label for="in_label">{{ 'files.storageLocation' | translate }}</label>
       </p-floatlabel>
     </div>
 
@@ -29,14 +29,14 @@
         <osf-search-input
           [control]="searchControl"
           class="w-full sm:w-9 xl:w-30rem"
-          [placeholder]="'project.files.searchPlaceholder' | translate"
+          [placeholder]="'files.searchPlaceholder' | translate"
         />
 
         <div class="sm:w-3 md:w-max">
           <osf-form-select
             [control]="sortControl"
             [options]="sortOptions"
-            [placeholder]="'project.files.sort.placeholder'"
+            [placeholder]="'files.sort.placeholder'"
             [fullWidth]="true"
           ></osf-form-select>
         </div>
@@ -49,7 +49,7 @@
           raised
           (click)="downloadFolder()"
           [icon]="'fas fa-download'"
-          [label]="'project.files.actions.downloadAsZip' | translate"
+          [label]="'files.actions.downloadAsZip' | translate"
         >
         </p-button>
 
@@ -59,7 +59,7 @@
           raised
           severity="success"
           [icon]="'fas fa-plus'"
-          [label]="'project.files.actions.createFolder' | translate"
+          [label]="'files.actions.createFolder' | translate"
           (click)="createFolder()"
         >
         </p-button>
@@ -70,7 +70,7 @@
           raised
           severity="success"
           [icon]="'fas fa-upload'"
-          [label]="'project.files.actions.uploadFile' | translate"
+          [label]="'files.actions.uploadFile' | translate"
           (click)="fileInput.click()"
         >
         </p-button>
@@ -81,7 +81,7 @@
 
     <div class="flex absolute upload-dialog">
       <p-dialog
-        [header]="'project.files.dialogs.uploadFile.title' | translate"
+        [header]="'files.dialogs.uploadFile.title' | translate"
         [modal]="true"
         [(visible)]="fileIsUploading"
         class="upload-dialog"
diff --git a/src/app/features/project/files/pages/project-files/project-files.component.ts b/src/app/features/project/files/pages/project-files/project-files.component.ts
index 23cb70d45..c6df4f113 100644
--- a/src/app/features/project/files/pages/project-files/project-files.component.ts
+++ b/src/app/features/project/files/pages/project-files/project-files.component.ts
@@ -28,7 +28,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 
-import { CreateFolderDialogComponent } from '@osf/features/project/files/components';
+import { CreateFolderDialogComponent } from '@osf/features/files/components';
 import {
   CreateFolder,
   DeleteEntry,
@@ -124,7 +124,6 @@ export class ProjectFilesComponent {
   protected readonly rootFoldersOptions = computed(() => {
     const rootFolders = this.rootFolders();
     const addons = this.configuredStorageAddons();
-
     if (rootFolders && addons) {
       return rootFolders.map((folder) => ({
         label: this.getAddonName(addons, folder.provider),
@@ -272,7 +271,7 @@ export class ProjectFilesComponent {
       .open(CreateFolderDialogComponent, {
         width: '448px',
         focusOnShow: false,
-        header: this.translateService.instant('project.files.dialogs.createFolder.title'),
+        header: this.translateService.instant('files.dialogs.createFolder.title'),
         closeOnEscape: true,
         modal: true,
         closable: true,
diff --git a/src/app/features/project/files/store/project-files.state.ts b/src/app/features/project/files/store/project-files.state.ts
index 1553a5d43..6dd8d2a6f 100644
--- a/src/app/features/project/files/store/project-files.state.ts
+++ b/src/app/features/project/files/store/project-files.state.ts
@@ -310,9 +310,6 @@ export class ProjectFilesState {
             },
           }),
       }),
-      finalize(() => {
-        ctx.patchState({ configuredStorageAddons: { ...state.configuredStorageAddons, isLoading: false } });
-      }),
       catchError((error) => this.handleError(ctx, 'configuredStorageAddons', error))
     );
   }
diff --git a/src/app/features/project/project.routes.ts b/src/app/features/project/project.routes.ts
index 8d9961a60..444d534d7 100644
--- a/src/app/features/project/project.routes.ts
+++ b/src/app/features/project/project.routes.ts
@@ -15,7 +15,6 @@ import {
 } from '@osf/shared/stores';
 
 import { AnalyticsState } from './analytics/store';
-import { ProjectFilesState } from './files/store';
 import { SettingsState } from './settings/store';
 
 export const projectRoutes: Routes = [
@@ -42,11 +41,8 @@ export const projectRoutes: Routes = [
       },
       {
         path: 'files',
-        loadChildren: () => import('../project/files/project-files.routes').then((mod) => mod.projectFilesRoutes),
-        providers: [provideStates([ProjectFilesState])],
-        data: {
-          context: ResourceType.Project,
-        },
+        loadChildren: () => import('@osf/features/files/files.routes').then((mod) => mod.filesRoutes),
+        data: { resourceType: ResourceType.Project },
       },
       {
         path: 'registrations',
diff --git a/src/app/features/registries/components/custom-step/custom-step.component.html b/src/app/features/registries/components/custom-step/custom-step.component.html
index a34f93398..f2113e9eb 100644
--- a/src/app/features/registries/components/custom-step/custom-step.component.html
+++ b/src/app/features/registries/components/custom-step/custom-step.component.html
@@ -146,7 +146,7 @@ <h3 class="mb-2">
                 }
               }
               @case (FieldType.File) {
-                <h3 class="mb-2">{{ 'project.files.actions.uploadFile' | translate }}</h3>
+                <h3 class="mb-2">{{ 'files.actions.uploadFile' | translate }}</h3>
                 <p class="mb-1">
                   {{ 'shared.files.limitText' | translate }}
                 </p>
diff --git a/src/app/features/registries/components/files-control/files-control.component.html b/src/app/features/registries/components/files-control/files-control.component.html
index f49641a6b..9cbcb880d 100644
--- a/src/app/features/registries/components/files-control/files-control.component.html
+++ b/src/app/features/registries/components/files-control/files-control.component.html
@@ -12,7 +12,7 @@
             raised
             severity="success"
             [icon]="'fas fa-plus'"
-            [label]="'project.files.actions.createFolder' | translate"
+            [label]="'files.actions.createFolder' | translate"
             (click)="createFolder()"
           >
           </p-button>
@@ -23,7 +23,7 @@
             raised
             severity="success"
             [icon]="'fas fa-upload'"
-            [label]="'project.files.actions.uploadFile' | translate"
+            [label]="'files.actions.uploadFile' | translate"
             (click)="fileInput.click()"
           >
           </p-button>
@@ -35,7 +35,7 @@
 
     <div class="flex absolute">
       <p-dialog
-        [header]="'project.files.dialogs.uploadFile.title' | translate"
+        [header]="'files.dialogs.uploadFile.title' | translate"
         [modal]="true"
         [(visible)]="fileIsUploading"
         class="upload-dialog"
diff --git a/src/app/features/registries/components/files-control/files-control.component.ts b/src/app/features/registries/components/files-control/files-control.component.ts
index 587aefbe8..4b10951ab 100644
--- a/src/app/features/registries/components/files-control/files-control.component.ts
+++ b/src/app/features/registries/components/files-control/files-control.component.ts
@@ -14,7 +14,7 @@ import { ChangeDetectionStrategy, Component, DestroyRef, effect, inject, input,
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
-import { CreateFolderDialogComponent } from '@osf/features/project/files/components';
+import { CreateFolderDialogComponent } from '@osf/features/files/components';
 import { FilesTreeComponent, LoadingSpinnerComponent } from '@osf/shared/components';
 import { FilesTreeActions, OsfFile } from '@osf/shared/models';
 import { FilesService } from '@osf/shared/services';
@@ -117,7 +117,7 @@ export class FilesControlComponent {
       .open(CreateFolderDialogComponent, {
         width: '448px',
         focusOnShow: false,
-        header: this.translateService.instant('project.files.dialogs.createFolder.title'),
+        header: this.translateService.instant('files.dialogs.createFolder.title'),
         closeOnEscape: true,
         modal: true,
         closable: true,
diff --git a/src/app/features/registry/pages/registry-files/registry-files.component.html b/src/app/features/registry/pages/registry-files/registry-files.component.html
index 531f597e8..a8eaa6e9a 100644
--- a/src/app/features/registry/pages/registry-files/registry-files.component.html
+++ b/src/app/features/registry/pages/registry-files/registry-files.component.html
@@ -1,4 +1,4 @@
-<osf-sub-header [title]="'project.files.title' | translate"></osf-sub-header>
+<osf-sub-header [title]="'files.title' | translate"></osf-sub-header>
 
 @if (!dataLoaded()) {
   <osf-loading-spinner></osf-loading-spinner>
@@ -9,14 +9,14 @@
         <osf-search-input
           [control]="searchControl"
           class="w-full sm:w-9 xl:w-30rem"
-          [placeholder]="'project.files.searchPlaceholder' | translate"
+          [placeholder]="'files.searchPlaceholder' | translate"
         />
 
         <div class="sm:w-3 md:w-max">
           <osf-form-select
             [control]="sortControl"
             [options]="sortOptions"
-            [placeholder]="'project.files.sort.placeholder'"
+            [placeholder]="'files.sort.placeholder'"
             [fullWidth]="true"
           ></osf-form-select>
         </div>
@@ -28,7 +28,7 @@
         raised
         (click)="downloadFolder()"
         [icon]="'fas fa-download'"
-        [label]="'project.files.actions.downloadAsZip' | translate"
+        [label]="'files.actions.downloadAsZip' | translate"
       >
       </p-button>
     </div>
diff --git a/src/app/features/registry/registry.routes.ts b/src/app/features/registry/registry.routes.ts
index 0a0fd0d58..cdc6dae75 100644
--- a/src/app/features/registry/registry.routes.ts
+++ b/src/app/features/registry/registry.routes.ts
@@ -85,7 +85,7 @@ export const registryRoutes: Routes = [
           import('./pages/registry-files/registry-files.component').then((c) => c.RegistryFilesComponent),
         providers: [provideStates([RegistryFilesState])],
         data: {
-          context: ResourceType.Registration,
+          resourceType: ResourceType.Registration,
         },
       },
       {
diff --git a/src/app/shared/components/file-menu/file-menu.component.ts b/src/app/shared/components/file-menu/file-menu.component.ts
index 149a8caa0..57cf1da05 100644
--- a/src/app/shared/components/file-menu/file-menu.component.ts
+++ b/src/app/shared/components/file-menu/file-menu.component.ts
@@ -29,17 +29,17 @@ export class FileMenuComponent {
       icon: 'fas fa-share',
       items: [
         {
-          label: 'project.files.detail.actions.share.email',
+          label: 'files.detail.actions.share.email',
           icon: 'fas fa-envelope',
           command: () => this.emitAction(FileMenuType.Share, { type: 'email' }),
         },
         {
-          label: 'project.files.detail.actions.share.x',
+          label: 'files.detail.actions.share.x',
           icon: 'fab fa-square-x-twitter',
           command: () => this.emitAction(FileMenuType.Share, { type: 'twitter' }),
         },
         {
-          label: 'project.files.detail.actions.share.facebook',
+          label: 'files.detail.actions.share.facebook',
           icon: 'fab fa-facebook',
           command: () => this.emitAction(FileMenuType.Share, { type: 'facebook' }),
         },
@@ -50,12 +50,12 @@ export class FileMenuComponent {
       icon: 'fas fa-code',
       items: [
         {
-          label: 'project.files.detail.actions.copyDynamicIframe',
+          label: 'files.detail.actions.copyDynamicIframe',
           icon: 'fas fa-file-code',
           command: () => this.emitAction(FileMenuType.Embed, { type: 'dynamic' }),
         },
         {
-          label: 'project.files.detail.actions.copyStaticIframe',
+          label: 'files.detail.actions.copyStaticIframe',
           icon: 'fas fa-file-code',
           command: () => this.emitAction(FileMenuType.Embed, { type: 'static' }),
         },
diff --git a/src/app/shared/components/files-tree/files-tree.component.html b/src/app/shared/components/files-tree/files-tree.component.html
index a1d66f1f1..75189dbcd 100644
--- a/src/app/shared/components/files-tree/files-tree.component.html
+++ b/src/app/shared/components/files-tree/files-tree.component.html
@@ -10,7 +10,7 @@
       @if (isDragOver()) {
         <div class="flex flex-column gap-2 align-items-center pointer-events-none">
           <i class="fa-solid fa-cloud-arrow-up text-5xl"></i>
-          <p class="drop-text text-xl">{{ 'project.files.dropText' | translate }}</p>
+          <p class="drop-text text-xl">{{ 'files.dropText' | translate }}</p>
         </div>
       }
     </div>
@@ -94,11 +94,11 @@
       @if (!files().length) {
         <div class="flex justify-content-center p-4 m-auto">
           @if (viewOnly()) {
-            <h3 class="font-normal text-no-transform">{{ 'project.files.emptyState' | translate }}</h3>
+            <h3 class="font-normal text-no-transform">{{ 'files.emptyState' | translate }}</h3>
           } @else {
             <div class="text-center">
               <i class="fa-solid fa-cloud-arrow-up text-5xl"></i>
-              <p class="drop-text text-xl">{{ 'project.files.dropText' | translate }}</p>
+              <p class="drop-text text-xl">{{ 'files.dropText' | translate }}</p>
             </div>
           }
         </div>
diff --git a/src/app/shared/components/files-tree/files-tree.component.ts b/src/app/shared/components/files-tree/files-tree.component.ts
index db75c9d64..67e3f1d9e 100644
--- a/src/app/shared/components/files-tree/files-tree.component.ts
+++ b/src/app/shared/components/files-tree/files-tree.component.ts
@@ -25,8 +25,8 @@ import {
 } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 
-import { MoveFileDialogComponent, RenameFileDialogComponent } from '@osf/features/project/files/components';
-import { embedDynamicJs, embedStaticHtml } from '@osf/features/project/files/models';
+import { MoveFileDialogComponent, RenameFileDialogComponent } from '@osf/features/files/components';
+import { embedDynamicJs, embedStaticHtml } from '@osf/features/files/constants';
 import { FileMenuType } from '@osf/shared/enums';
 import { FileMenuComponent, LoadingSpinnerComponent } from '@shared/components';
 import { StopPropagationDirective } from '@shared/directives';
@@ -128,9 +128,9 @@ export class FilesTreeComponent implements OnDestroy, AfterViewInit {
 
     if (files && files.length > 0) {
       this.customConfirmationService.confirmAccept({
-        headerKey: 'project.files.dialogs.uploadFile.title',
+        headerKey: 'files.dialogs.uploadFile.title',
         messageParams: { name: files[0].name },
-        messageKey: 'project.files.dialogs.uploadFile.message',
+        messageKey: 'files.dialogs.uploadFile.message',
         acceptLabelKey: 'common.buttons.upload',
         onConfirm: () => this.uploadFileConfirmed.emit(files[0]),
       });
@@ -253,9 +253,9 @@ export class FilesTreeComponent implements OnDestroy, AfterViewInit {
 
   confirmDelete(file: OsfFile): void {
     this.customConfirmationService.confirmDelete({
-      headerKey: 'project.files.dialogs.deleteFile.title',
+      headerKey: 'files.dialogs.deleteFile.title',
       messageParams: { name: file.name },
-      messageKey: 'project.files.dialogs.deleteFile.message',
+      messageKey: 'files.dialogs.deleteFile.message',
       acceptLabelKey: 'common.buttons.remove',
       onConfirm: () => this.deleteEntry(file.links.delete),
     });
@@ -271,7 +271,7 @@ export class FilesTreeComponent implements OnDestroy, AfterViewInit {
       .open(RenameFileDialogComponent, {
         width: '448px',
         focusOnShow: false,
-        header: this.translateService.instant('project.files.dialogs.renameFile.title'),
+        header: this.translateService.instant('files.dialogs.renameFile.title'),
         closeOnEscape: true,
         modal: true,
         closable: true,
@@ -325,8 +325,8 @@ export class FilesTreeComponent implements OnDestroy, AfterViewInit {
       .subscribe(() => {
         const header =
           action === 'move'
-            ? this.translateService.instant('project.files.dialogs.moveFile.title')
-            : this.translateService.instant('project.files.dialogs.copyFile.title');
+            ? this.translateService.instant('files.dialogs.moveFile.title')
+            : this.translateService.instant('files.dialogs.copyFile.title');
 
         this.dialogService.open(MoveFileDialogComponent, {
           width: '552px',
@@ -357,7 +357,7 @@ export class FilesTreeComponent implements OnDestroy, AfterViewInit {
     navigator.clipboard
       .writeText(embedHtml)
       .then(() => {
-        this.toastService.showSuccess(this.translateService.instant('project.files.toast.copiedToClipboard'));
+        this.toastService.showSuccess(this.translateService.instant('files.toast.copiedToClipboard'));
       })
       .catch((err) => {
         this.toastService.showError(err.message);
@@ -369,12 +369,12 @@ export class FilesTreeComponent implements OnDestroy, AfterViewInit {
     const dropNode = event.dropNode as OsfFile;
 
     this.customConfirmationService.confirmAccept({
-      headerKey: 'project.files.dialogs.moveFile.title',
+      headerKey: 'files.dialogs.moveFile.title',
       messageParams: {
         dragNodeName: dragNode.name,
         dropNodeName: dropNode.previousFolder ? 'parent folder' : dropNode.name,
       },
-      messageKey: 'project.files.dialogs.moveFile.message',
+      messageKey: 'files.dialogs.moveFile.message',
       onConfirm: async () => {
         await this.dropFileToFolder(event);
       },
diff --git a/src/app/shared/components/shared-metadata/components/project-metadata-funding/project-metadata-funding.component.html b/src/app/shared/components/shared-metadata/components/project-metadata-funding/project-metadata-funding.component.html
index b551468ff..6efd901ea 100644
--- a/src/app/shared/components/shared-metadata/components/project-metadata-funding/project-metadata-funding.component.html
+++ b/src/app/shared/components/shared-metadata/components/project-metadata-funding/project-metadata-funding.component.html
@@ -15,21 +15,19 @@ <h2>{{ 'project.overview.metadata.fundingSupport' | translate }}</h2>
     <div class="pt-4">
       @for (funder of funders(); track funder.funder_identifier) {
         <div class="mb-2 pb-3 border-bottom-1 surface-border flex flex-column gap-2">
-          <p>{{ 'project.files.detail.projectMetadata.fields.funder' | translate }}: {{ funder.funder_name }}</p>
+          <p>{{ 'files.detail.resourceMetadata.fields.funder' | translate }}: {{ funder.funder_name }}</p>
 
-          <p>{{ 'project.files.detail.projectMetadata.fields.awardTitle' | translate }}: {{ funder.award_title }}</p>
+          <p>{{ 'files.detail.resourceMetadata.fields.awardTitle' | translate }}: {{ funder.award_title }}</p>
 
           @if (funder.award_uri) {
             <p>
-              {{ 'project.files.detail.projectMetadata.fields.awardUri' | translate }}:
+              {{ 'files.detail.resourceMetadata.fields.awardUri' | translate }}:
               <a [href]="funder.award_uri" target="_blank" class="text-primary text-sm">{{ funder.award_title }}</a>
             </p>
           }
 
           @if (funder.award_number) {
-            <p>
-              {{ 'project.files.detail.projectMetadata.fields.awardNumber' | translate }} : {{ funder.award_number }}
-            </p>
+            <p>{{ 'files.detail.resourceMetadata.fields.awardNumber' | translate }} : {{ funder.award_number }}</p>
           }
 
           @if (funder.award_uri) {
diff --git a/src/app/shared/components/shared-metadata/dialogs/resource-information-dialog/resource-information-dialog.component.html b/src/app/shared/components/shared-metadata/dialogs/resource-information-dialog/resource-information-dialog.component.html
index 99d6ed586..45ee9b76f 100644
--- a/src/app/shared/components/shared-metadata/dialogs/resource-information-dialog/resource-information-dialog.component.html
+++ b/src/app/shared/components/shared-metadata/dialogs/resource-information-dialog/resource-information-dialog.component.html
@@ -1,7 +1,7 @@
 <form [formGroup]="resourceForm" (ngSubmit)="save()" class="flex flex-column gap-4">
   <div class="flex flex-column gap-2">
     <label for="resourceType">
-      {{ 'project.files.detail.projectMetadata.fields.resourceType' | translate }}
+      {{ 'files.detail.resourceMetadata.fields.resourceType' | translate }}
     </label>
 
     <p-select
@@ -18,7 +18,7 @@
 
   <div class="flex flex-column gap-2">
     <label for="resourceLanguage">
-      {{ 'project.files.detail.projectMetadata.fields.resourceLanguage' | translate }}
+      {{ 'files.detail.resourceMetadata.fields.resourceLanguage' | translate }}
     </label>
 
     <p-select
diff --git a/src/app/shared/constants/sort-options.const.ts b/src/app/shared/constants/sort-options.const.ts
index c09f67b71..36485c0cf 100644
--- a/src/app/shared/constants/sort-options.const.ts
+++ b/src/app/shared/constants/sort-options.const.ts
@@ -4,37 +4,37 @@ import { CustomOption } from '../models';
 export const ALL_SORT_OPTIONS: CustomOption<string>[] = [
   {
     value: SortType.NameAZ,
-    label: 'project.files.sort.nameAZ',
+    label: 'files.sort.nameAZ',
   },
   {
     value: SortType.NameZA,
-    label: 'project.files.sort.nameZA',
+    label: 'files.sort.nameZA',
   },
   {
     value: SortType.LastModifiedOldest,
-    label: 'project.files.sort.lastModifiedOldest',
+    label: 'files.sort.lastModifiedOldest',
   },
   {
     value: SortType.LastModifiedNewest,
-    label: 'project.files.sort.lastModifiedNewest',
+    label: 'files.sort.lastModifiedNewest',
   },
 ];
 
 export const COLLECTION_SUBMISSIONS_SORT_OPTIONS: CustomOption<string>[] = [
   {
     value: SortType.LastModifiedNewest,
-    label: 'project.files.sort.lastModifiedNewest',
+    label: 'files.sort.lastModifiedNewest',
   },
   {
     value: SortType.LastModifiedOldest,
-    label: 'project.files.sort.lastModifiedOldest',
+    label: 'files.sort.lastModifiedOldest',
   },
   {
     value: SortType.TitleAZ,
-    label: 'project.files.sort.nameAZ',
+    label: 'files.sort.nameAZ',
   },
   {
     value: SortType.TitleZA,
-    label: 'project.files.sort.nameZA',
+    label: 'files.sort.nameZA',
   },
 ];
diff --git a/src/app/shared/models/files/index.ts b/src/app/shared/models/files/index.ts
index 5335894fd..642857f30 100644
--- a/src/app/shared/models/files/index.ts
+++ b/src/app/shared/models/files/index.ts
@@ -6,3 +6,4 @@ export * from './file-version-json-api.model';
 export * from './files-tree-actions.interface';
 export * from './get-configured-storage-addons.model';
 export * from './get-files-response.model';
+export * from './resource-files-links.model';
diff --git a/src/app/shared/models/files/resource-files-links.model.ts b/src/app/shared/models/files/resource-files-links.model.ts
new file mode 100644
index 000000000..640cd2ea2
--- /dev/null
+++ b/src/app/shared/models/files/resource-files-links.model.ts
@@ -0,0 +1,4 @@
+export interface ResourceFilesLinks {
+  rootFolder: string;
+  iri: string;
+}
diff --git a/src/app/shared/services/files.service.ts b/src/app/shared/services/files.service.ts
index df7e4f7c4..4aa8ab1a5 100644
--- a/src/app/shared/services/files.service.ts
+++ b/src/app/shared/services/files.service.ts
@@ -44,6 +44,8 @@ import {
 import { JsonApiService } from '@shared/services';
 import { ToastService } from '@shared/services/toast.service';
 
+import { ResourceType } from '../enums';
+
 import { environment } from 'src/environments/environment';
 
 @Injectable({
@@ -54,6 +56,19 @@ export class FilesService {
   readonly toastService = inject(ToastService);
   filesFields = 'name,guid,kind,extra,size,path,materialized_path,date_modified,parent_folder,files';
 
+  private readonly urlMap = new Map<ResourceType, string>([
+    [ResourceType.Project, 'nodes'],
+    [ResourceType.Registration, 'registrations'],
+  ]);
+
+  // getModerators(resourceId: string, resourceType: ResourceType): Observable<ModeratorModel[]> {
+  //   const baseUrl = `${environment.apiUrl}/${this.urlMap.get(resourceType)}/${resourceId}/moderators`;
+
+  //   return this.jsonApiService
+  //     .get<ModeratorResponseJsonApi>(baseUrl)
+  //     .pipe(map((response) => response.data.map((moderator) => ModerationMapper.fromModeratorResponse(moderator))));
+  // }
+
   getFiles(filesLink: string, search: string, sort: string): Observable<OsfFile[]> {
     const params: Record<string, string> = {
       sort: sort,
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 5a1c35c56..8abe63e49 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -791,119 +791,6 @@
         "openResources": "Open Resources"
       }
     },
-    "files": {
-      "title": "Files",
-      "storageLocation": "OSF Storage",
-      "searchPlaceholder": "Search your projects",
-      "sort": {
-        "placeholder": "Sort",
-        "nameAZ": "Name: A-Z",
-        "nameZA": "Name: Z-A",
-        "lastModifiedOldest": "Last modified: oldest to newest",
-        "lastModifiedNewest": "Last modified: newest to oldest"
-      },
-      "actions": {
-        "downloadAsZip": "Download As Zip",
-        "createFolder": "Create Folder",
-        "uploadFile": "Upload File"
-      },
-      "dialogs": {
-        "uploadFile": {
-          "title": "Upload file",
-          "message": "Are you sure you want to update <span class=\"font-bold\">{{name}}</span>?"
-        },
-        "createFolder": {
-          "title": "Create folder",
-          "folderName": "New folder name",
-          "folderNamePlaceholder": "Please enter a folder name"
-        },
-        "renameFile": {
-          "title": "Rename file",
-          "newName": "New name",
-          "enterNewName": "Enter new name",
-          "renameLabel": "Please rename the file"
-        },
-        "moveFile": {
-          "cannotMove": "Cannot move to the same folder",
-          "title": "Move file",
-          "message": "Are you sure you want to move <span class=\"font-bold\">{{dragNodeName}}</span> to <span class=\"font-bold\">{{dropNodeName}}</span> ?",
-          "storage": "OSF Storage",
-          "pathError": "Path is not specified!"
-        },
-        "copyFile": {
-          "title": "Copy file"
-        },
-        "deleteFile": {
-          "title": "Delete File",
-          "message": "Are you sure you want to delete <span class=\"font-bold\">{{name}}</span>?"
-        }
-      },
-      "dropText": "Drop a file to upload",
-      "emptyState": "This folder is empty",
-      "detail": {
-        "backToList": "Back to list of files",
-        "tabs": {
-          "details": "Details",
-          "revisions": "Revisions",
-          "keywords": "Keywords"
-        },
-        "actions": {
-          "addCommunityMetadata": "Add community Metadata",
-          "copyDynamicIframe": "Copy dynamic JS iFrame",
-          "copyStaticIframe": "Copy static HTML iFrame",
-          "share": {
-            "email": "Email",
-            "x": "X",
-            "facebook": "Facebook"
-          }
-        },
-        "fileMetadata": {
-          "title": "File Metadata",
-          "edit": "Edit",
-          "fields": {
-            "title": "Title",
-            "description": "Description",
-            "resourceType": "Resource Type",
-            "resourceLanguage": "Resource Language"
-          }
-        },
-        "projectMetadata": {
-          "title": "Project Metadata",
-          "edit": "Edit",
-          "fields": {
-            "funder": "Funder",
-            "awardTitle": "Award title",
-            "awardNumber": "Award number",
-            "awardUri": "Award URI",
-            "title": "Title",
-            "description": "Description",
-            "resourceType": "Resource type",
-            "resourceLanguage": "Resource language",
-            "dateCreated": "Date created",
-            "dateModified": "Date modified",
-            "contributors": "Contributors"
-          }
-        },
-        "toast": {
-          "copiedToClipboard": "Copied to clipboard"
-        },
-        "keywords": {
-          "title": "Keywords"
-        },
-        "revisions": {
-          "title": "Revisions",
-          "actions": {
-            "copyMd5": "Copy MD5",
-            "copySha2": "Copy SHA-2",
-            "download": "Download"
-          },
-          "tooltips": {
-            "md5": "MD5 is an algorithm used to verify data integrity",
-            "sha2": "SHA-2 is a cryptographic hash function designed by the NSA used to verify data integrity."
-          }
-        }
-      }
-    },
     "metadata": {
       "addSubjects": "Add subjects...",
       "description": {
@@ -1026,6 +913,119 @@
       "success": "Project has been successfully deleted."
     }
   },
+  "files": {
+    "title": "Files",
+    "storageLocation": "OSF Storage",
+    "searchPlaceholder": "Search your projects",
+    "sort": {
+      "placeholder": "Sort",
+      "nameAZ": "Name: A-Z",
+      "nameZA": "Name: Z-A",
+      "lastModifiedOldest": "Last modified: oldest to newest",
+      "lastModifiedNewest": "Last modified: newest to oldest"
+    },
+    "actions": {
+      "downloadAsZip": "Download As Zip",
+      "createFolder": "Create Folder",
+      "uploadFile": "Upload File"
+    },
+    "dialogs": {
+      "uploadFile": {
+        "title": "Upload file",
+        "message": "Are you sure you want to update <span class=\"font-bold\">{{name}}</span>?"
+      },
+      "createFolder": {
+        "title": "Create folder",
+        "folderName": "New folder name",
+        "folderNamePlaceholder": "Please enter a folder name"
+      },
+      "renameFile": {
+        "title": "Rename file",
+        "newName": "New name",
+        "enterNewName": "Enter new name",
+        "renameLabel": "Please rename the file"
+      },
+      "moveFile": {
+        "cannotMove": "Cannot move to the same folder",
+        "title": "Move file",
+        "message": "Are you sure you want to move <span class=\"font-bold\">{{dragNodeName}}</span> to <span class=\"font-bold\">{{dropNodeName}}</span> ?",
+        "storage": "OSF Storage",
+        "pathError": "Path is not specified!"
+      },
+      "copyFile": {
+        "title": "Copy file"
+      },
+      "deleteFile": {
+        "title": "Delete File",
+        "message": "Are you sure you want to delete <span class=\"font-bold\">{{name}}</span>?"
+      }
+    },
+    "dropText": "Drop a file to upload",
+    "emptyState": "This folder is empty",
+    "detail": {
+      "backToList": "Back to list of files",
+      "tabs": {
+        "details": "Details",
+        "revisions": "Revisions",
+        "keywords": "Keywords"
+      },
+      "actions": {
+        "addCommunityMetadata": "Add community Metadata",
+        "copyDynamicIframe": "Copy dynamic JS iFrame",
+        "copyStaticIframe": "Copy static HTML iFrame",
+        "share": {
+          "email": "Email",
+          "x": "X",
+          "facebook": "Facebook"
+        }
+      },
+      "fileMetadata": {
+        "title": "File Metadata",
+        "edit": "Edit",
+        "fields": {
+          "title": "Title",
+          "description": "Description",
+          "resourceType": "Resource Type",
+          "resourceLanguage": "Resource Language"
+        }
+      },
+      "resourceMetadata": {
+        "title": "Project Metadata",
+        "edit": "Edit",
+        "fields": {
+          "funder": "Funder",
+          "awardTitle": "Award title",
+          "awardNumber": "Award number",
+          "awardUri": "Award URI",
+          "title": "Title",
+          "description": "Description",
+          "resourceType": "Resource type",
+          "resourceLanguage": "Resource language",
+          "dateCreated": "Date created",
+          "dateModified": "Date modified",
+          "contributors": "Contributors"
+        }
+      },
+      "toast": {
+        "copiedToClipboard": "Copied to clipboard"
+      },
+      "keywords": {
+        "title": "Keywords"
+      },
+      "revisions": {
+        "title": "Revisions",
+        "actions": {
+          "copyMd5": "Copy MD5",
+          "copySha2": "Copy SHA-2",
+          "download": "Download"
+        },
+        "tooltips": {
+          "md5": "MD5 is an algorithm used to verify data integrity",
+          "sha2": "SHA-2 is a cryptographic hash function designed by the NSA used to verify data integrity."
+        }
+      }
+    }
+  },
   "collections": {
     "helpDialog": {
       "header": "Search help",
@@ -1109,7 +1109,7 @@
       "confirmationDialogHeader": "Add to Collection",
       "selectProject": "Select a project",
       "project": "Project",
-      "projectMetadata": "Project Metadata",
+      "resourceMetadata": "Project Metadata",
       "projectMetadataMessage": "Updates made in this section will update the project.",
       "projectContributors": "Project Contributors",
       "collectionMetadata": "Collection Metadata",

From ea69937d594ade66e306cfad38c8865ca5d10cfe Mon Sep 17 00:00:00 2001
From: NazarMykhalkevych <nmykhalkevych@exoft.net>
Date: Tue, 19 Aug 2025 18:57:53 +0300
Subject: [PATCH 6/7] fix(files): refactoring files, fixed addons

---
 .../file-resource-metadata.component.html     |   4 +-
 .../file-resource-metadata.component.ts       |   3 +-
 .../file-revisions.component.ts               |   5 +-
 .../move-file-dialog.component.ts             |  14 +-
 .../constants/default-state.constants.ts      |  61 ---
 .../constants/file-provider.constants.ts      |   1 +
 src/app/features/files/constants/index.ts     |   1 -
 .../mappers/file-custom-metadata.mapper.ts    |   5 +-
 .../files/mappers/file-revision.mapper.ts     |  11 +-
 src/app/features/files/mappers/index.ts       |   3 +-
 .../models}/create-folder-response.model.ts   |   0
 .../files/models/file-target.model.ts         |   2 +
 .../get-contributors-response.model.ts}       |   2 +-
 .../get-custom-metadata-response.model.ts}    |   7 +-
 .../get-file-metadata-response.model.ts}      |   0
 .../get-file-revisions-response.model.ts      |   0
 .../models}/get-file-target-response.model.ts |   0
 .../models/get-short-info-response.model.ts}  |   2 +-
 src/app/features/files/models/index.ts        |   7 +
 .../file-detail/file-detail.component.html    |   2 +-
 .../file-detail/file-detail.component.ts      |  45 +--
 .../files/pages/files/files.component.html    |  49 +--
 .../files/pages/files/files.component.ts      |  55 ++-
 src/app/features/files/store/files.actions.ts |   2 +-
 src/app/features/files/store/files.model.ts   |  58 +++
 src/app/features/files/store/files.state.ts   |  12 +-
 .../constants/file-metadata-fields.const.ts   |   8 -
 .../features/project/files/constants/index.ts |   1 -
 .../files/enums/file-detail-tab.enum.ts       |   5 -
 .../mappers/file-custom-metadata.mapper.ts    |  12 -
 .../files/mappers/file-revision.mapper.ts     |  12 -
 .../features/project/files/mappers/index.ts   |   4 -
 .../files/mappers/project-metadata.mapper.ts  |  27 --
 .../files/models/data/embed-content.const.ts  |  42 ---
 .../files/models/data/file-provider.const.ts  |   9 -
 .../project-files-state-defaults.const.ts     |  59 ---
 .../files/models/files-metadata-fields.ts     |   6 -
 .../features/project/files/models/index.ts    |  25 --
 .../osf-models/file-custom-metadata.model.ts  |   7 -
 .../file-project-contributor.model.ts         |   5 -
 .../models/osf-models/file-revisions.model.ts |   9 -
 .../models/osf-models/file-target.model.ts    |  23 --
 .../project-custom-metadata.model.ts          |  16 -
 .../osf-models/project-short-info.model.ts    |   7 -
 .../requests/patch-file-metadata.model.ts     |   6 -
 src/app/features/project/files/pages/index.ts |   4 -
 .../project-files-container.component.html    |   1 -
 .../project-files-container.component.spec.ts |  26 --
 .../project-files-container.component.ts      |  10 -
 .../project-files.component.html              | 114 ------
 .../project-files.component.scss              |  24 --
 .../project-files.component.spec.ts           |  26 --
 .../project-files/project-files.component.ts  | 339 -----------------
 src/app/features/project/files/store/index.ts |   3 -
 .../files/store/project-files.actions.ts      | 144 --------
 .../files/store/project-files.model.ts        |  28 --
 .../files/store/project-files.selectors.ts    | 130 -------
 .../files/store/project-files.state.ts        | 347 ------------------
 .../registry-files.component.html             |  50 ---
 .../registry-files.component.scss             |   0
 .../registry-files.component.spec.ts          |  22 --
 .../registry-files.component.ts               | 167 ---------
 src/app/features/registry/registry.routes.ts  |   9 +-
 .../addon-setup-account-form.component.html   |   4 +-
 .../addon-setup-account-form.component.ts     |  10 +-
 .../copy-button/copy-button.component.html    |   3 +-
 src/app/shared/mappers/addon.mapper.ts        |   4 +-
 src/app/shared/mappers/files/files.mapper.ts  |  18 +-
 src/app/shared/models/files/file.model.ts     |   2 +-
 .../models/files/get-files-response.model.ts  |   2 +-
 src/app/shared/services/files.service.ts      |  70 ++--
 src/assets/i18n/en.json                       |   5 +-
 72 files changed, 255 insertions(+), 1941 deletions(-)
 delete mode 100644 src/app/features/files/constants/default-state.constants.ts
 rename src/app/features/{project/files/models/responses => files/models}/create-folder-response.model.ts (100%)
 rename src/app/features/{project/files/models/responses/get-project-contributors-response.model.ts => files/models/get-contributors-response.model.ts} (74%)
 rename src/app/features/{project/files/models/responses/get-project-custom-metadata-response.model.ts => files/models/get-custom-metadata-response.model.ts} (72%)
 rename src/app/features/{project/files/models/responses/get-file-metadata-reponse.model.ts => files/models/get-file-metadata-response.model.ts} (100%)
 rename src/app/features/{project/files/models/responses => files/models}/get-file-revisions-response.model.ts (100%)
 rename src/app/features/{project/files/models/responses => files/models}/get-file-target-response.model.ts (100%)
 rename src/app/features/{project/files/models/responses/get-project-short-info-response.model.ts => files/models/get-short-info-response.model.ts} (79%)
 delete mode 100644 src/app/features/project/files/constants/file-metadata-fields.const.ts
 delete mode 100644 src/app/features/project/files/constants/index.ts
 delete mode 100644 src/app/features/project/files/enums/file-detail-tab.enum.ts
 delete mode 100644 src/app/features/project/files/mappers/file-custom-metadata.mapper.ts
 delete mode 100644 src/app/features/project/files/mappers/file-revision.mapper.ts
 delete mode 100644 src/app/features/project/files/mappers/index.ts
 delete mode 100644 src/app/features/project/files/mappers/project-metadata.mapper.ts
 delete mode 100644 src/app/features/project/files/models/data/embed-content.const.ts
 delete mode 100644 src/app/features/project/files/models/data/file-provider.const.ts
 delete mode 100644 src/app/features/project/files/models/data/project-files-state-defaults.const.ts
 delete mode 100644 src/app/features/project/files/models/files-metadata-fields.ts
 delete mode 100644 src/app/features/project/files/models/index.ts
 delete mode 100644 src/app/features/project/files/models/osf-models/file-custom-metadata.model.ts
 delete mode 100644 src/app/features/project/files/models/osf-models/file-project-contributor.model.ts
 delete mode 100644 src/app/features/project/files/models/osf-models/file-revisions.model.ts
 delete mode 100644 src/app/features/project/files/models/osf-models/file-target.model.ts
 delete mode 100644 src/app/features/project/files/models/osf-models/project-custom-metadata.model.ts
 delete mode 100644 src/app/features/project/files/models/osf-models/project-short-info.model.ts
 delete mode 100644 src/app/features/project/files/models/requests/patch-file-metadata.model.ts
 delete mode 100644 src/app/features/project/files/pages/index.ts
 delete mode 100644 src/app/features/project/files/pages/project-files-container/project-files-container.component.html
 delete mode 100644 src/app/features/project/files/pages/project-files-container/project-files-container.component.spec.ts
 delete mode 100644 src/app/features/project/files/pages/project-files-container/project-files-container.component.ts
 delete mode 100644 src/app/features/project/files/pages/project-files/project-files.component.html
 delete mode 100644 src/app/features/project/files/pages/project-files/project-files.component.scss
 delete mode 100644 src/app/features/project/files/pages/project-files/project-files.component.spec.ts
 delete mode 100644 src/app/features/project/files/pages/project-files/project-files.component.ts
 delete mode 100644 src/app/features/project/files/store/index.ts
 delete mode 100644 src/app/features/project/files/store/project-files.actions.ts
 delete mode 100644 src/app/features/project/files/store/project-files.model.ts
 delete mode 100644 src/app/features/project/files/store/project-files.selectors.ts
 delete mode 100644 src/app/features/project/files/store/project-files.state.ts
 delete mode 100644 src/app/features/registry/pages/registry-files/registry-files.component.html
 delete mode 100644 src/app/features/registry/pages/registry-files/registry-files.component.scss
 delete mode 100644 src/app/features/registry/pages/registry-files/registry-files.component.spec.ts
 delete mode 100644 src/app/features/registry/pages/registry-files/registry-files.component.ts

diff --git a/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.html b/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.html
index de4433eb5..98142cf0f 100644
--- a/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.html
+++ b/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.html
@@ -1,5 +1,7 @@
 <div class="p-4 flex flex-column gap-5">
-  <h2>{{ 'files.detail.resourceMetadata.title' | translate }}</h2>
+  <h2>
+    {{ 'files.detail.resourceMetadata.title.' + resourceType() | translate }}
+  </h2>
 
   @if (isResourceMetadataLoading()) {
     <p-skeleton width="100%" height="4rem" />
diff --git a/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.ts b/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.ts
index 25a00edf8..8043b6459 100644
--- a/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.ts
+++ b/src/app/features/files/components/file-resource-metadata/file-resource-metadata.component.ts
@@ -5,7 +5,7 @@ import { TranslatePipe } from '@ngx-translate/core';
 import { Skeleton } from 'primeng/skeleton';
 
 import { DatePipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
 
 import { FilesSelectors } from '../../store';
 
@@ -17,6 +17,7 @@ import { FilesSelectors } from '../../store';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class FileResourceMetadataComponent {
+  resourceType = input<string>('nodes');
   resourceMetadata = select(FilesSelectors.getResourceMetadata);
   contributors = select(FilesSelectors.getContributors);
   isResourceMetadataLoading = select(FilesSelectors.isResourceMetadataLoading);
diff --git a/src/app/features/files/components/file-revisions/file-revisions.component.ts b/src/app/features/files/components/file-revisions/file-revisions.component.ts
index c2f931caf..2fc72a763 100644
--- a/src/app/features/files/components/file-revisions/file-revisions.component.ts
+++ b/src/app/features/files/components/file-revisions/file-revisions.component.ts
@@ -13,7 +13,8 @@ import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { ActivatedRoute } from '@angular/router';
 
-import { CopyButtonComponent, InfoIconComponent } from '@shared/components';
+import { CopyButtonComponent } from '@osf/shared/components';
+import { InfoIconComponent } from '@osf/shared/components/info-icon/info-icon.component';
 
 import { FilesSelectors } from '../../store';
 
@@ -32,9 +33,9 @@ import { environment } from 'src/environments/environment';
     Button,
     DatePipe,
     TranslatePipe,
-    InfoIconComponent,
     CopyButtonComponent,
     Skeleton,
+    InfoIconComponent,
   ],
 })
 export class FileRevisionsComponent {
diff --git a/src/app/features/files/components/move-file-dialog/move-file-dialog.component.ts b/src/app/features/files/components/move-file-dialog/move-file-dialog.component.ts
index 9bfea9c1d..0b4ba48e4 100644
--- a/src/app/features/files/components/move-file-dialog/move-file-dialog.component.ts
+++ b/src/app/features/files/components/move-file-dialog/move-file-dialog.component.ts
@@ -14,13 +14,13 @@ import { ChangeDetectionStrategy, Component, computed, DestroyRef, inject, signa
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 import {
+  FilesSelectors,
   GetFiles,
   GetMoveFileFiles,
   GetRootFolderFiles,
-  ProjectFilesSelectors,
   SetCurrentFolder,
   SetMoveFileCurrentFolder,
-} from '@osf/features/project/files/store';
+} from '@osf/features/files/store';
 import { IconComponent, LoadingSpinnerComponent } from '@shared/components';
 import { OsfFile } from '@shared/models';
 import { FilesService, ToastService } from '@shared/services';
@@ -41,15 +41,15 @@ export class MoveFileDialogComponent {
   private readonly translateService = inject(TranslateService);
   private readonly toastService = inject(ToastService);
 
-  protected readonly files = select(ProjectFilesSelectors.getMoveFileFiles);
-  protected readonly isLoading = select(ProjectFilesSelectors.isMoveFileFilesLoading);
-  protected readonly currentFolder = select(ProjectFilesSelectors.getMoveFileCurrentFolder);
-  private readonly rootFolders = select(ProjectFilesSelectors.getRootFolders);
+  protected readonly files = select(FilesSelectors.getMoveFileFiles);
+  protected readonly isLoading = select(FilesSelectors.isMoveFileFilesLoading);
+  protected readonly currentFolder = select(FilesSelectors.getMoveFileCurrentFolder);
+  private readonly rootFolders = select(FilesSelectors.getRootFolders);
   protected readonly isFilesUpdating = signal(false);
   protected readonly isFolderSame = computed(() => {
     return this.currentFolder()?.id === this.config.data.file.relationships.parentFolderId;
   });
-  protected readonly provider = select(ProjectFilesSelectors.getProvider);
+  protected readonly provider = select(FilesSelectors.getProvider);
 
   protected readonly dispatch = createDispatchMap({
     getMoveFileFiles: GetMoveFileFiles,
diff --git a/src/app/features/files/constants/default-state.constants.ts b/src/app/features/files/constants/default-state.constants.ts
deleted file mode 100644
index 465951ae3..000000000
--- a/src/app/features/files/constants/default-state.constants.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { FilesStateModel } from '../store/files.model';
-
-import { FileProvider } from './file-provider.constants';
-
-export const filesStateDefaults: FilesStateModel = {
-  files: {
-    data: [],
-    isLoading: false,
-    error: null,
-  },
-  moveFileFiles: {
-    data: [],
-    isLoading: false,
-    error: null,
-  },
-  currentFolder: null,
-  moveFileCurrentFolder: null,
-  search: '',
-  sort: 'name',
-  provider: FileProvider.OsfStorage,
-  openedFile: {
-    data: null,
-    isLoading: false,
-    error: null,
-  },
-  fileMetadata: {
-    data: null,
-    isLoading: false,
-    error: null,
-  },
-  resourceMetadata: {
-    data: null,
-    isLoading: false,
-    error: null,
-  },
-  contributors: {
-    data: null,
-    isLoading: false,
-    error: null,
-  },
-  fileRevisions: {
-    data: null,
-    isLoading: false,
-    error: null,
-  },
-  tags: {
-    data: [],
-    isLoading: false,
-    error: null,
-  },
-  rootFolders: {
-    data: [],
-    isLoading: true,
-    error: null,
-  },
-  configuredStorageAddons: {
-    data: [],
-    isLoading: true,
-    error: null,
-  },
-};
diff --git a/src/app/features/files/constants/file-provider.constants.ts b/src/app/features/files/constants/file-provider.constants.ts
index 546a640d5..01df352e3 100644
--- a/src/app/features/files/constants/file-provider.constants.ts
+++ b/src/app/features/files/constants/file-provider.constants.ts
@@ -6,4 +6,5 @@ export const FileProvider = {
   OneDrive: 'onedrive',
   WebDav: 'webdav',
   S3: 's3',
+  GitHub: 'github',
 };
diff --git a/src/app/features/files/constants/index.ts b/src/app/features/files/constants/index.ts
index 883316ef3..72af33152 100644
--- a/src/app/features/files/constants/index.ts
+++ b/src/app/features/files/constants/index.ts
@@ -1,4 +1,3 @@
-export * from './default-state.constants';
 export * from './embed-content.constants';
 export * from './file-metadata-fields.constants';
 export * from './file-provider.constants';
diff --git a/src/app/features/files/mappers/file-custom-metadata.mapper.ts b/src/app/features/files/mappers/file-custom-metadata.mapper.ts
index 2611fe4c8..dc75ca1e3 100644
--- a/src/app/features/files/mappers/file-custom-metadata.mapper.ts
+++ b/src/app/features/files/mappers/file-custom-metadata.mapper.ts
@@ -1,5 +1,6 @@
-import { ApiData } from '@osf/core/models';
-import { FileCustomMetadata, OsfFileCustomMetadata } from '@osf/features/project/files/models';
+import { ApiData } from '@osf/shared/models';
+
+import { FileCustomMetadata, OsfFileCustomMetadata } from '../models';
 
 export function MapFileCustomMetadata(data: ApiData<FileCustomMetadata, null, null, null>): OsfFileCustomMetadata {
   return {
diff --git a/src/app/features/files/mappers/file-revision.mapper.ts b/src/app/features/files/mappers/file-revision.mapper.ts
index 9b340934f..764b7718d 100644
--- a/src/app/features/files/mappers/file-revision.mapper.ts
+++ b/src/app/features/files/mappers/file-revision.mapper.ts
@@ -1,12 +1,13 @@
-import { ApiData } from '@core/models';
-import { OsfFileRevision } from '@osf/features/project/files/models/osf-models/file-revisions.model';
-import { FileRevisionJsonApi } from '@osf/features/project/files/models/responses/get-file-revisions-response.model';
+import { ApiData } from '@osf/shared/models';
+
+import { FileRevisionJsonApi, OsfFileRevision } from '../models';
 
 export function MapFileRevision(data: ApiData<FileRevisionJsonApi, null, null, null>[]): OsfFileRevision[] {
-  return data.map((revision) => ({
+  const revision = data.map((revision) => ({
     downloads: revision.attributes.extra.downloads,
-    hashes: { md5: revision.attributes.extra.hashes.md5, sha256: revision.attributes.extra.hashes.sha256 },
+    hashes: { md5: revision.attributes.extra.hashes?.md5, sha256: revision.attributes.extra.hashes?.sha256 },
     dateTime: new Date(revision.attributes.modified_utc),
     version: revision.attributes.version,
   }));
+  return revision;
 }
diff --git a/src/app/features/files/mappers/index.ts b/src/app/features/files/mappers/index.ts
index bfa419062..96736c05c 100644
--- a/src/app/features/files/mappers/index.ts
+++ b/src/app/features/files/mappers/index.ts
@@ -1,4 +1,3 @@
 export * from './file-custom-metadata.mapper';
 export * from './file-revision.mapper';
-export * from './project-metadata.mapper';
-export * from '@shared/mappers/files/files.mapper';
+export * from './resource-metadata.mapper';
diff --git a/src/app/features/project/files/models/responses/create-folder-response.model.ts b/src/app/features/files/models/create-folder-response.model.ts
similarity index 100%
rename from src/app/features/project/files/models/responses/create-folder-response.model.ts
rename to src/app/features/files/models/create-folder-response.model.ts
diff --git a/src/app/features/files/models/file-target.model.ts b/src/app/features/files/models/file-target.model.ts
index 84485a11e..85858e99d 100644
--- a/src/app/features/files/models/file-target.model.ts
+++ b/src/app/features/files/models/file-target.model.ts
@@ -1,4 +1,5 @@
 export interface OsfFileTarget {
+  id: string;
   title: string;
   description: string;
   category: string;
@@ -18,4 +19,5 @@ export interface OsfFileTarget {
   currentUserIsContributorOrGroupMember: boolean;
   wikiEnabled: boolean;
   public: boolean;
+  type: string;
 }
diff --git a/src/app/features/project/files/models/responses/get-project-contributors-response.model.ts b/src/app/features/files/models/get-contributors-response.model.ts
similarity index 74%
rename from src/app/features/project/files/models/responses/get-project-contributors-response.model.ts
rename to src/app/features/files/models/get-contributors-response.model.ts
index 66f1475dd..ed19f0e76 100644
--- a/src/app/features/project/files/models/responses/get-project-contributors-response.model.ts
+++ b/src/app/features/files/models/get-contributors-response.model.ts
@@ -1,6 +1,6 @@
 import { ApiData, JsonApiResponse } from '@osf/shared/models';
 
-export type GetProjectContributorsResponse = JsonApiResponse<
+export type GetContributorsResponse = JsonApiResponse<
   ApiData<
     {
       full_name: string;
diff --git a/src/app/features/project/files/models/responses/get-project-custom-metadata-response.model.ts b/src/app/features/files/models/get-custom-metadata-response.model.ts
similarity index 72%
rename from src/app/features/project/files/models/responses/get-project-custom-metadata-response.model.ts
rename to src/app/features/files/models/get-custom-metadata-response.model.ts
index b4e3028f1..947edeff0 100644
--- a/src/app/features/project/files/models/responses/get-project-custom-metadata-response.model.ts
+++ b/src/app/features/files/models/get-custom-metadata-response.model.ts
@@ -1,11 +1,8 @@
 import { ApiData, JsonApiResponse } from '@osf/shared/models';
 
-export type GetProjectCustomMetadataResponse = JsonApiResponse<
-  ApiData<null, ProjectMetadataEmbedResponse, null, null>,
-  null
->;
+export type GetCustomMetadataResponse = JsonApiResponse<ApiData<null, MetadataEmbedResponse, null, null>, null>;
 
-export interface ProjectMetadataEmbedResponse {
+export interface MetadataEmbedResponse {
   custom_metadata: JsonApiResponse<
     ApiData<
       {
diff --git a/src/app/features/project/files/models/responses/get-file-metadata-reponse.model.ts b/src/app/features/files/models/get-file-metadata-response.model.ts
similarity index 100%
rename from src/app/features/project/files/models/responses/get-file-metadata-reponse.model.ts
rename to src/app/features/files/models/get-file-metadata-response.model.ts
diff --git a/src/app/features/project/files/models/responses/get-file-revisions-response.model.ts b/src/app/features/files/models/get-file-revisions-response.model.ts
similarity index 100%
rename from src/app/features/project/files/models/responses/get-file-revisions-response.model.ts
rename to src/app/features/files/models/get-file-revisions-response.model.ts
diff --git a/src/app/features/project/files/models/responses/get-file-target-response.model.ts b/src/app/features/files/models/get-file-target-response.model.ts
similarity index 100%
rename from src/app/features/project/files/models/responses/get-file-target-response.model.ts
rename to src/app/features/files/models/get-file-target-response.model.ts
diff --git a/src/app/features/project/files/models/responses/get-project-short-info-response.model.ts b/src/app/features/files/models/get-short-info-response.model.ts
similarity index 79%
rename from src/app/features/project/files/models/responses/get-project-short-info-response.model.ts
rename to src/app/features/files/models/get-short-info-response.model.ts
index 80a8835a0..da3aed695 100644
--- a/src/app/features/project/files/models/responses/get-project-short-info-response.model.ts
+++ b/src/app/features/files/models/get-short-info-response.model.ts
@@ -1,6 +1,6 @@
 import { ApiData, JsonApiResponse } from '@shared/models';
 
-export type GetProjectShortInfoResponse = JsonApiResponse<
+export type GetShortInfoResponse = JsonApiResponse<
   ApiData<
     {
       title: string;
diff --git a/src/app/features/files/models/index.ts b/src/app/features/files/models/index.ts
index d66cc146f..f3e000f81 100644
--- a/src/app/features/files/models/index.ts
+++ b/src/app/features/files/models/index.ts
@@ -1,5 +1,12 @@
+export * from './create-folder-response.model';
 export * from './file-custom-metadata.model';
 export * from './file-revisions.model';
 export * from './file-target.model';
 export * from './files-metadata-fields.model';
+export * from './get-contributors-response.model';
+export * from './get-custom-metadata-response.model';
+export * from './get-file-metadata-response.model';
+export * from './get-file-revisions-response.model';
+export * from './get-file-target-response.model';
+export * from './get-short-info-response.model';
 export * from './patch-file-metadata.model';
diff --git a/src/app/features/files/pages/file-detail/file-detail.component.html b/src/app/features/files/pages/file-detail/file-detail.component.html
index db7fb6f15..9169ca030 100644
--- a/src/app/features/files/pages/file-detail/file-detail.component.html
+++ b/src/app/features/files/pages/file-detail/file-detail.component.html
@@ -91,7 +91,7 @@
         <osf-file-keywords class="metadata"></osf-file-keywords>
       } @else {
         <osf-file-metadata class="metadata"></osf-file-metadata>
-        <!-- <osf-file-project-metadata class="metadata"></osf-file-project-metadata> -->
+        <osf-file-resource-metadata class="metadata" [resourceType]="resourceType"></osf-file-resource-metadata>
       }
     </div>
   </div>
diff --git a/src/app/features/files/pages/file-detail/file-detail.component.ts b/src/app/features/files/pages/file-detail/file-detail.component.ts
index 6c44997e6..8a0c74f1b 100644
--- a/src/app/features/files/pages/file-detail/file-detail.component.ts
+++ b/src/app/features/files/pages/file-detail/file-detail.component.ts
@@ -13,14 +13,20 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 
-import { embedDynamicJs, embedStaticHtml } from '@osf/features/project/files/models';
-import { LoadingSpinnerComponent, SubHeaderComponent } from '@shared/components';
+import { LoadingSpinnerComponent, SubHeaderComponent } from '@osf/shared/components';
 import { OsfFile } from '@shared/models';
 import { CustomConfirmationService, ToastService } from '@shared/services';
 
-import { FileKeywordsComponent, FileMetadataComponent, FileRevisionsComponent } from '../../components';
+import {
+  FileKeywordsComponent,
+  FileMetadataComponent,
+  FileResourceMetadataComponent,
+  FileRevisionsComponent,
+} from '../../components';
+import { embedDynamicJs, embedStaticHtml } from '../../constants';
 import { FileDetailTab } from '../../enums';
 import {
+  DeleteEntry,
   FilesSelectors,
   GetFile,
   GetFileMetadata,
@@ -44,6 +50,7 @@ import {
     FileKeywordsComponent,
     FileRevisionsComponent,
     FileMetadataComponent,
+    FileResourceMetadataComponent,
   ],
   templateUrl: './file-detail.component.html',
   styleUrl: './file-detail.component.scss',
@@ -66,6 +73,7 @@ export class FileDetailComponent {
     getFileMetadata: GetFileMetadata,
     getFileResourceMetadata: GetFileResourceMetadata,
     getFileResourceContributors: GetFileResourceContributors,
+    deleteEntry: DeleteEntry,
   });
 
   file = select(FilesSelectors.getOpenedFile);
@@ -109,12 +117,6 @@ export class FileDetailComponent {
   ];
 
   constructor() {
-    // this.route.parent?.parent?.parent?.parent?.params.subscribe((params) => {
-    //   if (params['id']) {
-    //     this.projectId = params['id'];
-    //   }
-    // });
-
     this.route.params
       .pipe(
         takeUntilDestroyed(this.destroyRef),
@@ -123,7 +125,7 @@ export class FileDetailComponent {
           return this.actions.getFile(this.fileGuid);
         })
       )
-      .subscribe((parentParams) => {
+      .subscribe(() => {
         const link = this.file()?.links.render;
         if (link) {
           this.safeLink = this.sanitizer.bypassSecurityTrustResourceUrl(link);
@@ -131,13 +133,13 @@ export class FileDetailComponent {
         this.resourceId = this.file()?.target.id || '';
         this.resourceType = this.file()?.target.type || '';
         const fileId = this.file()?.path.replaceAll('/', '');
-        // this.projectId = parentParams['id'];
         if (this.resourceId && this.resourceType) {
           this.actions.getFileResourceMetadata(this.resourceId, this.resourceType);
           this.actions.getFileResourceContributors(this.resourceId, this.resourceType);
 
           if (fileId) {
-            this.actions.getFileRevisions(this.resourceId, this.resourceType, fileId);
+            const fileProvider = this.file()?.provider || '';
+            this.actions.getFileRevisions(this.resourceId, fileProvider, fileId);
           }
         }
       });
@@ -163,15 +165,16 @@ export class FileDetailComponent {
   }
 
   deleteEntry(link: string): void {
-    console.log('Delete entry link:', link);
-    // if (this.projectId) {
-    //   this.store
-    //     .dispatch(new DeleteEntry(this.projectId, link))
-    //     .pipe(takeUntilDestroyed(this.destroyRef))
-    //     .subscribe(() => {
-    //       this.router.navigate(['/project', this.projectId, 'files']);
-    //     });
-    // }
+    if (this.resourceId) {
+      const redirectUrl =
+        this.resourceType === 'nodes' ? `/project/${this.resourceId}/files` : `/registry/${this.resourceId}/files`;
+      this.actions
+        .deleteEntry(this.resourceId, link)
+        .pipe(takeUntilDestroyed(this.destroyRef))
+        .subscribe(() => {
+          this.router.navigate([redirectUrl]);
+        });
+    }
   }
 
   confirmDelete(file: OsfFile): void {
diff --git a/src/app/features/files/pages/files/files.component.html b/src/app/features/files/pages/files/files.component.html
index 9af1eb666..9e25d61ce 100644
--- a/src/app/features/files/pages/files/files.component.html
+++ b/src/app/features/files/pages/files/files.component.html
@@ -1,6 +1,6 @@
 <osf-sub-header [title]="'files.title' | translate"></osf-sub-header>
 
-@if (dataLoaded()) {
+@if (!dataLoaded()) {
   <osf-loading-spinner></osf-loading-spinner>
 } @else {
   <div class="flex flex-column bg-white gap-4 h-full flex-1 p-4 p-dialog-align-center">
@@ -53,28 +53,29 @@
         >
         </p-button>
 
-        <p-button
-          [disabled]="fileIsUploading() || isFilesLoading()"
-          outlined
-          raised
-          severity="success"
-          [icon]="'fas fa-plus'"
-          [label]="'files.actions.createFolder' | translate"
-          (click)="createFolder()"
-        >
-        </p-button>
-
-        <p-button
-          [disabled]="fileIsUploading() || isFilesLoading()"
-          outlined
-          raised
-          severity="success"
-          [icon]="'fas fa-upload'"
-          [label]="'files.actions.uploadFile' | translate"
-          (click)="fileInput.click()"
-        >
-        </p-button>
+        @if (!isViewOnly()) {
+          <p-button
+            [disabled]="fileIsUploading() || isFilesLoading()"
+            outlined
+            raised
+            severity="success"
+            [icon]="'fas fa-plus'"
+            [label]="'files.actions.createFolder' | translate"
+            (click)="createFolder()"
+          >
+          </p-button>
 
+          <p-button
+            [disabled]="fileIsUploading() || isFilesLoading()"
+            outlined
+            raised
+            severity="success"
+            [icon]="'fas fa-upload'"
+            [label]="'files.actions.uploadFile' | translate"
+            (click)="fileInput.click()"
+          >
+          </p-button>
+        }
         <input #fileInput type="file" class="hidden" (change)="onFileSelected($event)" />
       </div>
     </div>
@@ -101,8 +102,8 @@
       [currentFolder]="currentFolder()"
       [isLoading]="isFilesLoading()"
       [actions]="filesTreeActions"
-      [viewOnly]="false"
-      [viewOnlyDownloadable]="false"
+      [viewOnly]="isViewOnly()"
+      [viewOnlyDownloadable]="isViewOnlyDownloadable()"
       [resourceId]="resourceId()"
       [provider]="provider()"
       (folderIsOpening)="folderIsOpening($event)"
diff --git a/src/app/features/files/pages/files/files.component.ts b/src/app/features/files/pages/files/files.component.ts
index c966f5ea7..88b5d81bd 100644
--- a/src/app/features/files/pages/files/files.component.ts
+++ b/src/app/features/files/pages/files/files.component.ts
@@ -42,8 +42,8 @@ import {
   SetSearch,
   SetSort,
 } from '@osf/features/files/store';
-import { GetProjectById } from '@osf/features/project/overview/store';
 import { ALL_SORT_OPTIONS } from '@osf/shared/constants';
+import { ResourceType } from '@osf/shared/enums';
 import {
   FilesTreeComponent,
   FormSelectComponent,
@@ -101,7 +101,6 @@ export class FilesComponent {
     setMoveFileCurrentFolder: SetMoveFileCurrentFolder,
     setSearch: SetSearch,
     setSort: SetSort,
-    getProject: GetProjectById,
     getRootFolders: GetRootFolders,
     getConfiguredStorageAddons: GetConfiguredStorageAddons,
     resetState: ResetState,
@@ -124,6 +123,11 @@ export class FilesComponent {
   protected readonly searchControl = new FormControl<string>('');
   protected readonly sortControl = new FormControl(ALL_SORT_OPTIONS[0].value);
 
+  private readonly urlMap = new Map<ResourceType, string>([
+    [ResourceType.Project, 'nodes'],
+    [ResourceType.Registration, 'registrations'],
+  ]);
+
   protected readonly rootFoldersOptions = computed(() => {
     const rootFolders = this.rootFolders();
     const addons = this.configuredStorageAddons();
@@ -136,6 +140,18 @@ export class FilesComponent {
     return [];
   });
 
+  resourceType = signal<ResourceType>(
+    this.activeRoute.parent?.parent?.snapshot.data['resourceType'] || ResourceType.Project
+  );
+
+  protected readonly isViewOnly = computed(() => {
+    return this.resourceType() === ResourceType.Registration;
+  });
+
+  protected readonly isViewOnlyDownloadable = computed(() => {
+    return this.resourceType() === ResourceType.Registration;
+  });
+
   fileIsUploading = signal(false);
   isFolderOpening = signal(false);
 
@@ -154,7 +170,6 @@ export class FilesComponent {
 
   constructor() {
     this.activeRoute.parent?.parent?.parent?.params.subscribe((params) => {
-      console.log(params);
       if (params['id']) {
         this.resourceId.set(params['id']);
         this.filesTreeActions.setFilesIsLoading?.(true);
@@ -162,16 +177,17 @@ export class FilesComponent {
     });
 
     effect(() => {
-      const resourcePath = 'nodes';
-      const folderLink = `${environment.apiUrl}/${resourcePath}/${this.resourceId()}/files/${this.storageProvider}/`;
-      const iriLink = `${environment.apiUrl}/${this.resourceId()}/`;
+      const resourceId = this.resourceId();
+
+      const resourcePath = this.urlMap.get(this.resourceType()!);
+      const folderLink = `${environment.apiUrl}/${resourcePath}/${resourceId}/files/`;
+      const iriLink = `${environment.webUrl}/${resourceId}`;
       this.actions.getRootFolders(folderLink);
       this.actions.getConfiguredStorageAddons(iriLink);
     });
 
     effect(() => {
       const rootFolders = this.rootFolders();
-
       if (rootFolders) {
         const osfRootFolder = rootFolders.find((folder) => folder.provider === 'osfstorage');
         if (osfRootFolder) {
@@ -185,15 +201,18 @@ export class FilesComponent {
 
     effect(() => {
       const currentRootFolder = this.currentRootFolder();
-
       if (currentRootFolder) {
         this.actions.setCurrentFolder(currentRootFolder.folder);
       }
     });
 
     effect(() => {
-      if (!this.isConfiguredStorageAddonsLoading() && !this.isRootFoldersLoading()) {
+      if (this.resourceType() === ResourceType.Registration) {
         this.dataLoaded.set(true);
+      } else {
+        if (!this.isConfiguredStorageAddonsLoading() && !this.isRootFoldersLoading()) {
+          this.dataLoaded.set(true);
+        }
       }
     });
 
@@ -243,15 +262,15 @@ export class FilesComponent {
         if (event.type === HttpEventType.UploadProgress && event.total) {
           this.progress.set(Math.round((event.loaded / event.total) * 100));
         }
-
-        if (event.type === HttpEventType.Response) {
-          if (event.body) {
-            const fileId = event?.body?.data?.id?.split('/').pop();
-            if (fileId) {
-              this.filesService.getFileGuid(fileId).pipe(takeUntilDestroyed(this.destroyRef)).subscribe();
-            }
-          }
-        }
+        // [NM] Check if need to create guid here
+        // if (event.type === HttpEventType.Response) {
+        //   if (event.body) {
+        //     const fileId = event?.body?.data?.id?.split('/').pop();
+        //     if (fileId) {
+        //       this.filesService.getFileGuid(fileId).pipe(takeUntilDestroyed(this.destroyRef)).subscribe();
+        //     }
+        //   }
+        // }
       });
   }
 
diff --git a/src/app/features/files/store/files.actions.ts b/src/app/features/files/store/files.actions.ts
index b1bfd6a44..a7ac92dc4 100644
--- a/src/app/features/files/store/files.actions.ts
+++ b/src/app/features/files/store/files.actions.ts
@@ -104,7 +104,7 @@ export class GetFileRevisions {
 
   constructor(
     public resourceId: string,
-    public resourceType: string,
+    public fileProvider: string,
     public fileId: string
   ) {}
 }
diff --git a/src/app/features/files/store/files.model.ts b/src/app/features/files/store/files.model.ts
index 5d9fe51a4..79d621f16 100644
--- a/src/app/features/files/store/files.model.ts
+++ b/src/app/features/files/store/files.model.ts
@@ -22,3 +22,61 @@ export interface FilesStateModel {
   rootFolders: AsyncStateModel<OsfFile[] | null>;
   configuredStorageAddons: AsyncStateModel<ConfiguredStorageAddon[] | null>;
 }
+
+export const filesStateDefaults: FilesStateModel = {
+  files: {
+    data: [],
+    isLoading: false,
+    error: null,
+  },
+  moveFileFiles: {
+    data: [],
+    isLoading: false,
+    error: null,
+  },
+  currentFolder: null,
+  moveFileCurrentFolder: null,
+  search: '',
+  sort: 'name',
+  provider: FileProvider.OsfStorage,
+  openedFile: {
+    data: null,
+    isLoading: false,
+    error: null,
+  },
+  fileMetadata: {
+    data: null,
+    isLoading: false,
+    error: null,
+  },
+  resourceMetadata: {
+    data: null,
+    isLoading: false,
+    error: null,
+  },
+  contributors: {
+    data: null,
+    isLoading: false,
+    error: null,
+  },
+  fileRevisions: {
+    data: null,
+    isLoading: false,
+    error: null,
+  },
+  tags: {
+    data: [],
+    isLoading: false,
+    error: null,
+  },
+  rootFolders: {
+    data: [],
+    isLoading: true,
+    error: null,
+  },
+  configuredStorageAddons: {
+    data: [],
+    isLoading: true,
+    error: null,
+  },
+};
diff --git a/src/app/features/files/store/files.state.ts b/src/app/features/files/store/files.state.ts
index 69d2fe105..61d6217bb 100644
--- a/src/app/features/files/store/files.state.ts
+++ b/src/app/features/files/store/files.state.ts
@@ -4,14 +4,13 @@ import { catchError, finalize, forkJoin, tap } from 'rxjs';
 
 import { inject, Injectable } from '@angular/core';
 
-import { CreateFolder } from '@osf/features/registries/store';
 import { handleSectionError } from '@osf/shared/helpers';
 import { FilesService, ToastService } from '@shared/services';
 
-import { filesStateDefaults } from '../constants';
 import { MapResourceMetadata } from '../mappers/resource-metadata.mapper';
 
 import {
+  CreateFolder,
   DeleteEntry,
   GetConfiguredStorageAddons,
   GetFile,
@@ -33,7 +32,7 @@ import {
   SetSort,
   UpdateTags,
 } from './files.actions';
-import { FilesStateModel } from './files.model';
+import { filesStateDefaults, FilesStateModel } from './files.model';
 
 @Injectable()
 @State<FilesStateModel>({
@@ -71,7 +70,6 @@ export class FilesState {
   getFiles(ctx: StateContext<FilesStateModel>, action: GetFiles) {
     const state = ctx.getState();
     ctx.patchState({ files: { ...state.files, isLoading: true, error: null } });
-
     return this.filesService.getFiles(action.filesLink, state.search, state.sort).pipe(
       tap({
         next: (files) => {
@@ -214,12 +212,12 @@ export class FilesState {
     ctx.patchState({ resourceMetadata: { ...state.resourceMetadata, isLoading: true, error: null } });
 
     forkJoin({
-      projectShortInfo: this.filesService.getResourceShortInfo(action.resourceId, action.resourceType),
+      resourceShortInfo: this.filesService.getResourceShortInfo(action.resourceId, action.resourceType),
       resourceMetadata: this.filesService.getCustomMetadata(action.resourceId),
     })
       .pipe(catchError((error) => handleSectionError(ctx, 'resourceMetadata', error)))
       .subscribe((results) => {
-        const resourceMetadata = MapResourceMetadata(results.projectShortInfo, results.resourceMetadata);
+        const resourceMetadata = MapResourceMetadata(results.resourceShortInfo, results.resourceMetadata);
         ctx.patchState({
           resourceMetadata: {
             data: resourceMetadata,
@@ -250,7 +248,7 @@ export class FilesState {
     const state = ctx.getState();
     ctx.patchState({ fileRevisions: { ...state.fileRevisions, isLoading: true, error: null } });
 
-    return this.filesService.getFileRevisions(action.resourceId, state.provider, action.fileId).pipe(
+    return this.filesService.getFileRevisions(action.resourceId, action.fileProvider, action.fileId).pipe(
       tap({
         next: (revisions) => {
           ctx.patchState({ fileRevisions: { data: revisions, isLoading: false, error: null } });
diff --git a/src/app/features/project/files/constants/file-metadata-fields.const.ts b/src/app/features/project/files/constants/file-metadata-fields.const.ts
deleted file mode 100644
index 0b9617fa4..000000000
--- a/src/app/features/project/files/constants/file-metadata-fields.const.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { MetadataField } from '../models';
-
-export const FileMetadataFields: MetadataField[] = [
-  { key: 'title', label: 'files.detail.fileMetadata.fields.title' },
-  { key: 'description', label: 'files.detail.fileMetadata.fields.description' },
-  { key: 'resourceTypeGeneral', label: 'files.detail.fileMetadata.fields.resourceType' },
-  { key: 'language', label: 'files.detail.fileMetadata.fields.resourceLanguage' },
-];
diff --git a/src/app/features/project/files/constants/index.ts b/src/app/features/project/files/constants/index.ts
deleted file mode 100644
index 8ccd501a6..000000000
--- a/src/app/features/project/files/constants/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './file-metadata-fields.const';
diff --git a/src/app/features/project/files/enums/file-detail-tab.enum.ts b/src/app/features/project/files/enums/file-detail-tab.enum.ts
deleted file mode 100644
index 4c6c7151d..000000000
--- a/src/app/features/project/files/enums/file-detail-tab.enum.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export enum FileDetailTab {
-  Details = 1,
-  Revisions,
-  Keywords,
-}
diff --git a/src/app/features/project/files/mappers/file-custom-metadata.mapper.ts b/src/app/features/project/files/mappers/file-custom-metadata.mapper.ts
deleted file mode 100644
index 7b9e66674..000000000
--- a/src/app/features/project/files/mappers/file-custom-metadata.mapper.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { FileCustomMetadata, OsfFileCustomMetadata } from '@osf/features/project/files/models';
-import { ApiData } from '@osf/shared/models';
-
-export function MapFileCustomMetadata(data: ApiData<FileCustomMetadata, null, null, null>): OsfFileCustomMetadata {
-  return {
-    id: data.id,
-    description: data.attributes.description,
-    language: data.attributes.language,
-    resourceTypeGeneral: data.attributes.resource_type_general,
-    title: data.attributes.title,
-  };
-}
diff --git a/src/app/features/project/files/mappers/file-revision.mapper.ts b/src/app/features/project/files/mappers/file-revision.mapper.ts
deleted file mode 100644
index 6b3267a73..000000000
--- a/src/app/features/project/files/mappers/file-revision.mapper.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { OsfFileRevision } from '@osf/features/project/files/models/osf-models/file-revisions.model';
-import { FileRevisionJsonApi } from '@osf/features/project/files/models/responses/get-file-revisions-response.model';
-import { ApiData } from '@shared/models';
-
-export function MapFileRevision(data: ApiData<FileRevisionJsonApi, null, null, null>[]): OsfFileRevision[] {
-  return data.map((revision) => ({
-    downloads: revision.attributes.extra.downloads,
-    hashes: { md5: revision.attributes.extra.hashes.md5, sha256: revision.attributes.extra.hashes.sha256 },
-    dateTime: new Date(revision.attributes.modified_utc),
-    version: revision.attributes.version,
-  }));
-}
diff --git a/src/app/features/project/files/mappers/index.ts b/src/app/features/project/files/mappers/index.ts
deleted file mode 100644
index bfa419062..000000000
--- a/src/app/features/project/files/mappers/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './file-custom-metadata.mapper';
-export * from './file-revision.mapper';
-export * from './project-metadata.mapper';
-export * from '@shared/mappers/files/files.mapper';
diff --git a/src/app/features/project/files/mappers/project-metadata.mapper.ts b/src/app/features/project/files/mappers/project-metadata.mapper.ts
deleted file mode 100644
index caf5a309f..000000000
--- a/src/app/features/project/files/mappers/project-metadata.mapper.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import {
-  GetProjectCustomMetadataResponse,
-  GetProjectShortInfoResponse,
-  OsfProjectMetadata,
-} from '@osf/features/project/files/models';
-
-export function MapProjectMetadata(
-  shortInfo: GetProjectShortInfoResponse,
-  customMetadata: GetProjectCustomMetadataResponse
-): OsfProjectMetadata {
-  return {
-    title: shortInfo.data.attributes.title,
-    description: shortInfo.data.attributes.description,
-    dateCreated: new Date(shortInfo.data.attributes.date_created),
-    dateModified: new Date(shortInfo.data.attributes.date_modified),
-    funders: customMetadata.data.embeds.custom_metadata.data.attributes.funders.map((funder) => ({
-      funderName: funder.funder_name,
-      funderIdentifier: funder.funder_identifier,
-      funderIdentifierType: funder.funder_identifier_type,
-      awardNumber: funder.award_number,
-      awardUri: funder.award_uri,
-      awardTitle: funder.award_title,
-    })),
-    language: customMetadata.data.embeds.custom_metadata.data.attributes.language,
-    resourceTypeGeneral: customMetadata.data.embeds.custom_metadata.data.attributes.resource_type_general,
-  };
-}
diff --git a/src/app/features/project/files/models/data/embed-content.const.ts b/src/app/features/project/files/models/data/embed-content.const.ts
deleted file mode 100644
index d539e5868..000000000
--- a/src/app/features/project/files/models/data/embed-content.const.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-export const embedDynamicJs = `
-  <style>
-    .embed-responsive {
-      position: relative;
-      height: 100%;
-    }
-    .embed-responsive iframe {
-      position: absolute;
-      height: 100%;
-    }
-  </style>
-  <link href="https://mfr.osf.io/static/css/mfr.css" media="all" rel="stylesheet">
-  <div id="mfrIframe" class="mfr mfr-file"></div>
-  <script src="https://mfr.osf.io/static/js/mfr.js"></script>
-  <script>
-    function renderMfr() {
-      var mfrRender = new mfr.Render("mfrIframe", "https://mfr.osf.io/render?url=ENCODED_URL");
-    }
-    if (window.$) {
-      renderMfr();
-    } else {
-      var jq = document.createElement('script');
-      document.head.appendChild(jq);
-      jq.onload = function() {
-        renderMfr();
-      }
-      jq.src = 'http://code.jquery.com/jquery-1.11.2.min.js';
-    }
-  </script>
-`.trim();
-
-export const embedStaticHtml = `
-<iframe src="ENCODED_URL"
-        width="100%"
-        scrolling="yes"
-        height="677px"
-        marginheight="0"
-        frameborder="0"
-        allowfullscreen
-        webkitallowfullscreen
->
-`;
diff --git a/src/app/features/project/files/models/data/file-provider.const.ts b/src/app/features/project/files/models/data/file-provider.const.ts
deleted file mode 100644
index 546a640d5..000000000
--- a/src/app/features/project/files/models/data/file-provider.const.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export const FileProvider = {
-  OsfStorage: 'osfstorage',
-  GoogleDrive: 'google-drive',
-  Box: 'box',
-  DropBox: 'dropbox',
-  OneDrive: 'onedrive',
-  WebDav: 'webdav',
-  S3: 's3',
-};
diff --git a/src/app/features/project/files/models/data/project-files-state-defaults.const.ts b/src/app/features/project/files/models/data/project-files-state-defaults.const.ts
deleted file mode 100644
index 0b959d759..000000000
--- a/src/app/features/project/files/models/data/project-files-state-defaults.const.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { FileProvider } from '@osf/features/project/files/models';
-
-export const projectFilesStateDefaults = {
-  files: {
-    data: [],
-    isLoading: false,
-    error: null,
-  },
-  moveFileFiles: {
-    data: [],
-    isLoading: false,
-    error: null,
-  },
-  currentFolder: null,
-  moveFileCurrentFolder: null,
-  search: '',
-  sort: 'name',
-  provider: FileProvider.OsfStorage,
-  openedFile: {
-    data: null,
-    isLoading: false,
-    error: null,
-  },
-  fileMetadata: {
-    data: null,
-    isLoading: false,
-    error: null,
-  },
-  projectMetadata: {
-    data: null,
-    isLoading: false,
-    error: null,
-  },
-  contributors: {
-    data: null,
-    isLoading: false,
-    error: null,
-  },
-  fileRevisions: {
-    data: null,
-    isLoading: false,
-    error: null,
-  },
-  tags: {
-    data: [],
-    isLoading: false,
-    error: null,
-  },
-  rootFolders: {
-    data: [],
-    isLoading: true,
-    error: null,
-  },
-  configuredStorageAddons: {
-    data: [],
-    isLoading: true,
-    error: null,
-  },
-};
diff --git a/src/app/features/project/files/models/files-metadata-fields.ts b/src/app/features/project/files/models/files-metadata-fields.ts
deleted file mode 100644
index 73534a682..000000000
--- a/src/app/features/project/files/models/files-metadata-fields.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { OsfFileCustomMetadata } from './osf-models/file-custom-metadata.model';
-
-export interface MetadataField {
-  key: keyof OsfFileCustomMetadata;
-  label: string;
-}
diff --git a/src/app/features/project/files/models/index.ts b/src/app/features/project/files/models/index.ts
deleted file mode 100644
index 923d1245d..000000000
--- a/src/app/features/project/files/models/index.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-// OSF Models
-export * from './osf-models/file-custom-metadata.model';
-export * from './osf-models/file-project-contributor.model';
-export * from './osf-models/file-revisions.model';
-export * from './osf-models/file-target.model';
-export * from './osf-models/project-custom-metadata.model';
-export * from './osf-models/project-short-info.model';
-
-// Response Models
-export * from './responses/create-folder-response.model';
-export * from './responses/get-file-metadata-reponse.model';
-export * from './responses/get-file-revisions-response.model';
-export * from './responses/get-file-target-response.model';
-export * from './responses/get-project-contributors-response.model';
-export * from './responses/get-project-custom-metadata-response.model';
-export * from './responses/get-project-short-info-response.model';
-
-// Request Models
-export * from './requests/patch-file-metadata.model';
-
-// Constants
-export * from './data/embed-content.const';
-export * from './data/file-provider.const';
-export * from './data/project-files-state-defaults.const';
-export * from './files-metadata-fields';
diff --git a/src/app/features/project/files/models/osf-models/file-custom-metadata.model.ts b/src/app/features/project/files/models/osf-models/file-custom-metadata.model.ts
deleted file mode 100644
index aace1c784..000000000
--- a/src/app/features/project/files/models/osf-models/file-custom-metadata.model.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export interface OsfFileCustomMetadata {
-  id: string;
-  language: string;
-  resourceTypeGeneral: string;
-  title: string;
-  description: string;
-}
diff --git a/src/app/features/project/files/models/osf-models/file-project-contributor.model.ts b/src/app/features/project/files/models/osf-models/file-project-contributor.model.ts
deleted file mode 100644
index b31c96060..000000000
--- a/src/app/features/project/files/models/osf-models/file-project-contributor.model.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export interface OsfFileProjectContributor {
-  id: string;
-  name: string;
-  active: boolean;
-}
diff --git a/src/app/features/project/files/models/osf-models/file-revisions.model.ts b/src/app/features/project/files/models/osf-models/file-revisions.model.ts
deleted file mode 100644
index 84148c1d7..000000000
--- a/src/app/features/project/files/models/osf-models/file-revisions.model.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export interface OsfFileRevision {
-  downloads: 0;
-  hashes: {
-    md5: string;
-    sha256: string;
-  };
-  version: string;
-  dateTime: Date;
-}
diff --git a/src/app/features/project/files/models/osf-models/file-target.model.ts b/src/app/features/project/files/models/osf-models/file-target.model.ts
deleted file mode 100644
index 85858e99d..000000000
--- a/src/app/features/project/files/models/osf-models/file-target.model.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-export interface OsfFileTarget {
-  id: string;
-  title: string;
-  description: string;
-  category: string;
-  customCitation: string | null;
-  dateCreated: string;
-  dateModified: string;
-  registration: boolean;
-  preprint: boolean;
-  fork: boolean;
-  collection: boolean;
-  tags: string[];
-  nodeLicense: string | null;
-  analyticsKey: string;
-  currentUserCanComment: boolean;
-  currentUserPermissions: string[];
-  currentUserIsContributor: boolean;
-  currentUserIsContributorOrGroupMember: boolean;
-  wikiEnabled: boolean;
-  public: boolean;
-  type: string;
-}
diff --git a/src/app/features/project/files/models/osf-models/project-custom-metadata.model.ts b/src/app/features/project/files/models/osf-models/project-custom-metadata.model.ts
deleted file mode 100644
index fcb5d2322..000000000
--- a/src/app/features/project/files/models/osf-models/project-custom-metadata.model.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export interface OsfProjectMetadata {
-  title: string;
-  description: string;
-  dateCreated: Date;
-  dateModified: Date;
-  language: string;
-  resourceTypeGeneral: string;
-  funders: {
-    funderName: string;
-    funderIdentifier: string;
-    funderIdentifierType: string;
-    awardNumber: string;
-    awardUri: string;
-    awardTitle: string;
-  }[];
-}
diff --git a/src/app/features/project/files/models/osf-models/project-short-info.model.ts b/src/app/features/project/files/models/osf-models/project-short-info.model.ts
deleted file mode 100644
index 424b9e43e..000000000
--- a/src/app/features/project/files/models/osf-models/project-short-info.model.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export interface OsfProjectShortInfo {
-  id: string;
-  title: string;
-  description: string;
-  dateCreated: string;
-  dateModified: string;
-}
diff --git a/src/app/features/project/files/models/requests/patch-file-metadata.model.ts b/src/app/features/project/files/models/requests/patch-file-metadata.model.ts
deleted file mode 100644
index b2a9869dc..000000000
--- a/src/app/features/project/files/models/requests/patch-file-metadata.model.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export interface PatchFileMetadata {
-  description: string | null;
-  language: string | null;
-  title: string | null;
-  resource_type_general: string | null;
-}
diff --git a/src/app/features/project/files/pages/index.ts b/src/app/features/project/files/pages/index.ts
deleted file mode 100644
index 17695906d..000000000
--- a/src/app/features/project/files/pages/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { CommunityMetadataComponent } from './community-metadata/community-metadata.component';
-export { FileDetailComponent } from './file-detail/file-detail.component';
-export { ProjectFilesComponent } from './project-files/project-files.component';
-export { ProjectFilesContainerComponent } from './project-files-container/project-files-container.component';
diff --git a/src/app/features/project/files/pages/project-files-container/project-files-container.component.html b/src/app/features/project/files/pages/project-files-container/project-files-container.component.html
deleted file mode 100644
index 0680b43f9..000000000
--- a/src/app/features/project/files/pages/project-files-container/project-files-container.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<router-outlet></router-outlet>
diff --git a/src/app/features/project/files/pages/project-files-container/project-files-container.component.spec.ts b/src/app/features/project/files/pages/project-files-container/project-files-container.component.spec.ts
deleted file mode 100644
index f2e7467a8..000000000
--- a/src/app/features/project/files/pages/project-files-container/project-files-container.component.spec.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { MockComponent } from 'ng-mocks';
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SubHeaderComponent } from '@osf/shared/components';
-
-import { ProjectFilesContainerComponent } from './project-files-container.component';
-
-describe('ProjectFilesContainerComponent', () => {
-  let component: ProjectFilesContainerComponent;
-  let fixture: ComponentFixture<ProjectFilesContainerComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ProjectFilesContainerComponent, MockComponent(SubHeaderComponent)],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(ProjectFilesContainerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/features/project/files/pages/project-files-container/project-files-container.component.ts b/src/app/features/project/files/pages/project-files-container/project-files-container.component.ts
deleted file mode 100644
index 21ae90b0e..000000000
--- a/src/app/features/project/files/pages/project-files-container/project-files-container.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
-
-@Component({
-  selector: 'osf-project-files-container',
-  imports: [RouterOutlet],
-  templateUrl: './project-files-container.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ProjectFilesContainerComponent {}
diff --git a/src/app/features/project/files/pages/project-files/project-files.component.html b/src/app/features/project/files/pages/project-files/project-files.component.html
deleted file mode 100644
index 7fb200500..000000000
--- a/src/app/features/project/files/pages/project-files/project-files.component.html
+++ /dev/null
@@ -1,114 +0,0 @@
-<osf-sub-header [title]="'files.title' | translate"></osf-sub-header>
-
-@if (!dataLoaded()) {
-  <osf-loading-spinner></osf-loading-spinner>
-} @else {
-  <div class="flex flex-column bg-white gap-4 h-full flex-1 p-4 p-dialog-align-center">
-    <div class="flex flex-grow-0 w-full sm:w-30rem">
-      <p-floatlabel class="w-full md:w-56" variant="in">
-        <p-select
-          inputId="in_label"
-          [options]="rootFoldersOptions()"
-          [(ngModel)]="currentRootFolder"
-          styleClass="w-full"
-          variant="filled"
-        >
-          <ng-template #selectedItem let-selectedOption>
-            <p class="provider-name">{{ selectedOption.label }}</p>
-          </ng-template>
-          <ng-template #item let-option>
-            <p class="provider-name">{{ option.label }}</p>
-          </ng-template>
-        </p-select>
-        <label for="in_label">{{ 'files.storageLocation' | translate }}</label>
-      </p-floatlabel>
-    </div>
-
-    <div class="flex flex-column gap-4 md:justify-content-between md:flex-row md:flex-wrap">
-      <div class="flex flex-column gap-2 w-full sm:flex-row md:w-max">
-        <osf-search-input
-          [control]="searchControl"
-          class="w-full sm:w-9 xl:w-30rem"
-          [placeholder]="'files.searchPlaceholder' | translate"
-        />
-
-        <div class="sm:w-3 md:w-max">
-          <osf-form-select
-            [control]="sortControl"
-            [options]="sortOptions"
-            [placeholder]="'files.sort.placeholder'"
-            [fullWidth]="true"
-          ></osf-form-select>
-        </div>
-      </div>
-
-      <div class="flex flex-column w-full gap-2 sm:flex-row md:w-max">
-        <p-button
-          [disabled]="fileIsUploading() || isFilesLoading()"
-          outlined
-          raised
-          (click)="downloadFolder()"
-          [icon]="'fas fa-download'"
-          [label]="'files.actions.downloadAsZip' | translate"
-        >
-        </p-button>
-
-        <p-button
-          [disabled]="fileIsUploading() || isFilesLoading()"
-          outlined
-          raised
-          severity="success"
-          [icon]="'fas fa-plus'"
-          [label]="'files.actions.createFolder' | translate"
-          (click)="createFolder()"
-        >
-        </p-button>
-
-        <p-button
-          [disabled]="fileIsUploading() || isFilesLoading()"
-          outlined
-          raised
-          severity="success"
-          [icon]="'fas fa-upload'"
-          [label]="'files.actions.uploadFile' | translate"
-          (click)="fileInput.click()"
-        >
-        </p-button>
-
-        <input #fileInput type="file" class="hidden" (change)="onFileSelected($event)" />
-      </div>
-    </div>
-
-    <div class="flex absolute upload-dialog">
-      <p-dialog
-        [header]="'files.dialogs.uploadFile.title' | translate"
-        [modal]="true"
-        [(visible)]="fileIsUploading"
-        class="upload-dialog"
-      >
-        <div class="flex flex-column align-items-center justify-content-center gap-3 w-full">
-          <span class="p-text-secondary filename">{{ fileName() }}</span>
-          <div class="w-6">
-            <osf-loading-spinner></osf-loading-spinner>
-          </div>
-          <p>{{ progress() }} %</p>
-        </div>
-      </p-dialog>
-    </div>
-
-    <osf-files-tree
-      [files]="files()"
-      [currentFolder]="currentFolder()"
-      [isLoading]="isFilesLoading()"
-      [actions]="filesTreeActions"
-      [viewOnly]="false"
-      [viewOnlyDownloadable]="false"
-      [resourceId]="projectId()"
-      [provider]="provider()"
-      (folderIsOpening)="folderIsOpening($event)"
-      (entryFileClicked)="navigateToFile($event)"
-      (uploadFileConfirmed)="uploadFile($event)"
-    >
-    </osf-files-tree>
-  </div>
-}
diff --git a/src/app/features/project/files/pages/project-files/project-files.component.scss b/src/app/features/project/files/pages/project-files/project-files.component.scss
deleted file mode 100644
index d513bbd19..000000000
--- a/src/app/features/project/files/pages/project-files/project-files.component.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-@use "assets/styles/variables" as var;
-@use "assets/styles/mixins" as mix;
-
-:host {
-  @include mix.flex-column;
-  flex: 1;
-  overflow: hidden;
-}
-
-.blue-text {
-  color: var.$pr-blue-1;
-}
-
-.filename {
-  overflow-wrap: anywhere;
-}
-
-.upload-dialog {
-  width: mix.rem(128px);
-}
-
-.provider-name {
-  text-transform: capitalize;
-}
diff --git a/src/app/features/project/files/pages/project-files/project-files.component.spec.ts b/src/app/features/project/files/pages/project-files/project-files.component.spec.ts
deleted file mode 100644
index fb641388a..000000000
--- a/src/app/features/project/files/pages/project-files/project-files.component.spec.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { MockComponent } from 'ng-mocks';
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SubHeaderComponent } from '@osf/shared/components';
-
-import { ProjectFilesComponent } from './project-files.component';
-
-describe('ProjectFilesComponent', () => {
-  let component: ProjectFilesComponent;
-  let fixture: ComponentFixture<ProjectFilesComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ProjectFilesComponent, MockComponent(SubHeaderComponent)],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(ProjectFilesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/features/project/files/pages/project-files/project-files.component.ts b/src/app/features/project/files/pages/project-files/project-files.component.ts
deleted file mode 100644
index c6df4f113..000000000
--- a/src/app/features/project/files/pages/project-files/project-files.component.ts
+++ /dev/null
@@ -1,339 +0,0 @@
-import { createDispatchMap, select } from '@ngxs/store';
-
-import { TranslatePipe, TranslateService } from '@ngx-translate/core';
-
-import { TreeDragDropService } from 'primeng/api';
-import { Button } from 'primeng/button';
-import { Dialog } from 'primeng/dialog';
-import { DialogService } from 'primeng/dynamicdialog';
-import { FloatLabel } from 'primeng/floatlabel';
-import { Select } from 'primeng/select';
-import { TableModule } from 'primeng/table';
-
-import { debounceTime, EMPTY, filter, finalize, Observable, skip, take } from 'rxjs';
-
-import { HttpEventType } from '@angular/common/http';
-import {
-  ChangeDetectionStrategy,
-  Component,
-  computed,
-  DestroyRef,
-  effect,
-  HostBinding,
-  inject,
-  model,
-  signal,
-} from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { ActivatedRoute, Router } from '@angular/router';
-
-import { CreateFolderDialogComponent } from '@osf/features/files/components';
-import {
-  CreateFolder,
-  DeleteEntry,
-  GetConfiguredStorageAddons,
-  GetFiles,
-  GetRootFolders,
-  ProjectFilesSelectors,
-  RenameEntry,
-  ResetState,
-  SetCurrentFolder,
-  SetFilesIsLoading,
-  SetMoveFileCurrentFolder,
-  SetSearch,
-  SetSort,
-} from '@osf/features/project/files/store';
-import { GetProjectById, ProjectOverviewSelectors } from '@osf/features/project/overview/store';
-import { ALL_SORT_OPTIONS } from '@osf/shared/constants';
-import {
-  FilesTreeComponent,
-  FormSelectComponent,
-  LoadingSpinnerComponent,
-  SearchInputComponent,
-  SubHeaderComponent,
-} from '@shared/components';
-import { ConfiguredStorageAddon, FilesTreeActions, OsfFile } from '@shared/models';
-import { FilesService } from '@shared/services';
-
-@Component({
-  selector: 'osf-project-files',
-  imports: [
-    TableModule,
-    Button,
-    FloatLabel,
-    SubHeaderComponent,
-    SearchInputComponent,
-    Select,
-    LoadingSpinnerComponent,
-    Dialog,
-    FormsModule,
-    ReactiveFormsModule,
-    TranslatePipe,
-    FilesTreeComponent,
-    FormSelectComponent,
-  ],
-  templateUrl: './project-files.component.html',
-  styleUrl: './project-files.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [DialogService, TreeDragDropService],
-})
-export class ProjectFilesComponent {
-  @HostBinding('class') classes = 'flex flex-column flex-1 w-full h-full';
-
-  private readonly filesService = inject(FilesService);
-  private readonly activeRoute = inject(ActivatedRoute);
-  private readonly destroyRef = inject(DestroyRef);
-  private readonly dialogService = inject(DialogService);
-  private readonly translateService = inject(TranslateService);
-  private readonly router = inject(Router);
-  private readonly actions = createDispatchMap({
-    createFolder: CreateFolder,
-    deleteEntry: DeleteEntry,
-    getFiles: GetFiles,
-    renameEntry: RenameEntry,
-    setCurrentFolder: SetCurrentFolder,
-    setFilesIsLoading: SetFilesIsLoading,
-    setMoveFileCurrentFolder: SetMoveFileCurrentFolder,
-    setSearch: SetSearch,
-    setSort: SetSort,
-    getProject: GetProjectById,
-    getRootFolders: GetRootFolders,
-    getConfiguredStorageAddons: GetConfiguredStorageAddons,
-    resetState: ResetState,
-  });
-
-  protected readonly files = select(ProjectFilesSelectors.getFiles);
-  protected readonly isFilesLoading = select(ProjectFilesSelectors.isFilesLoading);
-  protected readonly currentFolder = select(ProjectFilesSelectors.getCurrentFolder);
-  protected readonly provider = select(ProjectFilesSelectors.getProvider);
-
-  protected readonly project = select(ProjectOverviewSelectors.getProject);
-  protected readonly projectId = signal<string>('');
-  private readonly rootFolders = select(ProjectFilesSelectors.getRootFolders);
-  protected isRootFoldersLoading = select(ProjectFilesSelectors.isRootFoldersLoading);
-  private readonly configuredStorageAddons = select(ProjectFilesSelectors.getConfiguredStorageAddons);
-  protected isConfiguredStorageAddonsLoading = select(ProjectFilesSelectors.isConfiguredStorageAddonsLoading);
-  protected currentRootFolder = model<{ label: string; folder: OsfFile } | null>(null);
-  protected readonly progress = signal(0);
-  protected readonly fileName = signal('');
-  protected readonly dataLoaded = signal(false);
-  protected readonly searchControl = new FormControl<string>('');
-  protected readonly sortControl = new FormControl(ALL_SORT_OPTIONS[0].value);
-
-  protected readonly rootFoldersOptions = computed(() => {
-    const rootFolders = this.rootFolders();
-    const addons = this.configuredStorageAddons();
-    if (rootFolders && addons) {
-      return rootFolders.map((folder) => ({
-        label: this.getAddonName(addons, folder.provider),
-        folder: folder,
-      }));
-    }
-    return [];
-  });
-
-  fileIsUploading = signal(false);
-  isFolderOpening = signal(false);
-
-  sortOptions = ALL_SORT_OPTIONS;
-
-  protected readonly filesTreeActions: FilesTreeActions = {
-    setCurrentFolder: (folder) => this.actions.setCurrentFolder(folder),
-    setFilesIsLoading: (isLoading) => this.actions.setFilesIsLoading(isLoading),
-    getFiles: (filesLink) => this.actions.getFiles(filesLink),
-    deleteEntry: (projectId, link) => this.actions.deleteEntry(projectId, link),
-    renameEntry: (projectId, link, newName) => this.actions.renameEntry(projectId, link, newName),
-    setMoveFileCurrentFolder: (folder) => this.actions.setMoveFileCurrentFolder(folder),
-  };
-
-  constructor() {
-    this.activeRoute.parent?.parent?.parent?.params.subscribe((params) => {
-      if (params['id']) {
-        this.projectId.set(params['id']);
-        if (!this.project()) {
-          this.filesTreeActions.setFilesIsLoading?.(true);
-          this.actions.getProject(params['id']);
-        }
-      }
-    });
-
-    effect(() => {
-      const project = this.project();
-
-      if (project) {
-        this.actions.getRootFolders(project.links.rootFolder);
-        this.actions.getConfiguredStorageAddons(project.links.iri);
-      }
-    });
-
-    effect(() => {
-      const rootFolders = this.rootFolders();
-
-      if (rootFolders) {
-        const osfRootFolder = rootFolders.find((folder) => folder.provider === 'osfstorage');
-        if (osfRootFolder) {
-          this.currentRootFolder.set({
-            label: 'Osf Storage',
-            folder: osfRootFolder,
-          });
-        }
-      }
-    });
-
-    effect(() => {
-      const currentRootFolder = this.currentRootFolder();
-
-      if (currentRootFolder) {
-        this.actions.setCurrentFolder(currentRootFolder.folder);
-      }
-    });
-
-    effect(() => {
-      if (!this.isConfiguredStorageAddonsLoading() && !this.isRootFoldersLoading()) {
-        this.dataLoaded.set(true);
-      }
-    });
-
-    this.searchControl.valueChanges
-      .pipe(skip(1), takeUntilDestroyed(this.destroyRef), debounceTime(500))
-      .subscribe((searchText) => {
-        this.actions.setSearch(searchText ?? '');
-        if (!this.isFolderOpening()) {
-          this.updateFilesList();
-        }
-      });
-
-    this.sortControl.valueChanges.pipe(skip(1), takeUntilDestroyed(this.destroyRef)).subscribe((sort) => {
-      this.actions.setSort(sort ?? '');
-      if (!this.isFolderOpening()) {
-        this.updateFilesList();
-      }
-    });
-
-    effect(() => {
-      this.destroyRef.onDestroy(() => {
-        this.actions.resetState();
-      });
-    });
-  }
-
-  uploadFile(file: File): void {
-    const currentFolder = this.currentFolder();
-    const uploadLink = currentFolder?.links.upload;
-
-    if (!uploadLink) return;
-
-    this.fileName.set(file.name);
-    this.fileIsUploading.set(true);
-
-    this.filesService
-      .uploadFile(file, uploadLink)
-      .pipe(
-        takeUntilDestroyed(this.destroyRef),
-        finalize(() => {
-          this.fileIsUploading.set(false);
-          this.fileName.set('');
-          this.updateFilesList();
-        })
-      )
-      .subscribe((event) => {
-        if (event.type === HttpEventType.UploadProgress && event.total) {
-          this.progress.set(Math.round((event.loaded / event.total) * 100));
-        }
-
-        if (event.type === HttpEventType.Response) {
-          if (event.body) {
-            const fileId = event?.body?.data?.id?.split('/').pop();
-            if (fileId) {
-              this.filesService.getFileGuid(fileId).pipe(takeUntilDestroyed(this.destroyRef)).subscribe();
-            }
-          }
-        }
-      });
-  }
-
-  onFileSelected(event: Event): void {
-    const input = event.target as HTMLInputElement;
-    const file = input.files?.[0];
-    if (!file) return;
-
-    this.uploadFile(file);
-  }
-
-  createFolder(): void {
-    const currentFolder = this.currentFolder();
-    const newFolderLink = currentFolder?.links.newFolder;
-
-    if (!newFolderLink) return;
-
-    this.dialogService
-      .open(CreateFolderDialogComponent, {
-        width: '448px',
-        focusOnShow: false,
-        header: this.translateService.instant('files.dialogs.createFolder.title'),
-        closeOnEscape: true,
-        modal: true,
-        closable: true,
-      })
-      .onClose.pipe(filter((folderName: string) => !!folderName))
-      .subscribe((folderName) => {
-        this.actions
-          .createFolder(newFolderLink, folderName)
-          .pipe(
-            take(1),
-            finalize(() => {
-              this.updateFilesList().subscribe(() => this.fileIsUploading.set(false));
-            })
-          )
-          .subscribe();
-      });
-  }
-
-  downloadFolder(): void {
-    const projectId = this.projectId();
-    const folderId = this.currentFolder()?.id ?? '';
-    const isRootFolder = !this.currentFolder()?.relationships?.parentFolderLink;
-    const provider = this.currentRootFolder()?.folder?.provider ?? 'osfstorage';
-
-    if (projectId && folderId) {
-      if (isRootFolder) {
-        const link = this.filesService.getFolderDownloadLink(projectId, provider, '', true);
-        window.open(link, '_blank')?.focus();
-      } else {
-        const link = this.filesService.getFolderDownloadLink(projectId, provider, folderId, false);
-        window.open(link, '_blank')?.focus();
-      }
-    }
-  }
-
-  updateFilesList(): Observable<void> {
-    const currentFolder = this.currentFolder();
-    if (currentFolder?.relationships.filesLink) {
-      this.filesTreeActions.setFilesIsLoading?.(true);
-      return this.actions.getFiles(currentFolder?.relationships.filesLink).pipe(take(1));
-    }
-
-    return EMPTY;
-  }
-
-  folderIsOpening(value: boolean): void {
-    this.isFolderOpening.set(value);
-    if (value) {
-      this.searchControl.setValue('');
-      this.sortControl.setValue(ALL_SORT_OPTIONS[0].value);
-    }
-  }
-
-  navigateToFile(file: OsfFile) {
-    this.router.navigate([file.guid], { relativeTo: this.activeRoute });
-  }
-
-  getAddonName(addons: ConfiguredStorageAddon[], provider: string): string {
-    if (provider === 'osfstorage') {
-      return 'Osf Storage';
-    } else {
-      return addons.find((addon) => addon.externalServiceName === provider)?.displayName ?? '';
-    }
-  }
-}
diff --git a/src/app/features/project/files/store/index.ts b/src/app/features/project/files/store/index.ts
deleted file mode 100644
index b4f8c0ff3..000000000
--- a/src/app/features/project/files/store/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './project-files.actions';
-export * from './project-files.selectors';
-export * from './project-files.state';
diff --git a/src/app/features/project/files/store/project-files.actions.ts b/src/app/features/project/files/store/project-files.actions.ts
deleted file mode 100644
index 105f16f7d..000000000
--- a/src/app/features/project/files/store/project-files.actions.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-import { PatchFileMetadata } from '@osf/features/project/files/models';
-import { OsfFile } from '@shared/models';
-
-export class GetRootFolderFiles {
-  static readonly type = '[Project Files] Get Root Folder Files';
-
-  constructor(public projectId: string) {}
-}
-
-export class GetFiles {
-  static readonly type = '[Project Files] Get Files';
-
-  constructor(public filesLink: string) {}
-}
-
-export class SetFilesIsLoading {
-  static readonly type = '[Project Files] Set Files Loading';
-
-  constructor(public isLoading: boolean) {}
-}
-
-export class GetFile {
-  static readonly type = '[Project Files] Get File';
-
-  constructor(public fileGuid: string) {}
-}
-
-export class GetFileMetadata {
-  static readonly type = '[Project Files] Get File Metadata';
-
-  constructor(public fileGuid: string) {}
-}
-
-export class GetFileProjectMetadata {
-  static readonly type = '[Project Files] Get File Project Metadata';
-
-  constructor(public projectId: string) {}
-}
-
-export class GetMoveFileFiles {
-  static readonly type = '[Project Files] Get Move File Files';
-
-  constructor(public filesLink: string) {}
-}
-
-export class SetCurrentFolder {
-  static readonly type = '[Project Files] Set Current Folder';
-
-  constructor(public folder: OsfFile | null) {}
-}
-
-export class SetMoveFileCurrentFolder {
-  static readonly type = '[Project Files] Set Move File Files';
-
-  constructor(public folder: OsfFile | null) {}
-}
-
-export class CreateFolder {
-  static readonly type = '[Project Files] Create folder';
-
-  constructor(
-    public newFolderLink: string,
-    public folderName: string
-  ) {}
-}
-
-export class DeleteEntry {
-  static readonly type = '[Project Files] Delete entry';
-
-  constructor(
-    public projectId: string,
-    public link: string
-  ) {}
-}
-export class RenameEntry {
-  static readonly type = '[Project Files] Rename entry';
-
-  constructor(
-    public projectId: string,
-    public link: string,
-    public name: string
-  ) {}
-}
-
-export class SetSearch {
-  static readonly type = '[Project Files] Set Search';
-
-  constructor(public search: string) {}
-}
-
-export class SetSort {
-  static readonly type = '[Project Files] Set Sort';
-
-  constructor(public sort: string) {}
-}
-
-export class GetFileProjectContributors {
-  static readonly type = '[Project Files] Get Projects Contributors';
-
-  constructor(public projectId: string) {}
-}
-
-export class SetFileMetadata {
-  static readonly type = '[Project Files] Set File Metadata';
-
-  constructor(
-    public payload: PatchFileMetadata,
-    public fileGuid: string
-  ) {}
-}
-
-export class GetFileRevisions {
-  static readonly type = '[Project Files] Get Revisions';
-
-  constructor(
-    public projectId: string,
-    public fileId: string
-  ) {}
-}
-
-export class UpdateTags {
-  static readonly type = '[Project Files] Update Tags';
-
-  constructor(
-    public tags: string[],
-    public fileGuid: string
-  ) {}
-}
-
-export class GetRootFolders {
-  static readonly type = '[Project Files] Get Folders';
-
-  constructor(public folderLink: string) {}
-}
-
-export class GetConfiguredStorageAddons {
-  static readonly type = '[Project Files] Get ConfiguredStorageAddons';
-
-  constructor(public resourceUri: string) {}
-}
-
-export class ResetState {
-  static readonly type = '[Project Files] Reset State';
-}
diff --git a/src/app/features/project/files/store/project-files.model.ts b/src/app/features/project/files/store/project-files.model.ts
deleted file mode 100644
index b97c74559..000000000
--- a/src/app/features/project/files/store/project-files.model.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import {
-  FileProvider,
-  OsfFileCustomMetadata,
-  OsfFileProjectContributor,
-  OsfFileRevision,
-  OsfProjectMetadata,
-} from '@osf/features/project/files/models';
-import { OsfFile } from '@shared/models';
-import { ConfiguredStorageAddon } from '@shared/models/addons';
-import { AsyncStateModel } from '@shared/models/store';
-
-export interface ProjectFilesStateModel {
-  files: AsyncStateModel<OsfFile[]>;
-  moveFileFiles: AsyncStateModel<OsfFile[]>;
-  currentFolder: OsfFile | null;
-  moveFileCurrentFolder: OsfFile | null;
-  search: string;
-  sort: string;
-  provider: (typeof FileProvider)[keyof typeof FileProvider];
-  openedFile: AsyncStateModel<OsfFile | null>;
-  fileMetadata: AsyncStateModel<OsfFileCustomMetadata | null>;
-  projectMetadata: AsyncStateModel<OsfProjectMetadata | null>;
-  contributors: AsyncStateModel<OsfFileProjectContributor[] | null>;
-  fileRevisions: AsyncStateModel<OsfFileRevision[] | null>;
-  tags: AsyncStateModel<string[]>;
-  rootFolders: AsyncStateModel<OsfFile[] | null>;
-  configuredStorageAddons: AsyncStateModel<ConfiguredStorageAddon[] | null>;
-}
diff --git a/src/app/features/project/files/store/project-files.selectors.ts b/src/app/features/project/files/store/project-files.selectors.ts
deleted file mode 100644
index 24c6fda03..000000000
--- a/src/app/features/project/files/store/project-files.selectors.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { Selector } from '@ngxs/store';
-
-import {
-  OsfFileCustomMetadata,
-  OsfFileProjectContributor,
-  OsfFileRevision,
-  OsfProjectMetadata,
-} from '@osf/features/project/files/models';
-import { OsfFile } from '@shared/models';
-import { ConfiguredStorageAddon } from '@shared/models/addons';
-
-import { ProjectFilesStateModel } from './project-files.model';
-import { ProjectFilesState } from './project-files.state';
-
-export class ProjectFilesSelectors {
-  @Selector([ProjectFilesState])
-  static getFiles(state: ProjectFilesStateModel): OsfFile[] {
-    return state.files.data;
-  }
-
-  @Selector([ProjectFilesState])
-  static isFilesLoading(state: ProjectFilesStateModel): boolean {
-    return state.files.isLoading;
-  }
-
-  @Selector([ProjectFilesState])
-  static getMoveFileFiles(state: ProjectFilesStateModel): OsfFile[] {
-    return state.moveFileFiles.data;
-  }
-
-  @Selector([ProjectFilesState])
-  static isMoveFileFilesLoading(state: ProjectFilesStateModel): boolean {
-    return state.moveFileFiles.isLoading;
-  }
-
-  @Selector([ProjectFilesState])
-  static getCurrentFolder(state: ProjectFilesStateModel): OsfFile | null {
-    return state.currentFolder;
-  }
-
-  @Selector([ProjectFilesState])
-  static getMoveFileCurrentFolder(state: ProjectFilesStateModel): OsfFile | null {
-    return state.moveFileCurrentFolder;
-  }
-
-  @Selector([ProjectFilesState])
-  static getProvider(state: ProjectFilesStateModel): string {
-    return state.provider;
-  }
-
-  @Selector([ProjectFilesState])
-  static getOpenedFile(state: ProjectFilesStateModel): OsfFile | null {
-    return state.openedFile.data;
-  }
-
-  @Selector([ProjectFilesState])
-  static isOpenedFileLoading(state: ProjectFilesStateModel): boolean {
-    return state.openedFile.isLoading;
-  }
-
-  @Selector([ProjectFilesState])
-  static getFileCustomMetadata(state: ProjectFilesStateModel): OsfFileCustomMetadata | null {
-    return state.fileMetadata.data;
-  }
-
-  @Selector([ProjectFilesState])
-  static isFileMetadataLoading(state: ProjectFilesStateModel): boolean {
-    return state.fileMetadata.isLoading;
-  }
-
-  @Selector([ProjectFilesState])
-  static getProjectMetadata(state: ProjectFilesStateModel): OsfProjectMetadata | null {
-    return state.projectMetadata.data;
-  }
-
-  @Selector([ProjectFilesState])
-  static isProjectMetadataLoading(state: ProjectFilesStateModel): boolean {
-    return state.projectMetadata.isLoading;
-  }
-
-  @Selector([ProjectFilesState])
-  static getProjectContributors(state: ProjectFilesStateModel): OsfFileProjectContributor[] | null {
-    return state.contributors.data;
-  }
-
-  @Selector([ProjectFilesState])
-  static isProjectContributorsLoading(state: ProjectFilesStateModel): boolean {
-    return state.contributors.isLoading;
-  }
-
-  @Selector([ProjectFilesState])
-  static getFileRevisions(state: ProjectFilesStateModel): OsfFileRevision[] | null {
-    return state.fileRevisions.data;
-  }
-
-  @Selector([ProjectFilesState])
-  static isFileRevisionsLoading(state: ProjectFilesStateModel): boolean {
-    return state.fileRevisions.isLoading;
-  }
-
-  @Selector([ProjectFilesState])
-  static getFileTags(state: ProjectFilesStateModel): string[] {
-    return state.tags.data;
-  }
-
-  @Selector([ProjectFilesState])
-  static isFileTagsLoading(state: ProjectFilesStateModel): boolean {
-    return state.tags.isLoading;
-  }
-
-  @Selector([ProjectFilesState])
-  static getRootFolders(state: ProjectFilesStateModel): OsfFile[] | null {
-    return state.rootFolders.data;
-  }
-
-  @Selector([ProjectFilesState])
-  static isRootFoldersLoading(state: ProjectFilesStateModel): boolean {
-    return state.rootFolders.isLoading;
-  }
-
-  @Selector([ProjectFilesState])
-  static getConfiguredStorageAddons(state: ProjectFilesStateModel): ConfiguredStorageAddon[] | null {
-    return state.configuredStorageAddons.data;
-  }
-
-  @Selector([ProjectFilesState])
-  static isConfiguredStorageAddonsLoading(state: ProjectFilesStateModel): boolean {
-    return state.configuredStorageAddons.isLoading;
-  }
-}
diff --git a/src/app/features/project/files/store/project-files.state.ts b/src/app/features/project/files/store/project-files.state.ts
deleted file mode 100644
index 6dd8d2a6f..000000000
--- a/src/app/features/project/files/store/project-files.state.ts
+++ /dev/null
@@ -1,347 +0,0 @@
-import { Action, State, StateContext } from '@ngxs/store';
-
-import { catchError, finalize, forkJoin, tap, throwError } from 'rxjs';
-
-import { inject, Injectable } from '@angular/core';
-
-import { MapProjectMetadata } from '@osf/features/project/files/mappers';
-import {
-  CreateFolder,
-  DeleteEntry,
-  GetConfiguredStorageAddons,
-  GetFile,
-  GetFileMetadata,
-  GetFileProjectContributors,
-  GetFileProjectMetadata,
-  GetFileRevisions,
-  GetFiles,
-  GetMoveFileFiles,
-  GetRootFolderFiles,
-  GetRootFolders,
-  RenameEntry,
-  ResetState,
-  SetCurrentFolder,
-  SetFileMetadata,
-  SetFilesIsLoading,
-  SetMoveFileCurrentFolder,
-  SetSearch,
-  SetSort,
-  UpdateTags,
-} from '@osf/features/project/files/store/project-files.actions';
-import { ProjectFilesStateModel } from '@osf/features/project/files/store/project-files.model';
-import { ToastService } from '@shared/services';
-import { FilesService } from '@shared/services/files.service';
-
-import { projectFilesStateDefaults } from '../models';
-
-@Injectable()
-@State<ProjectFilesStateModel>({
-  name: 'projectFilesState',
-  defaults: projectFilesStateDefaults,
-})
-export class ProjectFilesState {
-  filesService = inject(FilesService);
-  toastService = inject(ToastService);
-
-  @Action(GetMoveFileFiles)
-  getMoveFileFiles(ctx: StateContext<ProjectFilesStateModel>, action: GetMoveFileFiles) {
-    const state = ctx.getState();
-    ctx.patchState({
-      moveFileFiles: { ...state.moveFileFiles, isLoading: true, error: null },
-    });
-
-    return this.filesService.getFiles(action.filesLink, '', '').pipe(
-      tap({
-        next: (files) => {
-          ctx.patchState({
-            moveFileFiles: {
-              data: files,
-              isLoading: false,
-              error: null,
-            },
-          });
-        },
-      }),
-      catchError((error) => this.handleError(ctx, 'moveFileFiles', error))
-    );
-  }
-
-  @Action(GetFiles)
-  getFiles(ctx: StateContext<ProjectFilesStateModel>, action: GetFiles) {
-    const state = ctx.getState();
-    ctx.patchState({ files: { ...state.files, isLoading: true, error: null } });
-
-    return this.filesService.getFiles(action.filesLink, state.search, state.sort).pipe(
-      tap({
-        next: (files) => {
-          ctx.patchState({
-            files: {
-              data: files,
-              isLoading: false,
-              error: null,
-            },
-          });
-        },
-      }),
-      catchError((error) => this.handleError(ctx, 'files', error))
-    );
-  }
-
-  @Action(SetFilesIsLoading)
-  setFilesIsLoading(ctx: StateContext<ProjectFilesStateModel>, action: SetFilesIsLoading) {
-    const state = ctx.getState();
-    ctx.patchState({ files: { ...state.files, isLoading: action.isLoading, error: null } });
-  }
-
-  @Action(SetCurrentFolder)
-  setSelectedFolder(ctx: StateContext<ProjectFilesStateModel>, action: SetCurrentFolder) {
-    ctx.patchState({ currentFolder: action.folder });
-  }
-
-  @Action(SetMoveFileCurrentFolder)
-  setMoveFileSelectedFolder(ctx: StateContext<ProjectFilesStateModel>, action: SetMoveFileCurrentFolder) {
-    ctx.patchState({ moveFileCurrentFolder: action.folder });
-  }
-
-  @Action(CreateFolder)
-  createFolder(ctx: StateContext<ProjectFilesStateModel>, action: CreateFolder) {
-    const state = ctx.getState();
-    ctx.patchState({ files: { ...state.files, isLoading: true, error: null } });
-
-    return this.filesService
-      .createFolder(action.newFolderLink, action.folderName)
-      .pipe(finalize(() => ctx.patchState({ files: { ...state.files, isLoading: false, error: null } })));
-  }
-
-  @Action(DeleteEntry)
-  deleteEntry(ctx: StateContext<ProjectFilesStateModel>, action: DeleteEntry) {
-    return this.filesService.deleteEntry(action.link).pipe(
-      tap({
-        next: () => {
-          const selectedFolder = ctx.getState().currentFolder;
-          if (selectedFolder?.relationships.filesLink) {
-            ctx.dispatch(new GetFiles(selectedFolder?.relationships.filesLink));
-          } else {
-            ctx.dispatch(new GetRootFolderFiles(action.projectId));
-          }
-        },
-      })
-    );
-  }
-
-  @Action(RenameEntry)
-  renameEntry(ctx: StateContext<ProjectFilesStateModel>, action: RenameEntry) {
-    const state = ctx.getState();
-    ctx.patchState({ files: { ...state.files, isLoading: true, error: null } });
-
-    return this.filesService.renameEntry(action.link, action.name).pipe(
-      tap({
-        next: () => {
-          const selectedFolder = ctx.getState().currentFolder;
-          if (selectedFolder?.relationships.filesLink) {
-            ctx.dispatch(new GetFiles(selectedFolder?.relationships.filesLink));
-          } else {
-            ctx.dispatch(new GetRootFolderFiles(action.projectId));
-          }
-        },
-      })
-    );
-  }
-
-  @Action(SetSearch)
-  setSearch(ctx: StateContext<ProjectFilesStateModel>, action: SetSearch) {
-    ctx.patchState({ search: action.search });
-  }
-
-  @Action(SetSort)
-  setSort(ctx: StateContext<ProjectFilesStateModel>, action: SetSort) {
-    ctx.patchState({ sort: action.sort });
-  }
-
-  @Action(GetFile)
-  getFile(ctx: StateContext<ProjectFilesStateModel>, action: GetFile) {
-    const state = ctx.getState();
-    ctx.patchState({ openedFile: { ...state.openedFile, isLoading: true, error: null } });
-    ctx.patchState({ tags: { ...state.tags, isLoading: true, error: null } });
-
-    return this.filesService.getFileTarget(action.fileGuid).pipe(
-      tap({
-        next: (file) => {
-          ctx.patchState({ openedFile: { data: file, isLoading: false, error: null } });
-          ctx.patchState({ tags: { data: file.tags, isLoading: false, error: null } });
-        },
-      }),
-      catchError((error) => this.handleError(ctx, 'openedFile', error))
-    );
-  }
-
-  @Action(GetFileMetadata)
-  getFileMetadata(ctx: StateContext<ProjectFilesStateModel>, action: GetFileMetadata) {
-    const state = ctx.getState();
-    ctx.patchState({ fileMetadata: { ...state.fileMetadata, isLoading: true, error: null } });
-
-    return this.filesService.getFileMetadata(action.fileGuid).pipe(
-      tap({
-        next: (metadata) => {
-          ctx.patchState({ fileMetadata: { data: metadata, isLoading: false, error: null } });
-        },
-      }),
-      catchError((error) => this.handleError(ctx, 'fileMetadata', error))
-    );
-  }
-
-  @Action(SetFileMetadata)
-  setFileMetadata(ctx: StateContext<ProjectFilesStateModel>, action: SetFileMetadata) {
-    const state = ctx.getState();
-    ctx.patchState({ fileMetadata: { ...state.fileMetadata, isLoading: true, error: null } });
-
-    return this.filesService.patchFileMetadata(action.payload, action.fileGuid).pipe(
-      tap({
-        next: (fileMetadata) => {
-          if (fileMetadata.id) {
-            ctx.patchState({ fileMetadata: { data: fileMetadata, isLoading: false, error: null } });
-          }
-        },
-      }),
-      catchError((error) => this.handleError(ctx, 'fileMetadata', error))
-    );
-  }
-
-  @Action(GetFileProjectMetadata)
-  getFileProjectMetadata(ctx: StateContext<ProjectFilesStateModel>, action: GetFileProjectMetadata) {
-    const state = ctx.getState();
-    ctx.patchState({ projectMetadata: { ...state.projectMetadata, isLoading: true, error: null } });
-
-    forkJoin({
-      projectShortInfo: this.filesService.getResourceShortInfo(action.projectId, 'nodes'),
-      projectMetadata: this.filesService.getCustomMetadata(action.projectId),
-    })
-      .pipe(catchError((error) => this.handleError(ctx, 'projectMetadata', error)))
-      .subscribe((results) => {
-        const projectMetadata = MapProjectMetadata(results.projectShortInfo, results.projectMetadata);
-        ctx.patchState({
-          projectMetadata: {
-            data: projectMetadata,
-            isLoading: false,
-            error: null,
-          },
-        });
-      });
-  }
-
-  @Action(GetFileProjectContributors)
-  getFileProjectContributors(ctx: StateContext<ProjectFilesStateModel>, action: GetFileProjectContributors) {
-    const state = ctx.getState();
-    ctx.patchState({ contributors: { ...state.contributors, isLoading: true, error: null } });
-
-    return this.filesService.getResourceContributors(action.projectId, 'nodes').pipe(
-      tap({
-        next: (contributors) => {
-          ctx.patchState({ contributors: { data: contributors, isLoading: false, error: null } });
-        },
-      }),
-      catchError((error) => this.handleError(ctx, 'contributors', error))
-    );
-  }
-
-  @Action(GetFileRevisions)
-  getFileRevisions(ctx: StateContext<ProjectFilesStateModel>, action: GetFileRevisions) {
-    const state = ctx.getState();
-    ctx.patchState({ fileRevisions: { ...state.fileRevisions, isLoading: true, error: null } });
-
-    return this.filesService.getFileRevisions(action.projectId, state.provider, action.fileId).pipe(
-      tap({
-        next: (revisions) => {
-          ctx.patchState({ fileRevisions: { data: revisions, isLoading: false, error: null } });
-        },
-      }),
-      catchError((error) => this.handleError(ctx, 'fileRevisions', error))
-    );
-  }
-
-  @Action(UpdateTags)
-  updateTags(ctx: StateContext<ProjectFilesStateModel>, action: UpdateTags) {
-    const state = ctx.getState();
-    ctx.patchState({ tags: { ...state.tags, isLoading: true, error: null } });
-
-    return this.filesService.updateTags(action.tags, action.fileGuid).pipe(
-      tap({
-        next: (file) => {
-          ctx.patchState({ tags: { data: file.tags, isLoading: false, error: null } });
-        },
-      }),
-      catchError((error) => this.handleError(ctx, 'tags', error))
-    );
-  }
-
-  @Action(GetRootFolders)
-  getRootFolders(ctx: StateContext<ProjectFilesStateModel>, action: GetRootFolders) {
-    const state = ctx.getState();
-    ctx.patchState({ rootFolders: { ...state.rootFolders, isLoading: true } });
-
-    return this.filesService.getFolders(action.folderLink).pipe(
-      tap({
-        next: (folders) =>
-          ctx.patchState({
-            rootFolders: {
-              data: folders,
-              isLoading: false,
-              error: null,
-            },
-          }),
-      }),
-      catchError((error) => this.handleError(ctx, 'rootFolders', error))
-    );
-  }
-
-  @Action(GetConfiguredStorageAddons)
-  getConfiguredStorageAddons(ctx: StateContext<ProjectFilesStateModel>, action: GetConfiguredStorageAddons) {
-    const state = ctx.getState();
-    ctx.patchState({ configuredStorageAddons: { ...state.configuredStorageAddons, isLoading: true } });
-
-    return this.filesService.getConfiguredStorageAddons(action.resourceUri).pipe(
-      tap({
-        next: (addons) =>
-          ctx.patchState({
-            configuredStorageAddons: {
-              data: addons,
-              isLoading: false,
-              error: null,
-            },
-          }),
-      }),
-      catchError((error) => this.handleError(ctx, 'configuredStorageAddons', error))
-    );
-  }
-
-  @Action(ResetState)
-  resetState(ctx: StateContext<ProjectFilesStateModel>) {
-    ctx.patchState(projectFilesStateDefaults);
-  }
-
-  private handleError(
-    ctx: StateContext<ProjectFilesStateModel>,
-    section:
-      | 'files'
-      | 'moveFileFiles'
-      | 'openedFile'
-      | 'fileMetadata'
-      | 'projectMetadata'
-      | 'contributors'
-      | 'fileRevisions'
-      | 'tags'
-      | 'rootFolders'
-      | 'configuredStorageAddons',
-    error: Error
-  ) {
-    ctx.patchState({
-      [section]: {
-        ...ctx.getState()[section],
-        isLoading: false,
-        error: error.message,
-      },
-    });
-    this.toastService.showError(error.message);
-    return throwError(() => error);
-  }
-}
diff --git a/src/app/features/registry/pages/registry-files/registry-files.component.html b/src/app/features/registry/pages/registry-files/registry-files.component.html
deleted file mode 100644
index a8eaa6e9a..000000000
--- a/src/app/features/registry/pages/registry-files/registry-files.component.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<osf-sub-header [title]="'files.title' | translate"></osf-sub-header>
-
-@if (!dataLoaded()) {
-  <osf-loading-spinner></osf-loading-spinner>
-} @else {
-  <div class="flex flex-column bg-white gap-4 h-full flex-1 p-4 p-dialog-align-center">
-    <div class="flex flex-column gap-4 md:justify-content-between md:flex-row md:flex-wrap">
-      <div class="flex flex-column gap-2 w-full sm:flex-row md:w-max">
-        <osf-search-input
-          [control]="searchControl"
-          class="w-full sm:w-9 xl:w-30rem"
-          [placeholder]="'files.searchPlaceholder' | translate"
-        />
-
-        <div class="sm:w-3 md:w-max">
-          <osf-form-select
-            [control]="sortControl"
-            [options]="sortOptions"
-            [placeholder]="'files.sort.placeholder'"
-            [fullWidth]="true"
-          ></osf-form-select>
-        </div>
-      </div>
-
-      <p-button
-        [disabled]="isFilesLoading() || isRegistryLoading() || isFolderOpening()"
-        outlined
-        raised
-        (click)="downloadFolder()"
-        [icon]="'fas fa-download'"
-        [label]="'files.actions.downloadAsZip' | translate"
-      >
-      </p-button>
-    </div>
-
-    <osf-files-tree
-      [files]="files()"
-      [isLoading]="isFilesLoading()"
-      [currentFolder]="currentFolder()"
-      [actions]="filesTreeActions"
-      [viewOnly]="true"
-      [viewOnlyDownloadable]="true"
-      [resourceId]="registryId()"
-      [provider]="provider"
-      (folderIsOpening)="folderIsOpening($event)"
-      (entryFileClicked)="navigateToFile($event)"
-    >
-    </osf-files-tree>
-  </div>
-}
diff --git a/src/app/features/registry/pages/registry-files/registry-files.component.scss b/src/app/features/registry/pages/registry-files/registry-files.component.scss
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/app/features/registry/pages/registry-files/registry-files.component.spec.ts b/src/app/features/registry/pages/registry-files/registry-files.component.spec.ts
deleted file mode 100644
index 2dd8158f1..000000000
--- a/src/app/features/registry/pages/registry-files/registry-files.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { RegistryFilesComponent } from './registry-files.component';
-
-describe('RegistryFilesComponent', () => {
-  let component: RegistryFilesComponent;
-  let fixture: ComponentFixture<RegistryFilesComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [RegistryFilesComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(RegistryFilesComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/features/registry/pages/registry-files/registry-files.component.ts b/src/app/features/registry/pages/registry-files/registry-files.component.ts
deleted file mode 100644
index 37c778d10..000000000
--- a/src/app/features/registry/pages/registry-files/registry-files.component.ts
+++ /dev/null
@@ -1,167 +0,0 @@
-import { createDispatchMap, select } from '@ngxs/store';
-
-import { TranslatePipe } from '@ngx-translate/core';
-
-import { TreeDragDropService } from 'primeng/api';
-import { Button } from 'primeng/button';
-import { DialogService } from 'primeng/dynamicdialog';
-
-import { debounceTime, EMPTY, Observable, skip } from 'rxjs';
-
-import { ChangeDetectionStrategy, Component, DestroyRef, effect, inject, signal } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { FormControl } from '@angular/forms';
-import { ActivatedRoute, Router } from '@angular/router';
-
-import { FileProvider } from '@osf/features/project/files/models';
-import {
-  FilesTreeComponent,
-  FormSelectComponent,
-  LoadingSpinnerComponent,
-  SearchInputComponent,
-  SubHeaderComponent,
-} from '@shared/components';
-import { ALL_SORT_OPTIONS } from '@shared/constants';
-import { FilesTreeActions, OsfFile } from '@shared/models';
-import { FilesService } from '@shared/services';
-
-import {
-  GetRegistryFiles,
-  SetCurrentFolder,
-  SetSearch,
-  SetSort,
-} from '../../store/registry-files/registry-files.actions';
-import { RegistryFilesSelectors } from '../../store/registry-files/registry-files.selectors';
-import { GetRegistryById } from '../../store/registry-overview/registry-overview.actions';
-import { RegistryOverviewSelectors } from '../../store/registry-overview/registry-overview.selectors';
-
-@Component({
-  selector: 'osf-registry-files',
-  imports: [
-    SubHeaderComponent,
-    TranslatePipe,
-    Button,
-    FilesTreeComponent,
-    FormSelectComponent,
-    SearchInputComponent,
-    LoadingSpinnerComponent,
-  ],
-  templateUrl: './registry-files.component.html',
-  styleUrl: './registry-files.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [DialogService, TreeDragDropService],
-})
-export class RegistryFilesComponent {
-  protected readonly registry = select(RegistryOverviewSelectors.getRegistry);
-  protected readonly isRegistryLoading = select(RegistryOverviewSelectors.isRegistryLoading);
-  protected readonly files = select(RegistryFilesSelectors.getFiles);
-  protected readonly isFilesLoading = select(RegistryFilesSelectors.isFilesLoading);
-  protected readonly currentFolder = select(RegistryFilesSelectors.getCurrentFolder);
-  private readonly router = inject(Router);
-  private readonly route = inject(ActivatedRoute);
-  private readonly filesService = inject(FilesService);
-  private readonly destroyRef = inject(DestroyRef);
-
-  private readonly actions = createDispatchMap({
-    setCurrentFolder: SetCurrentFolder,
-    getFiles: GetRegistryFiles,
-    getRootFolderFiles: GetRegistryFiles,
-    getRegistryById: GetRegistryById,
-    setSearch: SetSearch,
-    setSort: SetSort,
-  });
-
-  protected readonly filesTreeActions: FilesTreeActions = {
-    setCurrentFolder: (folder) => this.actions.setCurrentFolder(folder),
-    getFiles: (filesLink) => this.actions.getFiles(filesLink),
-  };
-
-  protected readonly searchControl = new FormControl<string>('');
-  protected readonly sortControl = new FormControl(ALL_SORT_OPTIONS[0].value);
-
-  protected isFolderOpening = signal(false);
-  protected registryId = signal('');
-  protected dataLoaded = signal(false);
-
-  protected readonly sortOptions = ALL_SORT_OPTIONS;
-  protected readonly provider = FileProvider.OsfStorage;
-
-  constructor() {
-    this.route.parent?.params.subscribe((params) => {
-      const id = params['id'];
-      if (id) {
-        this.registryId.set(id);
-        if (!this.registry()) {
-          this.actions.getRegistryById(id);
-        }
-      }
-    });
-
-    effect(() => {
-      const registry = this.registry();
-
-      if (registry) {
-        this.actions.getFiles(registry.links.files).subscribe(() => this.dataLoaded.set(true));
-      }
-    });
-
-    this.searchControl.valueChanges
-      .pipe(skip(1), takeUntilDestroyed(this.destroyRef), debounceTime(500))
-      .subscribe((searchText) => {
-        this.actions.setSearch(searchText ?? '');
-        if (!this.isFolderOpening()) {
-          this.updateFilesList();
-        }
-      });
-
-    this.sortControl.valueChanges.pipe(skip(1), takeUntilDestroyed(this.destroyRef)).subscribe((sort) => {
-      this.actions.setSort(sort ?? '');
-      if (!this.isFolderOpening()) {
-        this.updateFilesList();
-      }
-    });
-  }
-
-  folderIsOpening(value: boolean): void {
-    this.isFolderOpening.set(value);
-    if (value) {
-      this.searchControl.setValue('');
-      this.sortControl.setValue(ALL_SORT_OPTIONS[0].value);
-    }
-  }
-
-  updateFilesList(): Observable<void> {
-    const currentFolder = this.currentFolder();
-    if (currentFolder?.relationships.filesLink) {
-      return this.actions.getFiles(currentFolder?.relationships.filesLink).pipe(takeUntilDestroyed(this.destroyRef));
-    }
-
-    const registry = this.registry();
-
-    if (registry) {
-      return this.actions.getFiles(registry.links.files);
-    }
-
-    return EMPTY;
-  }
-
-  navigateToFile(file: OsfFile) {
-    this.router.navigate([file.guid], { relativeTo: this.route });
-  }
-
-  downloadFolder(): void {
-    const registryId = this.registry()?.id;
-    const folderId = this.currentFolder()?.id ?? '';
-    const isRootFolder = !this.currentFolder()?.relationships?.parentFolderLink;
-
-    if (registryId) {
-      if (isRootFolder || !folderId) {
-        const link = this.filesService.getFolderDownloadLink(registryId, this.provider, '', true);
-        window.open(link, '_blank')?.focus();
-      } else {
-        const link = this.filesService.getFolderDownloadLink(registryId, this.provider, folderId, false);
-        window.open(link, '_blank')?.focus();
-      }
-    }
-  }
-}
diff --git a/src/app/features/registry/registry.routes.ts b/src/app/features/registry/registry.routes.ts
index cdc6dae75..398be1c9e 100644
--- a/src/app/features/registry/registry.routes.ts
+++ b/src/app/features/registry/registry.routes.ts
@@ -3,7 +3,6 @@ import { provideStates } from '@ngxs/store';
 import { Routes } from '@angular/router';
 
 import { RegistryComponentsState } from '@osf/features/registry/store/registry-components';
-import { RegistryFilesState } from '@osf/features/registry/store/registry-files';
 import { RegistryLinksState } from '@osf/features/registry/store/registry-links';
 import { RegistryMetadataState } from '@osf/features/registry/store/registry-metadata';
 import { RegistryOverviewState } from '@osf/features/registry/store/registry-overview';
@@ -81,12 +80,8 @@ export const registryRoutes: Routes = [
       },
       {
         path: 'files',
-        loadComponent: () =>
-          import('./pages/registry-files/registry-files.component').then((c) => c.RegistryFilesComponent),
-        providers: [provideStates([RegistryFilesState])],
-        data: {
-          resourceType: ResourceType.Registration,
-        },
+        loadChildren: () => import('@osf/features/files/files.routes').then((mod) => mod.filesRoutes),
+        data: { resourceType: ResourceType.Registration },
       },
       {
         path: 'components',
diff --git a/src/app/shared/components/addons/addon-setup-account-form/addon-setup-account-form.component.html b/src/app/shared/components/addons/addon-setup-account-form/addon-setup-account-form.component.html
index 670da525f..dbcb2445c 100644
--- a/src/app/shared/components/addons/addon-setup-account-form/addon-setup-account-form.component.html
+++ b/src/app/shared/components/addons/addon-setup-account-form/addon-setup-account-form.component.html
@@ -110,7 +110,7 @@ <h2 class="mb-2">
         class="w-10rem btn-full-width"
         [label]="'settings.addons.form.buttons.authorize' | translate"
         type="submit"
-        [disabled]="!isFormValid() || isSubmitting()"
+        [disabled]="!isFormValid || isSubmitting()"
         [loading]="isSubmitting()"
       ></p-button>
     } @else {
@@ -126,7 +126,7 @@ <h2 class="mb-2">
         class="w-10rem btn-full-width"
         [label]="'settings.addons.form.buttons.reconnect' | translate"
         type="submit"
-        [disabled]="!isFormValid() || isSubmitting()"
+        [disabled]="!isFormValid || isSubmitting()"
       ></p-button>
     }
   </div>
diff --git a/src/app/shared/components/addons/addon-setup-account-form/addon-setup-account-form.component.ts b/src/app/shared/components/addons/addon-setup-account-form/addon-setup-account-form.component.ts
index 980aa140f..8bf5f5e3a 100644
--- a/src/app/shared/components/addons/addon-setup-account-form/addon-setup-account-form.component.ts
+++ b/src/app/shared/components/addons/addon-setup-account-form/addon-setup-account-form.component.ts
@@ -33,14 +33,14 @@ export class AddonSetupAccountFormComponent {
 
   protected readonly formControls = AddonFormControls;
 
+  get isFormValid() {
+    return this.addonForm().valid;
+  }
+
   protected readonly addonForm = computed<FormGroup<AddonForm>>(() => {
     return this.addonFormService.initializeForm(this.addon());
   });
 
-  protected readonly isFormValid = computed(() => {
-    return this.addonForm().valid;
-  });
-
   protected readonly isAccessSecretKeysFormat = computed(() => {
     return this.addon().credentialsFormat === CredentialsFormat.ACCESS_SECRET_KEYS;
   });
@@ -63,7 +63,7 @@ export class AddonSetupAccountFormComponent {
   });
 
   protected handleSubmit(): void {
-    if (!this.isFormValid()) return;
+    if (!this.isFormValid) return;
 
     const formValue = this.addonForm().value;
     const payload = this.addonFormService.generateAuthorizedAddonPayload(
diff --git a/src/app/shared/components/copy-button/copy-button.component.html b/src/app/shared/components/copy-button/copy-button.component.html
index c36f64f20..f426260cb 100644
--- a/src/app/shared/components/copy-button/copy-button.component.html
+++ b/src/app/shared/components/copy-button/copy-button.component.html
@@ -4,7 +4,8 @@
   icon="fas fa-clone"
   [label]="label()"
   text
-  [pTooltip]="tooltip() | translate"
+  [pTooltip]="(copyItem() ? tooltip() : 'common.labels.noData') | translate"
+  [disabled]="!copyItem()"
   (click)="copy()"
 >
 </p-button>
diff --git a/src/app/shared/mappers/addon.mapper.ts b/src/app/shared/mappers/addon.mapper.ts
index 971133d7f..7589ba85e 100644
--- a/src/app/shared/mappers/addon.mapper.ts
+++ b/src/app/shared/mappers/addon.mapper.ts
@@ -81,7 +81,9 @@ export class AddonMapper {
 
   static fromOperationInvocationResponse(response: OperationInvocationResponseJsonApi): OperationInvocation {
     const operationResult = response.attributes.operation_result;
-    const isOperationResult = 'items' in operationResult && 'total_count' in operationResult;
+    // [NM] TODO: Double check this condition
+    // const isOperationResult = 'items' in operationResult && 'total_count' in operationResult;
+    const isOperationResult = 'items' in operationResult;
 
     const mappedOperationResult = isOperationResult
       ? operationResult.items.map((item: StorageItemResponseJsonApi) => ({
diff --git a/src/app/shared/mappers/files/files.mapper.ts b/src/app/shared/mappers/files/files.mapper.ts
index e25bab4c3..39fceca67 100644
--- a/src/app/shared/mappers/files/files.mapper.ts
+++ b/src/app/shared/mappers/files/files.mapper.ts
@@ -1,4 +1,4 @@
-import { FileTargetResponse } from '@osf/features/project/files/models/responses/get-file-target-response.model';
+import { FileTargetResponse } from '@osf/features/files/models';
 import {
   FileLinks,
   FileRelationshipsResponse,
@@ -46,6 +46,8 @@ export function MapFile(
       parentFolderLink: file?.relationships?.parent_folder?.links?.related?.href,
       parentFolderId: file?.relationships?.parent_folder?.data?.id,
       filesLink: file?.relationships?.files?.links?.related?.href,
+      uploadLink: file?.links?.upload,
+      newFolderLink: file?.links?.new_folder,
     },
     target: {
       id: file?.embeds?.target.data.id,
@@ -63,8 +65,20 @@ export function MapFile(
       nodeLicense: file?.embeds?.target.data.attributes.node_license,
       analyticsKey: file?.embeds?.target.data.attributes.analytics_key,
       type: file?.embeds?.target.data.type,
+      currentUserCanComment: file?.embeds?.target.data.attributes.current_user_can_comment,
+      currentUserIsContributor: file?.embeds?.target.data.attributes.current_user_is_contributor,
+      currentUserIsContributorOrGroupMember:
+        file?.embeds?.target.data.attributes.current_user_is_contributor_or_group_member,
+      currentUserPermissions: file?.embeds?.target.data.attributes.current_user_permissions,
+      wikiEnabled: file?.embeds?.target.data.attributes.wiki_enabled,
+      public: file?.embeds?.target.data.attributes.public,
     },
-  } as OsfFile;
+    currentUserCanComment: file.attributes.current_user_can_comment,
+    currentVersion: file.attributes.current_version,
+    lastTouched: file.attributes.last_touched,
+    previousFolder: false,
+    showAsUnviewed: file.attributes.show_as_unviewed,
+  };
 }
 
 export function MapFileVersions(fileVersions: FileVersionsResponseJsonApi): OsfFileVersion[] {
diff --git a/src/app/shared/models/files/file.model.ts b/src/app/shared/models/files/file.model.ts
index 5f3ed04da..18cb93708 100644
--- a/src/app/shared/models/files/file.model.ts
+++ b/src/app/shared/models/files/file.model.ts
@@ -1,4 +1,4 @@
-import { OsfFileTarget } from '@osf/features/project/files/models';
+import { OsfFileTarget } from '@osf/features/files/models';
 
 export interface OsfFile {
   id: string;
diff --git a/src/app/shared/models/files/get-files-response.model.ts b/src/app/shared/models/files/get-files-response.model.ts
index 7d73543d3..b2daf7a2a 100644
--- a/src/app/shared/models/files/get-files-response.model.ts
+++ b/src/app/shared/models/files/get-files-response.model.ts
@@ -1,4 +1,4 @@
-import { FileTargetResponse } from '@osf/features/project/files/models/responses/get-file-target-response.model';
+import { FileTargetResponse } from '@osf/features/files/models';
 import { ApiData, JsonApiResponse } from '@shared/models';
 
 export type GetFilesResponse = JsonApiResponse<FileData[], null>;
diff --git a/src/app/shared/services/files.service.ts b/src/app/shared/services/files.service.ts
index 4aa8ab1a5..05fafdb74 100644
--- a/src/app/shared/services/files.service.ts
+++ b/src/app/shared/services/files.service.ts
@@ -4,32 +4,26 @@ import { catchError, map } from 'rxjs/operators';
 import { HttpEvent } from '@angular/common/http';
 import { inject, Injectable } from '@angular/core';
 
-import {
-  MapFile,
-  MapFileCustomMetadata,
-  MapFileRevision,
-  MapFiles,
-  MapFileVersions,
-} from '@osf/features/project/files/mappers';
+import { MapFileCustomMetadata, MapFileRevision } from '@osf/features/files/mappers';
 import {
   CreateFolderResponse,
   FileCustomMetadata,
   FileTargetResponse,
+  GetCustomMetadataResponse,
   GetFileMetadataResponse,
   GetFileRevisionsResponse,
   GetFileTargetResponse,
-  GetProjectContributorsResponse,
-  GetProjectCustomMetadataResponse,
-  GetProjectShortInfoResponse,
+  GetShortInfoResponse,
   OsfFileCustomMetadata,
-  OsfFileProjectContributor,
   OsfFileRevision,
   PatchFileMetadata,
-} from '@osf/features/project/files/models';
+} from '@osf/features/files/models';
 import {
   AddFileResponse,
   ApiData,
   ConfiguredStorageAddon,
+  ContributorModel,
+  ContributorResponse,
   FileLinks,
   FileRelationshipsResponse,
   FileResponse,
@@ -45,6 +39,7 @@ import { JsonApiService } from '@shared/services';
 import { ToastService } from '@shared/services/toast.service';
 
 import { ResourceType } from '../enums';
+import { ContributorsMapper, MapFile, MapFiles, MapFileVersions } from '../mappers';
 
 import { environment } from 'src/environments/environment';
 
@@ -61,14 +56,6 @@ export class FilesService {
     [ResourceType.Registration, 'registrations'],
   ]);
 
-  // getModerators(resourceId: string, resourceType: ResourceType): Observable<ModeratorModel[]> {
-  //   const baseUrl = `${environment.apiUrl}/${this.urlMap.get(resourceType)}/${resourceId}/moderators`;
-
-  //   return this.jsonApiService
-  //     .get<ModeratorResponseJsonApi>(baseUrl)
-  //     .pipe(map((response) => response.data.map((moderator) => ModerationMapper.fromModeratorResponse(moderator))));
-  // }
-
   getFiles(filesLink: string, search: string, sort: string): Observable<OsfFile[]> {
     const params: Record<string, string> = {
       sort: sort,
@@ -112,9 +99,13 @@ export class FilesService {
   }
 
   createFolder(link: string, folderName: string): Observable<OsfFile> {
-    return this.jsonApiService
-      .put<CreateFolderResponse>(link, null, { name: folderName })
-      .pipe(map((response) => MapFile(response)));
+    return this.jsonApiService.put<CreateFolderResponse>(link, null, { name: folderName }).pipe(
+      map((response) => MapFile(response)),
+      catchError((error) => {
+        this.toastService.showError(error.error.message);
+        return throwError(() => error);
+      })
+    );
   }
 
   getFolder(link: string): Observable<OsfFile> {
@@ -128,7 +119,12 @@ export class FilesService {
   }
 
   deleteEntry(link: string) {
-    return this.jsonApiService.delete(link);
+    return this.jsonApiService.delete(link).pipe(
+      catchError((error) => {
+        this.toastService.showError(error.error.message);
+        return throwError(() => error);
+      })
+    );
   }
 
   renameEntry(link: string, name: string, conflict = ''): Observable<OsfFile> {
@@ -203,36 +199,28 @@ export class FilesService {
       .pipe(map((response) => MapFileCustomMetadata(response.data)));
   }
 
-  getResourceShortInfo(resourceId: string, resourceType: string): Observable<GetProjectShortInfoResponse> {
+  getResourceShortInfo(resourceId: string, resourceType: string): Observable<GetShortInfoResponse> {
     const params = {
       'fields[nodes]': 'title,description,date_created,date_modified',
     };
-    return this.jsonApiService.get<GetProjectShortInfoResponse>(
+    return this.jsonApiService.get<GetShortInfoResponse>(
       `${environment.apiUrl}/${resourceType}/${resourceId}/`,
       params
     );
   }
 
-  getCustomMetadata(resourceId: string): Observable<GetProjectCustomMetadataResponse> {
-    return this.jsonApiService.get<GetProjectCustomMetadataResponse>(
+  getCustomMetadata(resourceId: string): Observable<GetCustomMetadataResponse> {
+    return this.jsonApiService.get<GetCustomMetadataResponse>(
       `${environment.apiUrl}/guids/${resourceId}/?embed=custom_metadata&resolve=false`
     );
   }
 
-  getResourceContributors(resourceId: string, resourceType: string): Observable<OsfFileProjectContributor[]> {
+  getResourceContributors(resourceId: string, resourceType: string): Observable<Partial<ContributorModel>[]> {
     return this.jsonApiService
-      .get<GetProjectContributorsResponse>(
-        `${environment.apiUrl}/${resourceType}/${resourceId}/bibliographic_contributors/`
-      )
-      .pipe(
-        map((response) =>
-          response.data.map((user) => ({
-            id: user.id,
-            name: user.attributes.full_name,
-            active: user.attributes.active,
-          }))
-        )
-      );
+      .get<
+        JsonApiResponse<ContributorResponse[], null>
+      >(`${environment.apiUrl}/${resourceType}/${resourceId}/bibliographic_contributors/`)
+      .pipe(map((response) => ContributorsMapper.fromResponse(response.data)));
   }
 
   patchFileMetadata(data: PatchFileMetadata, fileGuid: string): Observable<OsfFileCustomMetadata> {
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 8abe63e49..4dcd02c10 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -990,7 +990,10 @@
         }
       },
       "resourceMetadata": {
-        "title": "Project Metadata",
+        "title": {
+          "nodes": "Project Metadata",
+          "registrations": "Registration Metadata"
+        },
         "edit": "Edit",
         "fields": {
           "funder": "Funder",

From 3c037287d769eb5bd26ee16c765b953fefecb463 Mon Sep 17 00:00:00 2001
From: nmykhalkevych-exoft <nmykhalkevych@exoft.net>
Date: Tue, 19 Aug 2025 19:31:40 +0300
Subject: [PATCH 7/7] Update
 src/app/shared/components/files-tree/files-tree.component.ts

Co-authored-by: nsemets <nsemets@exoft.net>
---
 src/app/shared/components/files-tree/files-tree.component.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/shared/components/files-tree/files-tree.component.ts b/src/app/shared/components/files-tree/files-tree.component.ts
index 67e3f1d9e..35b28b39e 100644
--- a/src/app/shared/components/files-tree/files-tree.component.ts
+++ b/src/app/shared/components/files-tree/files-tree.component.ts
@@ -357,7 +357,7 @@ export class FilesTreeComponent implements OnDestroy, AfterViewInit {
     navigator.clipboard
       .writeText(embedHtml)
       .then(() => {
-        this.toastService.showSuccess(this.translateService.instant('files.toast.copiedToClipboard'));
+        this.toastService.showSuccess('files.toast.copiedToClipboard');
       })
       .catch((err) => {
         this.toastService.showError(err.message);