From 00cb01d5c6e0542172adfaa234916c38e77a63fa Mon Sep 17 00:00:00 2001
From: Kyrylo Petrov <kpetrov@exoft.net>
Date: Wed, 25 Jun 2025 13:47:25 +0300
Subject: [PATCH 1/6] feat(registry-overview): establish routing, sidenav,
 store

---
 src/app/app.routes.ts                         |   4 +
 .../nav-menu/nav-menu.component.html          | 117 +++++++++++-------
 .../nav-menu/nav-menu.component.scss          |   4 +
 .../components/nav-menu/nav-menu.component.ts |  13 +-
 src/app/core/constants/nav-items.constant.ts  |  28 +++++
 src/app/features/registry/pages/index.ts      |   1 +
 .../registry-overview.component.html          |   5 +
 .../registry-overview.component.scss          |   0
 .../registry-overview.component.spec.ts       |  22 ++++
 .../registry-overview.component.ts            |  18 +++
 .../features/registry/registry.component.html |   3 +
 .../features/registry/registry.component.scss |   0
 .../registry/registry.component.spec.ts       |  22 ++++
 .../features/registry/registry.component.ts   |  11 ++
 src/app/features/registry/registry.routes.ts  |  26 ++++
 .../registry/store/registry-overview/index.ts |   4 +
 .../registry-overview.actions.ts              |   0
 .../registry-overview.model.ts                |   3 +
 .../registry-overview.selectors.ts            |   0
 .../registry-overview.state.ts                |  14 +++
 .../resource-card.component.html              |   8 +-
 .../resource-card/resource-card.component.ts  |  11 ++
 src/assets/i18n/en.json                       |  15 ++-
 23 files changed, 280 insertions(+), 49 deletions(-)
 create mode 100644 src/app/features/registry/pages/index.ts
 create mode 100644 src/app/features/registry/pages/registry-overview/registry-overview.component.html
 create mode 100644 src/app/features/registry/pages/registry-overview/registry-overview.component.scss
 create mode 100644 src/app/features/registry/pages/registry-overview/registry-overview.component.spec.ts
 create mode 100644 src/app/features/registry/pages/registry-overview/registry-overview.component.ts
 create mode 100644 src/app/features/registry/registry.component.html
 create mode 100644 src/app/features/registry/registry.component.scss
 create mode 100644 src/app/features/registry/registry.component.spec.ts
 create mode 100644 src/app/features/registry/registry.component.ts
 create mode 100644 src/app/features/registry/registry.routes.ts
 create mode 100644 src/app/features/registry/store/registry-overview/index.ts
 create mode 100644 src/app/features/registry/store/registry-overview/registry-overview.actions.ts
 create mode 100644 src/app/features/registry/store/registry-overview/registry-overview.model.ts
 create mode 100644 src/app/features/registry/store/registry-overview/registry-overview.selectors.ts
 create mode 100644 src/app/features/registry/store/registry-overview/registry-overview.state.ts

diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index b0a0f9301..1c2fcc6f6 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -148,6 +148,10 @@ export const routes: Routes = [
         path: 'registries',
         loadChildren: () => import('./features/registries/registries.routes').then((mod) => mod.registriesRoutes),
       },
+      {
+        path: 'registries/my-registrations/:registrationId',
+        loadChildren: () => import('./features/registry/registry.routes').then((mod) => mod.registryRoutes),
+      },
       {
         path: '**',
         loadComponent: () =>
diff --git a/src/app/core/components/nav-menu/nav-menu.component.html b/src/app/core/components/nav-menu/nav-menu.component.html
index 5958a21cb..870e9f726 100644
--- a/src/app/core/components/nav-menu/nav-menu.component.html
+++ b/src/app/core/components/nav-menu/nav-menu.component.html
@@ -1,53 +1,80 @@
 <nav class="nav-menu">
   <p-panelMenu [model]="mainMenuItems" [multiple]="false">
     <ng-template #item let-item>
-      <a
-        [routerLink]="item.routerLink"
-        routerLinkActive="active"
-        [routerLinkActiveOptions]="{
-          exact: item.label !== 'navigation.myProjects' ? item.useExactMatch : true,
-        }"
-        class="nav-link flex align-items-center"
-        [class.mt-5]="item.label === 'navigation.settings' || item.label === 'navigation.myProjects'"
-        (click)="goToLink(item)"
-      >
-        @if (item.icon) {
-          <osf-icon [iconClass]="`nav-icon ${item.icon}`"></osf-icon>
-        }
-        <span>{{ item.label | translate }}</span>
-        @if (item.items) {
-          <osf-icon
-            class="ml-auto pt-1"
-            [iconClass]="item.expanded ? `fas fa-chevron-down fa-sm` : `fas fa-chevron-right fa-sm`"
-          ></osf-icon>
+      @if (item.label !== 'navigation.registriesSubRoutes.registryDetails') {
+        <a
+          [routerLink]="item.routerLink"
+          routerLinkActive="active"
+          [routerLinkActiveOptions]="{
+            exact: item.label !== 'navigation.myProjects' ? item.useExactMatch : true,
+          }"
+          class="nav-link flex align-items-center"
+          [class.mt-5]="item.label === 'navigation.settings' || item.label === 'navigation.myProjects'"
+          (click)="goToLink(item)"
+        >
+          @if (item.icon) {
+            <osf-icon [iconClass]="`nav-icon ${item.icon}`"></osf-icon>
+          }
+          <span>{{ item.label | translate }}</span>
+          @if (item.items) {
+            <osf-icon
+              class="ml-auto pt-1"
+              [iconClass]="item.expanded ? `fas fa-chevron-down fa-sm` : `fas fa-chevron-right fa-sm`"
+            ></osf-icon>
+          }
+        </a>
+
+        @if (item.label === 'navigation.myProjects' && isProjectRoute()) {
+          <div class="ml-4">
+            <p-panelMenu [model]="myProjectMenuItems" [multiple]="false">
+              <ng-template #item let-item>
+                <a
+                  [routerLink]="item.routerLink ? ['/my-projects', currentProjectId(), item.routerLink] : null"
+                  [routerLinkActive]="item.routerLink ? 'active' : ''"
+                  [routerLinkActiveOptions]="{ exact: true }"
+                  class="nav-link flex align-items-center"
+                  (click)="goToLink(item)"
+                >
+                  @if (item.icon) {
+                    <osf-icon [iconClass]="`nav-icon ${item.icon}`"></osf-icon>
+                  }
+                  <span>{{ item.label | translate }}</span>
+                  @if (item.items) {
+                    <osf-icon
+                      class="ml-auto pt-1"
+                      [iconClass]="item.expanded ? `fas fa-chevron-down fa-sm` : `fas fa-chevron-right fa-sm`"
+                    ></osf-icon>
+                  }
+                </a>
+              </ng-template>
+            </p-panelMenu>
+          </div>
         }
-      </a>
+      }
 
-      @if (item.label === 'navigation.myProjects' && isProjectRoute()) {
-        <div class="ml-4">
-          <p-panelMenu [model]="myProjectMenuItems" [multiple]="false">
-            <ng-template #item let-item>
-              <a
-                [routerLink]="item.routerLink ? ['/my-projects', currentProjectId(), item.routerLink] : null"
-                [routerLinkActive]="item.routerLink ? 'active' : ''"
-                [routerLinkActiveOptions]="{ exact: true }"
-                class="nav-link flex align-items-center"
-                (click)="goToLink(item)"
-              >
-                @if (item.icon) {
-                  <osf-icon [iconClass]="`nav-icon ${item.icon}`"></osf-icon>
-                }
-                <span>{{ item.label | translate }}</span>
-                @if (item.items) {
-                  <osf-icon
-                    class="ml-auto pt-1"
-                    [iconClass]="item.expanded ? `fas fa-chevron-down fa-sm` : `fas fa-chevron-right fa-sm`"
-                  ></osf-icon>
-                }
-              </a>
-            </ng-template>
-          </p-panelMenu>
-        </div>
+      @if (item.label === 'navigation.registriesSubRoutes.registryDetails' && isRegistryRoute()) {
+        <p-panelMenu [model]="registrationMenuItems" [multiple]="false" class="border-none">
+          <ng-template #item let-item>
+            <a
+              [routerLink]="item.routerLink ? ['/my-projects', currentProjectId(), item.routerLink] : null"
+              [routerLinkActive]="item.routerLink ? 'active' : ''"
+              [routerLinkActiveOptions]="{ exact: true }"
+              class="nav-link flex align-items-center"
+              (click)="goToLink(item)"
+            >
+              @if (item.icon) {
+                <osf-icon [iconClass]="`nav-icon ${item.icon}`"></osf-icon>
+              }
+              <span>{{ item.label | translate }}</span>
+              @if (item.items) {
+                <osf-icon
+                  class="ml-auto pt-1"
+                  [iconClass]="item.expanded ? `fas fa-chevron-down fa-sm` : `fas fa-chevron-right fa-sm`"
+                ></osf-icon>
+              }
+            </a>
+          </ng-template>
+        </p-panelMenu>
       }
     </ng-template>
   </p-panelMenu>
diff --git a/src/app/core/components/nav-menu/nav-menu.component.scss b/src/app/core/components/nav-menu/nav-menu.component.scss
index 5f4e7a8aa..8dd89b684 100644
--- a/src/app/core/components/nav-menu/nav-menu.component.scss
+++ b/src/app/core/components/nav-menu/nav-menu.component.scss
@@ -9,4 +9,8 @@
     border-radius: mix.rem(8px);
     font-weight: 700;
   }
+
+  ::ng-deep li[aria-label="navigation.registriesSubRoutes.registryDetails"] {
+    border-left-color: transparent !important;
+  }
 }
diff --git a/src/app/core/components/nav-menu/nav-menu.component.ts b/src/app/core/components/nav-menu/nav-menu.component.ts
index 035c14c66..ff2a25188 100644
--- a/src/app/core/components/nav-menu/nav-menu.component.ts
+++ b/src/app/core/components/nav-menu/nav-menu.component.ts
@@ -9,7 +9,7 @@ import { Component, computed, inject, output } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { ActivatedRoute, NavigationEnd, Router, RouterLink, RouterLinkActive } from '@angular/router';
 
-import { NAV_ITEMS, PROJECT_MENU_ITEMS } from '@core/constants';
+import { NAV_ITEMS, PROJECT_MENU_ITEMS, REGISTRATION_MENU_ITEMS } from '@core/constants';
 import { IconComponent } from '@osf/shared/components';
 import { NavItem } from '@osf/shared/models';
 
