From 3203f81cfb92be69388989b520b2fa491c6f53f7 Mon Sep 17 00:00:00 2001
From: NazarMykhalkevych <nmykhalkevych@exoft.net>
Date: Wed, 10 Sep 2025 16:32:18 +0300
Subject: [PATCH 1/4] fix(registration): fixed 594

---
 .../registries-landing/registries-landing.component.ts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/features/registries/pages/registries-landing/registries-landing.component.ts b/src/app/features/registries/pages/registries-landing/registries-landing.component.ts
index 9e79c0402..dd70711cb 100644
--- a/src/app/features/registries/pages/registries-landing/registries-landing.component.ts
+++ b/src/app/features/registries/pages/registries-landing/registries-landing.component.ts
@@ -8,6 +8,8 @@ import { ChangeDetectionStrategy, Component, inject, OnInit } from '@angular/cor
 import { FormControl } from '@angular/forms';
 import { Router } from '@angular/router';
 
+import { AuthService } from '@core/services';
+import { UserSelectors } from '@core/store/user';
 import { RegistryServicesComponent } from '@osf/features/registries/components';
 import { GetRegistries, RegistriesSelectors } from '@osf/features/registries/store';
 import {
@@ -37,6 +39,8 @@ import { environment } from 'src/environments/environment';
 })
 export class RegistriesLandingComponent implements OnInit {
   private router = inject(Router);
+  private readonly isAuthenticated = select(UserSelectors.isAuthenticated);
+  private readonly authService = inject(AuthService);
 
   searchControl = new FormControl<string>('');
 
@@ -66,6 +70,10 @@ export class RegistriesLandingComponent implements OnInit {
   }
 
   goToCreateRegistration(): void {
-    this.router.navigate([`/registries/${environment.defaultProvider}/new`]);
+    if (this.isAuthenticated()) {
+      this.router.navigate([`/registries/${environment.defaultProvider}/new`]);
+    } else {
+      this.authService.navigateToSignIn();
+    }
   }
 }

From de8debf0ed84558d9c0cce736782418117b98e23 Mon Sep 17 00:00:00 2001
From: NazarMykhalkevych <nmykhalkevych@exoft.net>
Date: Wed, 10 Sep 2025 22:04:15 +0300
Subject: [PATCH 2/4] fix(registration-bugs): fixed some registrations bugs

---
 .../file-detail/file-detail.component.ts      |  4 +--
 src/app/features/files/store/files.actions.ts |  5 +---
 src/app/features/files/store/files.state.ts   |  2 +-
 .../add-metadata/add-metadata.component.ts    |  6 +++-
 ...confirm-registration-dialog.component.html |  1 +
 .../custom-step/custom-step.component.html    |  9 ++++--
 .../metadata/metadata.component.html          |  3 +-
 .../registries-license.component.html         |  1 +
 .../new-registration.component.html           |  9 +++++-
 .../new-registration.component.scss           |  1 +
 .../new-registration.component.ts             | 23 +++++++++++++--
 .../components/review/review.component.html   | 11 ++++----
 .../registries/services/projects.service.ts   | 28 -------------------
 .../store/handlers/projects.handlers.ts       | 16 +++++++----
 .../registries/store/registries.actions.ts    |  5 +++-
 .../registries/store/registries.state.ts      |  4 +--
 .../generic-filter.component.html             |  2 +-
 .../components/license/license.component.html |  3 +-
 .../sub-header/sub-header.component.html      |  2 +-
 .../sub-header/sub-header.component.scss      |  1 +
 .../truncated-text.component.ts               | 10 ++++++-
 src/app/shared/services/files.service.ts      |  4 +--
 src/styles/_fonts.scss                        |  4 +++
 23 files changed, 91 insertions(+), 63 deletions(-)
 delete mode 100644 src/app/features/registries/services/projects.service.ts

diff --git a/src/app/features/files/pages/file-detail/file-detail.component.ts b/src/app/features/files/pages/file-detail/file-detail.component.ts
index 40ff066d9..d4c60db1a 100644
--- a/src/app/features/files/pages/file-detail/file-detail.component.ts
+++ b/src/app/features/files/pages/file-detail/file-detail.component.ts
@@ -183,8 +183,8 @@ export class FileDetailComponent {
           this.actions.getFileResourceMetadata(this.resourceId, this.resourceType);
           this.actions.getFileResourceContributors(this.resourceId, this.resourceType);
           if (fileId) {
-            const storageLink = this.file()?.links.download || '';
-            this.actions.getFileRevisions(storageLink, fileId);
+            const storageLink = this.file()?.links.upload || '';
+            this.actions.getFileRevisions(storageLink);
             this.actions.getCedarTemplates();
             this.actions.getCedarRecords(fileId, ResourceType.File);
           }
diff --git a/src/app/features/files/store/files.actions.ts b/src/app/features/files/store/files.actions.ts
index 96ef709fa..a6fc56f71 100644
--- a/src/app/features/files/store/files.actions.ts
+++ b/src/app/features/files/store/files.actions.ts
@@ -114,10 +114,7 @@ export class SetFileMetadata {
 export class GetFileRevisions {
   static readonly type = '[Files] Get Revisions';
 
-  constructor(
-    public link: string,
-    public fileId: string
-  ) {}
+  constructor(public link: string) {}
 }
 
 export class UpdateTags {
diff --git a/src/app/features/files/store/files.state.ts b/src/app/features/files/store/files.state.ts
index d0e977eb2..d9e572374 100644
--- a/src/app/features/files/store/files.state.ts
+++ b/src/app/features/files/store/files.state.ts
@@ -257,7 +257,7 @@ export class FilesState {
     const state = ctx.getState();
     ctx.patchState({ fileRevisions: { ...state.fileRevisions, isLoading: true, error: null } });
 
-    return this.filesService.getFileRevisions(action.link, action.fileId).pipe(
+    return this.filesService.getFileRevisions(action.link).pipe(
       tap({
         next: (revisions) => {
           ctx.patchState({ fileRevisions: { data: revisions, isLoading: false, error: null } });
diff --git a/src/app/features/metadata/pages/add-metadata/add-metadata.component.ts b/src/app/features/metadata/pages/add-metadata/add-metadata.component.ts
index 0c9b31a1f..c27330578 100644
--- a/src/app/features/metadata/pages/add-metadata/add-metadata.component.ts
+++ b/src/app/features/metadata/pages/add-metadata/add-metadata.component.ts
@@ -123,7 +123,11 @@ export class AddMetadataComponent implements OnInit {
     if (templates?.links?.first && templates?.links?.last && templates.links.first !== templates.links.last) {
       this.actions.getCedarTemplates();
     } else {
-      this.router.navigate(['..'], { relativeTo: this.activatedRoute });
+      if (this.resourceType() === ResourceType.File) {
+        this.router.navigate([this.resourceId]);
+      } else {
+        this.router.navigate(['..'], { relativeTo: this.activatedRoute });
+      }
     }
   }
 
diff --git a/src/app/features/registries/components/confirm-registration-dialog/confirm-registration-dialog.component.html b/src/app/features/registries/components/confirm-registration-dialog/confirm-registration-dialog.component.html
index 9379b23c6..f4df946e2 100644
--- a/src/app/features/registries/components/confirm-registration-dialog/confirm-registration-dialog.component.html
+++ b/src/app/features/registries/components/confirm-registration-dialog/confirm-registration-dialog.component.html
@@ -58,6 +58,7 @@
       [disabled]="isRegistrationSubmitting()"
     />
     <p-button
+      data-test-submit-registration-button
       class="w-12rem btn-full-width"
       [label]="'common.buttons.submit' | translate"
       [disabled]="form.invalid || isRegistrationSubmitting()"
diff --git a/src/app/features/registries/components/custom-step/custom-step.component.html b/src/app/features/registries/components/custom-step/custom-step.component.html
index 02ae4fc0f..a5b4008b4 100644
--- a/src/app/features/registries/components/custom-step/custom-step.component.html
+++ b/src/app/features/registries/components/custom-step/custom-step.component.html
@@ -67,7 +67,7 @@ <h3 class="mb-2">
                     (keyup.enter)="inplaceRef.deactivate()"
                     (keyup.space)="inplaceRef.deactivate()"
                   >
-                    <button class="text-primary border-none cursor-pointer bg-transparent text-sm">
+                    <button class="text-primary font-primary border-none cursor-pointer bg-transparent text-sm">
                       {{ 'common.links.hideExample' | translate }}
                     </button>
                   </div>
@@ -207,6 +207,11 @@ <h3 class="mb-2">{{ 'files.actions.uploadFile' | translate }}</h3>
       class="mr-2"
       (click)="goBack()"
     ></p-button>
-    <p-button type="button" [label]="'common.buttons.next' | translate" (click)="goNext()"></p-button>
+    <p-button
+      data-test-goto-next-page
+      type="button"
+      [label]="'common.buttons.next' | translate"
+      (click)="goNext()"
+    ></p-button>
   </div>
 </section>
diff --git a/src/app/features/registries/components/metadata/metadata.component.html b/src/app/features/registries/components/metadata/metadata.component.html
index c877f627a..a3bb08450 100644
--- a/src/app/features/registries/components/metadata/metadata.component.html
+++ b/src/app/features/registries/components/metadata/metadata.component.html
@@ -13,6 +13,7 @@ <h2 class="mb-2">{{ 'registries.metadata.title' | translate }}</h2>
         <div class="mt-2">
           <label for="project-description-id">{{ 'common.labels.description' | translate }}</label>
           <textarea
+            data-test-metadata-description
             id="project-description-id"
             formControlName="description"
             class="w-full"
@@ -40,7 +41,7 @@ <h2 class="mb-2">{{ 'registries.metadata.title' | translate }}</h2>
     <div class="flex justify-content-end">
       <p-button [label]="'registries.deleteDraft' | translate" severity="danger" (click)="deleteDraft()" class="mr-2">
       </p-button>
-      <p-button [label]="'common.buttons.next' | translate" type="submit"></p-button>
+      <p-button data-test-goto-next-page [label]="'common.buttons.next' | translate" type="submit"></p-button>
     </div>
   </form>
 </section>
diff --git a/src/app/features/registries/components/metadata/registries-license/registries-license.component.html b/src/app/features/registries/components/metadata/registries-license/registries-license.component.html
index 7673e6661..2a0123131 100644
--- a/src/app/features/registries/components/metadata/registries-license/registries-license.component.html
+++ b/src/app/features/registries/components/metadata/registries-license/registries-license.component.html
@@ -9,6 +9,7 @@ <h2 class="mb-2">{{ 'shared.license.title' | translate }}</h2>
   </p>
   <osf-license
     [licenses]="licenses()"
+    [fullWidthSelect]="true"
     [selectedLicenseId]="selectedLicense()?.id"
     [selectedLicenseOptions]="selectedLicense()?.options"
     (createLicense)="createLicense($event)"
diff --git a/src/app/features/registries/components/new-registration/new-registration.component.html b/src/app/features/registries/components/new-registration/new-registration.component.html
index 07d10ead5..b60af0269 100644
--- a/src/app/features/registries/components/new-registration/new-registration.component.html
+++ b/src/app/features/registries/components/new-registration/new-registration.component.html
@@ -1,4 +1,4 @@
-<section class="h-full">
+<section class="h-full" data-test-new-registration-form>
   <osf-sub-header [title]="'registries.new.addNewRegistry' | translate" />
   <section class="flex flex-column lg:flex-row flex-1 p-5 gap-4 bg-white w-full">
     <p>
@@ -14,6 +14,7 @@ <h2 class="mb-4">{{ ('registries.new.steps.title' | translate) + '1' }}</h2>
       <div class="flex gap-2">
         <p-button
           class="btn-full-width w-2 font-bold"
+          [class]="{ 'pointer-events-none': fromProject }"
           severity="info"
           [label]="'common.buttons.yes' | translate"
           [raised]="fromProject"
@@ -21,6 +22,7 @@ <h2 class="mb-4">{{ ('registries.new.steps.title' | translate) + '1' }}</h2>
         />
         <p-button
           class="btn-full-width w-2"
+          [class]="{ 'pointer-events-none': !fromProject }"
           severity="info"
           [label]="'common.buttons.no' | translate"
           [raised]="!fromProject"
@@ -36,13 +38,16 @@ <h2 class="mb-4">{{ ('registries.new.steps.title' | translate) + '2' }}</h2>
           <p class="mb-4">{{ 'registries.new.steps.step2InfoText' | translate }}</p>
           <div class="flex">
             <p-select
+              data-test-project-select
               formControlName="project"
               [options]="projects()"
               [placeholder]="'registries.new.selectProject' | translate"
               optionLabel="title"
               optionValue="id"
+              filter="true"
               [loading]="isProjectsLoading()"
               (onChange)="onSelectProject($event.value)"
+              (onFilter)="onProjectFilter($event.filter)"
               class="w-6"
             />
           </div>
@@ -53,6 +58,7 @@ <h2 class="mb-4">{{ ('registries.new.steps.title' | translate) + (fromProject ?
         <p class="mb-4 text-lg font-bold">{{ 'registries.new.steps.step3' | translate }}</p>
         <div class="flex">
           <p-select
+            data-test-schema-select
             formControlName="providerSchema"
             [options]="providerSchemas()"
             optionLabel="name"
@@ -65,6 +71,7 @@ <h2 class="mb-4">{{ ('registries.new.steps.title' | translate) + (fromProject ?
       </p-card>
       <div class="flex justify-content-end">
         <p-button
+          data-test-start-registration-button
           [label]="'registries.new.createDraft' | translate"
           [disabled]="draftForm.invalid"
           type="submit"
diff --git a/src/app/features/registries/components/new-registration/new-registration.component.scss b/src/app/features/registries/components/new-registration/new-registration.component.scss
index da0c027b5..f22ca8981 100644
--- a/src/app/features/registries/components/new-registration/new-registration.component.scss
+++ b/src/app/features/registries/components/new-registration/new-registration.component.scss
@@ -2,4 +2,5 @@
   display: flex;
   flex-direction: column;
   flex: 1;
+  background-color: var(--white);
 }
diff --git a/src/app/features/registries/components/new-registration/new-registration.component.ts b/src/app/features/registries/components/new-registration/new-registration.component.ts
index 3dc94fdda..4f3243ddb 100644
--- a/src/app/features/registries/components/new-registration/new-registration.component.ts
+++ b/src/app/features/registries/components/new-registration/new-registration.component.ts
@@ -6,7 +6,10 @@ import { Button } from 'primeng/button';
 import { Card } from 'primeng/card';
 import { Select } from 'primeng/select';
 
-import { ChangeDetectionStrategy, Component, effect, inject } from '@angular/core';
+import { debounceTime, distinctUntilChanged, Subject } from 'rxjs';
+
+import { ChangeDetectionStrategy, Component, DestroyRef, effect, inject } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 
@@ -28,6 +31,8 @@ export class NewRegistrationComponent {
   private readonly toastService = inject(ToastService);
   private readonly router = inject(Router);
   private readonly route = inject(ActivatedRoute);
+  private destroyRef = inject(DestroyRef);
+
   readonly projects = select(RegistriesSelectors.getProjects);
   readonly providerSchemas = select(RegistriesSelectors.getProviderSchemas);
   readonly isDraftSubmitting = select(RegistriesSelectors.isDraftSubmitting);
@@ -51,10 +56,12 @@ export class NewRegistrationComponent {
     project: [this.projectId || ''],
   });
 
+  private filter$ = new Subject<string>();
+
   constructor() {
     const userId = this.user()?.id;
     if (userId) {
-      this.actions.getProjects(userId);
+      this.actions.getProjects(userId, '');
     }
     this.actions.getProviderSchemas(this.providerId);
     effect(() => {
@@ -63,6 +70,14 @@ export class NewRegistrationComponent {
         this.draftForm.get('providerSchema')?.setValue(this.providerSchemas()[0]?.id);
       }
     });
+
+    this.filter$
+      .pipe(debounceTime(300), distinctUntilChanged(), takeUntilDestroyed(this.destroyRef))
+      .subscribe((value: string) => {
+        if (userId) {
+          this.actions.getProjects(userId, value);
+        }
+      });
   }
 
   onSelectProject(projectId: string) {
@@ -71,6 +86,10 @@ export class NewRegistrationComponent {
     });
   }
 
+  onProjectFilter(value: string) {
+    this.filter$.next(value);
+  }
+
   onSelectProviderSchema(providerSchemaId: string) {
     this.draftForm.patchValue({
       providerSchema: providerSchemaId,
diff --git a/src/app/features/registries/components/review/review.component.html b/src/app/features/registries/components/review/review.component.html
index 31c3bd704..6e7a84b81 100644
--- a/src/app/features/registries/components/review/review.component.html
+++ b/src/app/features/registries/components/review/review.component.html
@@ -4,7 +4,7 @@ <h2 class="mb-4">{{ 'navigation.metadata' | translate }}</h2>
 
     <div class="mb-4">
       <h4 class="mb-2">{{ 'common.labels.title' | translate }}</h4>
-      <p>{{ draftRegistration()?.title }}</p>
+      <p data-test-review-response="title">{{ draftRegistration()?.title }}</p>
       @if (!draftRegistration()?.title) {
         <p>{{ 'common.labels.title' | translate }}</p>
         <p class="font-italic">{{ 'common.labels.noData' | translate }}</p>
@@ -15,7 +15,7 @@ <h4 class="mb-2">{{ 'common.labels.title' | translate }}</h4>
     </div>
     <div class="mb-4">
       <h4 class="mb-2">{{ 'common.labels.description' | translate }}</h4>
-      <p>{{ draftRegistration()?.description }}</p>
+      <p data-test-review-response="description">{{ draftRegistration()?.description }}</p>
       @if (!draftRegistration()?.description) {
         <p class="font-italic">{{ 'common.labels.noData' | translate }}</p>
         <p-message class="mt-1" severity="error" variant="simple" size="small">
@@ -44,7 +44,7 @@ <h4 class="mb-2">{{ 'shared.license.title' | translate }}</h4>
         <p-accordion>
           <p-accordion-panel value="0">
             <p-accordion-header class="p-0 justify-content-start gap-2">
-              <div>{{ license()?.name }}</div>
+              <div data-test-review-response="license">{{ license()?.name }}</div>
             </p-accordion-header>
             <p-accordion-content>
               <div>{{ license()!.text | interpolate: licenseOptionsRecord() }}</div>
@@ -62,7 +62,7 @@ <h4 class="mb-2">{{ 'shared.license.title' | translate }}</h4>
       <h4 class="mb-2">{{ 'shared.subjects.title' | translate }}</h4>
       <div class="flex flex-wrap gap-2">
         @for (subject of subjects(); track subject.id) {
-          <p-tag [value]="subject.name" severity="info" />
+          <p-tag data-test-selected-subject [value]="subject.name" severity="info" />
         }
       </div>
       @if (!subjects().length) {
@@ -75,7 +75,7 @@ <h4 class="mb-2">{{ 'shared.subjects.title' | translate }}</h4>
 
     <div class="mb-4">
       <h4 class="mb-2">{{ 'shared.tags.title' | translate }}</h4>
-      <div class="flex flex-wrap gap-2">
+      <div class="flex flex-wrap gap-2" data-test-tags-widget-tag-input>
         @for (tag of draftRegistration()?.tags; track tag) {
           <p-tag [value]="tag" severity="info" />
         }
@@ -131,6 +131,7 @@ <h3 class="mb-2">{{ section.title }}</h3>
     </p-button>
     <p-button
       type="button"
+      data-test-goto-register
       [label]="'registries.review.register' | translate"
       [disabled]="isDraftLoading() || isDraftInvalid()"
       (click)="confirmRegistration()"
diff --git a/src/app/features/registries/services/projects.service.ts b/src/app/features/registries/services/projects.service.ts
deleted file mode 100644
index f33232e1f..000000000
--- a/src/app/features/registries/services/projects.service.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { map, Observable } from 'rxjs';
-
-import { inject, Injectable } from '@angular/core';
-
-import { ProjectsMapper } from '@osf/shared/mappers/projects';
-import { ProjectsResponseJsonApi } from '@osf/shared/models/projects';
-import { JsonApiService } from '@osf/shared/services';
-
-import { Project } from '../models';
-
-import { environment } from 'src/environments/environment';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class ProjectsService {
-  private readonly jsonApiService = inject(JsonApiService);
-  private readonly apiUrl = `${environment.apiDomainUrl}/v2`;
-
-  getProjects(): Observable<Project[]> {
-    const params: Record<string, unknown> = {
-      'filter[current_user_permissions]': 'admin',
-    };
-    return this.jsonApiService
-      .get<ProjectsResponseJsonApi>(`${this.apiUrl}/users/me/nodes/`, params)
-      .pipe(map((response) => ProjectsMapper.fromGetAllProjectsResponse(response)));
-  }
-}
diff --git a/src/app/features/registries/store/handlers/projects.handlers.ts b/src/app/features/registries/store/handlers/projects.handlers.ts
index ba013df93..2ca5a1bac 100644
--- a/src/app/features/registries/store/handlers/projects.handlers.ts
+++ b/src/app/features/registries/store/handlers/projects.handlers.ts
@@ -12,21 +12,25 @@ import { RegistriesStateModel } from '../registries.model';
 export class ProjectsHandlers {
   projectsService = inject(ProjectsService);
 
-  getProjects({ patchState }: StateContext<RegistriesStateModel>, userId: string) {
-    // [NM] TODO: move this parameter to projects.service
+  getProjects(ctx: StateContext<RegistriesStateModel>, userId: string, search: string) {
     const params: Record<string, unknown> = {
       'filter[current_user_permissions]': 'admin',
     };
 
-    patchState({
+    if (search) {
+      params['filter[title]'] = search;
+    }
+    const state = ctx.getState();
+    ctx.patchState({
       projects: {
-        ...DefaultState.projects,
+        data: state.projects.data,
+        error: null,
         isLoading: true,
       },
     });
     return this.projectsService.fetchProjects(userId, params).subscribe({
       next: (projects: Project[]) => {
-        patchState({
+        ctx.patchState({
           projects: {
             data: projects,
             isLoading: false,
@@ -35,7 +39,7 @@ export class ProjectsHandlers {
         });
       },
       error: (error) => {
-        patchState({
+        ctx.patchState({
           projects: { ...DefaultState.projects, isLoading: false, error },
         });
       },
diff --git a/src/app/features/registries/store/registries.actions.ts b/src/app/features/registries/store/registries.actions.ts
index bf5bf1e7a..79ef8dc4a 100644
--- a/src/app/features/registries/store/registries.actions.ts
+++ b/src/app/features/registries/store/registries.actions.ts
@@ -18,7 +18,10 @@ export class GetProviderSchemas {
 
 export class GetProjects {
   static readonly type = '[Registries] Get Projects';
-  constructor(public userId: string) {}
+  constructor(
+    public userId: string,
+    public search: string
+  ) {}
 }
 
 export class CreateDraft {
diff --git a/src/app/features/registries/store/registries.state.ts b/src/app/features/registries/store/registries.state.ts
index eeb5f0982..0e167f254 100644
--- a/src/app/features/registries/store/registries.state.ts
+++ b/src/app/features/registries/store/registries.state.ts
@@ -94,8 +94,8 @@ export class RegistriesState {
   }
 
   @Action(GetProjects)
-  getProjects(ctx: StateContext<RegistriesStateModel>, { userId }: GetProjects) {
-    return this.projectsHandler.getProjects(ctx, userId);
+  getProjects(ctx: StateContext<RegistriesStateModel>, { userId, search }: GetProjects) {
+    return this.projectsHandler.getProjects(ctx, userId, search);
   }
 
   @Action(FetchProjectChildren)
diff --git a/src/app/shared/components/generic-filter/generic-filter.component.html b/src/app/shared/components/generic-filter/generic-filter.component.html
index 9ab2cfbf5..ac27514e4 100644
--- a/src/app/shared/components/generic-filter/generic-filter.component.html
+++ b/src/app/shared/components/generic-filter/generic-filter.component.html
@@ -18,7 +18,7 @@
         filter
         resetFilterOnHide="false"
         [virtualScroll]="true"
-        [virtualScrollItemSize]="35"
+        [virtualScrollItemSize]="25"
         [lazy]="true"
         scrollHeight="200px"
         [autoOptionFocus]="false"
diff --git a/src/app/shared/components/license/license.component.html b/src/app/shared/components/license/license.component.html
index c7ecc44a4..ecd763e4d 100644
--- a/src/app/shared/components/license/license.component.html
+++ b/src/app/shared/components/license/license.component.html
@@ -1,9 +1,8 @@
 <p-select
+  data-test-select-license
   [options]="licenses()"
   [(ngModel)]="selectedLicense"
   optionLabel="name"
-  styleClass=""
-  appendTo="body"
   [class.md:w-full]="fullWidthSelect()"
   [placeholder]="'shared.license.selectLicense' | translate"
   (onChange)="onSelectLicense($event.value)"
diff --git a/src/app/shared/components/sub-header/sub-header.component.html b/src/app/shared/components/sub-header/sub-header.component.html
index 1042335c0..c11b83ec6 100644
--- a/src/app/shared/components/sub-header/sub-header.component.html
+++ b/src/app/shared/components/sub-header/sub-header.component.html
@@ -8,7 +8,7 @@
       @if (isLoading()) {
         <p-skeleton width="12rem" height="37px"></p-skeleton>
       } @else {
-        <h1 class="flex align-items-center">
+        <h1 data-test-page-heading class="flex align-items-center">
           {{ title() }}
           @if (tooltip()) {
             <i
diff --git a/src/app/shared/components/sub-header/sub-header.component.scss b/src/app/shared/components/sub-header/sub-header.component.scss
index 835defefd..f3eaa520c 100644
--- a/src/app/shared/components/sub-header/sub-header.component.scss
+++ b/src/app/shared/components/sub-header/sub-header.component.scss
@@ -6,6 +6,7 @@
 
 .sub-header {
   color: var(--dark-blue-1);
+  background-color: var(--bg-blue-3);
 }
 
 .title-icon {
diff --git a/src/app/shared/components/truncated-text/truncated-text.component.ts b/src/app/shared/components/truncated-text/truncated-text.component.ts
index 9efd3a6ba..f084f7479 100644
--- a/src/app/shared/components/truncated-text/truncated-text.component.ts
+++ b/src/app/shared/components/truncated-text/truncated-text.component.ts
@@ -1,7 +1,7 @@
 import { TranslatePipe } from '@ngx-translate/core';
 
 import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, ElementRef, input, signal, viewChild } from '@angular/core';
+import { AfterViewInit, Component, effect, ElementRef, input, signal, viewChild } from '@angular/core';
 
 @Component({
   selector: 'osf-truncated-text',
@@ -17,6 +17,14 @@ export class TruncatedTextComponent implements AfterViewInit {
   isTextExpanded = signal(false);
   hasOverflowingText = signal(false);
 
+  constructor() {
+    effect(() => {
+      if (this.text()) {
+        this.isTextExpanded.set(false);
+      }
+    });
+  }
+
   ngAfterViewInit() {
     this.checkTextOverflow();
   }
diff --git a/src/app/shared/services/files.service.ts b/src/app/shared/services/files.service.ts
index 8b54eee73..c53acf394 100644
--- a/src/app/shared/services/files.service.ts
+++ b/src/app/shared/services/files.service.ts
@@ -248,9 +248,9 @@ export class FilesService {
       .pipe(map((response) => MapFileCustomMetadata(response)));
   }
 
-  getFileRevisions(link: string, fileId: string): Observable<OsfFileRevision[]> {
+  getFileRevisions(link: string): Observable<OsfFileRevision[]> {
     return this.jsonApiService
-      .get<GetFileRevisionsResponse>(`${link}/${fileId}?revisions=`)
+      .get<GetFileRevisionsResponse>(`${link}?revisions=`)
       .pipe(map((response) => MapFileRevision(response.data)));
   }
 
diff --git a/src/styles/_fonts.scss b/src/styles/_fonts.scss
index 5dab88fa3..05094edbc 100644
--- a/src/styles/_fonts.scss
+++ b/src/styles/_fonts.scss
@@ -39,3 +39,7 @@
   font-weight: 800;
   font-style: normal;
 }
+
+.font-primary {
+  font-family: "Open Sans", sans-serif;
+}

From 22b448110a8f0d6975aa1b0dd2727f3beb6600a3 Mon Sep 17 00:00:00 2001
From: NazarMykhalkevych <nmykhalkevych@exoft.net>
Date: Thu, 11 Sep 2025 12:13:42 +0300
Subject: [PATCH 3/4] fix(registration): fixed registrations fr project

---
 .husky/pre-push                               | 34 ++++++------
 src/app/features/project/project.routes.ts    | 12 ++++
 .../registrations.component.html              |  7 +++
 .../registrations/registrations.component.ts  | 28 +++++++++-
 .../services/registrations.service.ts         | 10 +++-
 .../store/registrations.actions.ts            |  6 +-
 .../store/registrations.selectors.ts          |  5 ++
 .../store/registrations.state.ts              |  2 +-
 .../custom-step/custom-step.component.html    | 14 +----
 .../custom-step/custom-step.component.ts      |  1 -
 .../my-registrations.component.html           |  6 +-
 .../my-registrations.component.ts             | 46 +---------------
 .../registries-landing.component.ts           | 10 +---
 .../registration-card.component.html          |  6 +-
 .../registration-card.component.ts            | 55 ++++++++++++++++---
 15 files changed, 134 insertions(+), 108 deletions(-)

diff --git a/.husky/pre-push b/.husky/pre-push
index 0ca23b22c..5a281490a 100644
--- a/.husky/pre-push
+++ b/.husky/pre-push
@@ -1,19 +1,19 @@
-# # npm run build
+# npm run build
 
-# npm run test:coverage || {
-#   printf "\n\nERROR: Testing errors or coverage issues are found."
-#   printf "\n\nIn the future this will block your ability to push to github until it is resolved."
-#   printf "\n\nThe same pipeline runs via GitHub actions."
-#   printf "\n\nYou are seeing this error because code was added without test coverage."
-#   # printf "\n\n Please address them before proceeding.\n\n\n\n"
-#   # exit 1
-# }
+npm run test:coverage || {
+  printf "\n\nERROR: Testing errors or coverage issues are found."
+  printf "\n\nIn the future this will block your ability to push to github until it is resolved."
+  printf "\n\nThe same pipeline runs via GitHub actions."
+  printf "\n\nYou are seeing this error because code was added without test coverage."
+  # printf "\n\n Please address them before proceeding.\n\n\n\n"
+  # exit 1
+}
 
-# npm run test:check-coverage-thresholds || {
-#   printf "\n\nERROR: Coverage thresholds are not met."
-#   printf "\n\nIn the future this will block your ability to push to github until it is resolved."
-#   printf "\n\nThe same pipeline runs via GitHub actions."
-#   printf "\n\nYou are seeing this error because test coverage increased without updating the jest.config.js thresholds."
-#   #printf "\n\nPlease address them before proceeding.\n\n\n\n"
-#   # exit 1
-# }
+npm run test:check-coverage-thresholds || {
+  printf "\n\nERROR: Coverage thresholds are not met."
+  printf "\n\nIn the future this will block your ability to push to github until it is resolved."
+  printf "\n\nThe same pipeline runs via GitHub actions."
+  printf "\n\nYou are seeing this error because test coverage increased without updating the jest.config.js thresholds."
+  #printf "\n\nPlease address them before proceeding.\n\n\n\n"
+  # exit 1
+}
diff --git a/src/app/features/project/project.routes.ts b/src/app/features/project/project.routes.ts
index 94c3d3947..bf93b0e7d 100644
--- a/src/app/features/project/project.routes.ts
+++ b/src/app/features/project/project.routes.ts
@@ -4,6 +4,7 @@ import { Routes } from '@angular/router';
 
 import { viewOnlyGuard } from '@osf/core/guards';
 import { ResourceType } from '@osf/shared/enums';
+import { LicensesService } from '@osf/shared/services';
 import {
   CitationsState,
   CollectionsState,
@@ -17,6 +18,9 @@ import { ActivityLogsState } from '@osf/shared/stores/activity-logs';
 
 import { AnalyticsState } from '../analytics/store';
 import { CollectionsModerationState } from '../moderation/store/collections-moderation';
+import { RegistriesState } from '../registries/store';
+import { LicensesHandlers, ProjectsHandlers, ProvidersHandlers } from '../registries/store/handlers';
+import { FilesHandlers } from '../registries/store/handlers/files.handlers';
 
 import { SettingsState } from './settings/store';
 
@@ -59,6 +63,14 @@ export const projectRoutes: Routes = [
       {
         path: 'registrations',
         canActivate: [viewOnlyGuard],
+        providers: [
+          provideStates([RegistriesState]),
+          ProvidersHandlers,
+          ProjectsHandlers,
+          LicensesService,
+          LicensesHandlers,
+          FilesHandlers,
+        ],
         loadComponent: () =>
           import('../project/registrations/registrations.component').then((mod) => mod.RegistrationsComponent),
       },
diff --git a/src/app/features/project/registrations/registrations.component.html b/src/app/features/project/registrations/registrations.component.html
index 80bf0335a..a9bd9b0ad 100644
--- a/src/app/features/project/registrations/registrations.component.html
+++ b/src/app/features/project/registrations/registrations.component.html
@@ -15,6 +15,13 @@
         @for (registration of registrations(); track registration.id) {
           <osf-registration-card [registrationData]="registration" />
         }
+        @if (registrationsTotalCount() > itemsPerPage) {
+          <osf-custom-paginator
+            [first]="first"
+            [totalCount]="registrationsTotalCount()"
+            (pageChanged)="onPageChange($event)"
+          />
+        }
       </div>
     }
   </section>
diff --git a/src/app/features/project/registrations/registrations.component.ts b/src/app/features/project/registrations/registrations.component.ts
index 69cf1e5c5..ff5b5c206 100644
--- a/src/app/features/project/registrations/registrations.component.ts
+++ b/src/app/features/project/registrations/registrations.component.ts
@@ -3,6 +3,7 @@ import { createDispatchMap, select } from '@ngxs/store';
 import { TranslatePipe } from '@ngx-translate/core';
 
 import { DialogService } from 'primeng/dynamicdialog';
+import { PaginatorState } from 'primeng/paginator';
 
 import { map, of } from 'rxjs';
 
@@ -11,7 +12,12 @@ import { toSignal } from '@angular/core/rxjs-interop';
 import { FormsModule } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 
-import { LoadingSpinnerComponent, RegistrationCardComponent, SubHeaderComponent } from '@osf/shared/components';
+import {
+  CustomPaginatorComponent,
+  LoadingSpinnerComponent,
+  RegistrationCardComponent,
+  SubHeaderComponent,
+} from '@osf/shared/components';
 
 import { GetRegistrations, RegistrationsSelectors } from './store';
 
@@ -19,7 +25,14 @@ import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'osf-registrations',
-  imports: [RegistrationCardComponent, SubHeaderComponent, FormsModule, TranslatePipe, LoadingSpinnerComponent],
+  imports: [
+    RegistrationCardComponent,
+    SubHeaderComponent,
+    FormsModule,
+    TranslatePipe,
+    LoadingSpinnerComponent,
+    CustomPaginatorComponent,
+  ],
   templateUrl: './registrations.component.html',
   styleUrl: './registrations.component.scss',
   providers: [DialogService],
@@ -32,11 +45,15 @@ export class RegistrationsComponent implements OnInit {
   readonly projectId = toSignal(this.route.parent?.params.pipe(map((params) => params['id'])) ?? of(undefined));
 
   registrations = select(RegistrationsSelectors.getRegistrations);
+  registrationsTotalCount = select(RegistrationsSelectors.getRegistrationsTotalCount);
   isRegistrationsLoading = select(RegistrationsSelectors.isRegistrationsLoading);
   actions = createDispatchMap({ getRegistrations: GetRegistrations });
 
+  itemsPerPage = 10;
+  first = 0;
+
   ngOnInit(): void {
-    this.actions.getRegistrations(this.projectId());
+    this.actions.getRegistrations(this.projectId(), 1, this.itemsPerPage);
   }
 
   addRegistration(): void {
@@ -44,4 +61,9 @@ export class RegistrationsComponent implements OnInit {
       queryParams: { projectId: this.projectId() },
     });
   }
+
+  onPageChange(event: PaginatorState): void {
+    this.actions.getRegistrations(this.projectId(), event.page! + 1, this.itemsPerPage);
+    this.first = event.first!;
+  }
 }
diff --git a/src/app/features/project/registrations/services/registrations.service.ts b/src/app/features/project/registrations/services/registrations.service.ts
index c222b575d..07ecf3b84 100644
--- a/src/app/features/project/registrations/services/registrations.service.ts
+++ b/src/app/features/project/registrations/services/registrations.service.ts
@@ -15,10 +15,14 @@ export class RegistrationsService {
   private readonly jsonApiService = inject(JsonApiService);
   private readonly apiUrl = `${environment.apiDomainUrl}/v2`;
 
-  getRegistrations(projectId: string): Observable<PaginatedData<RegistrationCard[]>> {
-    const params: Record<string, unknown> = { embed: 'contributors' };
+  getRegistrations(projectId: string, page: number, pageSize: number): Observable<PaginatedData<RegistrationCard[]>> {
+    const params = {
+      page,
+      'page[size]': pageSize,
+      embed: ['bibliographic_contributors', 'registration_schema', 'provider'],
+    };
 
-    const url = `${this.apiUrl}/nodes/${projectId}/linked_by_registrations/`;
+    const url = `${this.apiUrl}/nodes/${projectId}/registrations/`;
 
     return this.jsonApiService.get<ResponseJsonApi<RegistrationDataJsonApi[]>>(url, params).pipe(
       map((response) => {
diff --git a/src/app/features/project/registrations/store/registrations.actions.ts b/src/app/features/project/registrations/store/registrations.actions.ts
index cec5e1dfd..81a2981ef 100644
--- a/src/app/features/project/registrations/store/registrations.actions.ts
+++ b/src/app/features/project/registrations/store/registrations.actions.ts
@@ -1,5 +1,9 @@
 export class GetRegistrations {
   static readonly type = '[Registrations] Get Registrations';
 
-  constructor(public projectId: string) {}
+  constructor(
+    public projectId: string,
+    public page = 1,
+    public pageSize = 10
+  ) {}
 }
diff --git a/src/app/features/project/registrations/store/registrations.selectors.ts b/src/app/features/project/registrations/store/registrations.selectors.ts
index f958bf568..c72a45b9e 100644
--- a/src/app/features/project/registrations/store/registrations.selectors.ts
+++ b/src/app/features/project/registrations/store/registrations.selectors.ts
@@ -9,6 +9,11 @@ export class RegistrationsSelectors {
     return state.registrations.data;
   }
 
+  @Selector([RegistrationsState])
+  static getRegistrationsTotalCount(state: RegistrationsStateModel): number {
+    return state.registrations.totalCount;
+  }
+
   @Selector([RegistrationsState])
   static isRegistrationsLoading(state: RegistrationsStateModel) {
     return state.registrations.isLoading;
diff --git a/src/app/features/project/registrations/store/registrations.state.ts b/src/app/features/project/registrations/store/registrations.state.ts
index 0fd503eee..a6cc768f9 100644
--- a/src/app/features/project/registrations/store/registrations.state.ts
+++ b/src/app/features/project/registrations/store/registrations.state.ts
@@ -27,7 +27,7 @@ export class RegistrationsState {
       registrations: { ...state.registrations, isLoading: true, error: null },
     });
 
-    return this.registrationsService.getRegistrations(action.projectId).pipe(
+    return this.registrationsService.getRegistrations(action.projectId, action.page, action.pageSize).pipe(
       tap((registrations) => {
         ctx.setState({
           registrations: {
diff --git a/src/app/features/registries/components/custom-step/custom-step.component.html b/src/app/features/registries/components/custom-step/custom-step.component.html
index a5b4008b4..e9ef298df 100644
--- a/src/app/features/registries/components/custom-step/custom-step.component.html
+++ b/src/app/features/registries/components/custom-step/custom-step.component.html
@@ -60,17 +60,9 @@ <h3 class="mb-2">
                   <span class="text-primary font-medium">{{ 'common.links.showExample' | translate }} </span>
                 </ng-template>
                 <ng-template #content>
-                  <div
-                    class="p-inplace-display"
-                    tabindex="0"
-                    (click)="inplaceRef.deactivate()"
-                    (keyup.enter)="inplaceRef.deactivate()"
-                    (keyup.space)="inplaceRef.deactivate()"
-                  >
-                    <button class="text-primary font-primary border-none cursor-pointer bg-transparent text-sm">
-                      {{ 'common.links.hideExample' | translate }}
-                    </button>
-                  </div>
+                  <p-button size="small" (onClick)="inplaceRef.deactivate()" variant="text" styleClass="font-medium">
+                    {{ 'common.links.hideExample' | translate }}
+                  </p-button>
                   <p class="m-0">{{ q.exampleText }}</p>
                 </ng-template>
               </p-inplace>
diff --git a/src/app/features/registries/components/custom-step/custom-step.component.ts b/src/app/features/registries/components/custom-step/custom-step.component.ts
index fb1467a82..59721646c 100644
--- a/src/app/features/registries/components/custom-step/custom-step.component.ts
+++ b/src/app/features/registries/components/custom-step/custom-step.component.ts
@@ -152,7 +152,6 @@ export class CustomStepComponent implements OnDestroy {
           break;
 
         default:
-          console.warn(`Unsupported field type: ${q.fieldType}`);
           return;
       }
 
diff --git a/src/app/features/registries/pages/my-registrations/my-registrations.component.html b/src/app/features/registries/pages/my-registrations/my-registrations.component.html
index fc1b1733f..2795b3018 100644
--- a/src/app/features/registries/pages/my-registrations/my-registrations.component.html
+++ b/src/app/features/registries/pages/my-registrations/my-registrations.component.html
@@ -65,11 +65,7 @@
               <ng-container *ngTemplateOutlet="noRegistration"></ng-container>
             }
             @for (registration of submittedRegistrations(); track $index) {
-              <osf-registration-card
-                (updateRegistration)="onUpdateRegistration($event)"
-                (continueUpdate)="onContinueUpdateRegistration($event)"
-                [registrationData]="registration"
-              />
+              <osf-registration-card [registrationData]="registration" />
             }
             @if (submittedRegistrationsTotalCount() > itemsPerPage) {
               <osf-custom-paginator
diff --git a/src/app/features/registries/pages/my-registrations/my-registrations.component.ts b/src/app/features/registries/pages/my-registrations/my-registrations.component.ts
index 8b0dda23d..acebf0117 100644
--- a/src/app/features/registries/pages/my-registrations/my-registrations.component.ts
+++ b/src/app/features/registries/pages/my-registrations/my-registrations.component.ts
@@ -7,8 +7,6 @@ import { PaginatorState } from 'primeng/paginator';
 import { Skeleton } from 'primeng/skeleton';
 import { TabsModule } from 'primeng/tabs';
 
-import { tap } from 'rxjs';
-
 import { NgTemplateOutlet } from '@angular/common';
 import { ChangeDetectionStrategy, Component, effect, inject, signal } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
@@ -27,14 +25,7 @@ import { CustomConfirmationService, ToastService } from '@osf/shared/services';
 
 import { REGISTRATIONS_TABS } from '../../constants';
 import { RegistrationTab } from '../../enums';
-import {
-  CreateSchemaResponse,
-  DeleteDraft,
-  FetchAllSchemaResponses,
-  FetchDraftRegistrations,
-  FetchSubmittedRegistrations,
-  RegistriesSelectors,
-} from '../../store';
+import { DeleteDraft, FetchDraftRegistrations, FetchSubmittedRegistrations, RegistriesSelectors } from '../../store';
 
 import { environment } from 'src/environments/environment';
 
@@ -74,14 +65,11 @@ export class MyRegistrationsComponent {
   submittedRegistrations = select(RegistriesSelectors.getSubmittedRegistrations);
   submittedRegistrationsTotalCount = select(RegistriesSelectors.getSubmittedRegistrationsTotalCount);
   isSubmittedRegistrationsLoading = select(RegistriesSelectors.isSubmittedRegistrationsLoading);
-  schemaResponse = select(RegistriesSelectors.getSchemaResponse);
 
   actions = createDispatchMap({
     getDraftRegistrations: FetchDraftRegistrations,
     getSubmittedRegistrations: FetchSubmittedRegistrations,
     deleteDraft: DeleteDraft,
-    getSchemaResponse: FetchAllSchemaResponses,
-    createSchemaResponse: CreateSchemaResponse,
   });
 
   readonly RegistrationTab = RegistrationTab;
@@ -149,36 +137,4 @@ export class MyRegistrationsComponent {
     this.actions.getSubmittedRegistrations(this.currentUser()?.id, event.page! + 1);
     this.submittedFirst = event.first!;
   }
-
-  onUpdateRegistration(id: string): void {
-    this.actions
-      .createSchemaResponse(id)
-      .pipe(tap(() => this.navigateToJustificationPage()))
-      .subscribe();
-  }
-
-  onContinueUpdateRegistration({ id, unapproved }: { id: string; unapproved: boolean }): void {
-    this.actions
-      .getSchemaResponse(id)
-      .pipe(
-        tap(() => {
-          if (unapproved) {
-            this.navigateToJustificationReview();
-          } else {
-            this.navigateToJustificationPage();
-          }
-        })
-      )
-      .subscribe();
-  }
-
-  private navigateToJustificationPage(): void {
-    const revisionId = this.schemaResponse()?.id;
-    this.router.navigate([`/registries/revisions/${revisionId}/justification`]);
-  }
-
-  private navigateToJustificationReview(): void {
-    const revisionId = this.schemaResponse()?.id;
-    this.router.navigate([`/registries/revisions/${revisionId}/review`]);
-  }
 }
diff --git a/src/app/features/registries/pages/registries-landing/registries-landing.component.ts b/src/app/features/registries/pages/registries-landing/registries-landing.component.ts
index c99d4f673..f446f4c94 100644
--- a/src/app/features/registries/pages/registries-landing/registries-landing.component.ts
+++ b/src/app/features/registries/pages/registries-landing/registries-landing.component.ts
@@ -8,8 +8,6 @@ import { ChangeDetectionStrategy, Component, inject, OnInit } from '@angular/cor
 import { FormControl } from '@angular/forms';
 import { Router } from '@angular/router';
 
-import { AuthService } from '@core/services';
-import { UserSelectors } from '@core/store/user';
 import {
   LoadingSpinnerComponent,
   ResourceCardComponent,
@@ -40,8 +38,6 @@ import { environment } from 'src/environments/environment';
 })
 export class RegistriesLandingComponent implements OnInit {
   private router = inject(Router);
-  private readonly isAuthenticated = select(UserSelectors.isAuthenticated);
-  private readonly authService = inject(AuthService);
 
   searchControl = new FormControl<string>('');
 
@@ -65,10 +61,6 @@ export class RegistriesLandingComponent implements OnInit {
   }
 
   goToCreateRegistration(): void {
-    if (this.isAuthenticated()) {
-      this.router.navigate([`/registries/${environment.defaultProvider}/new`]);
-    } else {
-      this.authService.navigateToSignIn();
-    }
+    this.router.navigate([`/registries/${environment.defaultProvider}/new`]);
   }
 }
diff --git a/src/app/shared/components/registration-card/registration-card.component.html b/src/app/shared/components/registration-card/registration-card.component.html
index 947702a28..bcfe88d5f 100644
--- a/src/app/shared/components/registration-card/registration-card.component.html
+++ b/src/app/shared/components/registration-card/registration-card.component.html
@@ -68,7 +68,7 @@ <h2 class="align-self-center">
                   severity="danger"
                   [label]="'common.buttons.delete' | translate"
                   class="md:ml-auto"
-                  (click)="deleteDraft.emit(registrationData().id)"
+                  (onClick)="deleteDraft.emit(registrationData().id)"
                 ></p-button>
               } @else {
                 <p-button
@@ -81,14 +81,14 @@ <h2 class="align-self-center">
                   @if (isApproved) {
                     <p-button
                       severity="secondary"
-                      (click)="updateRegistration.emit(registrationData().id)"
+                      (onClick)="updateRegistration(registrationData().id)"
                       [label]="'common.buttons.update' | translate"
                     ></p-button>
                   }
                   @if (isInProgress || isUnapproved) {
                     <p-button
                       severity="secondary"
-                      (click)="continueUpdateHandler()"
+                      (onClick)="continueUpdateRegistration(registrationData().id)"
                       [label]="'common.buttons.continueUpdate' | translate"
                     ></p-button>
                   }
diff --git a/src/app/shared/components/registration-card/registration-card.component.ts b/src/app/shared/components/registration-card/registration-card.component.ts
index 733cb2197..498bab2e9 100644
--- a/src/app/shared/components/registration-card/registration-card.component.ts
+++ b/src/app/shared/components/registration-card/registration-card.component.ts
@@ -1,12 +1,17 @@
+import { createDispatchMap, select } from '@ngxs/store';
+
 import { TranslatePipe } from '@ngx-translate/core';
 
 import { Button } from 'primeng/button';
 import { Card } from 'primeng/card';
 
+import { tap } from 'rxjs';
+
 import { DatePipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
-import { RouterLink } from '@angular/router';
+import { ChangeDetectionStrategy, Component, inject, input, output } from '@angular/core';
+import { Router, RouterLink } from '@angular/router';
 
+import { CreateSchemaResponse, FetchAllSchemaResponses, RegistriesSelectors } from '@osf/features/registries/store';
 import { RegistrationReviewStates, RegistryStatus, RevisionReviewStates } from '@osf/shared/enums';
 import { RegistrationCard } from '@osf/shared/models';
 
@@ -37,8 +42,14 @@ export class RegistrationCardComponent {
   readonly isDraft = input<boolean>(false);
   readonly registrationData = input.required<RegistrationCard>();
   readonly deleteDraft = output<string>();
-  readonly updateRegistration = output<string>();
-  readonly continueUpdate = output<{ id: string; unapproved: boolean }>();
+
+  private router = inject(Router);
+  schemaResponse = select(RegistriesSelectors.getSchemaResponse);
+
+  actions = createDispatchMap({
+    getSchemaResponse: FetchAllSchemaResponses,
+    createSchemaResponse: CreateSchemaResponse,
+  });
 
   get isAccepted(): boolean {
     return this.registrationData().reviewsState === RegistrationReviewStates.Accepted;
@@ -60,10 +71,36 @@ export class RegistrationCardComponent {
     return this.registrationData().revisionState === RevisionReviewStates.RevisionInProgress;
   }
 
-  continueUpdateHandler(): void {
-    this.continueUpdate.emit({
-      id: this.registrationData().id,
-      unapproved: this.registrationData().revisionState === RevisionReviewStates.Unapproved,
-    });
+  updateRegistration(id: string): void {
+    this.actions
+      .createSchemaResponse(id)
+      .pipe(tap(() => this.navigateToJustificationPage()))
+      .subscribe();
+  }
+
+  continueUpdateRegistration(id: string): void {
+    const unapproved = this.registrationData().revisionState === RevisionReviewStates.Unapproved;
+    this.actions
+      .getSchemaResponse(id)
+      .pipe(
+        tap(() => {
+          if (unapproved) {
+            this.navigateToJustificationReview();
+          } else {
+            this.navigateToJustificationPage();
+          }
+        })
+      )
+      .subscribe();
+  }
+
+  private navigateToJustificationPage(): void {
+    const revisionId = this.schemaResponse()?.id;
+    this.router.navigate([`/registries/revisions/${revisionId}/justification`]);
+  }
+
+  private navigateToJustificationReview(): void {
+    const revisionId = this.schemaResponse()?.id;
+    this.router.navigate([`/registries/revisions/${revisionId}/review`]);
   }
 }

From f7b3e5e991cbcc75d3d192a46c7402eb487750a3 Mon Sep 17 00:00:00 2001
From: NazarMykhalkevych <nmykhalkevych@exoft.net>
Date: Thu, 11 Sep 2025 12:22:22 +0300
Subject: [PATCH 4/4] fix(registration): remove useless font class

---
 src/styles/_fonts.scss | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/styles/_fonts.scss b/src/styles/_fonts.scss
index 05094edbc..5dab88fa3 100644
--- a/src/styles/_fonts.scss
+++ b/src/styles/_fonts.scss
@@ -39,7 +39,3 @@
   font-weight: 800;
   font-style: normal;
 }
-
-.font-primary {
-  font-family: "Open Sans", sans-serif;
-}