@@ -24,6 +24,7 @@ export class NavMenuComponent {
   private readonly route = inject(ActivatedRoute);
   protected readonly navItems = NAV_ITEMS;
   protected readonly myProjectMenuItems = PROJECT_MENU_ITEMS;
+  protected readonly registrationMenuItems = REGISTRATION_MENU_ITEMS;
   protected readonly mainMenuItems = this.navItems.map((item) => this.convertToMenuItem(item));
 
   closeMenu = output<void>();
@@ -40,6 +41,13 @@ export class NavMenuComponent {
 
   protected readonly currentProjectId = computed(() => this.currentRoute().projectId);
   protected readonly isProjectRoute = computed(() => !!this.currentProjectId());
+  protected readonly isRegistryRoute = computed(() => {
+    const segments = this.currentRoute().segments;
+    if (segments && segments.length > 0) {
+      return segments[0] === 'registries' && segments[1] === 'my-registrations' && !!segments[2];
+    }
+    return false;
+  });
 
   convertToMenuItem(item: NavItem): MenuItem {
     const currentUrl = this.router.url;
@@ -60,8 +68,9 @@ export class NavMenuComponent {
   getRouteInfo() {
     const projectId = this.route.firstChild?.snapshot.params['id'] || null;
     const section = this.route.firstChild?.firstChild?.snapshot.url[0]?.path || 'overview';
+    const segments = this.route.firstChild?.snapshot.url.map((s) => s.path);
 
-    return { projectId, section };
+    return { projectId, section, segments };
   }
 
   goToLink(item: MenuItem) {
diff --git a/src/app/core/constants/nav-items.constant.ts b/src/app/core/constants/nav-items.constant.ts
index 4d5984963..d30270f35 100644
--- a/src/app/core/constants/nav-items.constant.ts
+++ b/src/app/core/constants/nav-items.constant.ts
@@ -40,6 +40,16 @@ export const NAV_ITEMS: NavItem[] = [
         label: 'navigation.registriesSubRoutes.overview',
         useExactMatch: false,
       },
+      {
+        path: '/my-registrations',
+        label: 'navigation.registriesSubRoutes.myRegistrations',
+        useExactMatch: false,
+      },
+      {
+        path: '/registry-overview',
+        label: 'navigation.registriesSubRoutes.registryDetails',
+        useExactMatch: false,
+      },
     ],
   },
   {
@@ -165,3 +175,21 @@ export const PROJECT_MENU_ITEMS: MenuItem[] = [
     ],
   },
 ];
+
+export const REGISTRATION_MENU_ITEMS: MenuItem[] = [
+  {
+    label: 'navigation.registration.details',
+    icon: 'osf-icon-my-projects',
+    expanded: true,
+    items: [
+      { label: 'navigation.registration.overview', routerLink: 'overview' },
+      { label: 'navigation.registration.metadata', routerLink: 'metadata' },
+      { label: 'navigation.registration.files', routerLink: 'files' },
+      { label: 'navigation.registration.resources', routerLink: 'resources' },
+      { label: 'navigation.registration.wiki', routerLink: 'wiki' },
+      { label: 'navigation.registration.components', routerLink: 'components' },
+      { label: 'navigation.registration.links', routerLink: 'links' },
+      { label: 'navigation.registration.analytics', routerLink: 'analytics' },
+    ],
+  },
+];
diff --git a/src/app/features/registry/pages/index.ts b/src/app/features/registry/pages/index.ts
new file mode 100644
index 000000000..e2880e23c
--- /dev/null
+++ b/src/app/features/registry/pages/index.ts
@@ -0,0 +1 @@
+export * from './registry-overview/registry-overview.component';
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.html b/src/app/features/registry/pages/registry-overview/registry-overview.component.html
new file mode 100644
index 000000000..ff0c91093
--- /dev/null
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.html
@@ -0,0 +1,5 @@
+<div class="flex justify-content-between">
+  <osf-sub-header [title]="'Name'" />
+</div>
+
+<osf-overview-toolbar />
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.scss b/src/app/features/registry/pages/registry-overview/registry-overview.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.spec.ts b/src/app/features/registry/pages/registry-overview/registry-overview.component.spec.ts
new file mode 100644
index 000000000..db933054b
--- /dev/null
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RegistryOverviewComponent } from './registry-overview.component';
+
+describe('RegistryOverviewComponent', () => {
+  let component: RegistryOverviewComponent;
+  let fixture: ComponentFixture<RegistryOverviewComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [RegistryOverviewComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(RegistryOverviewComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.ts b/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
new file mode 100644
index 000000000..0f4f5bc96
--- /dev/null
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
@@ -0,0 +1,18 @@
+import { DialogService } from 'primeng/dynamicdialog';
+
+import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core';
+
+import { OverviewToolbarComponent } from '@osf/features/project/overview/components';
+import { SubHeaderComponent } from '@shared/components';
+
+@Component({
+  selector: 'osf-registry-overview',
+  imports: [SubHeaderComponent, OverviewToolbarComponent],
+  templateUrl: './registry-overview.component.html',
+  styleUrl: './registry-overview.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  providers: [DialogService],
+})
+export class RegistryOverviewComponent {
+  @HostBinding('class') classes = 'flex-1 flex flex-column w-full h-full';
+}
diff --git a/src/app/features/registry/registry.component.html b/src/app/features/registry/registry.component.html
new file mode 100644
index 000000000..21c4dd5c7
--- /dev/null
+++ b/src/app/features/registry/registry.component.html
@@ -0,0 +1,3 @@
+<div class="xl:flex xl:flex-column xl:mt-6">
+  <router-outlet />
+</div>
diff --git a/src/app/features/registry/registry.component.scss b/src/app/features/registry/registry.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/features/registry/registry.component.spec.ts b/src/app/features/registry/registry.component.spec.ts
new file mode 100644
index 000000000..f3bf7dc7d
--- /dev/null
+++ b/src/app/features/registry/registry.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RegistryComponent } from './registry.component';
+
+describe('RegistryComponent', () => {
+  let component: RegistryComponent;
+  let fixture: ComponentFixture<RegistryComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [RegistryComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(RegistryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/registry/registry.component.ts b/src/app/features/registry/registry.component.ts
new file mode 100644
index 000000000..33aeaa0e1
--- /dev/null
+++ b/src/app/features/registry/registry.component.ts
@@ -0,0 +1,11 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'osf-registry',
+  imports: [RouterOutlet],
+  templateUrl: './registry.component.html',
+  styleUrl: './registry.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class RegistryComponent {}
diff --git a/src/app/features/registry/registry.routes.ts b/src/app/features/registry/registry.routes.ts
new file mode 100644
index 000000000..fd842dea0
--- /dev/null
+++ b/src/app/features/registry/registry.routes.ts
@@ -0,0 +1,26 @@
+import { provideStates } from '@ngxs/store';
+
+import { Routes } from '@angular/router';
+
+import { RegistryOverviewState } from '@osf/features/registry/store/registry-overview';
+
+import { RegistryComponent } from './registry.component';
+
+export const registryRoutes: Routes = [
+  {
+    path: '',
+    component: RegistryComponent,
+    children: [
+      {
+        path: '',
+        pathMatch: 'full',
+        redirectTo: 'overview',
+      },
+      {
+        path: 'overview',
+        loadComponent: () => import('@osf/features/registry/pages').then((c) => c.RegistryOverviewComponent),
+        providers: [provideStates([RegistryOverviewState])],
+      },
+    ],
+  },
+];
diff --git a/src/app/features/registry/store/registry-overview/index.ts b/src/app/features/registry/store/registry-overview/index.ts
new file mode 100644
index 000000000..5e30a043b
--- /dev/null
+++ b/src/app/features/registry/store/registry-overview/index.ts
@@ -0,0 +1,4 @@
+// export * from './registry-overview.actions';
+export * from './registry-overview.model';
+// export * from './registry-overview.selectors';
+export * from './registry-overview.state';
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.actions.ts b/src/app/features/registry/store/registry-overview/registry-overview.actions.ts
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.model.ts b/src/app/features/registry/store/registry-overview/registry-overview.model.ts
new file mode 100644
index 000000000..98b54496a
--- /dev/null
+++ b/src/app/features/registry/store/registry-overview/registry-overview.model.ts
@@ -0,0 +1,3 @@
+export interface RegistryOverviewStateModel {
+  data: string;
+}
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.selectors.ts b/src/app/features/registry/store/registry-overview/registry-overview.selectors.ts
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.state.ts b/src/app/features/registry/store/registry-overview/registry-overview.state.ts
new file mode 100644
index 000000000..dde952b66
--- /dev/null
+++ b/src/app/features/registry/store/registry-overview/registry-overview.state.ts
@@ -0,0 +1,14 @@
+import { State } from '@ngxs/store';
+
+import { Injectable } from '@angular/core';
+
+import { RegistryOverviewStateModel } from './registry-overview.model';
+
+@Injectable()
+@State<RegistryOverviewStateModel>({
+  name: 'registryOverview',
+  defaults: {
+    data: '',
+  },
+})
+export class RegistryOverviewState {}
diff --git a/src/app/shared/components/resource-card/resource-card.component.html b/src/app/shared/components/resource-card/resource-card.component.html
index cc22dcefc..04107b8d7 100644
--- a/src/app/shared/components/resource-card/resource-card.component.html
+++ b/src/app/shared/components/resource-card/resource-card.component.html
@@ -13,7 +13,13 @@
             @if (item().resourceType === ResourceType.File && item().fileName) {
               <a class="title">{{ item().fileName }}</a>
             } @else {
-              <a class="title">{{ item().title }}</a>
+              <a
+                tabindex="0"
+                class="title"
+                (click)="$event.stopPropagation(); redirectToResource(item())"
+                (keydown.enter)="$event.stopPropagation(); redirectToResource(item())"
+                >{{ item().title }}</a
+              >
             }
             @if (item().orcid) {
               <a [href]="item().orcid" class="orcid-icon">
diff --git a/src/app/shared/components/resource-card/resource-card.component.ts b/src/app/shared/components/resource-card/resource-card.component.ts
index c3ee18a79..4d0839bd5 100644
--- a/src/app/shared/components/resource-card/resource-card.component.ts
+++ b/src/app/shared/components/resource-card/resource-card.component.ts
@@ -6,6 +6,7 @@ import { finalize } from 'rxjs';
 import { DatePipe, NgOptimizedImage } from '@angular/common';
 import { ChangeDetectionStrategy, Component, inject, model } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
+import { Router } from '@angular/router';
 
 import { ResourceType } from '@shared/enums';
 import { Resource } from '@shared/models';
@@ -24,6 +25,7 @@ export class ResourceCardComponent {
   ResourceType = ResourceType;
   isSmall = toSignal(inject(IS_XSMALL));
   item = model.required<Resource>();
+  private readonly router = inject(Router);
 
   isLoading = false;
   dataIsLoaded = false;
@@ -59,4 +61,13 @@ export class ResourceCardComponent {
         });
     }
   }
+
+  redirectToResource(item: Resource) {
+    // [KP] TODO: handle my registrations and foreign separately
+    if (item.resourceType === ResourceType.Registration) {
+      const parts = item.id.split('/');
+      const uri = parts[parts.length - 1];
+      this.router.navigate(['/registries/my-registrations', uri]);
+    }
+  }
 }
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 2ab43f0cd..598698f97 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -62,7 +62,9 @@
     "myProjects": "My Projects",
     "registries": "Registries",
     "registriesSubRoutes": {
-      "overview": "Overview"
+      "overview": "Overview",
+      "myRegistrations": "My Registrations",
+      "registryDetails": "Registry Details"
     },
     "preprints": "Preprints",
     "preprintsSubRoutes": {
@@ -90,6 +92,17 @@
       "analytics": "Analytics",
       "addons": "Add-ons"
     },
+    "registration": {
+      "details": "Registry details",
+      "overview": "Overview",
+      "metadata": "Metadata",
+      "files": "Files",
+      "resources": "Resources",
+      "wiki": "Wiki",
+      "components": "Components",
+      "links": "Links",
+      "analytics": "Analytics"
+    },
     "institutions": "Institutions"
   },
   "auth": {

From d88575cac6928491bc7973660ac1f121b7dc1402 Mon Sep 17 00:00:00 2001
From: Kyrylo Petrov <kpetrov@exoft.net>
Date: Thu, 26 Jun 2025 15:58:40 +0300
Subject: [PATCH 2/6] feat(registry-overview): mapper, get bookmarks,
 overview-toolbar

# Conflicts:
#	src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
---
 .../services/collections.service.ts           | 28 ++++++
 .../collections/store/collections.actions.ts  | 16 ++--
 .../collections/store/collections.state.ts    | 94 +++++++++++++------
 .../models/my-projects-endpoint.type.ts       |  2 +-
 .../my-projects/my-projects.component.ts      |  4 +-
 .../services/my-projects.service.ts           | 42 +++++++--
 .../my-projects/store/my-projects.actions.ts  |  5 +-
 .../my-projects/store/my-projects.state.ts    | 60 ++++++++++--
 .../fork-dialog/fork-dialog.component.ts      | 12 ++-
 .../overview-toolbar.component.html           | 62 +++++++-----
 .../overview-toolbar.component.ts             | 88 ++++++++++-------
 .../overview/project-overview.component.html  |  4 +-
 .../overview/project-overview.component.ts    | 16 +++-
 .../services/project-overview.service.ts      |  6 +-
 .../store/project-overview.actions.ts         | 11 ++-
 .../overview/store/project-overview.state.ts  | 23 ++++-
 src/app/features/registry/mappers/index.ts    |  1 +
 .../mappers/registry-overview.mapper.ts       | 26 +++++
 src/app/features/registry/models/index.ts     |  1 +
 .../models/registry-overview.models.ts        | 82 ++++++++++++++++
 .../registry-overview.component.html          | 21 ++++-
 .../registry-overview.component.ts            | 45 ++++++++-
 src/app/features/registry/services/index.ts   |  1 +
 .../services/project-overview.service.ts      | 35 +++++++
 .../registry/store/registry-overview/index.ts |  4 +-
 .../registry-overview.actions.ts              |  5 +
 .../registry-overview.model.ts                |  5 +-
 .../registry-overview.selectors.ts            | 17 ++++
 .../registry-overview.state.ts                | 57 ++++++++++-
 src/app/shared/models/index.ts                |  1 +
 .../shared/models/toolbar-resource.model.ts   | 15 +++
 src/assets/i18n/en.json                       |  2 +
 32 files changed, 650 insertions(+), 141 deletions(-)
 create mode 100644 src/app/features/registry/mappers/index.ts
 create mode 100644 src/app/features/registry/mappers/registry-overview.mapper.ts
 create mode 100644 src/app/features/registry/models/index.ts
 create mode 100644 src/app/features/registry/models/registry-overview.models.ts
 create mode 100644 src/app/features/registry/services/index.ts
 create mode 100644 src/app/features/registry/services/project-overview.service.ts
 create mode 100644 src/app/shared/models/toolbar-resource.model.ts

diff --git a/src/app/features/collections/services/collections.service.ts b/src/app/features/collections/services/collections.service.ts
index 24b90dae0..fc682cd37 100644
--- a/src/app/features/collections/services/collections.service.ts
+++ b/src/app/features/collections/services/collections.service.ts
@@ -56,4 +56,32 @@ export class CollectionsService {
 
     return this.#jsonApiService.delete(url, payload);
   }
+
+  addRegistrationToBookmarks(bookmarksId: string, registryId: string): Observable<void> {
+    const url = `${environment.apiUrl}/collections/${bookmarksId}/relationships/linked_registrations/`;
+    const payload = {
+      data: [
+        {
+          type: 'linked_registrations',
+          id: registryId,
+        },
+      ],
+    };
+
+    return this.#jsonApiService.post<void>(url, payload);
+  }
+
+  removeRegistrationFromBookmarks(bookmarksId: string, registryId: string): Observable<void> {
+    const url = `${environment.apiUrl}/collections/${bookmarksId}/relationships/linked_registrations/`;
+    const payload = {
+      data: [
+        {
+          type: 'linked_registrations',
+          id: registryId,
+        },
+      ],
+    };
+
+    return this.#jsonApiService.delete(url, payload);
+  }
 }
diff --git a/src/app/features/collections/store/collections.actions.ts b/src/app/features/collections/store/collections.actions.ts
index 036d0a3ed..c11c90b92 100644
--- a/src/app/features/collections/store/collections.actions.ts
+++ b/src/app/features/collections/store/collections.actions.ts
@@ -1,22 +1,26 @@
+import { ResourceType } from '@shared/enums';
+
 export class GetBookmarksCollectionId {
   static readonly type = '[Collections] Get Bookmarks Collection Id';
 }
 
-export class AddProjectToBookmarks {
-  static readonly type = '[Collections] Add Project To Bookmarks';
+export class AddResourceToBookmarks {
+  static readonly type = '[Collections] Add Resource To Bookmarks';
 
   constructor(
     public bookmarksId: string,
-    public projectId: string
+    public resourceId: string,
+    public resourceType: ResourceType
   ) {}
 }
 
-export class RemoveProjectFromBookmarks {
-  static readonly type = '[Collections] Remove Project From Bookmarks';
+export class RemoveResourceFromBookmarks {
+  static readonly type = '[Collections] Remove Resource From Bookmarks';
 
   constructor(
     public bookmarksId: string,
-    public projectId: string
+    public resourceId: string,
+    public resourceType: ResourceType
   ) {}
 }
 
diff --git a/src/app/features/collections/store/collections.state.ts b/src/app/features/collections/store/collections.state.ts
index 4319409db..04f366111 100644
--- a/src/app/features/collections/store/collections.state.ts
+++ b/src/app/features/collections/store/collections.state.ts
@@ -1,16 +1,18 @@
 import { Action, State, StateContext } from '@ngxs/store';
 
-import { catchError, tap, throwError } from 'rxjs';
+import { catchError, EMPTY, tap, throwError } from 'rxjs';
 
 import { Injectable } from '@angular/core';
 
+import { ResourceType } from '@shared/enums';
+
 import { CollectionsService } from '../services';
 
 import {
-  AddProjectToBookmarks,
+  AddResourceToBookmarks,
   ClearCollections,
   GetBookmarksCollectionId,
-  RemoveProjectFromBookmarks,
+  RemoveResourceFromBookmarks,
   SetCollectedTypeFilters,
   SetDataTypeFilters,
   SetDiseaseFilters,
@@ -82,8 +84,8 @@ export class CollectionsState {
     );
   }
 
-  @Action(AddProjectToBookmarks)
-  addProjectToBookmarks(ctx: StateContext<CollectionsStateModel>, action: AddProjectToBookmarks) {
+  @Action(AddResourceToBookmarks)
+  addResourceToBookmarks(ctx: StateContext<CollectionsStateModel>, action: AddResourceToBookmarks) {
     const state = ctx.getState();
     ctx.patchState({
       bookmarksId: {
@@ -92,21 +94,38 @@ export class CollectionsState {
       },
     });
 
-    return this.collectionsService.addProjectToBookmarks(action.bookmarksId, action.projectId).pipe(
-      tap(() => {
-        ctx.patchState({
-          bookmarksId: {
-            ...state.bookmarksId,
-            isSubmitting: false,
-          },
-        });
-      }),
-      catchError((error) => this.handleError(ctx, 'bookmarksId', error))
-    );
+    switch (action.resourceType) {
+      case ResourceType.Project:
+        return this.collectionsService.addProjectToBookmarks(action.bookmarksId, action.resourceId).pipe(
+          tap(() => {
+            ctx.patchState({
+              bookmarksId: {
+                ...state.bookmarksId,
+                isSubmitting: false,
+              },
+            });
+          }),
+          catchError((error) => this.handleError(ctx, 'bookmarksId', error))
+        );
+      case ResourceType.Registration:
+        return this.collectionsService.addRegistrationToBookmarks(action.bookmarksId, action.resourceId).pipe(
+          tap(() => {
+            ctx.patchState({
+              bookmarksId: {
+                ...state.bookmarksId,
+                isSubmitting: false,
+              },
+            });
+          }),
+          catchError((error) => this.handleError(ctx, 'bookmarksId', error))
+        );
+      default:
+        return EMPTY;
+    }
   }
 
-  @Action(RemoveProjectFromBookmarks)
-  removeProjectFromBookmarks(ctx: StateContext<CollectionsStateModel>, action: RemoveProjectFromBookmarks) {
+  @Action(RemoveResourceFromBookmarks)
+  removeResourceFromBookmarks(ctx: StateContext<CollectionsStateModel>, action: RemoveResourceFromBookmarks) {
     const state = ctx.getState();
     ctx.patchState({
       bookmarksId: {
@@ -115,17 +134,34 @@ export class CollectionsState {
       },
     });
 
-    return this.collectionsService.removeProjectFromBookmarks(action.bookmarksId, action.projectId).pipe(
-      tap(() => {
-        ctx.patchState({
-          bookmarksId: {
-            ...state.bookmarksId,
-            isSubmitting: false,
-          },
-        });
-      }),
-      catchError((error) => this.handleError(ctx, 'bookmarksId', error))
-    );
+    switch (action.resourceType) {
+      case ResourceType.Project:
+        return this.collectionsService.removeProjectFromBookmarks(action.bookmarksId, action.resourceId).pipe(
+          tap(() => {
+            ctx.patchState({
+              bookmarksId: {
+                ...state.bookmarksId,
+                isSubmitting: false,
+              },
+            });
+          }),
+          catchError((error) => this.handleError(ctx, 'bookmarksId', error))
+        );
+      case ResourceType.Registration:
+        return this.collectionsService.removeRegistrationFromBookmarks(action.bookmarksId, action.resourceId).pipe(
+          tap(() => {
+            ctx.patchState({
+              bookmarksId: {
+                ...state.bookmarksId,
+                isSubmitting: false,
+              },
+            });
+          }),
+          catchError((error) => this.handleError(ctx, 'bookmarksId', error))
+        );
+      default:
+        return EMPTY;
+    }
   }
 
   @Action(ClearCollections)
diff --git a/src/app/features/my-projects/models/my-projects-endpoint.type.ts b/src/app/features/my-projects/models/my-projects-endpoint.type.ts
index 90e5e60b7..8a8bdf7d4 100644
--- a/src/app/features/my-projects/models/my-projects-endpoint.type.ts
+++ b/src/app/features/my-projects/models/my-projects-endpoint.type.ts
@@ -1 +1 @@
-export type EndpointType = 'nodes' | 'registrations' | 'preprints' | `collections/${string}/linked_nodes/`;
+export type EndpointType = 'nodes' | 'registrations' | 'preprints' | `collections/${string}/${string}/`;
diff --git a/src/app/features/my-projects/my-projects.component.ts b/src/app/features/my-projects/my-projects.component.ts
index 19fcb6324..fbed33976 100644
--- a/src/app/features/my-projects/my-projects.component.ts
+++ b/src/app/features/my-projects/my-projects.component.ts
@@ -27,7 +27,7 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { MY_PROJECTS_TABLE_PARAMS } from '@osf/core/constants';
 import { parseQueryFilterParams } from '@osf/core/helpers';
 import { AddProjectFormComponent, MyProjectsTableComponent, SubHeaderComponent } from '@osf/shared/components';
-import { SortOrder } from '@osf/shared/enums';
+import { ResourceType, SortOrder } from '@osf/shared/enums';
 import { QueryParams, TableParameters, TabOption } from '@osf/shared/models';
 import { IS_MEDIUM, IS_WEB, IS_XSMALL } from '@osf/shared/utils';
 
@@ -232,7 +232,7 @@ export class MyProjectsComponent implements OnInit {
       case 3:
         if (this.bookmarksCollectionId()) {
           action$ = this.#store.dispatch(
-            new GetMyBookmarks(this.bookmarksCollectionId(), pageNumber, pageSize, filters)
+            new GetMyBookmarks(this.bookmarksCollectionId(), pageNumber, pageSize, filters, ResourceType.Null)
           );
         }
         break;
diff --git a/src/app/features/my-projects/services/my-projects.service.ts b/src/app/features/my-projects/services/my-projects.service.ts
index 3ad8cf027..970ff8fbe 100644
--- a/src/app/features/my-projects/services/my-projects.service.ts
+++ b/src/app/features/my-projects/services/my-projects.service.ts
@@ -1,11 +1,11 @@
-import { Observable } from 'rxjs';
+import { EMPTY, Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
 
 import { inject, Injectable } from '@angular/core';
 
 import { JsonApiService } from '@osf/core/services';
 import { SparseCollectionsResponse } from '@osf/features/collections/models';
-import { SortOrder } from '@osf/shared/enums';
+import { ResourceType, SortOrder } from '@osf/shared/enums';
 import { NodeResponseModel, UpdateNodeRequestModel } from '@shared/models';
 
 import { MyProjectsMapper } from '../mappers';
@@ -37,14 +37,18 @@ export class MyProjectsService {
     endpoint: EndpointType,
     filters?: MyProjectsSearchFilters,
     pageNumber?: number,
-    pageSize?: number
+    pageSize?: number,
+    fields?: string
   ): Observable<MyProjectsItemResponseJsonApi> {
     const params: Record<string, unknown> = {
       'embed[]': ['bibliographic_contributors'],
-      [`fields[${endpoint}]`]: 'title,date_modified,public,bibliographic_contributors',
       'fields[users]': 'family_name,full_name,given_name,middle_name',
     };
 
+    if (fields) {
+      params[`fields[${fields}]`] = 'title,date_modified,public,bibliographic_contributors';
+    }
+
     if (filters?.searchValue && filters.searchFields?.length) {
       params[`filter[${filters.searchFields.join(',')}]`] = filters.searchValue;
     }
@@ -82,7 +86,7 @@ export class MyProjectsService {
     pageNumber?: number,
     pageSize?: number
   ): Observable<MyProjectsItemResponseJsonApi> {
-    return this.getMyItems('nodes', filters, pageNumber, pageSize);
+    return this.getMyItems('nodes', filters, pageNumber, pageSize, 'nodes');
   }
 
   getBookmarksCollectionId(): Observable<string> {
@@ -105,7 +109,7 @@ export class MyProjectsService {
     pageNumber?: number,
     pageSize?: number
   ): Observable<MyProjectsItemResponseJsonApi> {
-    return this.getMyItems('registrations', filters, pageNumber, pageSize);
+    return this.getMyItems('registrations', filters, pageNumber, pageSize, 'registrations');
   }
 
   getMyPreprints(
@@ -113,16 +117,38 @@ export class MyProjectsService {
     pageNumber?: number,
     pageSize?: number
   ): Observable<MyProjectsItemResponseJsonApi> {
-    return this.getMyItems('preprints', filters, pageNumber, pageSize);
+    return this.getMyItems('preprints', filters, pageNumber, pageSize, 'preprints');
   }
 
   getMyBookmarks(
     collectionId: string,
+    resourceType: ResourceType,
     filters?: MyProjectsSearchFilters,
     pageNumber?: number,
     pageSize?: number
   ): Observable<MyProjectsItemResponseJsonApi> {
-    return this.getMyItems(`collections/${collectionId}/linked_nodes/`, filters, pageNumber, pageSize);
+    switch (resourceType) {
+      case ResourceType.Project:
+        return this.getMyItems(`collections/${collectionId}/linked_nodes/`, filters, pageNumber, pageSize, 'nodes');
+      case ResourceType.Registration:
+        return this.getMyItems(
+          `collections/${collectionId}/linked_registrations/`,
+          filters,
+          pageNumber,
+          pageSize,
+          'registrations'
+        );
+      case ResourceType.Preprint:
+        return this.getMyItems(
+          `collections/${collectionId}/linked_preprints/`,
+          filters,
+          pageNumber,
+          pageSize,
+          'preprints'
+        );
+      default:
+        return EMPTY;
+    }
   }
 
   createProject(
diff --git a/src/app/features/my-projects/store/my-projects.actions.ts b/src/app/features/my-projects/store/my-projects.actions.ts
index cec08abc5..e2dd9a2e3 100644
--- a/src/app/features/my-projects/store/my-projects.actions.ts
+++ b/src/app/features/my-projects/store/my-projects.actions.ts
@@ -1,3 +1,5 @@
+import { ResourceType } from '@shared/enums';
+
 import { MyProjectsSearchFilters } from '../models';
 
 export class GetMyProjects {
@@ -37,7 +39,8 @@ export class GetMyBookmarks {
     public bookmarksId: string,
     public pageNumber: number,
     public pageSize: number,
-    public filters: MyProjectsSearchFilters
+    public filters: MyProjectsSearchFilters,
+    public resourceType: ResourceType
   ) {}
 }
 
diff --git a/src/app/features/my-projects/store/my-projects.state.ts b/src/app/features/my-projects/store/my-projects.state.ts
index a1d38e119..d626f11df 100644
--- a/src/app/features/my-projects/store/my-projects.state.ts
+++ b/src/app/features/my-projects/store/my-projects.state.ts
@@ -1,9 +1,11 @@
 import { Action, State, StateContext } from '@ngxs/store';
 
-import { catchError, tap, throwError } from 'rxjs';
+import { catchError, forkJoin, tap, throwError } from 'rxjs';
 
 import { inject, Injectable } from '@angular/core';
 
+import { ResourceType } from '@shared/enums';
+
 import { MyProjectsService } from '../services';
 
 import {
@@ -135,21 +137,65 @@ export class MyProjectsState {
       },
     });
 
-    return this.myProjectsService
-      .getMyBookmarks(action.bookmarksId, action.filters, action.pageNumber, action.pageSize)
-      .pipe(
-        tap((res) => {
+    if (action.resourceType !== ResourceType.Null) {
+      return this.myProjectsService
+        .getMyBookmarks(action.bookmarksId, action.resourceType, action.filters, action.pageNumber, action.pageSize)
+        .pipe(
+          tap((res) => {
+            ctx.patchState({
+              bookmarks: {
+                data: res.data,
+                isLoading: false,
+                error: null,
+              },
+              totalBookmarks: res.links.meta.total,
+            });
+          }),
+          catchError((error) => this.handleError(ctx, ['bookmarks', 'totalBookmarks'], error))
+        );
+    } else {
+      return forkJoin({
+        projects: this.myProjectsService.getMyBookmarks(
+          action.bookmarksId,
+          ResourceType.Project,
+          action.filters,
+          action.pageNumber,
+          action.pageSize
+        ),
+        preprints: this.myProjectsService.getMyBookmarks(
+          action.bookmarksId,
+          ResourceType.Preprint,
+          action.filters,
+          action.pageNumber,
+          action.pageSize
+        ),
+        registrations: this.myProjectsService.getMyBookmarks(
+          action.bookmarksId,
+          ResourceType.Registration,
+          action.filters,
+          action.pageNumber,
+          action.pageSize
+        ),
+      }).pipe(
+        tap((results) => {
+          const allData = [...results.projects.data, ...results.preprints.data, ...results.registrations.data];
+          const totalCount =
+            results.projects.links.meta.total +
+            results.preprints.links.meta.total +
+            results.registrations.links.meta.total;
+
           ctx.patchState({
             bookmarks: {
-              data: res.data,
+              data: allData,
               isLoading: false,
               error: null,
             },
-            totalBookmarks: res.links.meta.total,
+            totalBookmarks: totalCount,
           });
         }),
         catchError((error) => this.handleError(ctx, ['bookmarks', 'totalBookmarks'], error))
       );
+    }
   }
 
   @Action(ClearMyProjects)
diff --git a/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.ts b/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.ts
index c84489acc..b8e262ac5 100644
--- a/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.ts
+++ b/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.ts
@@ -3,12 +3,13 @@ import { select, Store } from '@ngxs/store';
 import { TranslatePipe } from '@ngx-translate/core';
 
 import { Button } from 'primeng/button';
-import { DynamicDialogRef } from 'primeng/dynamicdialog';
+import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
 
 import { ChangeDetectionStrategy, Component, DestroyRef, inject } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
-import { ForkProject, ProjectOverviewSelectors } from '@osf/features/project/overview/store';
+import { ForkResource, ProjectOverviewSelectors } from '@osf/features/project/overview/store';
+import { ToolbarResource } from '@shared/models';
 import { ToastService } from '@shared/services';
 
 @Component({
@@ -24,13 +25,14 @@ export class ForkDialogComponent {
   protected dialogRef = inject(DynamicDialogRef);
   protected destroyRef = inject(DestroyRef);
   protected isSubmitting = select(ProjectOverviewSelectors.getForkProjectSubmitting);
+  readonly config = inject(DynamicDialogConfig);
 
   protected handleForkConfirm(): void {
-    const project = this.store.selectSnapshot(ProjectOverviewSelectors.getProject);
-    if (!project) return;
+    const resource = this.config.data.resource as ToolbarResource;
+    if (!resource) return;
 
     this.store
-      .dispatch(new ForkProject(project.id))
+      .dispatch(new ForkResource(resource.id, resource.resourceType))
       .pipe(takeUntilDestroyed(this.destroyRef))
       .subscribe({
         next: () => {
diff --git a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
index ad65ae0e7..918218695 100644
--- a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
+++ b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
@@ -1,13 +1,20 @@
-@let project = currentProject();
+@let resource = currentResource();
 
-@if (project) {
-  <div
-    class="pl-3 pb-5 pr-3 flex flex-column gap-5 sm:pl-5 sm:pr-5 lg:flex-row lg:align-items-center lg:justify-content-between"
-  >
-    <div class="flex gap-3 align-items-start">
-      <div class="flex gap-1" [class.inactive]="isPublic()">
-        <i class="osf-icon-padlock"></i>
-        <p class="font-bold">{{ 'project.overview.header.privateProject' | translate }}</p>
+@if (resource) {
+  <div class="flex flex-column gap-5 lg:flex-row lg:align-items-center lg:justify-content-between">
+    @if (visibilityToggle()) {
+      <div class="flex gap-3 align-items-start">
+        <div class="flex gap-1" [class.inactive]="isPublic()">
+          <i class="osf-icon-padlock"></i>
+          <p class="font-bold">{{ 'project.overview.header.privateProject' | translate }}</p>
+        </div>
+
+        <p-toggleswitch [ngModel]="isPublic()" (onChange)="handleToggleProjectPublicity()" />
+
+        <div class="flex gap-2" [class.inactive]="!isPublic()">
+          <i class="osf-icon-padlock-unlock"></i>
+          <p class="font-bold">{{ 'project.overview.header.publicProject' | translate }}</p>
+        </div>
       </div>
 
       <p-toggleswitch class="visibility-switch" [(ngModel)]="isPublic" (onChange)="handleToggleProjectPublicity()" />
@@ -20,22 +27,24 @@
 
     <div class="flex">
       <div class="flex flex-1 flex-column-reverse gap-3 justify-content-end sm:gap-3 sm:flex-row-reverse lg:flex-row">
-        @if (project.storage) {
+        @if (resource.storage) {
           <p class="font-bold mr-2 ml-0 mt-2 sm:ml-2 sm:mt-0 sm:align-self-center storage">
-            {{ +project.storage.storageUsage | fileSize }}
+            {{ +resource.storage.storageUsage | fileSize }}
           </p>
         }
 
         <div class="flex gap-2 justify-content-start">
-          <p-button
-            class="flex overview-btn"
-            [pTooltip]="'project.overview.tooltips.viewOnlyLinks' | translate"
-            tooltipPosition="bottom"
-            [routerLink]="['/my-projects', project.id, 'settings']"
-          >
-            <span>{{ project.viewOnlyLinksCount }}</span>
-            <i class="osf-icon-link overview-icon"></i>
-          </p-button>
+          @if (showViewOnlyLinks()) {
+            <p-button
+              class="flex overview-btn"
+              [pTooltip]="'project.overview.tooltips.viewOnlyLinks' | translate"
+              tooltipPosition="bottom"
+              [routerLink]="['/my-projects', resource.id, 'settings']"
+            >
+              <span>{{ resource.viewOnlyLinksCount }}</span>
+              <i class="osf-icon-link overview-icon"></i>
+            </p-button>
+          }
 
           <p-button
             class="flex overview-btn"
@@ -43,13 +52,18 @@
             [pTooltip]="'project.overview.tooltips.duplicate' | translate"
             tooltipPosition="bottom"
           >
-            <span>{{ project.forksCount }}</span>
+            <span>{{ resource.forksCount }}</span>
             <i class="osf-icon-duplicate overview-icon"></i>
             <p-menu appendTo="body" #forkActionMenu [model]="forkActionItems" popup>
               <ng-template #item let-item>
-                <a class="p-menu-item-link">
-                  {{ item.label | translate }}
-                </a>
+                @if (
+                  item.label !== 'project.overview.actions.duplicateProject' ||
+                  currentResource()?.resourceType !== ResourceType.Registration
+                ) {
+                  <a class="p-menu-item-link">
+                    {{ item.label | translate }}
+                  </a>
+                }
               </ng-template>
             </p-menu>
           </p-button>
diff --git a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
index f805ddd0c..9a38ba581 100644
--- a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
+++ b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
@@ -11,25 +11,25 @@ import { Tooltip } from 'primeng/tooltip';
 import { timer } from 'rxjs';
 
 import { NgClass, NgOptimizedImage } from '@angular/common';
-import { ChangeDetectionStrategy, Component, DestroyRef, effect, inject, signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, DestroyRef, effect, inject, input, signal } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormsModule } from '@angular/forms';
 import { RouterLink } from '@angular/router';
 
 import {
-  AddProjectToBookmarks,
+  AddResourceToBookmarks,
   CollectionsSelectors,
-  RemoveProjectFromBookmarks,
+  RemoveResourceFromBookmarks,
 } from '@osf/features/collections/store';
 import { GetMyBookmarks, MyProjectsSelectors } from '@osf/features/my-projects/store';
+import { DuplicateDialogComponent, TogglePublicityDialogComponent } from '@osf/features/project/overview/components';
 import { ToastService } from '@osf/shared/services';
+import { ResourceType } from '@shared/enums';
+import { ToolbarResource } from '@shared/models';
 import { FileSizePipe } from '@shared/pipes';
 
 import { SOCIAL_ACTION_ITEMS } from '../../constants';
-import { ProjectOverviewSelectors } from '../../store';
-import { DuplicateDialogComponent } from '../duplicate-dialog/duplicate-dialog.component';
 import { ForkDialogComponent } from '../fork-dialog/fork-dialog.component';
-import { TogglePublicityDialogComponent } from '../toggle-publicity-dialog/toggle-publicity-dialog.component';
 
 @Component({
   selector: 'osf-overview-toolbar',
@@ -57,7 +57,10 @@ export class OverviewToolbarComponent {
   protected destroyRef = inject(DestroyRef);
   protected isPublic = signal(false);
   protected isBookmarked = signal(false);
-  protected currentProject = select(ProjectOverviewSelectors.getProject);
+
+  currentResource = input.required<ToolbarResource | null>();
+  visibilityToggle = input<boolean>(true);
+  showViewOnlyLinks = input<boolean>(true);
   protected isBookmarksLoading = select(MyProjectsSelectors.getBookmarksLoading);
   protected isBookmarksSubmitting = select(CollectionsSelectors.getBookmarksCollectionIdSubmitting);
   protected bookmarksCollectionId = select(CollectionsSelectors.getBookmarksCollectionId);
@@ -65,8 +68,8 @@ export class OverviewToolbarComponent {
   protected readonly socialsActionItems = SOCIAL_ACTION_ITEMS;
   protected readonly forkActionItems = [
     {
-      label: 'project.overview.actions.forkProject',
-      command: () => this.handleForkProject(),
+      label: 'project.overview.actions.forkResource',
+      command: () => this.handleForkResource(),
     },
     {
       label: 'project.overview.actions.duplicateProject',
@@ -79,48 +82,69 @@ export class OverviewToolbarComponent {
       },
     },
   ];
+  protected readonly ResourceType = ResourceType;
 
   constructor() {
     effect(() => {
       const bookmarksId = this.bookmarksCollectionId();
+      const resource = this.currentResource();
 
-      if (!bookmarksId) {
+      if (!bookmarksId || !resource) {
         return;
       }
 
-      this.store.dispatch(new GetMyBookmarks(bookmarksId, 1, 100, {}));
+      this.store.dispatch(new GetMyBookmarks(bookmarksId, 1, 100, {}, resource.resourceType));
     });
 
     effect(() => {
-      const project = this.currentProject();
-      if (project) {
-        this.isPublic.set(project.isPublic);
+      const resource = this.currentResource();
+      if (resource) {
+        this.isPublic.set(resource.isPublic);
       }
     });
 
     effect(() => {
-      const project = this.currentProject();
+      const resource = this.currentResource();
       const bookmarks = this.bookmarkedProjects();
 
-      if (!project || !bookmarks?.length) {
+      if (!resource || !bookmarks?.length) {
         this.isBookmarked.set(false);
         return;
       }
 
-      this.isBookmarked.set(bookmarks.some((bookmark) => bookmark.id === project.id));
+      this.isBookmarked.set(bookmarks.some((bookmark) => bookmark.id === resource.id));
     });
-  }
 
-  private handleForkProject(): void {
-    this.dialogService.open(ForkDialogComponent, {
-      focusOnShow: false,
-      header: this.translateService.instant('project.overview.dialog.fork.header'),
-      closeOnEscape: true,
-      modal: true,
-      closable: true,
+    effect(() => {
+      const resource = this.currentResource();
+
+      if (resource) {
+        this.forkActionItems[0].label =
+          this.currentResource()?.resourceType === ResourceType.Project
+            ? 'project.overview.actions.forkProject'
+            : this.currentResource()?.resourceType === ResourceType.Registration
+              ? 'project.overview.actions.forkRegistry'
+              : 'project.overview.actions.forkResource';
+      }
     });
   }
 
+  private handleForkResource(): void {
+    const resource = this.currentResource();
+    if (resource) {
+      this.dialogService.open(ForkDialogComponent, {
+        focusOnShow: false,
+        header: this.translateService.instant('project.overview.dialog.fork.header'),
+        closeOnEscape: true,
+        modal: true,
+        closable: true,
+        data: {
+          resourceId: resource,
+        },
+      });
+    }
+  }
+
   private handleDuplicateProject(): void {
     this.dialogService.open(DuplicateDialogComponent, {
       focusOnShow: false,
@@ -132,8 +156,8 @@ export class OverviewToolbarComponent {
   }
 
   protected handleToggleProjectPublicity(): void {
-    const project = this.currentProject();
-    if (!project) return;
+    const resource = this.currentResource();
+    if (!resource) return;
 
     const isCurrentlyPublic = project.isPublic;
     const newPublicStatus = !isCurrentlyPublic;
@@ -152,7 +176,7 @@ export class OverviewToolbarComponent {
       modal: true,
       closable: true,
       data: {
-        projectId: project.id,
+        projectId: resource.id,
         isCurrentlyPublic,
         newPublicStatus,
       },
@@ -160,16 +184,16 @@ export class OverviewToolbarComponent {
   }
 
   protected toggleBookmark(): void {
-    const project = this.currentProject();
+    const resource = this.currentResource();
     const bookmarksId = this.bookmarksCollectionId();
 
-    if (!project || !bookmarksId) return;
+    if (!resource || !bookmarksId) return;
 
     const newBookmarkState = !this.isBookmarked();
 
     if (!newBookmarkState) {
       this.store
-        .dispatch(new RemoveProjectFromBookmarks(bookmarksId, project.id))
+        .dispatch(new RemoveResourceFromBookmarks(bookmarksId, resource.id, resource.resourceType))
         .pipe(takeUntilDestroyed(this.destroyRef))
         .subscribe({
           next: () => {
@@ -179,7 +203,7 @@ export class OverviewToolbarComponent {
         });
     } else {
       this.store
-        .dispatch(new AddProjectToBookmarks(bookmarksId, project.id))
+        .dispatch(new AddResourceToBookmarks(bookmarksId, resource.id, resource.resourceType))
         .pipe(takeUntilDestroyed(this.destroyRef))
         .subscribe({
           next: () => {
diff --git a/src/app/features/project/overview/project-overview.component.html b/src/app/features/project/overview/project-overview.component.html
index def507fa3..041dafcd0 100644
--- a/src/app/features/project/overview/project-overview.component.html
+++ b/src/app/features/project/overview/project-overview.component.html
@@ -5,7 +5,9 @@
     <osf-sub-header [title]="project.title" />
   </div>
 
-  <osf-overview-toolbar />
+  <div class="px-3 pb-5 flex flex-column sm:px-5">
+    <osf-overview-toolbar [currentResource]="currentResource()" />
+  </div>
 
   <div class="flex gap-4 bg-white h-full p-3 flex-column-reverse sm:p-4 lg:flex-row">
     <div class="flex flex-column gap-4 left-section">
diff --git a/src/app/features/project/overview/project-overview.component.ts b/src/app/features/project/overview/project-overview.component.ts
index bb84cc574..68dc0f452 100644
--- a/src/app/features/project/overview/project-overview.component.ts
+++ b/src/app/features/project/overview/project-overview.component.ts
@@ -5,12 +5,13 @@ import { DialogService } from 'primeng/dynamicdialog';
 import { TagModule } from 'primeng/tag';
 
 import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, DestroyRef, HostBinding, inject, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, DestroyRef, HostBinding, inject, OnInit } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
 
 import { ClearCollections, GetBookmarksCollectionId } from '@osf/features/collections/store';
 import { LoadingSpinnerComponent, SubHeaderComponent } from '@osf/shared/components';
+import { ResourceType } from '@shared/enums';
 
 import { ClearWiki, GetHomeWiki } from '../wiki/store';
 
@@ -70,6 +71,19 @@ export class ProjectOverviewComponent implements OnInit {
 
   protected currentProject = select(ProjectOverviewSelectors.getProject);
   protected isProjectLoading = select(ProjectOverviewSelectors.getProjectLoading);
+  protected currentResource = computed(() => {
+    if (this.currentProject()) {
+      return {
+        id: this.currentProject()!.id,
+        isPublic: this.currentProject()!.isPublic,
+        storage: this.currentProject()!.storage,
+        viewOnlyLinksCount: this.currentProject()!.viewOnlyLinksCount,
+        forksCount: this.currentProject()!.forksCount,
+        resourceType: ResourceType.Project,
+      };
+    }
+    return null;
+  });
 
   constructor() {
     this.setupCleanup();
diff --git a/src/app/features/project/overview/services/project-overview.service.ts b/src/app/features/project/overview/services/project-overview.service.ts
index 2d7466491..f94978e73 100644
--- a/src/app/features/project/overview/services/project-overview.service.ts
+++ b/src/app/features/project/overview/services/project-overview.service.ts
@@ -56,14 +56,14 @@ export class ProjectOverviewService {
     return this.#jsonApiService.patch<void>(`${environment.apiUrl}/nodes/${projectId}/`, payload);
   }
 
-  forkProject(projectId: string): Observable<void> {
+  forkResource(projectId: string, resourceType: string): Observable<void> {
     const payload = {
       data: {
-        type: 'nodes',
+        type: resourceType,
       },
     };
 
-    return this.#jsonApiService.post<void>(`${environment.apiUrl}/nodes/${projectId}/forks/`, payload);
+    return this.#jsonApiService.post<void>(`${environment.apiUrl}/${resourceType}/${projectId}/forks/`, payload);
   }
 
   duplicateProject(projectId: string, title: string): Observable<void> {
diff --git a/src/app/features/project/overview/store/project-overview.actions.ts b/src/app/features/project/overview/store/project-overview.actions.ts
index b27a9d663..8c5f24957 100644
--- a/src/app/features/project/overview/store/project-overview.actions.ts
+++ b/src/app/features/project/overview/store/project-overview.actions.ts
@@ -1,3 +1,5 @@
+import { ResourceType } from '@shared/enums';
+
 export class GetProjectById {
   static readonly type = '[Project Overview] Get Project By Id';
 
@@ -13,10 +15,13 @@ export class UpdateProjectPublicStatus {
   ) {}
 }
 
-export class ForkProject {
-  static readonly type = '[Project Overview] Fork Project';
+export class ForkResource {
+  static readonly type = '[Project Overview] Fork Resource';
 
-  constructor(public projectId: string) {}
+  constructor(
+    public projectId: string,
+    public resourceType: ResourceType
+  ) {}
 }
 
 export class DuplicateProject {
diff --git a/src/app/features/project/overview/store/project-overview.state.ts b/src/app/features/project/overview/store/project-overview.state.ts
index 3f045cfab..67194a748 100644
--- a/src/app/features/project/overview/store/project-overview.state.ts
+++ b/src/app/features/project/overview/store/project-overview.state.ts
@@ -4,6 +4,8 @@ import { catchError, tap, throwError } from 'rxjs';
 
 import { inject, Injectable } from '@angular/core';
 
+import { ResourceType } from '@shared/enums';
+
 import { ProjectOverviewService } from '../services';
 
 import {
@@ -11,7 +13,7 @@ import {
   CreateComponent,
   DeleteComponent,
   DuplicateProject,
-  ForkProject,
+  ForkResource,
   GetComponents,
   GetLinkedProjects,
   GetProjectById,
@@ -107,8 +109,8 @@ export class ProjectOverviewState {
     return;
   }
 
-  @Action(ForkProject)
-  forkProject(ctx: StateContext<ProjectOverviewStateModel>, action: ForkProject) {
+  @Action(ForkResource)
+  forkResource(ctx: StateContext<ProjectOverviewStateModel>, action: ForkResource) {
     const state = ctx.getState();
     ctx.patchState({
       project: {
@@ -117,7 +119,20 @@ export class ProjectOverviewState {
       },
     });
 
-    return this.projectOverviewService.forkProject(action.projectId).pipe(
+    let resourceType = '';
+    switch (action.resourceType) {
+      case ResourceType.Project:
+        resourceType = 'nodes';
+        break;
+      case ResourceType.Registration:
+        resourceType = 'registrations';
+        break;
+      case ResourceType.Preprint:
+        resourceType = 'preprints';
+        break;
+    }
+
+    return this.projectOverviewService.forkResource(action.projectId, resourceType).pipe(
       tap(() => {
         ctx.patchState({
           project: {
diff --git a/src/app/features/registry/mappers/index.ts b/src/app/features/registry/mappers/index.ts
new file mode 100644
index 000000000..9002949cc
--- /dev/null
+++ b/src/app/features/registry/mappers/index.ts
@@ -0,0 +1 @@
+export * from './registry-overview.mapper';
diff --git a/src/app/features/registry/mappers/registry-overview.mapper.ts b/src/app/features/registry/mappers/registry-overview.mapper.ts
new file mode 100644
index 000000000..cba3c2897
--- /dev/null
+++ b/src/app/features/registry/mappers/registry-overview.mapper.ts
@@ -0,0 +1,26 @@
+import { RegistryOverview, RegistryOverviewData } from '@osf/features/registry/models';
+
+export function MapRegistryOverview(data: RegistryOverviewData): RegistryOverview {
+  return {
+    id: data.id,
+    isPublic: data.attributes.public,
+    forksCount: data?.relationships?.forks?.links?.related?.meta?.count,
+    title: data.attributes.title,
+    description: data.attributes?.description,
+    dateModified: data.attributes?.date_modified,
+    dateCreated: data.attributes?.date_created,
+    registrationType: data.attributes?.registration_supplement,
+    associatedProject: data.relationships?.registered_form?.data?.id,
+    doi: data.attributes?.doi,
+    tags: data.attributes?.tags,
+    contributors: data.embeds.bibliographic_contributors.data.map((contributor) => ({
+      id: contributor.embeds.users.data.id,
+      familyName: contributor.embeds.users.data.attributes.family_name,
+      fullName: contributor.embeds.users.data.attributes.full_name,
+      givenName: contributor.embeds.users.data.attributes.given_name,
+      middleName: contributor.embeds.users.data.attributes.middle_names,
+      type: contributor.embeds.users.data.type,
+    })),
+    citation: data.relationships.citation.data.id,
+  } as RegistryOverview;
+}
diff --git a/src/app/features/registry/models/index.ts b/src/app/features/registry/models/index.ts
new file mode 100644
index 000000000..4286d9a30
--- /dev/null
+++ b/src/app/features/registry/models/index.ts
@@ -0,0 +1 @@
+export * from './registry-overview.models';
diff --git a/src/app/features/registry/models/registry-overview.models.ts b/src/app/features/registry/models/registry-overview.models.ts
new file mode 100644
index 000000000..b3b7657e9
--- /dev/null
+++ b/src/app/features/registry/models/registry-overview.models.ts
@@ -0,0 +1,82 @@
+import { ApiData, JsonApiResponse } from '@core/models';
+import { ProjectOverviewContributor } from '@osf/features/project/overview/models';
+
+export interface RegistryOverview {
+  id: string;
+  isPublic: boolean;
+  forksCount: number;
+  title: string;
+  description: string;
+  dateModified: string;
+  dateCreated: string;
+  registrationType: string;
+  associatedProject: string;
+  doi: string;
+  tags: string[];
+  contributors: ProjectOverviewContributor[];
+  citation: string;
+}
+
+export type GetRegistryOverviewJsonApi = JsonApiResponse<RegistryOverviewData, null>;
+
+export type RegistryOverviewData = ApiData<
+  RegistryOverviewAttributes,
+  RegistryOverviewEmbed,
+  RegistryOverviewRelationships,
+  null
+>;
+
+export interface RegistryOverviewAttributes {
+  id: string;
+  public: boolean;
+  title: string;
+  description: string;
+  date_modified: string;
+  date_created: string;
+  registration_supplement: string;
+  doi: string;
+  tags: string[];
+}
+
+export interface RegistryOverviewEmbed {
+  bibliographic_contributors: {
+    data: {
+      embeds: {
+        users: {
+          data: {
+            attributes: {
+              family_name: string;
+              full_name: string;
+              given_name: string;
+              middle_names: string;
+            };
+            id: string;
+            type: string;
+          };
+        };
+      };
+    }[];
+  };
+}
+
+export interface RegistryOverviewRelationships {
+  forks: {
+    links: {
+      related: {
+        meta: {
+          count: number;
+        };
+      };
+    };
+  };
+  registered_form: {
+    data: {
+      id: string;
+    };
+  };
+  citation: {
+    data: {
+      id: string;
+    };
+  };
+}
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.html b/src/app/features/registry/pages/registry-overview/registry-overview.component.html
index ff0c91093..fd2135e67 100644
--- a/src/app/features/registry/pages/registry-overview/registry-overview.component.html
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.html
@@ -1,5 +1,18 @@
-<div class="flex justify-content-between">
-  <osf-sub-header [title]="'Name'" />
-</div>
+@if (!isRegistryLoading()) {
+  <div class="flex justify-content-between align-items-center">
+    <osf-sub-header [title]="registry()!.title" />
 
-<osf-overview-toolbar />
+    <div class="pr-3 sm:pr-5">
+      <osf-overview-toolbar
+        [currentResource]="toolbarResource()"
+        [visibilityToggle]="false"
+        [showViewOnlyLinks]="false"
+      />
+    </div>
+  </div>
+  <div class="flex bg-white flex-1">
+    <div>chinazas</div>
+  </div>
+} @else {
+  <osf-loading-spinner />
+}
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.ts b/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
index 0f4f5bc96..365ff26e9 100644
--- a/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
@@ -1,13 +1,20 @@
+import { createDispatchMap, select } from '@ngxs/store';
+
 import { DialogService } from 'primeng/dynamicdialog';
 
-import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, HostBinding, inject } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
 
+import { GetBookmarksCollectionId } from '@osf/features/collections/store';
 import { OverviewToolbarComponent } from '@osf/features/project/overview/components';
-import { SubHeaderComponent } from '@shared/components';
+import { GetRegistryById, RegistryOverviewSelectors } from '@osf/features/registry/store/registry-overview';
+import { LoadingSpinnerComponent, SubHeaderComponent } from '@shared/components';
+import { ResourceType } from '@shared/enums';
+import { ToolbarResource } from '@shared/models';
 
 @Component({
   selector: 'osf-registry-overview',
-  imports: [SubHeaderComponent, OverviewToolbarComponent],
+  imports: [SubHeaderComponent, OverviewToolbarComponent, LoadingSpinnerComponent],
   templateUrl: './registry-overview.component.html',
   styleUrl: './registry-overview.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -15,4 +22,36 @@ import { SubHeaderComponent } from '@shared/components';
 })
 export class RegistryOverviewComponent {
   @HostBinding('class') classes = 'flex-1 flex flex-column w-full h-full';
+  private readonly route = inject(ActivatedRoute);
+
+  protected readonly registry = select(RegistryOverviewSelectors.getRegistry);
+  protected readonly isRegistryLoading = select(RegistryOverviewSelectors.isRegistryLoading);
+  protected toolbarResource = computed(() => {
+    if (this.registry()) {
+      return {
+        id: this.registry()!.id,
+        isPublic: this.registry()!.isPublic,
+        storage: undefined,
+        viewOnlyLinksCount: 0,
+        forksCount: this.registry()!.forksCount,
+        resourceType: ResourceType.Registration,
+      } as ToolbarResource;
+    }
+    return null;
+  });
+
+  private readonly actions = createDispatchMap({
+    getRegistryById: GetRegistryById,
+    getBookmarksId: GetBookmarksCollectionId,
+  });
+
+  constructor() {
+    this.route.parent?.params.subscribe((params) => {
+      const id = params['registrationId'];
+      if (id) {
+        this.actions.getRegistryById(id);
+      }
+    });
+    this.actions.getBookmarksId();
+  }
 }
diff --git a/src/app/features/registry/services/index.ts b/src/app/features/registry/services/index.ts
new file mode 100644
index 000000000..0b2facadf
--- /dev/null
+++ b/src/app/features/registry/services/index.ts
@@ -0,0 +1 @@
+export * from './project-overview.service';
diff --git a/src/app/features/registry/services/project-overview.service.ts b/src/app/features/registry/services/project-overview.service.ts
new file mode 100644
index 000000000..131a7a2c6
--- /dev/null
+++ b/src/app/features/registry/services/project-overview.service.ts
@@ -0,0 +1,35 @@
+import { map, Observable } from 'rxjs';
+
+import { inject, Injectable } from '@angular/core';
+
+import { JsonApiService } from '@core/services';
+import { MapRegistryOverview } from '@osf/features/registry/mappers';
+import { GetRegistryOverviewJsonApi, RegistryOverview } from '@osf/features/registry/models';
+
+import { environment } from 'src/environments/environment';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class RegistryOverviewService {
+  private jsonApiService = inject(JsonApiService);
+
+  getRegistrationById(id: string): Observable<RegistryOverview> {
+    const params = {
+      related_counts: 'forks,comments,linked_nodes,linked_registrations,children,wikis',
+      'embed[]': [
+        'bibliographic_contributors',
+        'provider',
+        'registration_schema',
+        'identifiers',
+        'root',
+        'schema_responses',
+        'files',
+      ],
+    };
+
+    return this.jsonApiService
+      .get<GetRegistryOverviewJsonApi>(`${environment.apiUrl}/registrations/${id}`, params)
+      .pipe(map((response) => MapRegistryOverview(response.data)));
+  }
+}
diff --git a/src/app/features/registry/store/registry-overview/index.ts b/src/app/features/registry/store/registry-overview/index.ts
index 5e30a043b..1fb540721 100644
--- a/src/app/features/registry/store/registry-overview/index.ts
+++ b/src/app/features/registry/store/registry-overview/index.ts
@@ -1,4 +1,4 @@
-// export * from './registry-overview.actions';
+export * from './registry-overview.actions';
 export * from './registry-overview.model';
-// export * from './registry-overview.selectors';
+export * from './registry-overview.selectors';
 export * from './registry-overview.state';
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.actions.ts b/src/app/features/registry/store/registry-overview/registry-overview.actions.ts
index e69de29bb..2e3602eef 100644
--- a/src/app/features/registry/store/registry-overview/registry-overview.actions.ts
+++ b/src/app/features/registry/store/registry-overview/registry-overview.actions.ts
@@ -0,0 +1,5 @@
+export class GetRegistryById {
+  static readonly type = '[Registry Overview] Get Registry By Id';
+
+  constructor(public id: string) {}
+}
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.model.ts b/src/app/features/registry/store/registry-overview/registry-overview.model.ts
index 98b54496a..e6d4de91f 100644
--- a/src/app/features/registry/store/registry-overview/registry-overview.model.ts
+++ b/src/app/features/registry/store/registry-overview/registry-overview.model.ts
@@ -1,3 +1,6 @@
+import { RegistryOverview } from '@osf/features/registry/models';
+import { AsyncStateModel } from '@shared/models';
+
 export interface RegistryOverviewStateModel {
-  data: string;
+  registry: AsyncStateModel<RegistryOverview | null>;
 }
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.selectors.ts b/src/app/features/registry/store/registry-overview/registry-overview.selectors.ts
index e69de29bb..add104553 100644
--- a/src/app/features/registry/store/registry-overview/registry-overview.selectors.ts
+++ b/src/app/features/registry/store/registry-overview/registry-overview.selectors.ts
@@ -0,0 +1,17 @@
+import { Selector } from '@ngxs/store';
+
+import { RegistryOverview } from '@osf/features/registry/models';
+import { RegistryOverviewStateModel } from '@osf/features/registry/store/registry-overview/registry-overview.model';
+import { RegistryOverviewState } from '@osf/features/registry/store/registry-overview/registry-overview.state';
+
+export class RegistryOverviewSelectors {
+  @Selector([RegistryOverviewState])
+  static getRegistry(state: RegistryOverviewStateModel): RegistryOverview | null {
+    return state.registry.data;
+  }
+
+  @Selector([RegistryOverviewState])
+  static isRegistryLoading(state: RegistryOverviewStateModel): boolean {
+    return state.registry.isLoading;
+  }
+}
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.state.ts b/src/app/features/registry/store/registry-overview/registry-overview.state.ts
index dde952b66..4534abb21 100644
--- a/src/app/features/registry/store/registry-overview/registry-overview.state.ts
+++ b/src/app/features/registry/store/registry-overview/registry-overview.state.ts
@@ -1,6 +1,12 @@
-import { State } from '@ngxs/store';
+import { Action, State, StateContext } from '@ngxs/store';
 
-import { Injectable } from '@angular/core';
+import { tap, throwError } from 'rxjs';
+import { catchError } from 'rxjs/operators';
+
+import { inject, Injectable } from '@angular/core';
+
+import { RegistryOverviewService } from '@osf/features/registry/services';
+import { GetRegistryById } from '@osf/features/registry/store/registry-overview/registry-overview.actions';
 
 import { RegistryOverviewStateModel } from './registry-overview.model';
 
@@ -8,7 +14,50 @@ import { RegistryOverviewStateModel } from './registry-overview.model';
 @State<RegistryOverviewStateModel>({
   name: 'registryOverview',
   defaults: {
-    data: '',
+    registry: {
+      data: null,
+      isLoading: false,
+      error: null,
+    },
   },
 })
-export class RegistryOverviewState {}
+export class RegistryOverviewState {
+  private readonly registryOverviewService = inject(RegistryOverviewService);
+
+  @Action(GetRegistryById)
+  getRegistryById(ctx: StateContext<RegistryOverviewStateModel>, action: GetRegistryById) {
+    const state = ctx.getState();
+    ctx.patchState({
+      registry: {
+        ...state.registry,
+        isLoading: true,
+      },
+    });
+
+    return this.registryOverviewService.getRegistrationById(action.id).pipe(
+      tap({
+        next: (registryOverview) => {
+          ctx.patchState({
+            registry: {
+              data: registryOverview,
+              isLoading: false,
+              error: null,
+            },
+          });
+        },
+      }),
+      catchError((error) => this.handleError(ctx, 'registry', error))
+    );
+  }
+
+  private handleError(ctx: StateContext<RegistryOverviewStateModel>, section: 'registry', error: Error) {
+    ctx.patchState({
+      [section]: {
+        ...ctx.getState()[section],
+        isLoading: false,
+        error: error.message,
+      },
+    });
+    return throwError(() => error);
+  }
+}
diff --git a/src/app/shared/models/index.ts b/src/app/shared/models/index.ts
index bebcc60f3..da257ac55 100644
--- a/src/app/shared/models/index.ts
+++ b/src/app/shared/models/index.ts
@@ -26,6 +26,7 @@ export * from './social-icon.model';
 export * from './store';
 export * from './tab-option.model';
 export * from './table-parameters.model';
+export * from './toolbar-resource.model';
 export * from './tooltip-position.model';
 export * from './tutorial-step.model';
 export * from './update-node-request.model';
diff --git a/src/app/shared/models/toolbar-resource.model.ts b/src/app/shared/models/toolbar-resource.model.ts
new file mode 100644
index 000000000..a267af212
--- /dev/null
+++ b/src/app/shared/models/toolbar-resource.model.ts
@@ -0,0 +1,15 @@
+import { ResourceType } from '@shared/enums';
+
+export interface ToolbarResource {
+  id: string;
+  isPublic: boolean;
+  storage?: {
+    id: string;
+    type: string;
+    storageLimitStatus: string;
+    storageUsage: string;
+  };
+  viewOnlyLinksCount: number;
+  forksCount: number;
+  resourceType: ResourceType;
+}
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 598698f97..0b155c3f9 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -602,6 +602,8 @@
         "settings": "Settings",
         "delete": "Delete",
         "forkProject": "Fork this project",
+        "forkRegistry": "Fork this registry",
+        "forkResource": "Fork this resource",
         "duplicateProject": "Duplicate this project",
         "viewDuplication": "View forks",
         "socials": {

From fdf6ed8b7a26fb6e3db9cfbe2d30dfd5ed00399b Mon Sep 17 00:00:00 2001
From: Kyrylo Petrov <kpetrov@exoft.net>
Date: Thu, 26 Jun 2025 16:07:44 +0300
Subject: [PATCH 3/6] fix(registry-overview): fix mapping

---
 .../registry/mappers/registry-overview.mapper.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/features/registry/mappers/registry-overview.mapper.ts b/src/app/features/registry/mappers/registry-overview.mapper.ts
index cba3c2897..546ad163c 100644
--- a/src/app/features/registry/mappers/registry-overview.mapper.ts
+++ b/src/app/features/registry/mappers/registry-overview.mapper.ts
@@ -13,14 +13,14 @@ export function MapRegistryOverview(data: RegistryOverviewData): RegistryOvervie
     associatedProject: data.relationships?.registered_form?.data?.id,
     doi: data.attributes?.doi,
     tags: data.attributes?.tags,
-    contributors: data.embeds.bibliographic_contributors.data.map((contributor) => ({
-      id: contributor.embeds.users.data.id,
-      familyName: contributor.embeds.users.data.attributes.family_name,
-      fullName: contributor.embeds.users.data.attributes.full_name,
-      givenName: contributor.embeds.users.data.attributes.given_name,
-      middleName: contributor.embeds.users.data.attributes.middle_names,
-      type: contributor.embeds.users.data.type,
+    contributors: data.embeds?.bibliographic_contributors?.data.map((contributor) => ({
+      id: contributor?.embeds?.users?.data?.id,
+      familyName: contributor?.embeds?.users?.data?.attributes?.family_name,
+      fullName: contributor?.embeds?.users?.data?.attributes?.full_name,
+      givenName: contributor?.embeds?.users?.data?.attributes?.given_name,
+      middleName: contributor?.embeds?.users?.data?.attributes?.middle_names,
+      type: contributor?.embeds?.users?.data?.type,
     })),
-    citation: data.relationships.citation.data.id,
+    citation: data.relationships?.citation?.data?.id,
   } as RegistryOverview;
 }

From 5eeac02d14c4c72166ed0943ef4b5ccf4f882046 Mon Sep 17 00:00:00 2001
From: Kyrylo Petrov <kpetrov@exoft.net>
Date: Tue, 1 Jul 2025 01:56:56 +0300
Subject: [PATCH 4/6] feat(registry-overview): resource metadata, schema
 blocks,

---
 src/app/app.routes.ts                         |   3 +
 .../project/overview/components/index.ts      |   1 -
 .../overview-metadata.component.html          | 131 --------------
 .../overview-metadata.component.ts            |  24 ---
 .../overview-toolbar.component.html           |  11 +-
 .../overview-toolbar.component.ts             |   4 +-
 .../overview/project-overview.component.html  |   2 +-
 .../overview/project-overview.component.ts    |  13 +-
 src/app/features/registry/mappers/index.ts    |   1 +
 .../mappers/registry-overview.mapper.ts       |  36 +++-
 .../mappers/registry-schema-block.mapper.ts   |  35 ++++
 ...et-registry-institutions-json-api.model.ts |  14 ++
 ...et-registry-schema-block-json-api.model.ts |  19 ++
 .../get-resource-subjects-json-api.model.ts   |   3 +
 src/app/features/registry/models/index.ts     |   6 +
 .../models/registry-institution.model.ts      |   5 +
 .../models/registry-overview.models.ts        |  99 ++++++++++-
 .../models/registry-schema-block.model.ts     |   8 +
 .../registry/models/registry-subject.model.ts |   4 +
 .../registry-overview.component.html          | 110 +++++++++++-
 .../registry-overview.component.scss          |  38 ++++
 .../registry-overview.component.ts            |  54 +++++-
 .../features/registry/registry.component.html |   2 +-
 .../features/registry/registry.component.ts   |   6 +-
 src/app/features/registry/registry.routes.ts  |   5 -
 .../services/project-overview.service.ts      |  55 +++++-
 .../registry-overview.actions.ts              |  23 +++
 .../registry-overview.model.ts                |   6 +-
 .../registry-overview.selectors.ts            |  36 +++-
 .../registry-overview.state.ts                | 107 ++++++++++-
 src/app/shared/components/index.ts            |   1 +
 .../resource-card.component.html              |  55 +++---
 .../resource-card/resource-card.component.ts  |  13 +-
 .../resource-metadata.component.html          | 167 ++++++++++++++++++
 .../resource-metadata.component.scss}         |   2 +-
 .../resource-metadata.component.spec.ts}      |   2 +-
 .../resource-metadata.component.ts            |  25 +++
 src/app/shared/constants/index.ts             |   1 +
 .../constants/osf-resource-types.const.ts     |   4 +
 src/app/shared/mappers/index.ts               |   1 +
 .../mappers/resource-overview.mappers.ts      |  79 +++++++++
 src/app/shared/models/index.ts                |   1 +
 .../shared/models/resource-overview.model.ts  |  69 ++++++++
 src/assets/i18n/en.json                       |  46 +++++
 44 files changed, 1101 insertions(+), 226 deletions(-)
 delete mode 100644 src/app/features/project/overview/components/overview-metadata/overview-metadata.component.html
 delete mode 100644 src/app/features/project/overview/components/overview-metadata/overview-metadata.component.ts
 create mode 100644 src/app/features/registry/mappers/registry-schema-block.mapper.ts
 create mode 100644 src/app/features/registry/models/get-registry-institutions-json-api.model.ts
 create mode 100644 src/app/features/registry/models/get-registry-schema-block-json-api.model.ts
 create mode 100644 src/app/features/registry/models/get-resource-subjects-json-api.model.ts
 create mode 100644 src/app/features/registry/models/registry-institution.model.ts
 create mode 100644 src/app/features/registry/models/registry-schema-block.model.ts
 create mode 100644 src/app/features/registry/models/registry-subject.model.ts
 create mode 100644 src/app/shared/components/resource-metadata/resource-metadata.component.html
 rename src/app/{features/project/overview/components/overview-metadata/overview-metadata.component.scss => shared/components/resource-metadata/resource-metadata.component.scss} (51%)
 rename src/app/{features/project/overview/components/overview-metadata/overview-metadata.component.spec.ts => shared/components/resource-metadata/resource-metadata.component.spec.ts} (90%)
 create mode 100644 src/app/shared/components/resource-metadata/resource-metadata.component.ts
 create mode 100644 src/app/shared/constants/osf-resource-types.const.ts
 create mode 100644 src/app/shared/mappers/resource-overview.mappers.ts
 create mode 100644 src/app/shared/models/resource-overview.model.ts

diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 1c2fcc6f6..639761257 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -2,6 +2,8 @@ import { provideStates } from '@ngxs/store';
 
 import { Routes } from '@angular/router';
 
+import { RegistryOverviewState } from '@osf/features/registry/store/registry-overview';
+
 import { MyProfileResourceFiltersOptionsState } from './features/my-profile/components/filters/store';
 import { MyProfileResourceFiltersState } from './features/my-profile/components/my-profile-resource-filters/store';
 import { MyProfileState } from './features/my-profile/store';
@@ -151,6 +153,7 @@ export const routes: Routes = [
       {
         path: 'registries/my-registrations/:registrationId',
         loadChildren: () => import('./features/registry/registry.routes').then((mod) => mod.registryRoutes),
+        providers: [provideStates([RegistryOverviewState])],
       },
       {
         path: '**',
diff --git a/src/app/features/project/overview/components/index.ts b/src/app/features/project/overview/components/index.ts
index 81dbf7169..0f0468e51 100644
--- a/src/app/features/project/overview/components/index.ts
+++ b/src/app/features/project/overview/components/index.ts
@@ -4,7 +4,6 @@ export { DuplicateDialogComponent } from './duplicate-dialog/duplicate-dialog.co
 export { ForkDialogComponent } from './fork-dialog/fork-dialog.component';
 export { LinkedProjectsComponent } from './linked-projects/linked-projects.component';
 export { OverviewComponentsComponent } from './overview-components/overview-components.component';
-export { OverviewMetadataComponent } from './overview-metadata/overview-metadata.component';
 export { OverviewToolbarComponent } from './overview-toolbar/overview-toolbar.component';
 export { OverviewWikiComponent } from './overview-wiki/overview-wiki.component';
 export { RecentActivityComponent } from './recent-activity/recent-activity.component';
diff --git a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.html b/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.html
deleted file mode 100644
index 930f0b867..000000000
--- a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.html
+++ /dev/null
@@ -1,131 +0,0 @@
-@let project = currentProject();
-
-@if (project) {
-  <div class="metadata flex flex-column gap-5">
-    <div class="metadata-header flex align-items-center justify-content-between">
-      <h2>{{ 'project.overview.metadata.title' | translate }}</h2>
-
-      <p-button
-        [routerLink]="'../metadata'"
-        severity="secondary"
-        [label]="'common.buttons.edit' | translate"
-      ></p-button>
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.contributors' | translate }}</h3>
-
-      <div class="flex gap-1 line-height-2">
-        @for (contributor of project.contributors; track contributor.id) {
-          <div>
-            <a class="font-bold"> {{ contributor.fullName }}</a>
-            <span>{{ $last ? '' : ',' }}</span>
-          </div>
-        }
-      </div>
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.description' | translate }}</h3>
-
-      <osf-truncated-text
-        [maxVisibleLines]="3"
-        [text]="project.description ? project.description : ('project.overview.metadata.noDescription' | translate)"
-      />
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.supplements' | translate }}</h3>
-
-      @if (project.supplements?.length) {
-        @for (supplement of project.supplements; track supplement.id) {
-          <p>
-            {{ 'project.overview.metadata.supplementsText1' | translate }}
-            <a class="font-bold" target="_blank" href="{{ supplement.url }}">{{
-              supplement.title + ', ' + (supplement.dateCreated | date: 'MMMM d, y')
-            }}</a>
-            {{ 'project.overview.metadata.supplementsText2' | translate }}
-          </p>
-        }
-      } @else {
-        <p>{{ 'project.overview.metadata.noSupplements' | translate }}</p>
-      }
-    </div>
-
-    <div class="flex gap-5 lg:gap-2 lg:justify-content-between">
-      <div class="flex flex-column gap-2">
-        <h3>{{ 'project.overview.metadata.dateCreated' | translate }}</h3>
-        <p>{{ project.dateCreated | date: 'MMM d, y, h:mm a' }}</p>
-      </div>
-
-      <div class="flex flex-column gap-2">
-        <h3>{{ 'project.overview.metadata.dateUpdated' | translate }}</h3>
-        <p>{{ project.dateModified | date: 'MMM d, y, h:mm a' }}</p>
-      </div>
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.license' | translate }}</h3>
-
-      <div>{{ project.license?.name ?? ('project.overview.metadata.noLicense' | translate) }}</div>
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.publication' | translate }}</h3>
-
-      @if (project.identifiers?.length) {
-        @for (identifier of project.identifiers; track identifier.id) {
-          @if (identifier.category === 'doi') {
-            <p>
-              {{ identifier.value }}
-            </p>
-          }
-        }
-      } @else {
-        <p>{{ 'project.overview.metadata.noPublicationDoi' | translate }}</p>
-      }
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.affiliatedInstitutions' | translate }}</h3>
-
-      <div class="flex gap-2">
-        @if (project.affiliatedInstitutions?.length) {
-          @for (institution of project.affiliatedInstitutions; track institution.id) {
-            <img alt="institution logo" [src]="institution.logo" height="45" />
-          }
-        } @else {
-          <p>{{ 'project.overview.metadata.noAffiliatedInstitutions' | translate }}</p>
-        }
-      </div>
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.subjects' | translate }}</h3>
-
-      <div class="flex flex-wrap align-items-center gap-2">
-        @if (project.subjects.length) {
-          @for (subject of project.subjects; track subject.id) {
-            <p-tag [value]="subject.text" severity="info" />
-          }
-        } @else {
-          <p>{{ 'project.overview.metadata.noSubjects' | translate }}</p>
-        }
-      </div>
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.tags' | translate }}</h3>
-
-      @if (project.tags.length) {
-        <div class="flex flex-wrap align-items-center gap-2">
-          @for (tag of project.tags; track tag) {
-            <p-tag [value]="tag" severity="info" />
-          }
-        </div>
-      } @else {
-        <p>{{ 'project.overview.metadata.noTags' | translate }}</p>
-      }
-    </div>
-  </div>
-}
diff --git a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.ts b/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.ts
deleted file mode 100644
index 9b589984c..000000000
--- a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { select } from '@ngxs/store';
-
-import { TranslatePipe } from '@ngx-translate/core';
-
-import { Button } from 'primeng/button';
-import { Tag } from 'primeng/tag';
-
-import { DatePipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { RouterLink } from '@angular/router';
-
-import { ProjectOverviewSelectors } from '@osf/features/project/overview/store';
-import { TruncatedTextComponent } from '@shared/components';
-
-@Component({
-  selector: 'osf-overview-metadata',
-  imports: [Button, TranslatePipe, TruncatedTextComponent, RouterLink, Tag, DatePipe],
-  templateUrl: './overview-metadata.component.html',
-  styleUrl: './overview-metadata.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class OverviewMetadataComponent {
-  protected currentProject = select(ProjectOverviewSelectors.getProject);
-}
diff --git a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
index 918218695..741f6666d 100644
--- a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
+++ b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
@@ -9,21 +9,14 @@
           <p class="font-bold">{{ 'project.overview.header.privateProject' | translate }}</p>
         </div>
 
-        <p-toggleswitch [ngModel]="isPublic()" (onChange)="handleToggleProjectPublicity()" />
+        <p-toggleswitch class="visibility-switch" [(ngModel)]="isPublic" (onChange)="handleToggleProjectPublicity()" />
 
         <div class="flex gap-2" [class.inactive]="!isPublic()">
           <i class="osf-icon-padlock-unlock"></i>
           <p class="font-bold">{{ 'project.overview.header.publicProject' | translate }}</p>
         </div>
       </div>
-
-      <p-toggleswitch class="visibility-switch" [(ngModel)]="isPublic" (onChange)="handleToggleProjectPublicity()" />
-
-      <div class="flex gap-2" [class.inactive]="!isPublic()">
-        <i class="osf-icon-padlock-unlock"></i>
-        <p class="font-bold">{{ 'project.overview.header.publicProject' | translate }}</p>
-      </div>
-    </div>
+    }
 
     <div class="flex">
       <div class="flex flex-1 flex-column-reverse gap-3 justify-content-end sm:gap-3 sm:flex-row-reverse lg:flex-row">
diff --git a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
index 9a38ba581..dac8c4ceb 100644
--- a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
+++ b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
@@ -159,12 +159,12 @@ export class OverviewToolbarComponent {
     const resource = this.currentResource();
     if (!resource) return;
 
-    const isCurrentlyPublic = project.isPublic;
+    const isCurrentlyPublic = resource.isPublic;
     const newPublicStatus = !isCurrentlyPublic;
 
     timer(100)
       .pipe(takeUntilDestroyed(this.destroyRef))
-      .subscribe(() => this.isPublic.set(project.isPublic));
+      .subscribe(() => this.isPublic.set(resource.isPublic));
 
     this.dialogService.open(TogglePublicityDialogComponent, {
       focusOnShow: false,
diff --git a/src/app/features/project/overview/project-overview.component.html b/src/app/features/project/overview/project-overview.component.html
index 041dafcd0..ff48a93fe 100644
--- a/src/app/features/project/overview/project-overview.component.html
+++ b/src/app/features/project/overview/project-overview.component.html
@@ -18,7 +18,7 @@
     </div>
 
     <div class="flex flex-column right-section p-4">
-      <osf-overview-metadata />
+      <osf-resource-metadata [currentResource]="resourceOverview()" />
     </div>
   </div>
 } @else {
diff --git a/src/app/features/project/overview/project-overview.component.ts b/src/app/features/project/overview/project-overview.component.ts
index 68dc0f452..356a66657 100644
--- a/src/app/features/project/overview/project-overview.component.ts
+++ b/src/app/features/project/overview/project-overview.component.ts
@@ -10,15 +10,15 @@ import { FormsModule } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
 
 import { ClearCollections, GetBookmarksCollectionId } from '@osf/features/collections/store';
-import { LoadingSpinnerComponent, SubHeaderComponent } from '@osf/shared/components';
+import { LoadingSpinnerComponent, ResourceMetadataComponent, SubHeaderComponent } from '@shared/components';
 import { ResourceType } from '@shared/enums';
+import { MapProjectOverview } from '@shared/mappers/resource-overview.mappers';
 
 import { ClearWiki, GetHomeWiki } from '../wiki/store';
 
 import {
   LinkedProjectsComponent,
   OverviewComponentsComponent,
-  OverviewMetadataComponent,
   OverviewToolbarComponent,
   OverviewWikiComponent,
   RecentActivityComponent,
@@ -46,8 +46,8 @@ import {
     OverviewComponentsComponent,
     LinkedProjectsComponent,
     RecentActivityComponent,
-    OverviewMetadataComponent,
     OverviewToolbarComponent,
+    ResourceMetadataComponent,
   ],
   providers: [DialogService],
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -70,6 +70,13 @@ export class ProjectOverviewComponent implements OnInit {
   });
 
   protected currentProject = select(ProjectOverviewSelectors.getProject);
+  protected resourceOverview = computed(() => {
+    const project = this.currentProject();
+    if (project) {
+      return MapProjectOverview(project);
+    }
+    return null;
+  });
   protected isProjectLoading = select(ProjectOverviewSelectors.getProjectLoading);
   protected currentResource = computed(() => {
     if (this.currentProject()) {
diff --git a/src/app/features/registry/mappers/index.ts b/src/app/features/registry/mappers/index.ts
index 9002949cc..2d7d7308c 100644
--- a/src/app/features/registry/mappers/index.ts
+++ b/src/app/features/registry/mappers/index.ts
@@ -1 +1,2 @@
 export * from './registry-overview.mapper';
+export * from './registry-schema-block.mapper';
diff --git a/src/app/features/registry/mappers/registry-overview.mapper.ts b/src/app/features/registry/mappers/registry-overview.mapper.ts
index 546ad163c..226a179a1 100644
--- a/src/app/features/registry/mappers/registry-overview.mapper.ts
+++ b/src/app/features/registry/mappers/registry-overview.mapper.ts
@@ -3,14 +3,25 @@ import { RegistryOverview, RegistryOverviewData } from '@osf/features/registry/m
 export function MapRegistryOverview(data: RegistryOverviewData): RegistryOverview {
   return {
     id: data.id,
+    type: data.type,
     isPublic: data.attributes.public,
-    forksCount: data?.relationships?.forks?.links?.related?.meta?.count,
+    forksCount: data?.relationships?.forks?.links?.related?.meta?.count || 0,
     title: data.attributes.title,
     description: data.attributes?.description,
     dateModified: data.attributes?.date_modified,
     dateCreated: data.attributes?.date_created,
+    dateRegistered: data.attributes?.date_registered,
+    category: data.attributes?.category,
+    isFork: data.attributes?.fork,
+    accessRequestsEnabled: data.attributes?.accessRequestsEnabled,
+    nodeLicense: data.attributes.node_license
+      ? {
+          copyrightHolders: data.attributes.node_license.copyright_holders,
+          year: data.attributes.node_license.year,
+        }
+      : undefined,
+    license: data.embeds.license?.data?.attributes,
     registrationType: data.attributes?.registration_supplement,
-    associatedProject: data.relationships?.registered_form?.data?.id,
     doi: data.attributes?.doi,
     tags: data.attributes?.tags,
     contributors: data.embeds?.bibliographic_contributors?.data.map((contributor) => ({
@@ -21,6 +32,27 @@ export function MapRegistryOverview(data: RegistryOverviewData): RegistryOvervie
       middleName: contributor?.embeds?.users?.data?.attributes?.middle_names,
       type: contributor?.embeds?.users?.data?.type,
     })),
+    identifiers: data.embeds.identifiers?.data.map((identifier) => ({
+      id: identifier.id,
+      type: identifier.type,
+      value: identifier.attributes.value,
+      category: identifier.attributes.category,
+    })),
+    analyticsKey: data.attributes?.analyticsKey,
+    currentUserCanComment: data.attributes.current_user_can_comment,
+    currentUserPermissions: data.attributes.current_user_permissions,
+    currentUserIsContributor: data.attributes.current_user_is_contributor,
+    currentUserIsContributorOrGroupMember: data.attributes.current_user_is_contributor_or_group_member,
     citation: data.relationships?.citation?.data?.id,
+    wikiEnabled: data.attributes.wikiEnabled,
+    region: data.relationships.region?.data,
+    hasData: data.attributes.has_data,
+    hasAnalyticCode: data.attributes.has_analytic_code,
+    hasMaterials: data.attributes.has_materials,
+    hasPapers: data.attributes.has_papers,
+    hasSupplements: data.attributes.has_supplements,
+    questions: data.attributes.registration_responses,
+    registrationSchemaLink: data.relationships.registration_schema.links.related.href,
+    associatedProjectId: data.relationships?.registered_from?.data?.id,
   } as RegistryOverview;
 }
diff --git a/src/app/features/registry/mappers/registry-schema-block.mapper.ts b/src/app/features/registry/mappers/registry-schema-block.mapper.ts
new file mode 100644
index 000000000..f73fded26
--- /dev/null
+++ b/src/app/features/registry/mappers/registry-schema-block.mapper.ts
@@ -0,0 +1,35 @@
+import { RegistrationQuestions, RegistrySchemaBlock, SchemaBlockAttributes } from '@osf/features/registry/models';
+
+export function MapRegistrySchemaBlock(
+  block: SchemaBlockAttributes,
+  questions: RegistrationQuestions
+): RegistrySchemaBlock {
+  const schemaBlock = {
+    required: block.required,
+    type: block.block_type,
+    value: '',
+    values: [],
+    files: [],
+  } as RegistrySchemaBlock;
+
+  if (block.display_text) {
+    schemaBlock.value = block.display_text;
+  } else if (block.registration_response_key) {
+    const questionValue = questions[block.registration_response_key];
+
+    if (questionValue && Array.isArray(questionValue)) {
+      if (schemaBlock.type === 'multi-select-input') {
+        schemaBlock.values = questionValue as string[];
+      } else if (schemaBlock.type === 'file-input') {
+        schemaBlock.files = (questionValue as { file_id: string; file_name: string }[]).map((file) => ({
+          id: file.file_id,
+          name: file.file_name,
+        }));
+      }
+    } else if (questionValue) {
+      schemaBlock.value = questionValue as string;
+    }
+  }
+
+  return schemaBlock;
+}
diff --git a/src/app/features/registry/models/get-registry-institutions-json-api.model.ts b/src/app/features/registry/models/get-registry-institutions-json-api.model.ts
new file mode 100644
index 000000000..445f5f2ef
--- /dev/null
+++ b/src/app/features/registry/models/get-registry-institutions-json-api.model.ts
@@ -0,0 +1,14 @@
+import { ApiData, JsonApiResponse } from '@core/models';
+
+export type GetRegistryInstitutionsJsonApi = JsonApiResponse<
+  ApiData<RegistryInstitutionsAttributes, null, null, null>[],
+  null
+>;
+
+export interface RegistryInstitutionsAttributes {
+  assets: {
+    banner: string;
+    logo: string;
+    logo_rounded: string;
+  };
+}
diff --git a/src/app/features/registry/models/get-registry-schema-block-json-api.model.ts b/src/app/features/registry/models/get-registry-schema-block-json-api.model.ts
new file mode 100644
index 000000000..59f0b77ff
--- /dev/null
+++ b/src/app/features/registry/models/get-registry-schema-block-json-api.model.ts
@@ -0,0 +1,19 @@
+import { ApiData, JsonApiResponse } from '@core/models';
+
+export type GetRegistrySchemaBlockJsonApi = JsonApiResponse<ApiData<SchemaBlockAttributes, null, null, null>[], null>;
+
+export interface SchemaBlockAttributes {
+  // block_type:
+  //   | 'page-heading'
+  //   | 'subsection-heading'
+  //   | 'paragraph'
+  //   | 'question-label'
+  //   | 'long-text-input'
+  //   | 'file-input'
+  //   | 'single-select-input'
+  //   | 'multi-select-input';
+  block_type: string;
+  display_text: string;
+  registration_response_key: string | null;
+  required: boolean;
+}
diff --git a/src/app/features/registry/models/get-resource-subjects-json-api.model.ts b/src/app/features/registry/models/get-resource-subjects-json-api.model.ts
new file mode 100644
index 000000000..9f68bb89f
--- /dev/null
+++ b/src/app/features/registry/models/get-resource-subjects-json-api.model.ts
@@ -0,0 +1,3 @@
+import { ApiData, JsonApiResponse } from '@core/models';
+
+export type GetResourceSubjectsJsonApi = JsonApiResponse<ApiData<{ text: string }, null, null, null>[], null>;
diff --git a/src/app/features/registry/models/index.ts b/src/app/features/registry/models/index.ts
index 4286d9a30..2c3096db2 100644
--- a/src/app/features/registry/models/index.ts
+++ b/src/app/features/registry/models/index.ts
@@ -1 +1,7 @@
+export * from './get-registry-institutions-json-api.model';
+export * from './get-registry-schema-block-json-api.model';
+export * from './get-resource-subjects-json-api.model';
+export * from './registry-institution.model';
 export * from './registry-overview.models';
+export * from './registry-schema-block.model';
+export * from './registry-subject.model';
diff --git a/src/app/features/registry/models/registry-institution.model.ts b/src/app/features/registry/models/registry-institution.model.ts
new file mode 100644
index 000000000..786c3397f
--- /dev/null
+++ b/src/app/features/registry/models/registry-institution.model.ts
@@ -0,0 +1,5 @@
+export interface RegistryInstitution {
+  id: string;
+  logo: string;
+  logoRounded?: string;
+}
diff --git a/src/app/features/registry/models/registry-overview.models.ts b/src/app/features/registry/models/registry-overview.models.ts
index b3b7657e9..bf065390b 100644
--- a/src/app/features/registry/models/registry-overview.models.ts
+++ b/src/app/features/registry/models/registry-overview.models.ts
@@ -1,20 +1,59 @@
 import { ApiData, JsonApiResponse } from '@core/models';
 import { ProjectOverviewContributor } from '@osf/features/project/overview/models';
+import { RegistrySubject } from '@osf/features/registry/models/registry-subject.model';
 
 export interface RegistryOverview {
   id: string;
+  type: string;
   isPublic: boolean;
   forksCount: number;
   title: string;
   description: string;
   dateModified: string;
   dateCreated: string;
+  dateRegistered?: string;
   registrationType: string;
-  associatedProject: string;
   doi: string;
   tags: string[];
   contributors: ProjectOverviewContributor[];
   citation: string;
+  category: string;
+  isFork: boolean;
+  accessRequestsEnabled: boolean;
+  nodeLicense?: {
+    copyrightHolders: string[];
+    year: string;
+  };
+  license?: {
+    name: string;
+    text: string;
+    url: string;
+  };
+  identifiers?: {
+    id: string;
+    type: string;
+    category: string;
+    value: string;
+  }[];
+  analyticsKey: string;
+  currentUserCanComment: boolean;
+  currentUserPermissions: string[];
+  currentUserIsContributor: boolean;
+  currentUserIsContributorOrGroupMember: boolean;
+  wikiEnabled: boolean;
+  region?: {
+    id: string;
+    type: string;
+  };
+  subjects?: RegistrySubject[];
+  hasData: boolean;
+  hasAnalyticCode: boolean;
+  hasMaterials: boolean;
+  hasPapers: boolean;
+  hasSupplements: boolean;
+  questions: RegistrationQuestions;
+  registrationSchemaLink: string;
+  associatedProjectId: string;
 }
 
 export type GetRegistryOverviewJsonApi = JsonApiResponse<RegistryOverviewData, null>;
@@ -33,11 +72,33 @@ export interface RegistryOverviewAttributes {
   description: string;
   date_modified: string;
   date_created: string;
+  date_registered: string;
   registration_supplement: string;
   doi: string;
   tags: string[];
+  category: string;
+  fork?: boolean;
+  accessRequestsEnabled?: boolean;
+  node_license?: {
+    copyright_holders: string[];
+    year: string;
+  };
+  analyticsKey: string;
+  current_user_can_comment: boolean;
+  current_user_permissions: string[];
+  current_user_is_contributor: boolean;
+  current_user_is_contributor_or_group_member: boolean;
+  wikiEnabled: boolean;
+  has_data: boolean;
+  has_analytic_code: boolean;
+  has_materials: boolean;
+  has_papers: boolean;
+  has_supplements: boolean;
+  registration_responses: RegistrationQuestions;
 }
 
+export type RegistrationQuestions = Record<string, string | string[] | { file_id: string; file_name: string }[]>;
+
 export interface RegistryOverviewEmbed {
   bibliographic_contributors: {
     data: {
@@ -57,6 +118,27 @@ export interface RegistryOverviewEmbed {
       };
     }[];
   };
+  license: {
+    data: {
+      id: string;
+      type: string;
+      attributes: {
+        name: string;
+        text: string;
+        url: string;
+      };
+    };
+  };
+  identifiers: {
+    data: {
+      id: string;
+      type: string;
+      attributes: {
+        category: string;
+        value: string;
+      };
+    }[];
+  };
 }
 
 export interface RegistryOverviewRelationships {
@@ -69,7 +151,7 @@ export interface RegistryOverviewRelationships {
       };
     };
   };
-  registered_form: {
+  registered_from: {
     data: {
       id: string;
     };
@@ -79,4 +161,17 @@ export interface RegistryOverviewRelationships {
       id: string;
     };
   };
+  region?: {
+    data: {
+      id: string;
+      type: string;
+    };
+  };
+  registration_schema: {
+    links: {
+      related: {
+        href: string;
+      };
+    };
+  };
 }
diff --git a/src/app/features/registry/models/registry-schema-block.model.ts b/src/app/features/registry/models/registry-schema-block.model.ts
new file mode 100644
index 000000000..27dd1e560
--- /dev/null
+++ b/src/app/features/registry/models/registry-schema-block.model.ts
@@ -0,0 +1,8 @@
+export interface RegistrySchemaBlock {
+  value: string;
+  values: string[];
+  files?: { id: string; name: string }[];
+  required: boolean;
+  html?: string;
+  type: string;
+}
diff --git a/src/app/features/registry/models/registry-subject.model.ts b/src/app/features/registry/models/registry-subject.model.ts
new file mode 100644
index 000000000..19f1c6c07
--- /dev/null
+++ b/src/app/features/registry/models/registry-subject.model.ts
@@ -0,0 +1,4 @@
+export interface RegistrySubject {
+  id: string;
+  text: string;
+}
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.html b/src/app/features/registry/pages/registry-overview/registry-overview.component.html
index fd2135e67..54daecbb6 100644
--- a/src/app/features/registry/pages/registry-overview/registry-overview.component.html
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.html
@@ -1,4 +1,4 @@
-@if (!isRegistryLoading()) {
+@if (!isRegistryLoading() && !isSubjectsLoading() && !isInstitutionsLoading() && !isSchemaBlocks()) {
   <div class="flex justify-content-between align-items-center">
     <osf-sub-header [title]="registry()!.title" />
 
@@ -10,9 +10,111 @@
       />
     </div>
   </div>
-  <div class="flex bg-white flex-1">
-    <div>chinazas</div>
+  <div class="flex flex-column bg-white flex-1 p-4">
+    <div class="flex column-gap-5 row-gap-3 mt-1 flex-wrap pb-4">
+      <a class="icon-container" [href]="registry()?.id + '/resources'">
+        @if (registry()?.hasData) {
+          <img src="assets/icons/colored/data-colored.svg" alt="data-resource" />
+        } @else {
+          <i class="osf-icon-data text-4xl"></i>
+        }
+        <p>{{ 'resourceCard.resources.data' | translate }}</p>
+      </a>
+      <a class="icon-container" [href]="registry()?.id + '/resources'">
+        @if (registry()?.hasAnalyticCode) {
+          <img src="assets/icons/colored/code-colored.svg" alt="code-resource" />
+        } @else {
+          <i class="osf-icon-code text-4xl"></i>
+        }
+        <p>{{ 'resourceCard.resources.analyticCode' | translate }}</p>
+      </a>
+      <a class="icon-container" [href]="registry()?.id + '/resources'">
+        @if (registry()?.hasMaterials) {
+          <img src="assets/icons/colored/materials-colored.svg" alt="materials-resource" />
+        } @else {
+          <i class="osf-icon-materials text-4xl"></i>
+        }
+        <p>{{ 'resourceCard.resources.materials' | translate }}</p>
+      </a>
+      <a class="icon-container" [href]="registry()?.id + '/resources'">
+        @if (registry()?.hasPapers) {
+          <img src="assets/icons/colored/papers-colored.svg" alt="papers-resource" />
+        } @else {
+          <i class="osf-icon-papers text-4xl"></i>
+        }
+        <p>{{ 'resourceCard.resources.papers' | translate }}</p>
+      </a>
+      <a class="icon-container" [href]="registry()?.id + '/resources'">
+        @if (registry()?.hasPapers) {
+          <img src="assets/icons/colored/supplements-colored.svg" alt="supplements-resource" />
+        } @else {
+          <i class="osf-icon-supplements text-4xl"></i>
+        }
+        <p>{{ 'resourceCard.resources.supplements' | translate }}</p>
+      </a>
+    </div>
+
+    <div class="flex gap-4">
+      <div class="left-section gap-4">
+        <!--        TODO: statuses and schema updates-->
+        <div class="flex gap-4 resource accordion-auto-height">
+          <p-accordion class="accordion-border px-4 py-4 flex-1">
+            <p-accordion-panel value="0">
+              <p-accordion-header class="flex flex-row column-gap-3 align-items-center">
+                <p class="font-bold">{{ 'registry.overview.public' | translate }}</p>
+              </p-accordion-header>
+              <p-accordion-content>
+                <div class="content">
+                  <p class="font-bold">{{ 'registry.overview.public' | translate }}</p>
+                  <p>{{ 'registry.overview.statuses.frozen' | translate }}</p>
+                </div>
+              </p-accordion-content>
+            </p-accordion-panel>
+          </p-accordion>
+          <p-accordion class="accordion-border p-4 py-4 flex-1">
+            <p-accordion-panel value="0">
+              <p-accordion-header class="flex flex-row column-gap-3 align-items-center">
+                {{ 'registry.overview.updates' | translate }}
+              </p-accordion-header>
+              <p-accordion-content>
+                <div class="content">Important</div>
+              </p-accordion-content>
+            </p-accordion-panel>
+          </p-accordion>
+        </div>
+        <div class="blocks-section p-4">
+          @for (block of schemaBlocks(); track $index) {
+            @if (block.type === 'file-input' && block.files) {
+              <ul class="flex flex-column gap-4 ml-5">
+                @for (file of block.files; track $index) {
+                  <li class="list-disc">
+                    <a [routerLink]="['/files', file.id]">{{ file.name }}</a>
+                  </li>
+                }
+              </ul>
+            } @else if (block.type === 'multi-select-input' && block.values) {
+              <div class="flex flex-column gap-4 p-4">
+                @for (value of block.values; track $index) {
+                  <p class="text-no-transform">{{ value }}</p>
+                }
+              </div>
+            } @else if (block.type === 'page-heading' && block.value) {
+              <h1 class="pb-4 text-no-transform" [class.mt-4]="$index !== 0">{{ block.value }}</h1>
+            } @else if ((block.type === 'subsection-heading' || block.type === 'question-label') && block.value) {
+              <h3 class="pb-4 text-no-transform">{{ block.value }}</h3>
+            } @else if (block.value) {
+              <p class="pb-4 text-no-transform">{{ block.value }}</p>
+            }
+          }
+        </div>
+      </div>
+      <div class="flex flex-column right-section p-4">
+        <osf-resource-metadata [currentResource]="resourceOverview()" />
+      </div>
+    </div>
   </div>
 } @else {
-  <osf-loading-spinner />
+  <div class="flex-1">
+    <osf-loading-spinner />
+  </div>
 }
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.scss b/src/app/features/registry/pages/registry-overview/registry-overview.component.scss
index e69de29bb..1433fde67 100644
--- a/src/app/features/registry/pages/registry-overview/registry-overview.component.scss
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.scss
@@ -0,0 +1,38 @@
+@use "/assets/styles/variables" as var;
+
+.icon-container {
+  color: var.$dark-blue-1;
+  display: flex;
+  align-items: center;
+  column-gap: 0.3rem;
+
+  &:hover {
+    text-decoration: none;
+    color: var.$pr-blue-1;
+  }
+}
+
+.left-section {
+  flex: 3;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+
+.accordion-border {
+  border: 1px solid var.$grey-2;
+  border-radius: 12px;
+  height: max-content !important;
+}
+
+.blocks-section {
+  border: 1px solid var.$grey-2;
+  border-radius: 12px;
+  height: max-content;
+}
+
+.right-section {
+  flex: 1;
+  border: 1px solid var.$grey-2;
+  border-radius: 12px;
+}
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.ts b/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
index 365ff26e9..8b107662a 100644
--- a/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
@@ -1,20 +1,40 @@
 import { createDispatchMap, select } from '@ngxs/store';
 
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Accordion, AccordionContent, AccordionHeader, AccordionPanel } from 'primeng/accordion';
 import { DialogService } from 'primeng/dynamicdialog';
 
 import { ChangeDetectionStrategy, Component, computed, HostBinding, inject } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 
 import { GetBookmarksCollectionId } from '@osf/features/collections/store';
 import { OverviewToolbarComponent } from '@osf/features/project/overview/components';
-import { GetRegistryById, RegistryOverviewSelectors } from '@osf/features/registry/store/registry-overview';
-import { LoadingSpinnerComponent, SubHeaderComponent } from '@shared/components';
+import {
+  GetRegistryById,
+  GetRegistryInstitutions,
+  GetRegistrySubjects,
+  RegistryOverviewSelectors,
+} from '@osf/features/registry/store/registry-overview';
+import { LoadingSpinnerComponent, ResourceMetadataComponent, SubHeaderComponent } from '@shared/components';
 import { ResourceType } from '@shared/enums';
+import { MapRegistryOverview } from '@shared/mappers';
 import { ToolbarResource } from '@shared/models';
 
 @Component({
   selector: 'osf-registry-overview',
-  imports: [SubHeaderComponent, OverviewToolbarComponent, LoadingSpinnerComponent],
+  imports: [
+    SubHeaderComponent,
+    OverviewToolbarComponent,
+    LoadingSpinnerComponent,
+    TranslatePipe,
+    RouterLink,
+    AccordionContent,
+    Accordion,
+    AccordionPanel,
+    AccordionHeader,
+    ResourceMetadataComponent,
+  ],
   templateUrl: './registry-overview.component.html',
   styleUrl: './registry-overview.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -23,9 +43,27 @@ import { ToolbarResource } from '@shared/models';
 export class RegistryOverviewComponent {
   @HostBinding('class') classes = 'flex-1 flex flex-column w-full h-full';
   private readonly route = inject(ActivatedRoute);
+  private readonly router = inject(Router);
 
   protected readonly registry = select(RegistryOverviewSelectors.getRegistry);
   protected readonly isRegistryLoading = select(RegistryOverviewSelectors.isRegistryLoading);
+  protected readonly subjects = select(RegistryOverviewSelectors.getSubjects);
+  protected readonly isSubjectsLoading = select(RegistryOverviewSelectors.isSubjectsLoading);
+  protected readonly institutions = select(RegistryOverviewSelectors.getInstitutions);
+  protected readonly isInstitutionsLoading = select(RegistryOverviewSelectors.isInstitutionsLoading);
+  protected readonly schemaBlocks = select(RegistryOverviewSelectors.getSchemaBlocks);
+  protected readonly isSchemaBlocks = select(RegistryOverviewSelectors.isSchemaBlocksLoading);
+
+  protected readonly resourceOverview = computed(() => {
+    const registry = this.registry();
+    const subjects = this.subjects();
+    const institutions = this.institutions();
+    if (registry && subjects && institutions) {
+      return MapRegistryOverview(registry, subjects, institutions);
+    }
+    return null;
+  });
+
   protected toolbarResource = computed(() => {
     if (this.registry()) {
       return {
@@ -43,6 +81,8 @@ export class RegistryOverviewComponent {
   private readonly actions = createDispatchMap({
     getRegistryById: GetRegistryById,
     getBookmarksId: GetBookmarksCollectionId,
+    getSubjects: GetRegistrySubjects,
+    getInstitutions: GetRegistryInstitutions,
   });
 
   constructor() {
@@ -50,8 +90,14 @@ export class RegistryOverviewComponent {
       const id = params['registrationId'];
       if (id) {
         this.actions.getRegistryById(id);
+        this.actions.getSubjects(id);
+        this.actions.getInstitutions(id);
       }
     });
     this.actions.getBookmarksId();
   }
+
+  navigateToFile(fileId: string): void {
+    this.router.navigate(['/files', fileId]);
+  }
 }
diff --git a/src/app/features/registry/registry.component.html b/src/app/features/registry/registry.component.html
index 21c4dd5c7..897834065 100644
--- a/src/app/features/registry/registry.component.html
+++ b/src/app/features/registry/registry.component.html
@@ -1,3 +1,3 @@
-<div class="xl:flex xl:flex-column xl:mt-6">
+<div class="xl:flex xl:flex-column xl:mt-6 h-full">
   <router-outlet />
 </div>
diff --git a/src/app/features/registry/registry.component.ts b/src/app/features/registry/registry.component.ts
index 33aeaa0e1..bfa440105 100644
--- a/src/app/features/registry/registry.component.ts
+++ b/src/app/features/registry/registry.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 
 @Component({
@@ -8,4 +8,6 @@ import { RouterOutlet } from '@angular/router';
   styleUrl: './registry.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class RegistryComponent {}
+export class RegistryComponent {
+  @HostBinding('class') classes = 'flex-1 flex flex-column';
+}
diff --git a/src/app/features/registry/registry.routes.ts b/src/app/features/registry/registry.routes.ts
index fd842dea0..68ac8e1bb 100644
--- a/src/app/features/registry/registry.routes.ts
+++ b/src/app/features/registry/registry.routes.ts
@@ -1,9 +1,5 @@
-import { provideStates } from '@ngxs/store';
-
 import { Routes } from '@angular/router';
 
-import { RegistryOverviewState } from '@osf/features/registry/store/registry-overview';
-
 import { RegistryComponent } from './registry.component';
 
 export const registryRoutes: Routes = [
@@ -19,7 +15,6 @@ export const registryRoutes: Routes = [
       {
         path: 'overview',
         loadComponent: () => import('@osf/features/registry/pages').then((c) => c.RegistryOverviewComponent),
-        providers: [provideStates([RegistryOverviewState])],
       },
     ],
   },
diff --git a/src/app/features/registry/services/project-overview.service.ts b/src/app/features/registry/services/project-overview.service.ts
index 131a7a2c6..25c9a0d2c 100644
--- a/src/app/features/registry/services/project-overview.service.ts
+++ b/src/app/features/registry/services/project-overview.service.ts
@@ -3,8 +3,18 @@ import { map, Observable } from 'rxjs';
 import { inject, Injectable } from '@angular/core';
 
 import { JsonApiService } from '@core/services';
-import { MapRegistryOverview } from '@osf/features/registry/mappers';
-import { GetRegistryOverviewJsonApi, RegistryOverview } from '@osf/features/registry/models';
+import { MapRegistryOverview, MapRegistrySchemaBlock } from '@osf/features/registry/mappers';
+import {
+  GetRegistryInstitutionsJsonApi,
+  GetRegistryOverviewJsonApi,
+  GetRegistrySchemaBlockJsonApi,
+  GetResourceSubjectsJsonApi,
+  RegistrationQuestions,
+  RegistryInstitution,
+  RegistryOverview,
+  RegistrySchemaBlock,
+  RegistrySubject,
+} from '@osf/features/registry/models';
 
 import { environment } from 'src/environments/environment';
 
@@ -25,6 +35,7 @@ export class RegistryOverviewService {
         'root',
         'schema_responses',
         'files',
+        'license',
       ],
     };
 
@@ -32,4 +43,44 @@ export class RegistryOverviewService {
       .get<GetRegistryOverviewJsonApi>(`${environment.apiUrl}/registrations/${id}`, params)
       .pipe(map((response) => MapRegistryOverview(response.data)));
   }
+
+  getSubjects(registryId: string): Observable<RegistrySubject[]> {
+    const params = {
+      'page[size]': 100,
+      page: 1,
+    };
+
+    return this.jsonApiService
+      .get<GetResourceSubjectsJsonApi>(`${environment.apiUrl}/registrations/${registryId}/subjects/`, params)
+      .pipe(map((response) => response.data.map((subject) => ({ id: subject.id, text: subject.attributes.text }))));
+  }
+
+  getInstitutions(registryId: string): Observable<RegistryInstitution[]> {
+    const params = {
+      'page[size]': 100,
+    };
+
+    return this.jsonApiService
+      .get<GetRegistryInstitutionsJsonApi>(`${environment.apiUrl}/registrations/${registryId}/institutions/`, params)
+      .pipe(
+        map((response) =>
+          response.data.map((institution) => ({
+            id: institution.id,
+            logo: institution.attributes.assets.logo,
+            logoRounded: institution.attributes.assets.logo_rounded,
+          }))
+        )
+      );
+  }
+
+  getSchemaBlocks(schemaLink: string, questions: RegistrationQuestions): Observable<RegistrySchemaBlock[]> {
+    const params = {
+      'page[size]': 100,
+      page: 1,
+    };
+
+    return this.jsonApiService
+      .get<GetRegistrySchemaBlockJsonApi>(`${schemaLink}schema_blocks`, params)
+      .pipe(map((response) => response.data.map((block) => MapRegistrySchemaBlock(block.attributes, questions))));
+  }
 }
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.actions.ts b/src/app/features/registry/store/registry-overview/registry-overview.actions.ts
index 2e3602eef..26754c848 100644
--- a/src/app/features/registry/store/registry-overview/registry-overview.actions.ts
+++ b/src/app/features/registry/store/registry-overview/registry-overview.actions.ts
@@ -1,5 +1,28 @@
+import { RegistrationQuestions } from '@osf/features/registry/models';
+
 export class GetRegistryById {
   static readonly type = '[Registry Overview] Get Registry By Id';
 
   constructor(public id: string) {}
 }
+
+export class GetRegistrySubjects {
+  static readonly type = '[Registry Overview] Get Registry Subjects';
+
+  constructor(public registryId: string) {}
+}
+
+export class GetRegistryInstitutions {
+  static readonly type = '[Registry Overview] Get Registry Institutions';
+
+  constructor(public registryId: string) {}
+}
+
+export class GetSchemaBlocks {
+  static readonly type = '[Registry Overview] Get Schema Blocks';
+
+  constructor(
+    public schemaLink: string,
+    public questions: RegistrationQuestions
+  ) {}
+}
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.model.ts b/src/app/features/registry/store/registry-overview/registry-overview.model.ts
index e6d4de91f..c60c1306e 100644
--- a/src/app/features/registry/store/registry-overview/registry-overview.model.ts
+++ b/src/app/features/registry/store/registry-overview/registry-overview.model.ts
@@ -1,6 +1,10 @@
-import { RegistryOverview } from '@osf/features/registry/models';
+import { RegistryInstitution, RegistryOverview, RegistrySubject } from '@osf/features/registry/models';
+import { RegistrySchemaBlock } from '@osf/features/registry/models/registry-schema-block.model';
 import { AsyncStateModel } from '@shared/models';
 
 export interface RegistryOverviewStateModel {
   registry: AsyncStateModel<RegistryOverview | null>;
+  subjects: AsyncStateModel<RegistrySubject[] | null>;
+  institutions: AsyncStateModel<RegistryInstitution[] | null>;
+  schemaBlocks: AsyncStateModel<RegistrySchemaBlock[] | null>;
 }
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.selectors.ts b/src/app/features/registry/store/registry-overview/registry-overview.selectors.ts
index add104553..0d7798449 100644
--- a/src/app/features/registry/store/registry-overview/registry-overview.selectors.ts
+++ b/src/app/features/registry/store/registry-overview/registry-overview.selectors.ts
@@ -1,8 +1,8 @@
 import { Selector } from '@ngxs/store';
 
-import { RegistryOverview } from '@osf/features/registry/models';
-import { RegistryOverviewStateModel } from '@osf/features/registry/store/registry-overview/registry-overview.model';
-import { RegistryOverviewState } from '@osf/features/registry/store/registry-overview/registry-overview.state';
+import { RegistryInstitution, RegistryOverview, RegistrySubject } from '@osf/features/registry/models';
+import { RegistrySchemaBlock } from '@osf/features/registry/models/registry-schema-block.model';
+import { RegistryOverviewState, RegistryOverviewStateModel } from '@osf/features/registry/store/registry-overview';
 
 export class RegistryOverviewSelectors {
   @Selector([RegistryOverviewState])
@@ -14,4 +14,34 @@ export class RegistryOverviewSelectors {
   static isRegistryLoading(state: RegistryOverviewStateModel): boolean {
     return state.registry.isLoading;
   }
+
+  @Selector([RegistryOverviewState])
+  static getSubjects(state: RegistryOverviewStateModel): RegistrySubject[] | null {
+    return state.subjects.data;
+  }
+
+  @Selector([RegistryOverviewState])
+  static isSubjectsLoading(state: RegistryOverviewStateModel): boolean {
+    return state.subjects.isLoading;
+  }
+
+  @Selector([RegistryOverviewState])
+  static getInstitutions(state: RegistryOverviewStateModel): RegistryInstitution[] | null {
+    return state.institutions.data;
+  }
+
+  @Selector([RegistryOverviewState])
+  static isInstitutionsLoading(state: RegistryOverviewStateModel): boolean {
+    return state.institutions.isLoading;
+  }
+
+  @Selector([RegistryOverviewState])
+  static getSchemaBlocks(state: RegistryOverviewStateModel): RegistrySchemaBlock[] | null {
+    return state.schemaBlocks.data;
+  }
+
+  @Selector([RegistryOverviewState])
+  static isSchemaBlocksLoading(state: RegistryOverviewStateModel): boolean {
+    return state.schemaBlocks.isLoading;
+  }
 }
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.state.ts b/src/app/features/registry/store/registry-overview/registry-overview.state.ts
index 4534abb21..383178b22 100644
--- a/src/app/features/registry/store/registry-overview/registry-overview.state.ts
+++ b/src/app/features/registry/store/registry-overview/registry-overview.state.ts
@@ -6,7 +6,12 @@ import { catchError } from 'rxjs/operators';
 import { inject, Injectable } from '@angular/core';
 
 import { RegistryOverviewService } from '@osf/features/registry/services';
-import { GetRegistryById } from '@osf/features/registry/store/registry-overview/registry-overview.actions';
+import {
+  GetRegistryById,
+  GetRegistryInstitutions,
+  GetRegistrySubjects,
+  GetSchemaBlocks,
+} from '@osf/features/registry/store/registry-overview';
 
 import { RegistryOverviewStateModel } from './registry-overview.model';
 
@@ -19,6 +24,21 @@ import { RegistryOverviewStateModel } from './registry-overview.model';
       isLoading: false,
       error: null,
     },
+    subjects: {
+      data: [],
+      isLoading: false,
+      error: null,
+    },
+    institutions: {
+      data: [],
+      isLoading: false,
+      error: null,
+    },
+    schemaBlocks: {
+      data: [],
+      isLoading: false,
+      error: null,
+    },
   },
 })
 export class RegistryOverviewState {
@@ -44,13 +64,96 @@ export class RegistryOverviewState {
               error: null,
             },
           });
+          ctx.dispatch(new GetSchemaBlocks(registryOverview.registrationSchemaLink, registryOverview.questions));
         },
       }),
       catchError((error) => this.handleError(ctx, 'registry', error))
     );
   }
 
-  private handleError(ctx: StateContext<RegistryOverviewStateModel>, section: 'registry', error: Error) {
+  @Action(GetRegistrySubjects)
+  getRegistrySubjects(ctx: StateContext<RegistryOverviewStateModel>, action: GetRegistrySubjects) {
+    const state = ctx.getState();
+    ctx.patchState({
+      subjects: {
+        ...state.subjects,
+        isLoading: true,
+      },
+    });
+
+    return this.registryOverviewService.getSubjects(action.registryId).pipe(
+      tap({
+        next: (subjects) => {
+          ctx.patchState({
+            subjects: {
+              data: subjects,
+              isLoading: false,
+              error: null,
+            },
+          });
+        },
+      }),
+      catchError((error) => this.handleError(ctx, 'subjects', error))
+    );
+  }
+
+  @Action(GetRegistryInstitutions)
+  getRegistryInstitutions(ctx: StateContext<RegistryOverviewStateModel>, action: GetRegistryInstitutions) {
+    const state = ctx.getState();
+    ctx.patchState({
+      institutions: {
+        ...state.institutions,
+        isLoading: true,
+      },
+    });
+
+    return this.registryOverviewService.getInstitutions(action.registryId).pipe(
+      tap({
+        next: (institutions) => {
+          ctx.patchState({
+            institutions: {
+              data: institutions,
+              isLoading: false,
+              error: null,
+            },
+          });
+        },
+      }),
+      catchError((error) => this.handleError(ctx, 'institutions', error))
+    );
+  }
+
+  @Action(GetSchemaBlocks)
+  getSchemaBlocks(ctx: StateContext<RegistryOverviewStateModel>, action: GetSchemaBlocks) {
+    const state = ctx.getState();
+    ctx.patchState({
+      schemaBlocks: {
+        ...state.schemaBlocks,
+        isLoading: true,
+      },
+    });
+
+    return this.registryOverviewService.getSchemaBlocks(action.schemaLink, action.questions).pipe(
+      tap({
+        next: (schemaBlocks) => {
+          ctx.patchState({
+            schemaBlocks: {
+              data: schemaBlocks,
+              isLoading: false,
+              error: null,
+            },
+          });
+        },
+      }),
+      catchError((error) => this.handleError(ctx, 'schemaBlocks', error))
+    );
+  }
+
+  private handleError(
+    ctx: StateContext<RegistryOverviewStateModel>,
+    section: 'registry' | 'subjects' | 'institutions' | 'schemaBlocks',
+    error: Error
+  ) {
     ctx.patchState({
       [section]: {
         ...ctx.getState()[section],
diff --git a/src/app/shared/components/index.ts b/src/app/shared/components/index.ts
index 0ef79a98b..716c485b4 100644
--- a/src/app/shared/components/index.ts
+++ b/src/app/shared/components/index.ts
@@ -19,6 +19,7 @@ export { MyProjectsTableComponent } from './my-projects-table/my-projects-table.
 export { PasswordInputHintComponent } from './password-input-hint/password-input-hint.component';
 export { PieChartComponent } from './pie-chart/pie-chart.component';
 export { ResourceCardComponent } from './resource-card/resource-card.component';
+export { ResourceMetadataComponent } from './resource-metadata/resource-metadata.component';
 export { SearchHelpTutorialComponent } from './search-help-tutorial/search-help-tutorial.component';
 export { SearchInputComponent } from './search-input/search-input.component';
 export { SelectComponent } from './select/select.component';
diff --git a/src/app/shared/components/resource-card/resource-card.component.html b/src/app/shared/components/resource-card/resource-card.component.html
index 04107b8d7..5432a6e2f 100644
--- a/src/app/shared/components/resource-card/resource-card.component.html
+++ b/src/app/shared/components/resource-card/resource-card.component.html
@@ -4,7 +4,7 @@
       <p-accordion-header class="flex flex-row column-gap-3 align-items-start p-0 pb-4">
         <div class="flex flex-column row-gap-3">
           @if (item().resourceType && item().resourceType === ResourceType.Agent) {
-            <p class="type">User</p>
+            <p class="type">{{ 'resourceCard.type.user' | translate }}</p>
           } @else if (item().resourceType) {
             <p class="type">{{ ResourceType[item().resourceType!] }}</p>
           }
@@ -37,14 +37,16 @@
                 }
               }
               @if (item().creators!.length > 4) {
-                <p class="inline">&nbsp;and {{ item().creators!.length - 4 }} more</p>
+                <p class="inline">
+                  &nbsp;{{ 'resourceCard.more' | translate: { count: item().creators!.length - 4 } }}
+                </p>
               }
             </div>
           }
 
           @if (item().from?.id && item().from?.name) {
             <div>
-              <p class="inline mr-1">From:</p>
+              <p class="inline mr-1">{{ 'resourceCard.labels.from' | translate }}</p>
               <a class="inline" [href]="item().from?.id">{{ item().from?.name }}</a>
             </div>
           }
@@ -52,13 +54,16 @@
           @if (item().dateCreated && item().dateModified) {
             <p class="date">
               @if (!isSmall()) {
-                Date created: {{ item().dateCreated | date: 'MMMM d, y' }} | Date modified:
+                {{ 'resourceCard.labels.dateCreated' | translate }} {{ item().dateCreated | date: 'MMMM d, y' }} |
+                {{ 'resourceCard.labels.dateModified' | translate }}
                 {{ item().dateModified | date: 'MMMM d, y' }}
               } @else {
                 <div class="flex flex-column row-gap-1">
-                  <p>Date created: {{ item().dateCreated | date: 'MMMM d, y' }}</p>
                   <p>
-                    Date modified:
+                    {{ 'resourceCard.labels.dateCreated' | translate }} {{ item().dateCreated | date: 'MMMM d, y' }}
+                  </p>
+                  <p>
+                    {{ 'resourceCard.labels.dateModified' | translate }}
                     {{ item().dateModified | date: 'MMMM d, y' }}
                   </p>
                 </div>
@@ -74,7 +79,7 @@
                 } @else {
                   <i class="osf-icon-data text-4xl"></i>
                 }
-                <p>Data</p>
+                <p>{{ 'resourceCard.resources.data' | translate }}</p>
               </a>
               <a class="icon-container" [href]="item().id + '/resources'">
                 @if (item().hasAnalyticCodeResource) {
@@ -82,7 +87,7 @@
                 } @else {
                   <i class="osf-icon-code text-4xl"></i>
                 }
-                <p>Analytic Code</p>
+                <p>{{ 'resourceCard.resources.analyticCode' | translate }}</p>
               </a>
               <a class="icon-container" [href]="item().id + '/resources'">
                 @if (item().hasMaterialsResource) {
@@ -90,7 +95,7 @@
                 } @else {
                   <i class="osf-icon-materials text-4xl"></i>
                 }
-                <p>Materials</p>
+                <p>{{ 'resourceCard.resources.materials' | translate }}</p>
               </a>
               <a class="icon-container" [href]="item().id + '/resources'">
                 @if (item().hasPapersResource) {
@@ -98,7 +103,7 @@
                 } @else {
                   <i class="osf-icon-papers text-4xl"></i>
                 }
-                <p>Papers</p>
+                <p>{{ 'resourceCard.resources.papers' | translate }}</p>
               </a>
               <a class="icon-container" [href]="item().id + '/resources'">
                 @if (item().hasPapersResource) {
@@ -106,7 +111,7 @@
                 } @else {
                   <i class="osf-icon-supplements text-4xl"></i>
                 }
-                <p>Supplements</p>
+                <p>{{ 'resourceCard.resources.supplements' | translate }}</p>
               </a>
             </div>
           }
@@ -115,48 +120,50 @@
       <p-accordion-content>
         <div class="content">
           @if (item().description) {
-            <p class="description">Description: {{ item().description }}</p>
+            <p class="description">{{ 'resourceCard.labels.description' | translate }} {{ item().description }}</p>
           }
 
           @if (item().provider?.id) {
             <span>
-              <p>Registration provider:&nbsp;</p>
+              <p>{{ 'resourceCard.labels.registrationProvider' | translate }}&nbsp;</p>
               <a [href]="item().provider?.id">{{ item().provider?.name }}</a>
             </span>
           }
 
           @if (item().license?.id) {
             <span>
-              <p>License:&nbsp;</p>
+              <p>{{ 'resourceCard.labels.license' | translate }}&nbsp;</p>
               <a [href]="item().license?.id">{{ item().license?.name }}</a>
             </span>
           }
 
           @if (item().registrationTemplate) {
-            <p class="description">Registration Template: {{ item().registrationTemplate }}</p>
+            <p class="description">
+              {{ 'resourceCard.labels.registrationTemplate' | translate }} {{ item().registrationTemplate }}
+            </p>
           }
 
           @if (item().provider?.id) {
             <span>
-              <p>Provider:&nbsp;</p>
+              <p>{{ 'resourceCard.labels.provider' | translate }}&nbsp;</p>
               <a [href]="item().provider?.id">{{ item().provider?.name }}</a>
             </span>
           }
 
           @if (item().conflictOfInterestResponse && item().conflictOfInterestResponse === 'no-conflict-of-interest') {
-            <p class="description">Conflict of Interest response: Author asserted no Conflict of Interest</p>
+            <p class="description">{{ 'resourceCard.labels.conflictOfInterestResponse' | translate }}</p>
           }
 
           @if (item().resourceType !== ResourceType.Agent && item().id) {
             <span>
-              <p>URL:</p>
+              <p>{{ 'resourceCard.labels.url' | translate }}</p>
               <a [href]="item().id">{{ item().id }}</a>
             </span>
           }
 
           @if (item().doi) {
             <span>
-              <p>DOI:&nbsp;</p>
+              <p>{{ 'resourceCard.labels.doi' | translate }}&nbsp;</p>
               <a [href]="item().doi">{{ item().doi }}</a>
             </span>
           }
@@ -167,18 +174,18 @@
               <p-skeleton width="10rem" height="19px" />
               <p-skeleton width="9rem" height="19px" />
             } @else {
-              <p>Public projects: {{ item().publicProjects ?? 0 }}</p>
-              <p>Public registrations: {{ item().publicRegistrations ?? 0 }}</p>
-              <p>Public preprints: {{ item().publicPreprints ?? 0 }}</p>
+              <p>{{ 'resourceCard.labels.publicProjects' | translate }} {{ item().publicProjects ?? 0 }}</p>
+              <p>{{ 'resourceCard.labels.publicRegistrations' | translate }} {{ item().publicRegistrations ?? 0 }}</p>
+              <p>{{ 'resourceCard.labels.publicPreprints' | translate }} {{ item().publicPreprints ?? 0 }}</p>
             }
           }
 
           @if (item().employment) {
-            <p>Employment: {{ item().employment }}</p>
+            <p>{{ 'resourceCard.labels.employment' | translate }} {{ item().employment }}</p>
           }
 
           @if (item().education) {
-            <p>Education: {{ item().education }}</p>
+            <p>{{ 'resourceCard.labels.education' | translate }} {{ item().education }}</p>
           }
         </div>
       </p-accordion-content>
diff --git a/src/app/shared/components/resource-card/resource-card.component.ts b/src/app/shared/components/resource-card/resource-card.component.ts
index 4d0839bd5..8a2c0bc21 100644
--- a/src/app/shared/components/resource-card/resource-card.component.ts
+++ b/src/app/shared/components/resource-card/resource-card.component.ts
@@ -1,3 +1,5 @@
+import { TranslatePipe } from '@ngx-translate/core';
+
 import { Accordion, AccordionContent, AccordionHeader, AccordionPanel } from 'primeng/accordion';
 import { Skeleton } from 'primeng/skeleton';
 
@@ -15,7 +17,16 @@ import { IS_XSMALL } from '@shared/utils';
 
 @Component({
   selector: 'osf-resource-card',
-  imports: [Accordion, AccordionContent, AccordionHeader, AccordionPanel, DatePipe, NgOptimizedImage, Skeleton],
+  imports: [
+    Accordion,
+    AccordionContent,
+    AccordionHeader,
+    AccordionPanel,
+    DatePipe,
+    NgOptimizedImage,
+    Skeleton,
+    TranslatePipe,
+  ],
   templateUrl: './resource-card.component.html',
   styleUrl: './resource-card.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/src/app/shared/components/resource-metadata/resource-metadata.component.html b/src/app/shared/components/resource-metadata/resource-metadata.component.html
new file mode 100644
index 000000000..ab0997f07
--- /dev/null
+++ b/src/app/shared/components/resource-metadata/resource-metadata.component.html
@@ -0,0 +1,167 @@
+@let resource = currentResource();
+
+@if (resource) {
+  <div class="metadata flex flex-column gap-5">
+    <div class="metadata-header flex align-items-center justify-content-between">
+      <h2>{{ 'project.overview.metadata.title' | translate }}</h2>
+
+      <p-button
+        [routerLink]="'../metadata'"
+        severity="secondary"
+        [label]="'project.overview.metadata.editButton' | translate"
+      ></p-button>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.contributors' | translate }}</h3>
+
+      <div class="flex gap-1 line-height-2">
+        @for (contributor of resource.contributors; track contributor.id) {
+          <div>
+            <a class="font-bold"> {{ contributor.fullName }}</a>
+            <span>{{ $last ? '' : ',' }}</span>
+          </div>
+        }
+      </div>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.description' | translate }}</h3>
+
+      <osf-truncated-text
+        [maxVisibleLines]="3"
+        [text]="resource.description ? resource.description : ('project.overview.metadata.noDescription' | translate)"
+      />
+    </div>
+
+    @if (resource.type === resourceTypes.Projects) {
+      <div class="flex flex-column gap-2">
+        <h3>{{ 'project.overview.metadata.supplements' | translate }}</h3>
+
+        @if (resource.supplements?.length) {
+          @for (supplement of resource.supplements; track supplement.id) {
+            <p>
+              {{ 'project.overview.metadata.supplementsText1' | translate }}
+              <a class="font-bold" target="_blank" href="{{ supplement.url }}">{{
+                supplement.title + ', ' + (supplement.dateCreated | date: 'MMMM d, y')
+              }}</a>
+              {{ 'project.overview.metadata.supplementsText2' | translate }}
+            </p>
+          }
+        } @else {
+          <p>{{ 'project.overview.metadata.noSupplements' | translate }}</p>
+        }
+      </div>
+    }
+
+    @if (resource.type === resourceTypes.Registrations) {
+      <div class="flex flex-column gap-2">
+        <h3>{{ 'registry.overview.metadata.type' | translate }}</h3>
+        <p>{{ resource.registrationType }}</p>
+      </div>
+
+      @if (resource.associatedProjectId) {
+        <div class="flex flex-column gap-2">
+          <h3>{{ 'registry.overview.metadata.associatedProject' | translate }}</h3>
+          <!--          [KP] TODO: proper link to project-->
+          <a [href]="'https://osf.io/' + resource.associatedProjectId">{{
+            'osf.io/' + resource.associatedProjectId
+          }}</a>
+        </div>
+      }
+    }
+
+    <div class="flex gap-5 lg:gap-2 lg:justify-content-between">
+      <div class="flex flex-column gap-2">
+        <h3>{{ 'project.overview.metadata.dateCreated' | translate }}</h3>
+        <p>{{ resource.dateCreated | date: 'MMM d, y, h:mm a' }}</p>
+      </div>
+
+      @if (resource.type !== resourceTypes.Registrations) {
+        <div class="flex flex-column gap-2">
+          <h3>{{ 'project.overview.metadata.dateUpdated' | translate }}</h3>
+          <p>{{ resource.dateModified | date: 'MMM d, y, h:mm a' }}</p>
+        </div>
+      } @else {
+        <div class="flex flex-column gap-2">
+          <h3>{{ 'registry.overview.metadata.registeredDate' | translate }}</h3>
+          <p>{{ resource.dateRegistered | date: 'MMM d, y, h:mm a' }}</p>
+        </div>
+      }
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.licence' | translate }}</h3>
+
+      <div>{{ resource.license?.name ?? ('project.overview.metadata.noLicense' | translate) }}</div>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      @if (resource.type !== resourceTypes.Registrations) {
+        <h3>{{ 'project.overview.metadata.publication' | translate }}</h3>
+      } @else {
+        <h3>{{ 'registry.overview.metadata.doi' | translate }}</h3>
+      }
+
+      @if (resource.identifiers?.length) {
+        @for (identifier of resource.identifiers; track identifier.id) {
+          @if (identifier.category === 'doi') {
+            @if (resource.type !== resourceTypes.Registrations) {
+              <a [href]="'https://doi.org/' + identifier.value">
+                {{ identifier.value }}
+              </a>
+            } @else {
+              <a [href]="'https://doi.org/' + identifier.value">
+                {{ 'https://doi.org/' + identifier.value }}
+              </a>
+            }
+          }
+        }
+      } @else {
+        <p>{{ 'project.overview.metadata.noPublicationDoi' | translate }}</p>
+      }
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.affiliatedInstitutions' | translate }}</h3>
+
+      <div class="flex gap-2">
+        @if (resource.affiliatedInstitutions?.length) {
+          @for (institution of resource.affiliatedInstitutions; track institution.id) {
+            <img alt="institution logo" [src]="institution.logo" height="45" />
+          }
+        } @else {
+          <p>{{ 'project.overview.metadata.noAffiliatedInstitutions' | translate }}</p>
+        }
+      </div>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.subjects' | translate }}</h3>
+
+      <div class="flex gap-2">
+        @if (resource.subjects.length) {
+          @for (subject of resource.subjects; track subject.id) {
+            <p-tag [value]="subject.text" severity="info" />
+          }
+        } @else {
+          <p>{{ 'project.overview.metadata.noSubjects' | translate }}</p>
+        }
+      </div>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.tags' | translate }}</h3>
+
+      @if (resource.tags.length) {
+        <div class="flex gap-2">
+          @for (tag of resource.tags; track tag) {
+            <p-tag [value]="tag" severity="info" />
+          }
+        </div>
+      } @else {
+        <p>{{ 'project.overview.metadata.noTags' | translate }}</p>
+      }
+    </div>
+  </div>
+}
diff --git a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.scss b/src/app/shared/components/resource-metadata/resource-metadata.component.scss
similarity index 51%
rename from src/app/features/project/overview/components/overview-metadata/overview-metadata.component.scss
rename to src/app/shared/components/resource-metadata/resource-metadata.component.scss
index 51d58cfb4..b3d944f2b 100644
--- a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.scss
+++ b/src/app/shared/components/resource-metadata/resource-metadata.component.scss
@@ -1,4 +1,4 @@
-@use "/assets/styles/variables" as var;
+@use "assets/styles/variables" as var;
 
 .metadata {
   color: var.$dark-blue-1;
diff --git a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.spec.ts b/src/app/shared/components/resource-metadata/resource-metadata.component.spec.ts
similarity index 90%
rename from src/app/features/project/overview/components/overview-metadata/overview-metadata.component.spec.ts
rename to src/app/shared/components/resource-metadata/resource-metadata.component.spec.ts
index eda589939..03524df23 100644
--- a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.spec.ts
+++ b/src/app/shared/components/resource-metadata/resource-metadata.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { OverviewMetadataComponent } from './overview-metadata.component';
+import { OverviewMetadataComponent } from './resource-metadata.component';
 
 describe('OverviewMetadataComponent', () => {
   let component: OverviewMetadataComponent;
diff --git a/src/app/shared/components/resource-metadata/resource-metadata.component.ts b/src/app/shared/components/resource-metadata/resource-metadata.component.ts
new file mode 100644
index 000000000..6ed5d5e6b
--- /dev/null
+++ b/src/app/shared/components/resource-metadata/resource-metadata.component.ts
@@ -0,0 +1,25 @@
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { Tag } from 'primeng/tag';
+
+import { DatePipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { RouterLink } from '@angular/router';
+
+import { TruncatedTextComponent } from '@shared/components';
+import { OsfResourceTypes } from '@shared/constants';
+import { ResourceOverview } from '@shared/models';
+
+@Component({
+  selector: 'osf-resource-metadata',
+  imports: [Button, TranslatePipe, TruncatedTextComponent, RouterLink, Tag, DatePipe],
+  templateUrl: './resource-metadata.component.html',
+  styleUrl: './resource-metadata.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ResourceMetadataComponent {
+  currentResource = input.required<ResourceOverview | null>();
+
+  protected readonly resourceTypes = OsfResourceTypes;
+}
diff --git a/src/app/shared/constants/index.ts b/src/app/shared/constants/index.ts
index b7598dcf2..db82d3e95 100644
--- a/src/app/shared/constants/index.ts
+++ b/src/app/shared/constants/index.ts
@@ -5,6 +5,7 @@ export * from './input-limits.const';
 export * from './input-validation-messages.const';
 export * from './language.const';
 export * from './meetings-table.constants';
+export * from './osf-resource-types.const';
 export * from './registry-services-icons.const';
 export * from './remove-nullable.const';
 export * from './resource-filters-defaults';
diff --git a/src/app/shared/constants/osf-resource-types.const.ts b/src/app/shared/constants/osf-resource-types.const.ts
new file mode 100644
index 000000000..14707ddae
--- /dev/null
+++ b/src/app/shared/constants/osf-resource-types.const.ts
@@ -0,0 +1,4 @@
+export const OsfResourceTypes = {
+  Projects: 'nodes',
+  Registrations: 'registrations',
+};
diff --git a/src/app/shared/mappers/index.ts b/src/app/shared/mappers/index.ts
index 8c81d4fe5..660957344 100644
--- a/src/app/shared/mappers/index.ts
+++ b/src/app/shared/mappers/index.ts
@@ -2,4 +2,5 @@ export * from './addon.mapper';
 export * from './filters';
 export * from './institutions';
 export * from './resource-card';
+export * from './resource-overview.mappers';
 export * from './subjects';
diff --git a/src/app/shared/mappers/resource-overview.mappers.ts b/src/app/shared/mappers/resource-overview.mappers.ts
new file mode 100644
index 000000000..24dc74f26
--- /dev/null
+++ b/src/app/shared/mappers/resource-overview.mappers.ts
@@ -0,0 +1,79 @@
+import { ProjectOverview } from '@osf/features/project/overview/models';
+import { RegistryInstitution, RegistryOverview, RegistrySubject } from '@osf/features/registry/models';
+import { ResourceOverview } from '@shared/models';
+
+export function MapProjectOverview(project: ProjectOverview): ResourceOverview {
+  return {
+    id: project.id,
+    type: project.type,
+    title: project.title,
+    description: project.description,
+    dateModified: project.dateModified,
+    dateCreated: project.dateCreated,
+    isPublic: project.isPublic,
+    category: project.category,
+    isRegistration: project.isRegistration,
+    isPreprint: project.isPreprint,
+    isFork: project.isFork,
+    isCollection: project.isCollection,
+    tags: project.tags || [],
+    accessRequestsEnabled: project.accessRequestsEnabled,
+    nodeLicense: project.nodeLicense || undefined,
+    license: project.license || undefined,
+    storage: project.storage || undefined,
+    identifiers: project.identifiers?.filter(Boolean) || undefined,
+    supplements: project.supplements?.filter(Boolean) || undefined,
+    analyticsKey: project.analyticsKey,
+    currentUserCanComment: project.currentUserCanComment,
+    currentUserPermissions: project.currentUserPermissions || [],
+    currentUserIsContributor: project.currentUserIsContributor,
+    currentUserIsContributorOrGroupMember: project.currentUserIsContributorOrGroupMember,
+    wikiEnabled: project.wikiEnabled,
+    subjects: project.subjects?.filter(Boolean) || [],
+    contributors: project.contributors?.filter(Boolean) || [],
+    region: project.region || undefined,
+    affiliatedInstitutions: project.affiliatedInstitutions?.filter(Boolean) || undefined,
+    forksCount: project.forksCount || 0,
+    viewOnlyLinksCount: project.viewOnlyLinksCount || 0,
+  };
+}
+
+export function MapRegistryOverview(
+  registry: RegistryOverview,
+  subjects: RegistrySubject[],
+  institutions: RegistryInstitution[]
+): ResourceOverview {
+  return {
+    id: registry.id,
+    title: registry.title,
+    type: registry.type,
+    description: registry.description,
+    dateModified: registry.dateModified,
+    dateCreated: registry.dateCreated,
+    dateRegistered: registry.dateRegistered,
+    isPublic: registry.isPublic,
+    category: registry.category,
+    isRegistration: true,
+    isPreprint: false,
+    isCollection: false,
+    isFork: registry.isFork,
+    tags: registry.tags || [],
+    accessRequestsEnabled: registry.accessRequestsEnabled,
+    nodeLicense: registry.nodeLicense || undefined,
+    license: registry.license || undefined,
+    identifiers: registry.identifiers?.filter(Boolean) || undefined,
+    analyticsKey: registry.analyticsKey,
+    registrationType: registry.registrationType,
+    currentUserCanComment: registry.currentUserCanComment,
+    currentUserPermissions: registry.currentUserPermissions || [],
+    currentUserIsContributor: registry.currentUserIsContributor,
+    currentUserIsContributorOrGroupMember: registry.currentUserIsContributorOrGroupMember,
+    wikiEnabled: registry.wikiEnabled,
+    contributors: registry.contributors?.filter(Boolean) || [],
+    region: registry.region || undefined,
+    forksCount: registry.forksCount,
+    subjects: subjects,
+    affiliatedInstitutions: institutions,
+    associatedProjectId: registry.associatedProjectId,
+  };
+}
diff --git a/src/app/shared/models/index.ts b/src/app/shared/models/index.ts
index da257ac55..a38080234 100644
--- a/src/app/shared/models/index.ts
+++ b/src/app/shared/models/index.ts
@@ -20,6 +20,7 @@ export * from './node-subject.model';
 export * from './paginated-data.model';
 export * from './query-params.model';
 export * from './resource-card';
+export * from './resource-overview.model';
 export * from './select-option.model';
 export * from './severity.type';
 export * from './social-icon.model';
diff --git a/src/app/shared/models/resource-overview.model.ts b/src/app/shared/models/resource-overview.model.ts
new file mode 100644
index 000000000..77caa9968
--- /dev/null
+++ b/src/app/shared/models/resource-overview.model.ts
@@ -0,0 +1,69 @@
+import { ProjectOverviewContributor } from '@osf/features/project/overview/models';
+import { RegistrySubject } from '@osf/features/registry/models';
+
+export interface ResourceOverview {
+  id: string;
+  type: string;
+  title: string;
+  description: string;
+  dateModified: string;
+  dateCreated: string;
+  dateRegistered?: string;
+  isPublic: boolean;
+  category: string;
+  isRegistration: boolean;
+  isPreprint: boolean;
+  isFork: boolean;
+  isCollection: boolean;
+  tags: string[];
+  accessRequestsEnabled: boolean;
+  nodeLicense?: {
+    copyrightHolders: string[];
+    year: string;
+  };
+  license?: {
+    name: string;
+    text: string;
+    url: string;
+  };
+  storage?: {
+    id: string;
+    type: string;
+    storageLimitStatus: string;
+    storageUsage: string;
+  };
+  identifiers?: {
+    id: string;
+    type: string;
+    category: string;
+    value: string;
+  }[];
+  supplements?: {
+    id: string;
+    type: string;
+    title: string;
+    dateCreated: string;
+    url: string;
+  }[];
+  registrationType?: string;
+  analyticsKey: string;
+  currentUserCanComment: boolean;
+  currentUserPermissions: string[];
+  currentUserIsContributor: boolean;
+  currentUserIsContributorOrGroupMember: boolean;
+  wikiEnabled: boolean;
+  subjects: RegistrySubject[];
+  contributors: ProjectOverviewContributor[];
+  region?: {
+    id: string;
+    type: string;
+  };
+  affiliatedInstitutions?: {
+    id: string;
+    logo: string;
+    logoRounded?: string;
+  }[];
+  forksCount: number;
+  viewOnlyLinksCount?: number;
+  associatedProjectId?: string;
+}
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 0b155c3f9..4ac14ace4 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -1548,6 +1548,21 @@
     "browse": "Browse Registrations",
     "seeMore": "See more"
   },
+  "registry": {
+    "overview": {
+      "public": "Public Registration",
+      "updates": "Updates",
+      "statuses": {
+        "frozen": "This public registration is a frozen, non-editable version of this"
+      },
+      "metadata": {
+        "type": "Registration Type",
+        "registeredDate": "Date registered",
+        "doi": "Registration DOI",
+        "associatedProject": "Associated project"
+      }
+    }
+  },
   "truncatedText": {
     "readMore": "Read more",
     "hide": "Hide"
@@ -1583,6 +1598,37 @@
       "supplements": "Supplements"
     }
   },
+  "resourceCard": {
+    "type": {
+      "user": "User"
+    },
+    "labels": {
+      "from": "From:",
+      "dateCreated": "Date created:",
+      "dateModified": "Date modified:",
+      "description": "Description:",
+      "registrationProvider": "Registration provider:",
+      "license": "License:",
+      "registrationTemplate": "Registration Template:",
+      "provider": "Provider:",
+      "conflictOfInterestResponse": "Conflict of Interest response: Author asserted no Conflict of Interest",
+      "url": "URL:",
+      "doi": "DOI:",
+      "publicProjects": "Public projects:",
+      "publicRegistrations": "Public registrations:",
+      "publicPreprints": "Public preprints:",
+      "employment": "Employment:",
+      "education": "Education:"
+    },
+    "resources": {
+      "data": "Data",
+      "analyticCode": "Analytic Code",
+      "materials": "Materials",
+      "papers": "Papers",
+      "supplements": "Supplements"
+    },
+    "more": "and {{count}} more"
+  },
   "pageNotFound": {
     "title": "Page not found",
     "message": "The page you were looking for is either doesn't exist, was deleted, or the URL may be incorrect. If this should not have occurred and the issue persists, please report it to"

From 9e96e92d290e428749a4885d58b3a349f13be3c0 Mon Sep 17 00:00:00 2001
From: Kyrylo Petrov <kpetrov@exoft.net>
Date: Tue, 1 Jul 2025 15:10:23 +0300
Subject: [PATCH 5/6] fix(registry-overview): fixes

---
 .../overview-toolbar.component.html           |  14 +-
 .../mappers/registry-overview.mapper.ts       |   4 +-
 .../get-registry-overview-json-api.model.ts   | 121 +++++++++++++++++
 ...et-registry-schema-block-json-api.model.ts |   9 --
 src/app/features/registry/models/index.ts     |   1 +
 .../models/registry-overview.models.ts        | 123 +-----------------
 .../registry-overview.component.html          |  32 +++--
 .../registry-overview.component.scss          |  13 +-
 .../registry-overview.component.ts            |   4 +-
 .../resource-card.component.html              |  10 +-
 .../resource-metadata.component.html          |   4 +-
 .../resource-metadata.component.ts            |   2 +-
 src/assets/i18n/en.json                       |  10 +-
 13 files changed, 181 insertions(+), 166 deletions(-)
 create mode 100644 src/app/features/registry/models/get-registry-overview-json-api.model.ts

diff --git a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
index b1affe1c6..42c7d9ab1 100644
--- a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
+++ b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
@@ -1,11 +1,9 @@
 @let resource = currentResource();
 
-@if (project) {
-  <div
-    class="pl-3 pb-5 pr-3 flex flex-column gap-5 sm:pl-5 sm:pr-5 lg:flex-row lg:align-items-center lg:justify-content-between"
-  >
+@if (resource) {
+  <div class="flex flex-column gap-5 lg:flex-row lg:align-items-center lg:justify-content-between">
     @if (visibilityToggle()) {
-      <div class="flex gap-3 align-items-start">
+      <div class="flex gap-3 align-items-center">
         <div class="flex gap-1" [class.inactive]="isPublic()">
           <i class="fas fa-lock"></i>
           <p class="font-bold">{{ 'project.overview.header.privateProject' | translate }}</p>
@@ -34,9 +32,9 @@
               class="flex"
               [pTooltip]="'project.overview.tooltips.viewOnlyLinks' | translate"
               tooltipPosition="bottom"
-              [routerLink]="['/my-projects', project.id, 'settings']"
+              [routerLink]="['/my-projects', resource.id, 'settings']"
             >
-              <span class="font-bold">{{ project.viewOnlyLinksCount }}</span>
+              <span class="font-bold">{{ resource.viewOnlyLinksCount }}</span>
               <i class="fas fa-link text-2xl"></i>
             </p-button>
           }
@@ -75,7 +73,7 @@
             }
           </p-button>
 
-          @if (project.isPublic) {
+          @if (resource.isPublic) {
             <p-button
               class="flex"
               (click)="socialsActionMenu.toggle($event)"
diff --git a/src/app/features/registry/mappers/registry-overview.mapper.ts b/src/app/features/registry/mappers/registry-overview.mapper.ts
index 226a179a1..591b914d9 100644
--- a/src/app/features/registry/mappers/registry-overview.mapper.ts
+++ b/src/app/features/registry/mappers/registry-overview.mapper.ts
@@ -1,6 +1,6 @@
-import { RegistryOverview, RegistryOverviewData } from '@osf/features/registry/models';
+import { RegistryOverview, RegistryOverviewJsonApiData } from '@osf/features/registry/models';
 
-export function MapRegistryOverview(data: RegistryOverviewData): RegistryOverview {
+export function MapRegistryOverview(data: RegistryOverviewJsonApiData): RegistryOverview {
   return {
     id: data.id,
     type: data.type,
diff --git a/src/app/features/registry/models/get-registry-overview-json-api.model.ts b/src/app/features/registry/models/get-registry-overview-json-api.model.ts
new file mode 100644
index 000000000..9be0c0156
--- /dev/null
+++ b/src/app/features/registry/models/get-registry-overview-json-api.model.ts
@@ -0,0 +1,121 @@
+import { ApiData, JsonApiResponse } from '@core/models';
+
+export type GetRegistryOverviewJsonApi = JsonApiResponse<RegistryOverviewJsonApiData, null>;
+
+export type RegistryOverviewJsonApiData = ApiData<
+  RegistryOverviewJsonApiAttributes,
+  RegistryOverviewJsonApiEmbed,
+  RegistryOverviewJsonApiRelationships,
+  null
+>;
+
+export interface RegistryOverviewJsonApiAttributes {
+  id: string;
+  public: boolean;
+  title: string;
+  description: string;
+  date_modified: string;
+  date_created: string;
+  date_registered: string;
+  registration_supplement: string;
+  doi: string;
+  tags: string[];
+  category: string;
+  fork?: boolean;
+  accessRequestsEnabled?: boolean;
+  node_license?: {
+    copyright_holders: string[];
+    year: string;
+  };
+  analyticsKey: string;
+  current_user_can_comment: boolean;
+  current_user_permissions: string[];
+  current_user_is_contributor: boolean;
+  current_user_is_contributor_or_group_member: boolean;
+  wikiEnabled: boolean;
+  has_data: boolean;
+  has_analytic_code: boolean;
+  has_materials: boolean;
+  has_papers: boolean;
+  has_supplements: boolean;
+  registration_responses: RegistrationQuestions;
+}
+
+export type RegistrationQuestions = Record<string, string | string[] | { file_id: string; file_name: string }[]>;
+
+export interface RegistryOverviewJsonApiEmbed {
+  bibliographic_contributors: {
+    data: {
+      embeds: {
+        users: {
+          data: {
+            attributes: {
+              family_name: string;
+              full_name: string;
+              given_name: string;
+              middle_names: string;
+            };
+            id: string;
+            type: string;
+          };
+        };
+      };
+    }[];
+  };
+  license: {
+    data: {
+      id: string;
+      type: string;
+      attributes: {
+        name: string;
+        text: string;
+        url: string;
+      };
+    };
+  };
+  identifiers: {
+    data: {
+      id: string;
+      type: string;
+      attributes: {
+        category: string;
+        value: string;
+      };
+    }[];
+  };
+}
+
+export interface RegistryOverviewJsonApiRelationships {
+  forks: {
+    links: {
+      related: {
+        meta: {
+          count: number;
+        };
+      };
+    };
+  };
+  registered_from: {
+    data: {
+      id: string;
+    };
+  };
+  citation: {
+    data: {
+      id: string;
+    };
+  };
+  region?: {
+    data: {
+      id: string;
+      type: string;
+    };
+  };
+  registration_schema: {
+    links: {
+      related: {
+        href: string;
+      };
+    };
+  };
+}
diff --git a/src/app/features/registry/models/get-registry-schema-block-json-api.model.ts b/src/app/features/registry/models/get-registry-schema-block-json-api.model.ts
index 59f0b77ff..dd4db0c5e 100644
--- a/src/app/features/registry/models/get-registry-schema-block-json-api.model.ts
+++ b/src/app/features/registry/models/get-registry-schema-block-json-api.model.ts
@@ -3,15 +3,6 @@ import { ApiData, JsonApiResponse } from '@core/models';
 export type GetRegistrySchemaBlockJsonApi = JsonApiResponse<ApiData<SchemaBlockAttributes, null, null, null>[], null>;
 
 export interface SchemaBlockAttributes {
-  // block_type:
-  //   | 'page-heading'
-  //   | 'subsection-heading'
-  //   | 'paragraph'
-  //   | 'question-label'
-  //   | 'long-text-input'
-  //   | 'file-input'
-  //   | 'single-select-input'
-  //   | 'multi-select-input';
   block_type: string;
   display_text: string;
   registration_response_key: string | null;
diff --git a/src/app/features/registry/models/index.ts b/src/app/features/registry/models/index.ts
index 2c3096db2..c92010cce 100644
--- a/src/app/features/registry/models/index.ts
+++ b/src/app/features/registry/models/index.ts
@@ -1,4 +1,5 @@
 export * from './get-registry-institutions-json-api.model';
+export * from './get-registry-overview-json-api.model';
 export * from './get-registry-schema-block-json-api.model';
 export * from './get-resource-subjects-json-api.model';
 export * from './registry-institution.model';
diff --git a/src/app/features/registry/models/registry-overview.models.ts b/src/app/features/registry/models/registry-overview.models.ts
index bf065390b..cd1617120 100644
--- a/src/app/features/registry/models/registry-overview.models.ts
+++ b/src/app/features/registry/models/registry-overview.models.ts
@@ -1,6 +1,5 @@
-import { ApiData, JsonApiResponse } from '@core/models';
 import { ProjectOverviewContributor } from '@osf/features/project/overview/models';
-import { RegistrySubject } from '@osf/features/registry/models/registry-subject.model';
+import { RegistrationQuestions, RegistrySubject } from '@osf/features/registry/models';
 
 export interface RegistryOverview {
   id: string;
@@ -55,123 +54,3 @@ export interface RegistryOverview {
   registrationSchemaLink: string;
   associatedProjectId: string;
 }
-
-export type GetRegistryOverviewJsonApi = JsonApiResponse<RegistryOverviewData, null>;
-
-export type RegistryOverviewData = ApiData<
-  RegistryOverviewAttributes,
-  RegistryOverviewEmbed,
-  RegistryOverviewRelationships,
-  null
->;
-
-export interface RegistryOverviewAttributes {
-  id: string;
-  public: boolean;
-  title: string;
-  description: string;
-  date_modified: string;
-  date_created: string;
-  date_registered: string;
-  registration_supplement: string;
-  doi: string;
-  tags: string[];
-  category: string;
-  fork?: boolean;
-  accessRequestsEnabled?: boolean;
-  node_license?: {
-    copyright_holders: string[];
-    year: string;
-  };
-  analyticsKey: string;
-  current_user_can_comment: boolean;
-  current_user_permissions: string[];
-  current_user_is_contributor: boolean;
-  current_user_is_contributor_or_group_member: boolean;
-  wikiEnabled: boolean;
-  has_data: boolean;
-  has_analytic_code: boolean;
-  has_materials: boolean;
-  has_papers: boolean;
-  has_supplements: boolean;
-  registration_responses: RegistrationQuestions;
-}
-
-export type RegistrationQuestions = Record<string, string | string[] | { file_id: string; file_name: string }[]>;
-
-export interface RegistryOverviewEmbed {
-  bibliographic_contributors: {
-    data: {
-      embeds: {
-        users: {
-          data: {
-            attributes: {
-              family_name: string;
-              full_name: string;
-              given_name: string;
-              middle_names: string;
-            };
-            id: string;
-            type: string;
-          };
-        };
-      };
-    }[];
-  };
-  license: {
-    data: {
-      id: string;
-      type: string;
-      attributes: {
-        name: string;
-        text: string;
-        url: string;
-      };
-    };
-  };
-  identifiers: {
-    data: {
-      id: string;
-      type: string;
-      attributes: {
-        category: string;
-        value: string;
-      };
-    }[];
-  };
-}
-
-export interface RegistryOverviewRelationships {
-  forks: {
-    links: {
-      related: {
-        meta: {
-          count: number;
-        };
-      };
-    };
-  };
-  registered_from: {
-    data: {
-      id: string;
-    };
-  };
-  citation: {
-    data: {
-      id: string;
-    };
-  };
-  region?: {
-    data: {
-      id: string;
-      type: string;
-    };
-  };
-  registration_schema: {
-    links: {
-      related: {
-        href: string;
-      };
-    };
-  };
-}
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.html b/src/app/features/registry/pages/registry-overview/registry-overview.component.html
index 54daecbb6..a492cedd8 100644
--- a/src/app/features/registry/pages/registry-overview/registry-overview.component.html
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.html
@@ -1,4 +1,4 @@
-@if (!isRegistryLoading() && !isSubjectsLoading() && !isInstitutionsLoading() && !isSchemaBlocks()) {
+@if (!isRegistryLoading() && !isSubjectsLoading() && !isInstitutionsLoading() && !isSchemaBlocksLoading()) {
   <div class="flex justify-content-between align-items-center">
     <osf-sub-header [title]="registry()!.title" />
 
@@ -45,7 +45,7 @@
         <p>{{ 'resourceCard.resources.papers' | translate }}</p>
       </a>
       <a class="icon-container" [href]="registry()?.id + '/resources'">
-        @if (registry()?.hasPapers) {
+        @if (registry()?.hasSupplements) {
           <img src="assets/icons/colored/supplements-colored.svg" alt="supplements-resource" />
         } @else {
           <i class="osf-icon-supplements text-4xl"></i>
@@ -57,27 +57,41 @@
     <div class="flex gap-4">
       <div class="left-section gap-4">
         <!--        TODO: statuses and schema updates-->
-        <div class="flex gap-4 resource accordion-auto-height">
-          <p-accordion class="accordion-border px-4 py-4 flex-1">
+        <div class="flex gap-4 resource">
+          <p-accordion class="accordion-border px-4 py-4 flex-1 no-padding">
             <p-accordion-panel value="0">
               <p-accordion-header class="flex flex-row column-gap-3 align-items-center">
                 <p class="font-bold">{{ 'registry.overview.public' | translate }}</p>
               </p-accordion-header>
               <p-accordion-content>
-                <div class="content">
-                  <p class="font-bold">{{ 'registry.overview.public' | translate }}</p>
+                <div class="content pt-4">
+                  <h2 class="font-normal mb-2">{{ 'common.labels.public' | translate }}</h2>
                   <p>{{ 'registry.overview.statuses.frozen' | translate }}</p>
                 </div>
               </p-accordion-content>
             </p-accordion-panel>
           </p-accordion>
-          <p-accordion class="accordion-border p-4 py-4 flex-1">
+          <p-accordion class="accordion-border p-4 py-4 flex-1 no-padding">
             <p-accordion-panel value="0">
               <p-accordion-header class="flex flex-row column-gap-3 align-items-center">
                 {{ 'registry.overview.updates' | translate }}
               </p-accordion-header>
               <p-accordion-content>
-                <div class="content">Important</div>
+                <div class="flex flex-column gap-2 align-items-center justify-content-center">
+                  <p-button
+                    severity="info"
+                    class="w-full"
+                    styleClass="w-full"
+                    [label]="'registry.overview.original' | translate"
+                  />
+                  <p-button
+                    severity="info"
+                    class="w-full"
+                    styleClass="w-full"
+                    [label]="'registry.overview.last' | translate"
+                  />
+                  <p-button class="w-full" styleClass="w-full" [label]="'common.buttons.update' | translate" />
+                </div>
               </p-accordion-content>
             </p-accordion-panel>
           </p-accordion>
@@ -102,7 +116,7 @@
               <h1 class="pb-4 text-no-transform" [class.mt-4]="$index !== 0">{{ block.value }}</h1>
             } @else if ((block.type === 'subsection-heading' || block.type === 'question-label') && block.value) {
               <h3 class="pb-4 text-no-transform">{{ block.value }}</h3>
-            } @else if (block.value) {
+            } @else if (block.value !== 'select-input-option') {
               <p class="pb-4 text-no-transform">{{ block.value }}</p>
             }
           }
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.scss b/src/app/features/registry/pages/registry-overview/registry-overview.component.scss
index 1433fde67..90ecba76c 100644
--- a/src/app/features/registry/pages/registry-overview/registry-overview.component.scss
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.scss
@@ -1,10 +1,11 @@
 @use "/assets/styles/variables" as var;
+@use "assets/styles/mixins" as mix;
 
 .icon-container {
   color: var.$dark-blue-1;
   display: flex;
   align-items: center;
-  column-gap: 0.3rem;
+  column-gap: 0.5rem;
 
   &:hover {
     text-decoration: none;
@@ -21,18 +22,22 @@
 
 .accordion-border {
   border: 1px solid var.$grey-2;
-  border-radius: 12px;
+  border-radius: mix.rem(12px);
   height: max-content !important;
 }
 
 .blocks-section {
   border: 1px solid var.$grey-2;
-  border-radius: 12px;
+  border-radius: mix.rem(12px);
   height: max-content;
 }
 
 .right-section {
   flex: 1;
   border: 1px solid var.$grey-2;
-  border-radius: 12px;
+  border-radius: mix.rem(12px);
+}
+
+.no-padding {
+  --p-accordion-header-padding: 0;
 }
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.ts b/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
index 8b107662a..ec8840d9e 100644
--- a/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
@@ -3,6 +3,7 @@ import { createDispatchMap, select } from '@ngxs/store';
 import { TranslatePipe } from '@ngx-translate/core';
 
 import { Accordion, AccordionContent, AccordionHeader, AccordionPanel } from 'primeng/accordion';
+import { Button } from 'primeng/button';
 import { DialogService } from 'primeng/dynamicdialog';
 
 import { ChangeDetectionStrategy, Component, computed, HostBinding, inject } from '@angular/core';
@@ -34,6 +35,7 @@ import { ToolbarResource } from '@shared/models';
     AccordionPanel,
     AccordionHeader,
     ResourceMetadataComponent,
+    Button,
   ],
   templateUrl: './registry-overview.component.html',
   styleUrl: './registry-overview.component.scss',
@@ -52,7 +54,7 @@ export class RegistryOverviewComponent {
   protected readonly institutions = select(RegistryOverviewSelectors.getInstitutions);
   protected readonly isInstitutionsLoading = select(RegistryOverviewSelectors.isInstitutionsLoading);
   protected readonly schemaBlocks = select(RegistryOverviewSelectors.getSchemaBlocks);
-  protected readonly isSchemaBlocks = select(RegistryOverviewSelectors.isSchemaBlocksLoading);
+  protected readonly isSchemaBlocksLoading = select(RegistryOverviewSelectors.isSchemaBlocksLoading);
 
   protected readonly resourceOverview = computed(() => {
     const registry = this.registry();
diff --git a/src/app/shared/components/resource-card/resource-card.component.html b/src/app/shared/components/resource-card/resource-card.component.html
index 5432a6e2f..b2e26060f 100644
--- a/src/app/shared/components/resource-card/resource-card.component.html
+++ b/src/app/shared/components/resource-card/resource-card.component.html
@@ -75,7 +75,7 @@
             <div class="flex column-gap-5 row-gap-3 mt-1 flex-wrap">
               <a class="icon-container" [href]="item().id + '/resources'">
                 @if (item().hasDataResource) {
-                  <i class="osf-icon-data-colored text-4xl"></i>
+                  <img src="assets/icons/colored/data-colored.svg" alt="data-resource" />
                 } @else {
                   <i class="osf-icon-data text-4xl"></i>
                 }
@@ -83,7 +83,7 @@
               </a>
               <a class="icon-container" [href]="item().id + '/resources'">
                 @if (item().hasAnalyticCodeResource) {
-                  <i class="osf-icon-code-colored text-4xl"></i>
+                  <img src="assets/icons/colored/code-colored.svg" alt="code-resource" />
                 } @else {
                   <i class="osf-icon-code text-4xl"></i>
                 }
@@ -91,7 +91,7 @@
               </a>
               <a class="icon-container" [href]="item().id + '/resources'">
                 @if (item().hasMaterialsResource) {
-                  <i class="osf-icon-materials-colored text-4xl"></i>
+                  <img src="assets/icons/colored/materials-colored.svg" alt="materials-resource" />
                 } @else {
                   <i class="osf-icon-materials text-4xl"></i>
                 }
@@ -99,7 +99,7 @@
               </a>
               <a class="icon-container" [href]="item().id + '/resources'">
                 @if (item().hasPapersResource) {
-                  <i class="osf-icon-papers-colored text-4xl"></i>
+                  <img src="assets/icons/colored/papers-colored.svg" alt="papers-resource" />
                 } @else {
                   <i class="osf-icon-papers text-4xl"></i>
                 }
@@ -107,7 +107,7 @@
               </a>
               <a class="icon-container" [href]="item().id + '/resources'">
                 @if (item().hasPapersResource) {
-                  <i class="osf-icon-supplements-colored text-4xl"></i>
+                  <img src="assets/icons/colored/supplements-colored.svg" alt="supplements-resource" />
                 } @else {
                   <i class="osf-icon-supplements text-4xl"></i>
                 }
diff --git a/src/app/shared/components/resource-metadata/resource-metadata.component.html b/src/app/shared/components/resource-metadata/resource-metadata.component.html
index ab0997f07..25dfd898a 100644
--- a/src/app/shared/components/resource-metadata/resource-metadata.component.html
+++ b/src/app/shared/components/resource-metadata/resource-metadata.component.html
@@ -8,7 +8,7 @@ <h2>{{ 'project.overview.metadata.title' | translate }}</h2>
       <p-button
         [routerLink]="'../metadata'"
         severity="secondary"
-        [label]="'project.overview.metadata.editButton' | translate"
+        [label]="'common.buttons.edit' | translate"
       ></p-button>
     </div>
 
@@ -91,7 +91,7 @@ <h3>{{ 'registry.overview.metadata.registeredDate' | translate }}</h3>
     </div>
 
     <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.licence' | translate }}</h3>
+      <h3>{{ 'project.overview.metadata.license' | translate }}</h3>
 
       <div>{{ resource.license?.name ?? ('project.overview.metadata.noLicense' | translate) }}</div>
     </div>
diff --git a/src/app/shared/components/resource-metadata/resource-metadata.component.ts b/src/app/shared/components/resource-metadata/resource-metadata.component.ts
index 6ed5d5e6b..6b02fa95f 100644
--- a/src/app/shared/components/resource-metadata/resource-metadata.component.ts
+++ b/src/app/shared/components/resource-metadata/resource-metadata.component.ts
@@ -7,7 +7,7 @@ import { DatePipe } from '@angular/common';
 import { ChangeDetectionStrategy, Component, input } from '@angular/core';
 import { RouterLink } from '@angular/router';
 
-import { TruncatedTextComponent } from '@shared/components';
+import { TruncatedTextComponent } from '@shared/components/truncated-text/truncated-text.component';
 import { OsfResourceTypes } from '@shared/constants';
 import { ResourceOverview } from '@shared/models';
 
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 8d1f36514..cd0c61c7a 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -23,7 +23,8 @@
       "skip": "Skip",
       "done": "Done",
       "select": "Select",
-      "deselect": "Deselect"
+      "deselect": "Deselect",
+      "update": "Update"
     },
     "search": {
       "title": "Search",
@@ -38,7 +39,8 @@
       }
     },
     "labels": {
-      "downloads": "Downloads"
+      "downloads": "Downloads",
+      "public": "Public"
     },
     "deleteConfirmation": {
       "header": "Delete",
@@ -1572,7 +1574,9 @@
         "registeredDate": "Date registered",
         "doi": "Registration DOI",
         "associatedProject": "Associated project"
-      }
+      },
+      "original": "Original",
+      "last": "Last"
     }
   },
   "truncatedText": {

From ecefdc7d74eb3036a807ceb30bf76b31f695e727 Mon Sep 17 00:00:00 2001
From: Kyrylo Petrov <kpetrov@exoft.net>
Date: Tue, 1 Jul 2025 15:20:46 +0300
Subject: [PATCH 6/6] fix(registry-overview): fix metadata

---
 .../resource-metadata/resource-metadata.component.html        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/shared/components/resource-metadata/resource-metadata.component.html b/src/app/shared/components/resource-metadata/resource-metadata.component.html
index 25dfd898a..9a6a93e23 100644
--- a/src/app/shared/components/resource-metadata/resource-metadata.component.html
+++ b/src/app/shared/components/resource-metadata/resource-metadata.component.html
@@ -139,7 +139,7 @@ <h3>{{ 'project.overview.metadata.affiliatedInstitutions' | translate }}</h3>
     <div class="flex flex-column gap-2">
       <h3>{{ 'project.overview.metadata.subjects' | translate }}</h3>
 
-      <div class="flex gap-2">
+      <div class="flex flex-wrap gap-2">
         @if (resource.subjects.length) {
           @for (subject of resource.subjects; track subject.id) {
             <p-tag [value]="subject.text" severity="info" />
@@ -154,7 +154,7 @@ <h3>{{ 'project.overview.metadata.subjects' | translate }}</h3>
       <h3>{{ 'project.overview.metadata.tags' | translate }}</h3>
 
       @if (resource.tags.length) {
-        <div class="flex gap-2">
+        <div class="flex flex-wrap gap-2">
           @for (tag of resource.tags; track tag) {
             <p-tag [value]="tag" severity="info" />
           }