From bed0fd0993cf5885520aee7f8330ab1c3b2c149f Mon Sep 17 00:00:00 2001
From: nsemets <nsemets@exoft.net>
Date: Tue, 13 Jan 2026 17:10:05 +0200
Subject: [PATCH 1/6] fix(ssr): added ssr setup

---
 angular.json          | 7 ++++++-
 src/app/app.config.ts | 4 ++--
 tsconfig.app.json     | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/angular.json b/angular.json
index a00a79554..b87b677be 100644
--- a/angular.json
+++ b/angular.json
@@ -62,7 +62,12 @@
               "node_modules/ngx-markdown-editor/assets/highlight.js/highlight.min.js",
               "node_modules/ngx-markdown-editor/assets/marked.min.js",
               "src/assets/js/ace/snippetsMarkdown.js"
-            ]
+            ],
+            "server": "src/main.server.ts",
+            "outputMode": "server",
+            "ssr": {
+              "entry": "src/server.ts"
+            }
           },
           "configurations": {
             "production": {
diff --git a/src/app/app.config.ts b/src/app/app.config.ts
index 8c68eae0a..c21e678de 100644
--- a/src/app/app.config.ts
+++ b/src/app/app.config.ts
@@ -6,7 +6,7 @@ import { ConfirmationService, MessageService } from 'primeng/api';
 import { providePrimeNG } from 'primeng/config';
 import { DialogService } from 'primeng/dynamicdialog';
 
-import { provideHttpClient, withInterceptors } from '@angular/common/http';
+import { provideHttpClient, withFetch, withInterceptors } from '@angular/common/http';
 import { ApplicationConfig, ErrorHandler, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
 import { provideClientHydration, withEventReplay } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
@@ -49,7 +49,7 @@ export const appConfig: ApplicationConfig = {
         },
       },
     }),
-    provideHttpClient(withInterceptors([authInterceptor, viewOnlyInterceptor, errorInterceptor])),
+    provideHttpClient(withInterceptors([authInterceptor, viewOnlyInterceptor, errorInterceptor]), withFetch()),
     provideRouter(routes, withInMemoryScrolling({ scrollPositionRestoration: 'top', anchorScrolling: 'enabled' })),
     provideStore(STATES),
     provideZoneChangeDetection({ eventCoalescing: true }),
diff --git a/tsconfig.app.json b/tsconfig.app.json
index fa4f041fc..0dba49a02 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -7,6 +7,6 @@
     "types": ["node"],
     "typeRoots": ["src/@types", "node_modules/@types"]
   },
-  "files": ["src/main.ts"],
+  "files": ["src/main.ts", "src/main.server.ts", "src/server.ts"],
   "include": ["src/**/*.d.ts"]
 }

From 2f186efc271c7c758619a27492385f7f3407ff5b Mon Sep 17 00:00:00 2001
From: nsemets <nsemets@exoft.net>
Date: Tue, 13 Jan 2026 17:19:11 +0200
Subject: [PATCH 2/6] fix(preprints-registries): fixed small issues for
 preprints and registries

---
 src/app/features/files/files.routes.ts               |  1 -
 .../advisory-board/advisory-board.component.html     |  2 +-
 .../advisory-board/advisory-board.component.ts       |  3 ++-
 .../preprint-withdraw-dialog.component.html          | 10 +++++-----
 .../preprint-provider-footer.component.html          |  5 ++++-
 .../preprint-provider-footer.component.ts            |  3 ++-
 .../preprint-provider-hero.component.html            |  2 +-
 .../preprint-provider-hero.component.ts              |  4 ++--
 .../preprints/mappers/preprint-providers.mapper.ts   |  5 +++--
 .../select-preprint-service.component.html           |  2 +-
 .../select-preprint-service.component.ts             |  3 +--
 .../registry-provider-hero.component.html            |  2 +-
 .../registry-provider-hero.component.ts              |  3 +--
 .../components/files-tree/files-tree.component.scss  |  1 -
 .../shared/mappers/registration-provider.mapper.ts   |  5 +++--
 .../registration/map-registry-status.mapper.ts       |  3 ++-
 src/app/shared/pipes/decode-html.pipe.ts             | 12 ------------
 src/app/shared/pipes/safe-html.pipe.ts               |  6 +++++-
 18 files changed, 34 insertions(+), 38 deletions(-)
 delete mode 100644 src/app/shared/pipes/decode-html.pipe.ts

diff --git a/src/app/features/files/files.routes.ts b/src/app/features/files/files.routes.ts
index 5c14d10a2..5c93c2baf 100644
--- a/src/app/features/files/files.routes.ts
+++ b/src/app/features/files/files.routes.ts
@@ -32,7 +32,6 @@ export const filesRoutes: Routes = [
             (c) => c.FileDetailComponent
           );
         },
-
         children: [
           {
             path: 'metadata',
diff --git a/src/app/features/preprints/components/advisory-board/advisory-board.component.html b/src/app/features/preprints/components/advisory-board/advisory-board.component.html
index ba5937da1..25a72d05a 100644
--- a/src/app/features/preprints/components/advisory-board/advisory-board.component.html
+++ b/src/app/features/preprints/components/advisory-board/advisory-board.component.html
@@ -2,6 +2,6 @@
   <section
     [ngClass]="{ 'osf-preprint-service': isLandingPage() }"
     class="preprints-advisory-board-section pt-3 pb-5 px-3 flex flex-column md:pt-4 md:pb-6 md:px-4"
-    [innerHTML]="htmlContent()"
+    [innerHTML]="htmlContent() | safeHtml"
   ></section>
 }
diff --git a/src/app/features/preprints/components/advisory-board/advisory-board.component.ts b/src/app/features/preprints/components/advisory-board/advisory-board.component.ts
index ec2485492..2840658ce 100644
--- a/src/app/features/preprints/components/advisory-board/advisory-board.component.ts
+++ b/src/app/features/preprints/components/advisory-board/advisory-board.component.ts
@@ -3,10 +3,11 @@ import { ChangeDetectionStrategy, Component, input } from '@angular/core';
 
 import { StringOrNullOrUndefined } from '@osf/shared/helpers/types.helper';
 import { BrandModel } from '@osf/shared/models/brand/brand.model';
+import { SafeHtmlPipe } from '@osf/shared/pipes/safe-html.pipe';
 
 @Component({
   selector: 'osf-advisory-board',
-  imports: [NgClass],
+  imports: [NgClass, SafeHtmlPipe],
   templateUrl: './advisory-board.component.html',
   styleUrl: './advisory-board.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/src/app/features/preprints/components/preprint-details/preprint-withdraw-dialog/preprint-withdraw-dialog.component.html b/src/app/features/preprints/components/preprint-details/preprint-withdraw-dialog/preprint-withdraw-dialog.component.html
index a483012c0..6e5b9cd3f 100644
--- a/src/app/features/preprints/components/preprint-details/preprint-withdraw-dialog/preprint-withdraw-dialog.component.html
+++ b/src/app/features/preprints/components/preprint-details/preprint-withdraw-dialog/preprint-withdraw-dialog.component.html
@@ -9,9 +9,9 @@
 </div>
 
 <div class="flex flex-column mt-4">
-  <label for="withdrawalJustification">{{
-    'preprints.details.withdrawDialog.justificationInputLabel' | translate | titlecase
-  }}</label>
+  <label for="withdrawalJustification">
+    {{ 'preprints.details.withdrawDialog.justificationInputLabel' | translate | titlecase }}
+  </label>
   <textarea
     pTextarea
     id="withdrawalJustification"
@@ -39,12 +39,12 @@
     class="w-12rem btn-full-width"
     [label]="'common.buttons.cancel' | translate"
     severity="info"
-    (click)="dialogRef.close()"
+    (onClick)="dialogRef.close()"
   />
   <p-button
     class="w-12rem btn-full-width"
     [label]="'common.buttons.withdraw' | translate"
-    (click)="withdraw()"
+    (onClick)="withdraw()"
     [loading]="withdrawRequestInProgress()"
     [disabled]="withdrawalJustificationFormControl.invalid"
     severity="danger"
diff --git a/src/app/features/preprints/components/preprint-provider-footer/preprint-provider-footer.component.html b/src/app/features/preprints/components/preprint-provider-footer/preprint-provider-footer.component.html
index 3789d9522..5b4e03419 100644
--- a/src/app/features/preprints/components/preprint-provider-footer/preprint-provider-footer.component.html
+++ b/src/app/features/preprints/components/preprint-provider-footer/preprint-provider-footer.component.html
@@ -1,3 +1,6 @@
 @if (footerHtml()) {
-  <section class="preprints-footer-section text-left bg-white px-3 md:px-4" [innerHTML]="footerHtml()"></section>
+  <section
+    class="preprints-footer-section text-left bg-white px-3 md:px-4"
+    [innerHTML]="footerHtml() | safeHtml"
+  ></section>
 }
diff --git a/src/app/features/preprints/components/preprint-provider-footer/preprint-provider-footer.component.ts b/src/app/features/preprints/components/preprint-provider-footer/preprint-provider-footer.component.ts
index 851b83ff4..6b7e2fa65 100644
--- a/src/app/features/preprints/components/preprint-provider-footer/preprint-provider-footer.component.ts
+++ b/src/app/features/preprints/components/preprint-provider-footer/preprint-provider-footer.component.ts
@@ -1,10 +1,11 @@
 import { ChangeDetectionStrategy, Component, input } from '@angular/core';
 
 import { StringOrNullOrUndefined } from '@osf/shared/helpers/types.helper';
+import { SafeHtmlPipe } from '@osf/shared/pipes/safe-html.pipe';
 
 @Component({
   selector: 'osf-preprint-provider-footer',
-  imports: [],
+  imports: [SafeHtmlPipe],
   templateUrl: './preprint-provider-footer.component.html',
   styleUrl: './preprint-provider-footer.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.html b/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.html
index 6da3cc702..877aefcc0 100644
--- a/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.html
+++ b/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.html
@@ -40,7 +40,7 @@ <h1 class="preprint-provider-name">{{ preprintProvider()!.name }}</h1>
         <p-skeleton width="10%" height="1rem"></p-skeleton>
       </div>
     } @else {
-      <div [innerHTML]="preprintProvider()!.descriptionHtml | decodeHtml"></div>
+      <div [innerHTML]="preprintProvider()!.descriptionHtml | safeHtml"></div>
       <a class="font-bold" routerLink="/preprints">{{ 'preprints.poweredBy' | translate }}</a>
     }
   </div>
diff --git a/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.ts b/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.ts
index d875330c5..826d17eca 100644
--- a/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.ts
+++ b/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.ts
@@ -1,6 +1,7 @@
 import { TranslatePipe } from '@ngx-translate/core';
 
 import { Button } from 'primeng/button';
+import { SafeHtmlPipe } from 'primeng/menu';
 import { Skeleton } from 'primeng/skeleton';
 
 import { TitleCasePipe } from '@angular/common';
@@ -12,13 +13,12 @@ import { PreprintProviderDetails } from '@osf/features/preprints/models';
 import { SearchInputComponent } from '@osf/shared/components/search-input/search-input.component';
 import { CustomDialogService } from '@osf/shared/services/custom-dialog.service';
 import { normalizeQuotes } from '@shared/helpers/normalize-quotes';
-import { DecodeHtmlPipe } from '@shared/pipes/decode-html.pipe';
 
 import { PreprintsHelpDialogComponent } from '../preprints-help-dialog/preprints-help-dialog.component';
 
 @Component({
   selector: 'osf-preprint-provider-hero',
-  imports: [Button, RouterLink, SearchInputComponent, Skeleton, TranslatePipe, DecodeHtmlPipe, TitleCasePipe],
+  imports: [Button, RouterLink, SearchInputComponent, Skeleton, TranslatePipe, TitleCasePipe, SafeHtmlPipe],
   templateUrl: './preprint-provider-hero.component.html',
   styleUrl: './preprint-provider-hero.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/src/app/features/preprints/mappers/preprint-providers.mapper.ts b/src/app/features/preprints/mappers/preprint-providers.mapper.ts
index 92feb4ba8..dbddfde22 100644
--- a/src/app/features/preprints/mappers/preprint-providers.mapper.ts
+++ b/src/app/features/preprints/mappers/preprint-providers.mapper.ts
@@ -1,3 +1,4 @@
+import { replaceBadEncodedChars } from '@osf/shared/helpers/format-bad-encoding.helper';
 import { BrandDataJsonApi } from '@osf/shared/models/brand/brand.json-api.model';
 import { BrandModel } from '@osf/shared/models/brand/brand.model';
 import { SubjectModel } from '@osf/shared/models/subject/subject.model';
@@ -10,8 +11,8 @@ export class PreprintProvidersMapper {
     const brandRaw = response.embeds!.brand?.data;
     return {
       id: response.id,
-      name: response.attributes.name,
-      descriptionHtml: response.attributes.description,
+      name: replaceBadEncodedChars(response.attributes.name),
+      descriptionHtml: replaceBadEncodedChars(response.attributes.description),
       advisoryBoardHtml: response.attributes.advisory_board,
       examplePreprintId: response.attributes.example,
       domain: response.attributes.domain,
diff --git a/src/app/features/preprints/pages/select-preprint-service/select-preprint-service.component.html b/src/app/features/preprints/pages/select-preprint-service/select-preprint-service.component.html
index 7db2cdfb8..d181f2b74 100644
--- a/src/app/features/preprints/pages/select-preprint-service/select-preprint-service.component.html
+++ b/src/app/features/preprints/pages/select-preprint-service/select-preprint-service.component.html
@@ -55,7 +55,7 @@ <h4 class="text-center mt-3">{{ provider.name }}</h4>
         </p-card>
 
         <ng-template #descriptionTooltip>
-          <div [innerHTML]="provider.descriptionHtml | decodeHtml"></div>
+          <div [innerHTML]="provider.descriptionHtml"></div>
         </ng-template>
       }
     }
diff --git a/src/app/features/preprints/pages/select-preprint-service/select-preprint-service.component.ts b/src/app/features/preprints/pages/select-preprint-service/select-preprint-service.component.ts
index de7ad2daf..c726d4ac5 100644
--- a/src/app/features/preprints/pages/select-preprint-service/select-preprint-service.component.ts
+++ b/src/app/features/preprints/pages/select-preprint-service/select-preprint-service.component.ts
@@ -12,7 +12,6 @@ import { ChangeDetectionStrategy, Component, HostBinding, OnInit } from '@angula
 import { RouterLink } from '@angular/router';
 
 import { SubHeaderComponent } from '@osf/shared/components/sub-header/sub-header.component';
-import { DecodeHtmlPipe } from '@osf/shared/pipes/decode-html.pipe';
 
 import { PreprintProviderShortInfo } from '../../models';
 import { GetPreprintProvidersAllowingSubmissions, PreprintProvidersSelectors } from '../../store/preprint-providers';
@@ -20,7 +19,7 @@ import { PreprintStepperSelectors, SetSelectedPreprintProviderId } from '../../s
 
 @Component({
   selector: 'osf-select-preprint-service',
-  imports: [SubHeaderComponent, Card, Button, NgClass, Tooltip, DecodeHtmlPipe, Skeleton, TranslatePipe, RouterLink],
+  imports: [SubHeaderComponent, Card, Button, NgClass, Tooltip, Skeleton, TranslatePipe, RouterLink],
   templateUrl: './select-preprint-service.component.html',
   styleUrl: './select-preprint-service.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.html b/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.html
index 41511cd27..162182fea 100644
--- a/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.html
+++ b/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.html
@@ -21,7 +21,7 @@
         <p-skeleton width="10%" height="1rem"></p-skeleton>
       </div>
     } @else {
-      <div [innerHTML]="provider()!.descriptionHtml | decodeHtml"></div>
+      <div [innerHTML]="provider()!.descriptionHtml"></div>
     }
   </div>
 
diff --git a/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.ts b/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.ts
index 3ba019880..186b57eed 100644
--- a/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.ts
+++ b/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.ts
@@ -14,11 +14,10 @@ import { BrandService } from '@osf/shared/services/brand.service';
 import { CustomDialogService } from '@osf/shared/services/custom-dialog.service';
 import { HeaderStyleService } from '@osf/shared/services/header-style.service';
 import { RegistryProviderDetails } from '@shared/models/provider/registry-provider.model';
-import { DecodeHtmlPipe } from '@shared/pipes/decode-html.pipe';
 
 @Component({
   selector: 'osf-registry-provider-hero',
-  imports: [DecodeHtmlPipe, SearchInputComponent, Skeleton, TitleCasePipe, TranslatePipe, Button],
+  imports: [SearchInputComponent, Skeleton, TitleCasePipe, TranslatePipe, Button],
   templateUrl: './registry-provider-hero.component.html',
   styleUrl: './registry-provider-hero.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/src/app/shared/components/files-tree/files-tree.component.scss b/src/app/shared/components/files-tree/files-tree.component.scss
index 1f8717430..3984d465f 100644
--- a/src/app/shared/components/files-tree/files-tree.component.scss
+++ b/src/app/shared/components/files-tree/files-tree.component.scss
@@ -43,7 +43,6 @@
     }
 
     > .table-cell:first-child {
-      min-width: 300px;
       max-width: 95%;
     }
   }
diff --git a/src/app/shared/mappers/registration-provider.mapper.ts b/src/app/shared/mappers/registration-provider.mapper.ts
index 36d19175c..8b7fefd62 100644
--- a/src/app/shared/mappers/registration-provider.mapper.ts
+++ b/src/app/shared/mappers/registration-provider.mapper.ts
@@ -1,3 +1,4 @@
+import { replaceBadEncodedChars } from '../helpers/format-bad-encoding.helper';
 import { ProvidersResponseJsonApi } from '../models/provider/providers-json-api.model';
 import { RegistryProviderDetailsJsonApi } from '../models/provider/registration-provider-json-api.model';
 import { RegistryProviderDetails } from '../models/provider/registry-provider.model';
@@ -16,8 +17,8 @@ export class RegistrationProviderMapper {
 
     return {
       id: response.id,
-      name: response.attributes.name,
-      descriptionHtml: response.attributes.description,
+      name: replaceBadEncodedChars(response.attributes.name),
+      descriptionHtml: replaceBadEncodedChars(response.attributes.description),
       permissions: response.attributes.permissions,
       brand: brandRaw
         ? {
diff --git a/src/app/shared/mappers/registration/map-registry-status.mapper.ts b/src/app/shared/mappers/registration/map-registry-status.mapper.ts
index 308fc334f..94e3c5da4 100644
--- a/src/app/shared/mappers/registration/map-registry-status.mapper.ts
+++ b/src/app/shared/mappers/registration/map-registry-status.mapper.ts
@@ -17,7 +17,8 @@ export function MapRegistryStatus(
     return RegistryStatus.PendingRegistrationApproval;
   } else if (
     registry.revision_state === RevisionReviewStates.Unapproved &&
-    registry.reviews_state === RegistrationReviewStates.Accepted
+    (registry.reviews_state === RegistrationReviewStates.Accepted ||
+      registry.reviews_state === RegistrationReviewStates.Initial)
   ) {
     return RegistryStatus.UpdatePendingApproval;
   } else if (
diff --git a/src/app/shared/pipes/decode-html.pipe.ts b/src/app/shared/pipes/decode-html.pipe.ts
deleted file mode 100644
index 30fb4d942..000000000
--- a/src/app/shared/pipes/decode-html.pipe.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({
-  name: 'decodeHtml',
-})
-export class DecodeHtmlPipe implements PipeTransform {
-  transform(value: string): string {
-    if (!value) return '';
-
-    return value.replace(/&lt;/g, '<').replace(/&gt;/g, '>');
-  }
-}
diff --git a/src/app/shared/pipes/safe-html.pipe.ts b/src/app/shared/pipes/safe-html.pipe.ts
index a258eafe5..423982e0d 100644
--- a/src/app/shared/pipes/safe-html.pipe.ts
+++ b/src/app/shared/pipes/safe-html.pipe.ts
@@ -7,7 +7,11 @@ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 export class SafeHtmlPipe implements PipeTransform {
   private sanitizer = inject(DomSanitizer);
 
-  transform(value: string): SafeHtml {
+  transform(value: string | null | undefined): SafeHtml {
+    if (!value) {
+      return '';
+    }
+
     return this.sanitizer.bypassSecurityTrustHtml(value);
   }
 }

From 612aa832302623d9d852a45e13de72e46e3e4abe Mon Sep 17 00:00:00 2001
From: nsemets <nsemets@exoft.net>
Date: Wed, 14 Jan 2026 11:06:52 +0200
Subject: [PATCH 3/6] fix(ssr): fixed issues for ssr

---
 .../features/analytics/analytics.component.ts |  9 ++++++--
 .../view-duplicates.component.ts              | 13 +++++++----
 .../view-linked-projects.component.ts         | 13 +++++++----
 .../collections/collections.routes.ts         |  2 +-
 .../add-to-collection.component.ts            | 14 ++++++++----
 .../project-metadata-step.component.ts        |  9 +++++++-
 .../collections-discover.component.ts         | 22 +++++++++++++++----
 .../files/pages/files/files.component.ts      |  9 ++++++--
 .../pages/dashboard/dashboard.component.ts    |  9 ++++++--
 .../my-projects/my-projects.component.ts      |  8 ++++++-
 .../citation-addon-card.component.ts          |  8 ++++++-
 .../configure-addon.component.ts              | 12 ++++++----
 .../connect-configured-addon.component.ts     | 11 +++++++---
 .../project-addons.component.ts               |  9 +++++++-
 .../features/project/wiki/wiki.component.ts   |  9 ++++++--
 .../registries-landing.component.ts           | 11 +++++++---
 .../registries-provider-search.component.ts   | 11 +++++++---
 .../registry-wiki/registry-wiki.component.ts  |  9 ++++++--
 .../connect-addon/connect-addon.component.ts  |  9 ++++++--
 .../settings-addons.component.ts              | 10 ++++++++-
 .../storage-item-selector.component.ts        |  8 ++++++-
 .../global-search/global-search.component.ts  |  8 ++++++-
 .../components/markdown/markdown.component.ts | 20 +++++++++++------
 .../stores/collections/collections.state.ts   |  9 ++++++++
 24 files changed, 196 insertions(+), 56 deletions(-)

diff --git a/src/app/features/analytics/analytics.component.ts b/src/app/features/analytics/analytics.component.ts
index 31d130d34..a24a9d66d 100644
--- a/src/app/features/analytics/analytics.component.ts
+++ b/src/app/features/analytics/analytics.component.ts
@@ -4,7 +4,7 @@ import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 
 import { map, of } from 'rxjs';
 
-import { DatePipe } from '@angular/common';
+import { DatePipe, isPlatformBrowser } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -13,6 +13,7 @@ import {
   effect,
   inject,
   OnInit,
+  PLATFORM_ID,
   signal,
 } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
@@ -68,6 +69,8 @@ export class AnalyticsComponent implements OnInit {
   private readonly destroyRef = inject(DestroyRef);
   private readonly translateService = inject(TranslateService);
   private readonly viewOnlyService = inject(ViewOnlyLinkHelperService);
+  private readonly platformId = inject(PLATFORM_ID);
+  private readonly isBrowser = isPlatformBrowser(this.platformId);
 
   readonly resourceId = toSignal(this.route.parent?.params.pipe(map((params) => params['id'])) ?? of(undefined));
   readonly resourceType = toSignal(this.route.data.pipe(map((params) => params['resourceType'])) ?? of(undefined));
@@ -111,7 +114,9 @@ export class AnalyticsComponent implements OnInit {
 
   setupCleanup(): void {
     this.destroyRef.onDestroy(() => {
-      this.actions.clearAnalytics();
+      if (this.isBrowser) {
+        this.actions.clearAnalytics();
+      }
     });
   }
 
diff --git a/src/app/features/analytics/components/view-duplicates/view-duplicates.component.ts b/src/app/features/analytics/components/view-duplicates/view-duplicates.component.ts
index 7da6c59ee..bd5bb5233 100644
--- a/src/app/features/analytics/components/view-duplicates/view-duplicates.component.ts
+++ b/src/app/features/analytics/components/view-duplicates/view-duplicates.component.ts
@@ -8,7 +8,7 @@ import { PaginatorState } from 'primeng/paginator';
 
 import { map, of } from 'rxjs';
 
-import { DatePipe } from '@angular/common';
+import { DatePipe, isPlatformBrowser } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -16,6 +16,7 @@ import {
   DestroyRef,
   effect,
   inject,
+  PLATFORM_ID,
   Signal,
   signal,
 } from '@angular/core';
@@ -68,6 +69,8 @@ export class ViewDuplicatesComponent {
   private destroyRef = inject(DestroyRef);
   private project = select(ProjectOverviewSelectors.getProject);
   private registration = select(RegistrySelectors.getRegistry);
+  private platformId = inject(PLATFORM_ID);
+  private isBrowser = isPlatformBrowser(this.platformId);
 
   duplicates = select(DuplicatesSelectors.getDuplicates);
   isDuplicatesLoading = select(DuplicatesSelectors.getDuplicatesLoading);
@@ -197,9 +200,11 @@ export class ViewDuplicatesComponent {
 
   setupCleanup(): void {
     this.destroyRef.onDestroy(() => {
-      this.actions.clearDuplicates();
-      this.actions.clearProject();
-      this.actions.clearRegistration();
+      if (this.isBrowser) {
+        this.actions.clearDuplicates();
+        this.actions.clearProject();
+        this.actions.clearRegistration();
+      }
     });
   }
 
diff --git a/src/app/features/analytics/components/view-linked-projects/view-linked-projects.component.ts b/src/app/features/analytics/components/view-linked-projects/view-linked-projects.component.ts
index eaa999e98..098a1f9c8 100644
--- a/src/app/features/analytics/components/view-linked-projects/view-linked-projects.component.ts
+++ b/src/app/features/analytics/components/view-linked-projects/view-linked-projects.component.ts
@@ -7,7 +7,7 @@ import { PaginatorState } from 'primeng/paginator';
 
 import { map, of } from 'rxjs';
 
-import { DatePipe } from '@angular/common';
+import { DatePipe, isPlatformBrowser } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -15,6 +15,7 @@ import {
   DestroyRef,
   effect,
   inject,
+  PLATFORM_ID,
   Signal,
   signal,
 } from '@angular/core';
@@ -56,6 +57,8 @@ export class ViewLinkedProjectsComponent {
   private destroyRef = inject(DestroyRef);
   private project = select(ProjectOverviewSelectors.getProject);
   private registration = select(RegistrySelectors.getRegistry);
+  private platformId = inject(PLATFORM_ID);
+  private isBrowser = isPlatformBrowser(this.platformId);
 
   linkedProjects = select(LinkedProjectsSelectors.getLinkedProjects);
   isLoading = select(LinkedProjectsSelectors.getLinkedProjectsLoading);
@@ -123,9 +126,11 @@ export class ViewLinkedProjectsComponent {
 
   setupCleanup(): void {
     this.destroyRef.onDestroy(() => {
-      this.actions.clearLinkedProjects();
-      this.actions.clearProject();
-      this.actions.clearRegistration();
+      if (this.isBrowser) {
+        this.actions.clearLinkedProjects();
+        this.actions.clearProject();
+        this.actions.clearRegistration();
+      }
     });
   }
 }
diff --git a/src/app/features/collections/collections.routes.ts b/src/app/features/collections/collections.routes.ts
index 1dbd7bc85..7c1fe8292 100644
--- a/src/app/features/collections/collections.routes.ts
+++ b/src/app/features/collections/collections.routes.ts
@@ -31,7 +31,7 @@ export const collectionsRoutes: Routes = [
       },
       {
         path: ':providerId',
-        redirectTo: ':providerId/discover',
+        redirectTo: ({ params }) => `${params['providerId']}/discover`,
       },
       {
         path: ':providerId/discover',
diff --git a/src/app/features/collections/components/add-to-collection/add-to-collection.component.ts b/src/app/features/collections/components/add-to-collection/add-to-collection.component.ts
index ff55e38f1..99187f5a0 100644
--- a/src/app/features/collections/components/add-to-collection/add-to-collection.component.ts
+++ b/src/app/features/collections/components/add-to-collection/add-to-collection.component.ts
@@ -7,6 +7,7 @@ import { Stepper } from 'primeng/stepper';
 
 import { filter, map, Observable, of, switchMap } from 'rxjs';
 
+import { isPlatformBrowser } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -15,6 +16,7 @@ import {
   effect,
   HostListener,
   inject,
+  PLATFORM_ID,
   signal,
 } from '@angular/core';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
@@ -76,6 +78,8 @@ export class AddToCollectionComponent implements CanDeactivateComponent {
   private readonly customDialogService = inject(CustomDialogService);
   private readonly toastService = inject(ToastService);
   private readonly loaderService = inject(LoaderService);
+  private readonly platformId = inject(PLATFORM_ID);
+  private readonly isBrowser = isPlatformBrowser(this.platformId);
 
   readonly selectedProjectId = toSignal<string | null>(
     this.route.params.pipe(map((params) => params['id'])) ?? of(null)
@@ -285,11 +289,13 @@ export class AddToCollectionComponent implements CanDeactivateComponent {
 
   private setupCleanup() {
     this.destroyRef.onDestroy(() => {
-      this.actions.clearAddToCollectionState();
-      this.allowNavigation.set(false);
+      if (this.isBrowser) {
+        this.actions.clearAddToCollectionState();
+        this.allowNavigation.set(false);
 
-      this.headerStyleHelper.resetToDefaults();
-      this.brandService.resetBranding();
+        this.headerStyleHelper.resetToDefaults();
+        this.brandService.resetBranding();
+      }
     });
   }
 
diff --git a/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.ts b/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.ts
index 5120ddc96..95913df5c 100644
--- a/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.ts
+++ b/src/app/features/collections/components/add-to-collection/project-metadata-step/project-metadata-step.component.ts
@@ -13,6 +13,7 @@ import { Step, StepItem, StepPanel } from 'primeng/stepper';
 import { Textarea } from 'primeng/textarea';
 import { Tooltip } from 'primeng/tooltip';
 
+import { isPlatformBrowser } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -22,6 +23,7 @@ import {
   inject,
   input,
   output,
+  PLATFORM_ID,
   signal,
   untracked,
 } from '@angular/core';
@@ -75,6 +77,9 @@ export class ProjectMetadataStepComponent {
   private readonly toastService = inject(ToastService);
   private readonly destroyRef = inject(DestroyRef);
   private readonly formService = inject(ProjectMetadataFormService);
+  private readonly platformId = inject(PLATFORM_ID);
+  private readonly isBrowser = isPlatformBrowser(this.platformId);
+
   readonly currentYear = new Date();
 
   readonly ProjectMetadataFormControls = ProjectMetadataFormControls;
@@ -244,7 +249,9 @@ export class ProjectMetadataStepComponent {
     });
 
     this.destroyRef.onDestroy(() => {
-      this.actions.clearProjects();
+      if (this.isBrowser) {
+        this.actions.clearProjects();
+      }
     });
   }
 }
diff --git a/src/app/features/collections/components/collections-discover/collections-discover.component.ts b/src/app/features/collections/components/collections-discover/collections-discover.component.ts
index cd7929102..9f22a910d 100644
--- a/src/app/features/collections/components/collections-discover/collections-discover.component.ts
+++ b/src/app/features/collections/components/collections-discover/collections-discover.component.ts
@@ -6,7 +6,17 @@ import { Button } from 'primeng/button';
 
 import { debounceTime } from 'rxjs';
 
-import { ChangeDetectionStrategy, Component, computed, DestroyRef, effect, inject, signal } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  computed,
+  DestroyRef,
+  effect,
+  inject,
+  PLATFORM_ID,
+  signal,
+} from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormControl } from '@angular/forms';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
@@ -56,6 +66,8 @@ export class CollectionsDiscoverComponent {
   private destroyRef = inject(DestroyRef);
   private brandService = inject(BrandService);
   private headerStyleHelper = inject(HeaderStyleService);
+  private platformId = inject(PLATFORM_ID);
+  private isBrowser = isPlatformBrowser(this.platformId);
 
   searchControl = new FormControl('');
   providerId = signal<string>('');
@@ -152,9 +164,11 @@ export class CollectionsDiscoverComponent {
     });
 
     this.destroyRef.onDestroy(() => {
-      this.actions.clearCollections();
-      this.headerStyleHelper.resetToDefaults();
-      this.brandService.resetBranding();
+      if (this.isBrowser) {
+        this.actions.clearCollections();
+        this.headerStyleHelper.resetToDefaults();
+        this.brandService.resetBranding();
+      }
     });
   }
 
diff --git a/src/app/features/files/pages/files/files.component.ts b/src/app/features/files/pages/files/files.component.ts
index a7dc18e84..f904f9f73 100644
--- a/src/app/features/files/pages/files/files.component.ts
+++ b/src/app/features/files/pages/files/files.component.ts
@@ -20,6 +20,7 @@ import {
   take,
 } from 'rxjs';
 
+import { isPlatformBrowser } from '@angular/common';
 import { HttpEventType, HttpResponse } from '@angular/common/http';
 import {
   ChangeDetectionStrategy,
@@ -30,6 +31,7 @@ import {
   HostBinding,
   inject,
   model,
+  PLATFORM_ID,
   signal,
   viewChild,
 } from '@angular/core';
@@ -130,6 +132,8 @@ export class FilesComponent {
   private readonly customConfirmationService = inject(CustomConfirmationService);
   private readonly toastService = inject(ToastService);
   private readonly viewOnlyService = inject(ViewOnlyLinkHelperService);
+  private readonly platformId = inject(PLATFORM_ID);
+  private readonly isBrowser = isPlatformBrowser(this.platformId);
 
   private readonly webUrl = this.environment.webUrl;
   private readonly apiDomainUrl = this.environment.apiDomainUrl;
@@ -303,7 +307,6 @@ export class FilesComponent {
       if (currentRootFolder) {
         const provider = currentRootFolder.folder?.provider;
         const storageId = currentRootFolder.folder?.id;
-        // [NM TODO] Check if other providers allow revisions
         this.allowRevisions = provider === FileProvider.OsfStorage;
         this.isGoogleDrive.set(provider === FileProvider.GoogleDrive);
         if (this.isGoogleDrive()) {
@@ -347,7 +350,9 @@ export class FilesComponent {
     });
 
     this.destroyRef.onDestroy(() => {
-      this.actions.resetState();
+      if (this.isBrowser) {
+        this.actions.resetState();
+      }
     });
   }
 
diff --git a/src/app/features/home/pages/dashboard/dashboard.component.ts b/src/app/features/home/pages/dashboard/dashboard.component.ts
index cbb42eff3..17522201b 100644
--- a/src/app/features/home/pages/dashboard/dashboard.component.ts
+++ b/src/app/features/home/pages/dashboard/dashboard.component.ts
@@ -8,7 +8,8 @@ import { TablePageEvent } from 'primeng/table';
 
 import { debounceTime, distinctUntilChanged, filter, tap } from 'rxjs';
 
-import { Component, computed, DestroyRef, effect, inject, OnInit, signal } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { Component, computed, DestroyRef, effect, inject, OnInit, PLATFORM_ID, signal } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormControl } from '@angular/forms';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
@@ -51,6 +52,8 @@ export class DashboardComponent implements OnInit {
   private readonly route = inject(ActivatedRoute);
   private readonly customDialogService = inject(CustomDialogService);
   private readonly projectRedirectDialogService = inject(ProjectRedirectDialogService);
+  private readonly platformId = inject(PLATFORM_ID);
+  private readonly isBrowser = isPlatformBrowser(this.platformId);
 
   readonly searchControl = new FormControl<string>('');
   readonly activeProject = signal<MyResourcesItem | null>(null);
@@ -126,7 +129,9 @@ export class DashboardComponent implements OnInit {
 
   setupCleanup(): void {
     this.destroyRef.onDestroy(() => {
-      this.actions.clearMyResources();
+      if (this.isBrowser) {
+        this.actions.clearMyResources();
+      }
     });
   }
 
diff --git a/src/app/features/my-projects/my-projects.component.ts b/src/app/features/my-projects/my-projects.component.ts
index 89c2af68e..688499d53 100644
--- a/src/app/features/my-projects/my-projects.component.ts
+++ b/src/app/features/my-projects/my-projects.component.ts
@@ -8,6 +8,7 @@ import { Tab, TabList, TabPanel, TabPanels, Tabs } from 'primeng/tabs';
 
 import { debounceTime, distinctUntilChanged, filter, tap } from 'rxjs';
 
+import { isPlatformBrowser } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -16,6 +17,7 @@ import {
   effect,
   inject,
   OnInit,
+  PLATFORM_ID,
   signal,
   untracked,
 } from '@angular/core';
@@ -79,6 +81,8 @@ export class MyProjectsComponent implements OnInit {
   readonly projectRedirectDialogService = inject(ProjectRedirectDialogService);
   readonly queryService = inject(MyProjectsQueryService);
   readonly tableParamsService = inject(MyProjectsTableParamsService);
+  readonly platformId = inject(PLATFORM_ID);
+  readonly isBrowser = isPlatformBrowser(this.platformId);
 
   readonly isLoading = signal(false);
   readonly isMedium = toSignal(inject(IS_MEDIUM));
@@ -186,7 +190,9 @@ export class MyProjectsComponent implements OnInit {
 
   private setupCleanup(): void {
     this.destroyRef.onDestroy(() => {
-      this.actions.clearMyProjects();
+      if (this.isBrowser) {
+        this.actions.clearMyProjects();
+      }
     });
   }
 
diff --git a/src/app/features/project/overview/components/citation-addon-card/citation-addon-card.component.ts b/src/app/features/project/overview/components/citation-addon-card/citation-addon-card.component.ts
index 55ee31fb1..6689bd9c8 100644
--- a/src/app/features/project/overview/components/citation-addon-card/citation-addon-card.component.ts
+++ b/src/app/features/project/overview/components/citation-addon-card/citation-addon-card.component.ts
@@ -7,6 +7,7 @@ import { Skeleton } from 'primeng/skeleton';
 
 import { debounceTime, distinctUntilChanged, Subject } from 'rxjs';
 
+import { isPlatformBrowser } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -16,6 +17,7 @@ import {
   inject,
   input,
   OnInit,
+  PLATFORM_ID,
   signal,
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -50,6 +52,8 @@ export class CitationAddonCardComponent implements OnInit {
   private readonly operationInvocationService = inject(AddonOperationInvocationService);
   private readonly cslStyleManager = inject(CslStyleManagerService);
   private readonly destroyRef = inject(DestroyRef);
+  private readonly platformId = inject(PLATFORM_ID);
+  private readonly isBrowser = isPlatformBrowser(this.platformId);
   private readonly filterSubject = new Subject<string>();
 
   readonly addon = input.required<ConfiguredAddonModel>();
@@ -193,7 +197,9 @@ export class CitationAddonCardComponent implements OnInit {
 
   private setupCleanup(): void {
     this.destroyRef.onDestroy(() => {
-      this.cslStyleManager.clearCache();
+      if (this.isBrowser) {
+        this.cslStyleManager.clearCache();
+      }
     });
   }
 }
diff --git a/src/app/features/project/project-addons/components/configure-addon/configure-addon.component.ts b/src/app/features/project/project-addons/components/configure-addon/configure-addon.component.ts
index 4b5621389..d4061482a 100644
--- a/src/app/features/project/project-addons/components/configure-addon/configure-addon.component.ts
+++ b/src/app/features/project/project-addons/components/configure-addon/configure-addon.component.ts
@@ -7,6 +7,7 @@ import { Button } from 'primeng/button';
 import { Card } from 'primeng/card';
 import { Skeleton } from 'primeng/skeleton';
 
+import { isPlatformBrowser } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -15,6 +16,7 @@ import {
   effect,
   inject,
   OnInit,
+  PLATFORM_ID,
   signal,
 } from '@angular/core';
 import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -70,7 +72,9 @@ export class ConfigureAddonComponent implements OnInit {
   private addonFormService = inject(AddonFormService);
   private operationInvocationService = inject(AddonOperationInvocationService);
   private store = inject(Store);
-  private readonly environment = inject(ENVIRONMENT);
+  private environment = inject(ENVIRONMENT);
+  private platformId = inject(PLATFORM_ID);
+  private isBrowser = isPlatformBrowser(this.platformId);
 
   accountNameControl = new FormControl('');
   storageAddon = signal<AddonModel | null>(null);
@@ -135,7 +139,9 @@ export class ConfigureAddonComponent implements OnInit {
     this.initializeAddon();
 
     this.destroyRef.onDestroy(() => {
-      this.actions.clearOperationInvocations();
+      if (this.isBrowser) {
+        this.actions.clearOperationInvocations();
+      }
     });
 
     effect(() => {
@@ -146,8 +152,6 @@ export class ConfigureAddonComponent implements OnInit {
   }
 
   private initializeAddon(): void {
-    // TODO this should be reviewed to have the addon be retrieved from the store
-    // I have limited my testing because it will create a false/positive test based on the required data
     const addon = this.router.getCurrentNavigation()?.extras.state?.['addon'] as ConfiguredAddonModel;
 
     if (addon) {
diff --git a/src/app/features/project/project-addons/components/connect-configured-addon/connect-configured-addon.component.ts b/src/app/features/project/project-addons/components/connect-configured-addon/connect-configured-addon.component.ts
index d76e270cf..fa9eaa3cb 100644
--- a/src/app/features/project/project-addons/components/connect-configured-addon/connect-configured-addon.component.ts
+++ b/src/app/features/project/project-addons/components/connect-configured-addon/connect-configured-addon.component.ts
@@ -9,7 +9,8 @@ import { RadioButtonModule } from 'primeng/radiobutton';
 import { StepPanel, StepPanels, Stepper } from 'primeng/stepper';
 import { TableModule } from 'primeng/table';
 
-import { Component, computed, DestroyRef, inject, signal, viewChild } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { Component, computed, DestroyRef, inject, PLATFORM_ID, signal, viewChild } from '@angular/core';
 import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 
@@ -80,7 +81,9 @@ export class ConnectConfiguredAddonComponent {
   private destroyRef = inject(DestroyRef);
   private router = inject(Router);
   private route = inject(ActivatedRoute);
-  private readonly environment = inject(ENVIRONMENT);
+  private environment = inject(ENVIRONMENT);
+  private platformId = inject(PLATFORM_ID);
+  private isBrowser = isPlatformBrowser(this.platformId);
 
   private selectedAccount = signal<AuthorizedAccountModel>({} as AuthorizedAccountModel);
 
@@ -175,7 +178,9 @@ export class ConnectConfiguredAddonComponent {
     this.addon.set(addon);
 
     this.destroyRef.onDestroy(() => {
-      this.oauthService.stopOAuthTracking();
+      if (this.isBrowser) {
+        this.oauthService.stopOAuthTracking();
+      }
     });
   }
 
diff --git a/src/app/features/project/project-addons/project-addons.component.ts b/src/app/features/project/project-addons/project-addons.component.ts
index 9ed48c63b..100cbfb15 100644
--- a/src/app/features/project/project-addons/project-addons.component.ts
+++ b/src/app/features/project/project-addons/project-addons.component.ts
@@ -6,6 +6,7 @@ import { Tab, TabList, TabPanel, TabPanels, Tabs } from 'primeng/tabs';
 
 import { debounceTime, distinctUntilChanged } from 'rxjs';
 
+import { isPlatformBrowser } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -15,6 +16,7 @@ import {
   inject,
   model,
   OnInit,
+  PLATFORM_ID,
   signal,
   untracked,
 } from '@angular/core';
@@ -76,6 +78,9 @@ export class ProjectAddonsComponent implements OnInit {
   private route = inject(ActivatedRoute);
   private destroyRef = inject(DestroyRef);
   private queryParamsService = inject(AddonsQueryParamsService);
+  private platformId = inject(PLATFORM_ID);
+  private isBrowser = isPlatformBrowser(this.platformId);
+
   readonly tabOptions = ADDON_TAB_OPTIONS;
   readonly AddonTabValue = AddonTabValue;
   readonly defaultTabValue = AddonTabValue.ALL_ADDONS;
@@ -294,7 +299,9 @@ export class ProjectAddonsComponent implements OnInit {
       .subscribe((value) => this.searchValue.set(value ?? ''));
 
     this.destroyRef.onDestroy(() => {
-      this.actions.clearConfiguredAddons();
+      if (this.isBrowser) {
+        this.actions.clearConfiguredAddons();
+      }
     });
   }
 
diff --git a/src/app/features/project/wiki/wiki.component.ts b/src/app/features/project/wiki/wiki.component.ts
index d48f5ac6b..0fcf255a0 100644
--- a/src/app/features/project/wiki/wiki.component.ts
+++ b/src/app/features/project/wiki/wiki.component.ts
@@ -7,7 +7,8 @@ import { ButtonGroupModule } from 'primeng/buttongroup';
 
 import { filter, map, mergeMap, of, tap } from 'rxjs';
 
-import { ChangeDetectionStrategy, Component, computed, DestroyRef, inject } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, DestroyRef, inject, PLATFORM_ID } from '@angular/core';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { ActivatedRoute, Router } from '@angular/router';
 
@@ -62,6 +63,8 @@ export class WikiComponent {
   private readonly destroyRef = inject(DestroyRef);
   private readonly toastService = inject(ToastService);
   private readonly viewOnlyService = inject(ViewOnlyLinkHelperService);
+  private readonly platformId = inject(PLATFORM_ID);
+  private readonly isBrowser = isPlatformBrowser(this.platformId);
 
   WikiModes = WikiModes;
   homeWikiName = 'Home';
@@ -133,7 +136,9 @@ export class WikiComponent {
       .subscribe();
 
     this.destroyRef.onDestroy(() => {
-      this.actions.clearWiki();
+      if (this.isBrowser) {
+        this.actions.clearWiki();
+      }
     });
   }
 
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 80928853a..1aa9c22c8 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
@@ -4,7 +4,8 @@ import { TranslatePipe } from '@ngx-translate/core';
 
 import { Button } from 'primeng/button';
 
-import { ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit, PLATFORM_ID } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { Router } from '@angular/router';
 
@@ -45,6 +46,8 @@ import { GetRegistries, RegistriesSelectors } from '../../store';
 export class RegistriesLandingComponent implements OnInit, OnDestroy {
   private router = inject(Router);
   private readonly environment = inject(ENVIRONMENT);
+  private readonly platformId = inject(PLATFORM_ID);
+  private readonly isBrowser = isPlatformBrowser(this.platformId);
 
   private actions = createDispatchMap({
     getRegistries: GetRegistries,
@@ -67,8 +70,10 @@ export class RegistriesLandingComponent implements OnInit, OnDestroy {
   }
 
   ngOnDestroy(): void {
-    this.actions.clearCurrentProvider();
-    this.actions.clearRegistryProvider();
+    if (this.isBrowser) {
+      this.actions.clearCurrentProvider();
+      this.actions.clearRegistryProvider();
+    }
   }
 
   redirectToSearchPageWithValue(): void {
diff --git a/src/app/features/registries/pages/registries-provider-search/registries-provider-search.component.ts b/src/app/features/registries/pages/registries-provider-search/registries-provider-search.component.ts
index 2825d7783..3b1d75587 100644
--- a/src/app/features/registries/pages/registries-provider-search/registries-provider-search.component.ts
+++ b/src/app/features/registries/pages/registries-provider-search/registries-provider-search.component.ts
@@ -1,6 +1,7 @@
 import { createDispatchMap, select } from '@ngxs/store';
 
-import { ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit, signal } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit, PLATFORM_ID, signal } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
 
@@ -25,6 +26,8 @@ import { RegistryProviderHeroComponent } from '../../components/registry-provide
 })
 export class RegistriesProviderSearchComponent implements OnInit, OnDestroy {
   private route = inject(ActivatedRoute);
+  private platformId = inject(PLATFORM_ID);
+  private isBrowser = isPlatformBrowser(this.platformId);
 
   private actions = createDispatchMap({
     getProvider: GetRegistryProvider,
@@ -54,7 +57,9 @@ export class RegistriesProviderSearchComponent implements OnInit, OnDestroy {
   }
 
   ngOnDestroy(): void {
-    this.actions.clearCurrentProvider();
-    this.actions.clearRegistryProvider();
+    if (this.isBrowser) {
+      this.actions.clearCurrentProvider();
+      this.actions.clearRegistryProvider();
+    }
   }
 }
diff --git a/src/app/features/registry/pages/registry-wiki/registry-wiki.component.ts b/src/app/features/registry/pages/registry-wiki/registry-wiki.component.ts
index 2a8d92633..1a711879f 100644
--- a/src/app/features/registry/pages/registry-wiki/registry-wiki.component.ts
+++ b/src/app/features/registry/pages/registry-wiki/registry-wiki.component.ts
@@ -7,7 +7,8 @@ import { ButtonGroup } from 'primeng/buttongroup';
 
 import { filter, map, mergeMap, tap } from 'rxjs';
 
-import { ChangeDetectionStrategy, Component, computed, DestroyRef, inject } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, DestroyRef, inject, PLATFORM_ID } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ActivatedRoute, Router } from '@angular/router';
 
@@ -53,6 +54,8 @@ export class RegistryWikiComponent {
   private readonly router = inject(Router);
   private readonly destroyRef = inject(DestroyRef);
   private readonly viewOnlyService = inject(ViewOnlyLinkHelperService);
+  private readonly platformId = inject(PLATFORM_ID);
+  private readonly isBrowser = isPlatformBrowser(this.platformId);
 
   WikiModes = WikiModes;
   wikiModes = select(WikiSelectors.getWikiModes);
@@ -112,7 +115,9 @@ export class RegistryWikiComponent {
       .subscribe();
 
     this.destroyRef.onDestroy(() => {
-      this.actions.clearWiki();
+      if (this.isBrowser) {
+        this.actions.clearWiki();
+      }
     });
   }
 
diff --git a/src/app/features/settings/settings-addons/components/connect-addon/connect-addon.component.ts b/src/app/features/settings/settings-addons/components/connect-addon/connect-addon.component.ts
index 26010038c..7b119cde3 100644
--- a/src/app/features/settings/settings-addons/components/connect-addon/connect-addon.component.ts
+++ b/src/app/features/settings/settings-addons/components/connect-addon/connect-addon.component.ts
@@ -6,7 +6,8 @@ import { Button } from 'primeng/button';
 import { StepPanel, StepPanels, Stepper } from 'primeng/stepper';
 import { TableModule } from 'primeng/table';
 
-import { Component, computed, DestroyRef, effect, inject, signal, viewChild } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { Component, computed, DestroyRef, effect, inject, PLATFORM_ID, signal, viewChild } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { Router, RouterLink } from '@angular/router';
 
@@ -49,6 +50,8 @@ export class ConnectAddonComponent {
   private readonly toastService = inject(ToastService);
   private readonly oauthService = inject(AddonOAuthService);
   private readonly destroyRef = inject(DestroyRef);
+  private readonly platformId = inject(PLATFORM_ID);
+  private readonly isBrowser = isPlatformBrowser(this.platformId);
 
   readonly stepper = viewChild(Stepper);
   readonly AddonType = AddonType;
@@ -96,7 +99,9 @@ export class ConnectAddonComponent {
     });
 
     this.destroyRef.onDestroy(() => {
-      this.oauthService.stopOAuthTracking();
+      if (this.isBrowser) {
+        this.oauthService.stopOAuthTracking();
+      }
     });
   }
 
diff --git a/src/app/features/settings/settings-addons/settings-addons.component.ts b/src/app/features/settings/settings-addons/settings-addons.component.ts
index 7cf605fb1..29ade7d99 100644
--- a/src/app/features/settings/settings-addons/settings-addons.component.ts
+++ b/src/app/features/settings/settings-addons/settings-addons.component.ts
@@ -6,6 +6,7 @@ import { Tab, TabList, TabPanel, TabPanels, Tabs } from 'primeng/tabs';
 
 import { debounceTime, distinctUntilChanged } from 'rxjs';
 
+import { isPlatformBrowser } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -15,6 +16,7 @@ import {
   inject,
   model,
   OnInit,
+  PLATFORM_ID,
   signal,
   untracked,
 } from '@angular/core';
@@ -74,9 +76,13 @@ export class SettingsAddonsComponent implements OnInit {
   private readonly destroyRef = inject(DestroyRef);
   private readonly route = inject(ActivatedRoute);
   private readonly queryParamsService = inject(AddonsQueryParamsService);
+  private readonly platformId = inject(PLATFORM_ID);
+  private readonly isBrowser = isPlatformBrowser(this.platformId);
+
   readonly tabOptions = ADDON_TAB_OPTIONS;
   readonly AddonTabValue = AddonTabValue;
   readonly defaultTabValue = AddonTabValue.ALL_ADDONS;
+
   searchControl = new FormControl<string>('');
   searchValue = signal<string>('');
   selectedCategory = signal<string>(AddonCategory.EXTERNAL_STORAGE_SERVICES);
@@ -254,7 +260,9 @@ export class SettingsAddonsComponent implements OnInit {
       .subscribe((value) => this.searchValue.set(value ?? ''));
 
     this.destroyRef.onDestroy(() => {
-      this.actions.clearAuthorizedAddons();
+      if (this.isBrowser) {
+        this.actions.clearAuthorizedAddons();
+      }
     });
   }
 
diff --git a/src/app/shared/components/addons/storage-item-selector/storage-item-selector.component.ts b/src/app/shared/components/addons/storage-item-selector/storage-item-selector.component.ts
index 597e887e2..fc29d0ae8 100644
--- a/src/app/shared/components/addons/storage-item-selector/storage-item-selector.component.ts
+++ b/src/app/shared/components/addons/storage-item-selector/storage-item-selector.component.ts
@@ -12,6 +12,7 @@ import { Skeleton } from 'primeng/skeleton';
 
 import { timer } from 'rxjs';
 
+import { isPlatformBrowser } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -23,6 +24,7 @@ import {
   model,
   OnInit,
   output,
+  PLATFORM_ID,
   signal,
   viewChild,
 } from '@angular/core';
@@ -68,6 +70,8 @@ export class StorageItemSelectorComponent implements OnInit {
   private destroyRef = inject(DestroyRef);
   private customDialogService = inject(CustomDialogService);
   private translateService = inject(TranslateService);
+  private platformId = inject(PLATFORM_ID);
+  private isBrowser = isPlatformBrowser(this.platformId);
 
   readonly AddonType = AddonType;
   isMobile = toSignal(inject(IS_XSMALL));
@@ -148,7 +152,9 @@ export class StorageItemSelectorComponent implements OnInit {
     });
 
     this.destroyRef.onDestroy(() => {
-      this.actions.clearOperationInvocations();
+      if (this.isBrowser) {
+        this.actions.clearOperationInvocations();
+      }
     });
   }
 
diff --git a/src/app/shared/components/global-search/global-search.component.ts b/src/app/shared/components/global-search/global-search.component.ts
index d49d78328..3da3dc8bd 100644
--- a/src/app/shared/components/global-search/global-search.component.ts
+++ b/src/app/shared/components/global-search/global-search.component.ts
@@ -4,6 +4,7 @@ import { TranslatePipe } from '@ngx-translate/core';
 
 import { debounceTime, distinctUntilChanged } from 'rxjs';
 
+import { isPlatformBrowser } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -12,6 +13,7 @@ import {
   input,
   OnDestroy,
   OnInit,
+  PLATFORM_ID,
   signal,
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -63,6 +65,8 @@ export class GlobalSearchComponent implements OnInit, OnDestroy {
   private route = inject(ActivatedRoute);
   private router = inject(Router);
   private destroyRef = inject(DestroyRef);
+  private platformId = inject(PLATFORM_ID);
+  private isBrowser = isPlatformBrowser(this.platformId);
 
   private actions = createDispatchMap({
     fetchResources: FetchResources,
@@ -113,7 +117,9 @@ export class GlobalSearchComponent implements OnInit, OnDestroy {
   }
 
   ngOnDestroy() {
-    this.actions.resetSearchState();
+    if (this.isBrowser) {
+      this.actions.resetSearchState();
+    }
   }
 
   onLoadFilterOptions(filter: DiscoverableFilter): void {
diff --git a/src/app/shared/components/markdown/markdown.component.ts b/src/app/shared/components/markdown/markdown.component.ts
index 4f513155d..239cca559 100644
--- a/src/app/shared/components/markdown/markdown.component.ts
+++ b/src/app/shared/components/markdown/markdown.component.ts
@@ -1,3 +1,4 @@
+import { isPlatformBrowser } from '@angular/common';
 import {
   AfterViewInit,
   ChangeDetectionStrategy,
@@ -7,8 +8,9 @@ import {
   ElementRef,
   inject,
   input,
+  PLATFORM_ID,
   Signal,
-  ViewChild,
+  viewChild,
 } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 
@@ -32,12 +34,14 @@ import markdownItVideo from 'markdown-it-video';
 export class MarkdownComponent implements AfterViewInit {
   markdownText = input<string>('');
 
-  @ViewChild('container', { static: false }) containerRef?: ElementRef<HTMLElement>;
+  container = viewChild<ElementRef<HTMLElement>>('container');
 
   private md: MarkdownIt;
   private sanitizer = inject(DomSanitizer);
-  private readonly environment = inject(ENVIRONMENT);
+  private environment = inject(ENVIRONMENT);
   private destroyRef = inject(DestroyRef);
+  private platformId = inject(PLATFORM_ID);
+  private isBrowser = isPlatformBrowser(this.platformId);
   private clickHandler?: (event: MouseEvent) => void;
 
   renderedHtml: Signal<SafeHtml> = computed(() => {
@@ -85,12 +89,12 @@ export class MarkdownComponent implements AfterViewInit {
   }
 
   private setupClickHandler(): void {
-    if (!this.containerRef?.nativeElement) {
+    const container = this.container()?.nativeElement;
+
+    if (!container) {
       return;
     }
 
-    const container = this.containerRef.nativeElement;
-
     this.clickHandler = (event: MouseEvent) => {
       const anchor = (event.target as HTMLElement).closest('a');
       if (!anchor?.hash) {
@@ -107,7 +111,9 @@ export class MarkdownComponent implements AfterViewInit {
     container.addEventListener('click', this.clickHandler);
 
     this.destroyRef.onDestroy(() => {
-      container.removeEventListener('click', this.clickHandler!);
+      if (this.isBrowser) {
+        container.removeEventListener('click', this.clickHandler!);
+      }
     });
   }
 }
diff --git a/src/app/shared/stores/collections/collections.state.ts b/src/app/shared/stores/collections/collections.state.ts
index 3e63137b6..c419afe56 100644
--- a/src/app/shared/stores/collections/collections.state.ts
+++ b/src/app/shared/stores/collections/collections.state.ts
@@ -3,6 +3,7 @@ import { Action, State, StateContext } from '@ngxs/store';
 import { catchError, forkJoin, of, switchMap, tap } from 'rxjs';
 
 import { inject, Injectable } from '@angular/core';
+import { Router } from '@angular/router';
 
 import { SetCurrentProvider } from '@core/store/provider';
 import { CurrentResourceType } from '@osf/shared/enums/resource-type.enum';
@@ -41,6 +42,7 @@ import { COLLECTIONS_DEFAULTS, CollectionsStateModel } from './collections.model
 })
 @Injectable()
 export class CollectionsState {
+  router = inject(Router);
   collectionsService = inject(CollectionsService);
 
   @Action(GetCollectionProvider)
@@ -86,6 +88,13 @@ export class CollectionsState {
             permissions: res.permissions,
           })
         );
+      }),
+      catchError((error) => {
+        if (error.status === 404) {
+          this.router.navigate(['/not-found']);
+          return of(null);
+        }
+        return handleSectionError(ctx, 'collectionProvider', error);
       })
     );
   }

From 05554bbd6e5182b871cc386bd07a86b9f5e08224 Mon Sep 17 00:00:00 2001
From: nsemets <nsemets@exoft.net>
Date: Wed, 14 Jan 2026 17:21:28 +0200
Subject: [PATCH 4/6] fix(tests): fixed unit tests

---
 src/app/core/guards/is-file.guard.spec.ts     | 47 +++++--------------
 src/app/core/guards/is-project.guard.spec.ts  | 47 +++++--------------
 src/app/core/guards/is-registry.guard.spec.ts | 47 +++++--------------
 .../select-preprint-service.component.spec.ts |  2 -
 .../registry-provider-hero.component.spec.ts  | 10 +---
 .../view-section.component.spec.ts            |  6 +--
 6 files changed, 36 insertions(+), 123 deletions(-)

diff --git a/src/app/core/guards/is-file.guard.spec.ts b/src/app/core/guards/is-file.guard.spec.ts
index 512fbd45a..c3d449077 100644
--- a/src/app/core/guards/is-file.guard.spec.ts
+++ b/src/app/core/guards/is-file.guard.spec.ts
@@ -1,3 +1,5 @@
+import { MockProvider } from 'ng-mocks';
+
 import { of } from 'rxjs';
 
 import { PLATFORM_ID, runInInjectionContext } from '@angular/core';
@@ -45,10 +47,7 @@ describe('isFileGuard', () => {
           selectors: [],
           actions: [],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().withUrl('/test').build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().withUrl('/test').build()),
         {
           provide: PLATFORM_ID,
           useValue: 'browser',
@@ -86,10 +85,7 @@ describe('isFileGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().withUrl('/test').build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().withUrl('/test').build()),
         {
           provide: PLATFORM_ID,
           useValue: 'browser',
@@ -135,10 +131,7 @@ describe('isFileGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().withUrl('/test').build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().withUrl('/test').build()),
         {
           provide: PLATFORM_ID,
           useValue: 'browser',
@@ -187,10 +180,7 @@ describe('isFileGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().withUrl('/test').build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().withUrl('/test').build()),
         {
           provide: PLATFORM_ID,
           useValue: 'browser',
@@ -240,10 +230,7 @@ describe('isFileGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().withUrl('/test').build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().withUrl('/test').build()),
         {
           provide: PLATFORM_ID,
           useValue: 'browser',
@@ -292,10 +279,7 @@ describe('isFileGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().withUrl('/test').build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().withUrl('/test').build()),
         {
           provide: PLATFORM_ID,
           useValue: 'browser',
@@ -344,10 +328,7 @@ describe('isFileGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().withUrl('/test').build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().withUrl('/test').build()),
         {
           provide: PLATFORM_ID,
           useValue: 'browser',
@@ -397,10 +378,7 @@ describe('isFileGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().withUrl('/test?view_only=abc123').build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().withUrl('/test?view_only=abc123').build()),
         {
           provide: PLATFORM_ID,
           useValue: 'server',
@@ -459,10 +437,7 @@ describe('isFileGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().withUrl('/test').build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().withUrl('/test').build()),
         {
           provide: PLATFORM_ID,
           useValue: 'browser',
diff --git a/src/app/core/guards/is-project.guard.spec.ts b/src/app/core/guards/is-project.guard.spec.ts
index 41df9a57c..59091d663 100644
--- a/src/app/core/guards/is-project.guard.spec.ts
+++ b/src/app/core/guards/is-project.guard.spec.ts
@@ -1,3 +1,5 @@
+import { MockProvider } from 'ng-mocks';
+
 import { of } from 'rxjs';
 
 import { runInInjectionContext } from '@angular/core';
@@ -33,10 +35,7 @@ describe('isProjectGuard', () => {
           selectors: [],
           actions: [],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -70,10 +69,7 @@ describe('isProjectGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -115,10 +111,7 @@ describe('isProjectGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -164,10 +157,7 @@ describe('isProjectGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -214,10 +204,7 @@ describe('isProjectGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -263,10 +250,7 @@ describe('isProjectGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -316,10 +300,7 @@ describe('isProjectGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -369,10 +350,7 @@ describe('isProjectGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -417,10 +395,7 @@ describe('isProjectGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
diff --git a/src/app/core/guards/is-registry.guard.spec.ts b/src/app/core/guards/is-registry.guard.spec.ts
index 60346f3ed..2381aae94 100644
--- a/src/app/core/guards/is-registry.guard.spec.ts
+++ b/src/app/core/guards/is-registry.guard.spec.ts
@@ -1,3 +1,5 @@
+import { MockProvider } from 'ng-mocks';
+
 import { of } from 'rxjs';
 
 import { runInInjectionContext } from '@angular/core';
@@ -33,10 +35,7 @@ describe('isRegistryGuard', () => {
           selectors: [],
           actions: [],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -70,10 +69,7 @@ describe('isRegistryGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -115,10 +111,7 @@ describe('isRegistryGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -164,10 +157,7 @@ describe('isRegistryGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -214,10 +204,7 @@ describe('isRegistryGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -263,10 +250,7 @@ describe('isRegistryGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -316,10 +300,7 @@ describe('isRegistryGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -369,10 +350,7 @@ describe('isRegistryGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
@@ -417,10 +395,7 @@ describe('isRegistryGuard', () => {
             },
           ],
         }),
-        {
-          provide: Router,
-          useValue: RouterMockBuilder.create().build(),
-        },
+        MockProvider(Router, RouterMockBuilder.create().build()),
       ],
     });
 
diff --git a/src/app/features/preprints/pages/select-preprint-service/select-preprint-service.component.spec.ts b/src/app/features/preprints/pages/select-preprint-service/select-preprint-service.component.spec.ts
index 49d4a8cee..fa17b37e7 100644
--- a/src/app/features/preprints/pages/select-preprint-service/select-preprint-service.component.spec.ts
+++ b/src/app/features/preprints/pages/select-preprint-service/select-preprint-service.component.spec.ts
@@ -5,7 +5,6 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ActivatedRoute, Router } from '@angular/router';
 
 import { SubHeaderComponent } from '@osf/shared/components/sub-header/sub-header.component';
-import { DecodeHtmlPipe } from '@osf/shared/pipes/decode-html.pipe';
 
 import { PreprintProviderShortInfo } from '../../models';
 import { PreprintProvidersSelectors } from '../../store/preprint-providers';
@@ -38,7 +37,6 @@ describe('SelectPreprintServiceComponent', () => {
         OSFTestingModule,
         ...MockComponents(SubHeaderComponent),
         MockPipe(TranslatePipe),
-        MockPipe(DecodeHtmlPipe),
       ],
       providers: [
         MockProvider(Router, routerMock),
diff --git a/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.spec.ts b/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.spec.ts
index 781b8bcc1..dd8165953 100644
--- a/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.spec.ts
+++ b/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.spec.ts
@@ -1,11 +1,10 @@
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockProvider } from 'ng-mocks';
 
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { Router } from '@angular/router';
 
 import { SearchInputComponent } from '@osf/shared/components/search-input/search-input.component';
 import { CustomDialogService } from '@osf/shared/services/custom-dialog.service';
-import { DecodeHtmlPipe } from '@shared/pipes/decode-html.pipe';
 
 import { RegistryProviderHeroComponent } from './registry-provider-hero.component';
 
@@ -22,12 +21,7 @@ describe('RegistryProviderHeroComponent', () => {
     const mockRouter = RouterMockBuilder.create().withUrl('/x').build();
     mockCustomDialogService = CustomDialogServiceMockBuilder.create().withDefaultOpen().build();
     await TestBed.configureTestingModule({
-      imports: [
-        RegistryProviderHeroComponent,
-        OSFTestingModule,
-        MockComponent(SearchInputComponent),
-        MockPipe(DecodeHtmlPipe),
-      ],
+      imports: [RegistryProviderHeroComponent, OSFTestingModule, MockComponent(SearchInputComponent)],
       providers: [MockProvider(Router, mockRouter), MockProvider(CustomDialogService, mockCustomDialogService)],
     }).compileComponents();
 
diff --git a/src/app/shared/components/wiki/view-section/view-section.component.spec.ts b/src/app/shared/components/wiki/view-section/view-section.component.spec.ts
index a7988daea..e1cb969be 100644
--- a/src/app/shared/components/wiki/view-section/view-section.component.spec.ts
+++ b/src/app/shared/components/wiki/view-section/view-section.component.spec.ts
@@ -1,11 +1,7 @@
-import { MockComponent } from 'ng-mocks';
-
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { WikiVersion } from '@shared/models/wiki/wiki.model';
 
-import { MarkdownComponent } from '../../markdown/markdown.component';
-
 import { ViewSectionComponent } from './view-section.component';
 
 import { TranslateServiceMock } from '@testing/mocks/translate.service.mock';
@@ -33,7 +29,7 @@ describe('ViewSectionComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ViewSectionComponent, OSFTestingModule, MockComponent(MarkdownComponent)],
+      imports: [ViewSectionComponent, OSFTestingModule],
       providers: [TranslateServiceMock],
     }).compileComponents();
 

From c10feeeac66bc980fc96dca0b4498ad79e24629a Mon Sep 17 00:00:00 2001
From: nsemets <nsemets@exoft.net>
Date: Thu, 15 Jan 2026 12:12:58 +0200
Subject: [PATCH 5/6] fix(ssr): updated ssr routes

---
 src/app/app.routes.server.ts                  | 122 +++++++++++++++---
 .../registration-recent-activity.component.ts |  18 ++-
 2 files changed, 123 insertions(+), 17 deletions(-)

diff --git a/src/app/app.routes.server.ts b/src/app/app.routes.server.ts
index a46f725ba..286a1a753 100644
--- a/src/app/app.routes.server.ts
+++ b/src/app/app.routes.server.ts
@@ -3,11 +3,39 @@ import { RenderMode, ServerRoute } from '@angular/ssr';
 export const serverRoutes: ServerRoute[] = [
   {
     path: 'terms-of-use',
-    renderMode: RenderMode.Server,
+    renderMode: RenderMode.Prerender,
   },
   {
     path: 'privacy-policy',
-    renderMode: RenderMode.Server,
+    renderMode: RenderMode.Prerender,
+  },
+  {
+    path: 'dashboard',
+    renderMode: RenderMode.Client,
+  },
+  {
+    path: 'my-projects',
+    renderMode: RenderMode.Client,
+  },
+  {
+    path: 'my-registrations',
+    renderMode: RenderMode.Client,
+  },
+  {
+    path: 'my-preprints',
+    renderMode: RenderMode.Client,
+  },
+  {
+    path: 'registries/drafts/**',
+    renderMode: RenderMode.Client,
+  },
+  {
+    path: 'registries/revisions/**',
+    renderMode: RenderMode.Client,
+  },
+  {
+    path: 'settings/**',
+    renderMode: RenderMode.Client,
   },
   {
     path: 'forbidden',
@@ -21,42 +49,106 @@ export const serverRoutes: ServerRoute[] = [
     path: 'not-found',
     renderMode: RenderMode.Server,
   },
+  {
+    path: 'search',
+    renderMode: RenderMode.Server,
+  },
+  {
+    path: 'preprints/:providerId/:id/pending-moderation',
+    renderMode: RenderMode.Server,
+  },
+  {
+    path: 'preprints/discover',
+    renderMode: RenderMode.Server,
+  },
+  {
+    path: 'preprints/:providerId',
+    renderMode: RenderMode.Server,
+  },
+  {
+    path: 'preprints/:providerId/discover',
+    renderMode: RenderMode.Server,
+  },
   {
     path: 'preprints/:providerId/:id',
     renderMode: RenderMode.Server,
   },
   {
-    path: 'dashboard',
-    renderMode: RenderMode.Client,
+    path: 'registries/discover',
+    renderMode: RenderMode.Server,
   },
   {
-    path: 'my-projects',
-    renderMode: RenderMode.Client,
+    path: 'registries/:providerId',
+    renderMode: RenderMode.Server,
   },
   {
-    path: 'my-registrations',
-    renderMode: RenderMode.Client,
+    path: 'institutions',
+    renderMode: RenderMode.Server,
   },
   {
-    path: 'my-preprints',
-    renderMode: RenderMode.Client,
+    path: 'institutions/:institutionId',
+    renderMode: RenderMode.Server,
   },
   {
-    path: 'profile',
-    renderMode: RenderMode.Client,
+    path: 'collections/:providerId/discover',
+    renderMode: RenderMode.Server,
   },
   {
-    path: 'settings/**',
-    renderMode: RenderMode.Client,
+    path: 'meetings/**',
+    renderMode: RenderMode.Server,
   },
   {
-    path: ':id/overview',
+    path: 'user/:id',
+    renderMode: RenderMode.Server,
+  },
+  {
+    path: ':id/files/:provider/:fileId',
+    renderMode: RenderMode.Server,
+  },
+  {
+    path: 'project/:id/files/:provider/:fileId',
+    renderMode: RenderMode.Server,
+  },
+  {
+    path: 'project/:id/node/:nodeId/files/:provider/:fileId',
     renderMode: RenderMode.Server,
   },
   {
     path: ':id',
     renderMode: RenderMode.Server,
   },
+  {
+    path: ':id/overview',
+    renderMode: RenderMode.Server,
+  },
+  {
+    path: ':id/files/**',
+    renderMode: RenderMode.Server,
+  },
+  {
+    path: ':id/registrations',
+    renderMode: RenderMode.Server,
+  },
+  {
+    path: ':id/analytics',
+    renderMode: RenderMode.Server,
+  },
+  {
+    path: ':id/links',
+    renderMode: RenderMode.Server,
+  },
+  {
+    path: ':id/resources',
+    renderMode: RenderMode.Server,
+  },
+  {
+    path: ':id/components',
+    renderMode: RenderMode.Server,
+  },
+  {
+    path: ':id/recent-activity',
+    renderMode: RenderMode.Server,
+  },
   {
     path: '**',
     renderMode: RenderMode.Client,
diff --git a/src/app/features/registry/pages/registration-recent-activity/registration-recent-activity.component.ts b/src/app/features/registry/pages/registration-recent-activity/registration-recent-activity.component.ts
index eac381e8d..632c7760d 100644
--- a/src/app/features/registry/pages/registration-recent-activity/registration-recent-activity.component.ts
+++ b/src/app/features/registry/pages/registration-recent-activity/registration-recent-activity.component.ts
@@ -6,7 +6,17 @@ import { PaginatorState } from 'primeng/paginator';
 
 import { map, of } from 'rxjs';
 
-import { ChangeDetectionStrategy, Component, computed, effect, inject, OnDestroy, signal } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  computed,
+  effect,
+  inject,
+  OnDestroy,
+  PLATFORM_ID,
+  signal,
+} from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { ActivatedRoute } from '@angular/router';
 
@@ -23,6 +33,8 @@ import { ActivityLogsSelectors, ClearActivityLogs, GetActivityLogs } from '@osf/
 })
 export class RegistrationRecentActivityComponent implements OnDestroy {
   private readonly route = inject(ActivatedRoute);
+  private readonly platformId = inject(PLATFORM_ID);
+  private readonly isBrowser = isPlatformBrowser(this.platformId);
 
   readonly pageSize = ACTIVITY_LOGS_DEFAULT_PAGE_SIZE;
 
@@ -52,7 +64,9 @@ export class RegistrationRecentActivityComponent implements OnDestroy {
   }
 
   ngOnDestroy(): void {
-    this.actions.clearActivityLogsStore();
+    if (this.isBrowser) {
+      this.actions.clearActivityLogsStore();
+    }
   }
 
   onPageChange(event: PaginatorState) {

From c389e75ba733cdea8f2bd8cd0fcd974c72d6a4d7 Mon Sep 17 00:00:00 2001
From: nsemets <nsemets@exoft.net>
Date: Thu, 15 Jan 2026 17:40:58 +0200
Subject: [PATCH 6/6] fix(auth): updated auth interceptor and unit tests

---
 .../guards/is-file-provider.guard.spec.ts     |  49 ++++
 .../registration-moderation.guard.spec.ts     | 149 ++++++++++
 src/app/core/guards/view-only.guard.spec.ts   | 116 ++++++++
 .../interceptors/auth.interceptor.spec.ts     | 138 +++++++++
 src/app/core/interceptors/auth.interceptor.ts |  42 +--
 .../interceptors/error.interceptor.spec.ts    | 274 ++++++++++++++++++
 .../view-only.interceptor.spec.ts             | 138 +++++++++
 7 files changed, 874 insertions(+), 32 deletions(-)
 create mode 100644 src/app/core/guards/is-file-provider.guard.spec.ts
 create mode 100644 src/app/core/guards/registration-moderation.guard.spec.ts
 create mode 100644 src/app/core/guards/view-only.guard.spec.ts
 create mode 100644 src/app/core/interceptors/auth.interceptor.spec.ts
 create mode 100644 src/app/core/interceptors/error.interceptor.spec.ts
 create mode 100644 src/app/core/interceptors/view-only.interceptor.spec.ts

diff --git a/src/app/core/guards/is-file-provider.guard.spec.ts b/src/app/core/guards/is-file-provider.guard.spec.ts
new file mode 100644
index 000000000..49e107f84
--- /dev/null
+++ b/src/app/core/guards/is-file-provider.guard.spec.ts
@@ -0,0 +1,49 @@
+import { ParamMap, UrlSegment } from '@angular/router';
+
+import { FileProvider } from '@osf/features/files/constants';
+
+import { isFileProvider } from './is-file-provider.guard';
+
+describe('isFileProvider', () => {
+  const createMockParamMap = (): ParamMap => ({
+    get: () => null,
+    getAll: () => [],
+    has: () => false,
+    keys: [],
+  });
+
+  const createMockSegment = (path: string): UrlSegment => ({
+    path,
+    parameters: {},
+    parameterMap: createMockParamMap(),
+  });
+
+  const createMockSegments = (path: string) => [createMockSegment(path)];
+
+  it('should return true when id matches a FileProvider value', () => {
+    Object.values(FileProvider).forEach((provider) => {
+      const result = isFileProvider({} as any, createMockSegments(provider));
+      expect(result).toBe(true);
+    });
+  });
+
+  it('should return false when id does not match any FileProvider value', () => {
+    const result = isFileProvider({} as any, createMockSegments('invalid-provider'));
+    expect(result).toBe(false);
+  });
+
+  it('should return false when segments array is empty', () => {
+    const result = isFileProvider({} as any, []);
+    expect(result).toBe(false);
+  });
+
+  it('should return false when first segment has no path', () => {
+    const result = isFileProvider({} as any, [createMockSegment('')]);
+    expect(result).toBe(false);
+  });
+
+  it('should return false when first segment is undefined', () => {
+    const result = isFileProvider({} as any, [undefined as any]);
+    expect(result).toBe(false);
+  });
+});
diff --git a/src/app/core/guards/registration-moderation.guard.spec.ts b/src/app/core/guards/registration-moderation.guard.spec.ts
new file mode 100644
index 000000000..1d3ae7b77
--- /dev/null
+++ b/src/app/core/guards/registration-moderation.guard.spec.ts
@@ -0,0 +1,149 @@
+import { of } from 'rxjs';
+
+import { runInInjectionContext } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
+import { Router } from '@angular/router';
+
+import { GetRegistryProvider, RegistrationProviderSelectors } from '@osf/shared/stores/registration-provider';
+
+import { registrationModerationGuard } from './registration-moderation.guard';
+
+import { RouterMockBuilder } from '@testing/providers/router-provider.mock';
+import { provideMockStore } from '@testing/providers/store-provider.mock';
+
+describe('registrationModerationGuard', () => {
+  let router: Router;
+
+  const createMockProvider = (overrides?: Partial<any>) => ({
+    id: 'provider-123',
+    name: 'Test Provider',
+    descriptionHtml: '<p>Test</p>',
+    permissions: [],
+    brand: null,
+    iri: 'http://example.com/provider',
+    reviewsWorkflow: 'enabled',
+    ...overrides,
+  });
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [
+        provideMockStore({
+          selectors: [],
+          actions: [],
+        }),
+        {
+          provide: Router,
+          useValue: RouterMockBuilder.create().withUrl('/test').build(),
+        },
+      ],
+    });
+
+    router = TestBed.inject(Router);
+    jest.clearAllMocks();
+  });
+
+  it('should return true when provider already exists with reviewsWorkflow', () => {
+    const provider = createMockProvider({ reviewsWorkflow: 'enabled' });
+
+    TestBed.resetTestingModule();
+    TestBed.configureTestingModule({
+      providers: [
+        provideMockStore({
+          selectors: [
+            {
+              selector: RegistrationProviderSelectors.getBrandedProvider,
+              value: provider,
+            },
+          ],
+        }),
+        {
+          provide: Router,
+          useValue: RouterMockBuilder.create().withUrl('/test').build(),
+        },
+      ],
+    });
+
+    router = TestBed.inject(Router);
+
+    const result = runInInjectionContext(TestBed, () =>
+      registrationModerationGuard({ params: { providerId: 'provider-123' } } as any, {} as any)
+    );
+
+    expect(result).toBe(true);
+  });
+
+  it('should navigate to not-found and return false when provider exists without reviewsWorkflow', (done) => {
+    const provider = createMockProvider({ reviewsWorkflow: '' });
+
+    TestBed.resetTestingModule();
+    TestBed.configureTestingModule({
+      providers: [
+        provideMockStore({
+          selectors: [
+            {
+              selector: RegistrationProviderSelectors.getBrandedProvider,
+              value: provider,
+            },
+          ],
+        }),
+        {
+          provide: Router,
+          useValue: RouterMockBuilder.create().withUrl('/test').build(),
+        },
+      ],
+    });
+
+    router = TestBed.inject(Router);
+
+    const result = runInInjectionContext(TestBed, () =>
+      registrationModerationGuard({ params: { providerId: 'provider-123' } } as any, {} as any)
+    );
+
+    if (typeof result === 'object' && 'subscribe' in result) {
+      result.subscribe((value) => {
+        expect(value).toBe(false);
+        expect(router.navigate).toHaveBeenCalledWith(['/not-found']);
+        done();
+      });
+    } else {
+      expect(result).toBe(false);
+      done();
+    }
+  });
+
+  it('should dispatch GetRegistryProvider and return observable when provider does not exist initially', (done) => {
+    TestBed.resetTestingModule();
+    TestBed.configureTestingModule({
+      providers: [
+        provideMockStore({
+          selectors: [
+            {
+              selector: RegistrationProviderSelectors.getBrandedProvider,
+              value: null,
+            },
+          ],
+          actions: [
+            {
+              action: new GetRegistryProvider('provider-123'),
+              value: of(true),
+            },
+          ],
+        }),
+        {
+          provide: Router,
+          useValue: RouterMockBuilder.create().withUrl('/test').build(),
+        },
+      ],
+    });
+
+    router = TestBed.inject(Router);
+
+    const result = runInInjectionContext(TestBed, () =>
+      registrationModerationGuard({ params: { providerId: 'provider-123' } } as any, {} as any)
+    );
+
+    expect(typeof result === 'object' && 'subscribe' in result).toBe(true);
+    done();
+  });
+});
diff --git a/src/app/core/guards/view-only.guard.spec.ts b/src/app/core/guards/view-only.guard.spec.ts
new file mode 100644
index 000000000..97d94c0f3
--- /dev/null
+++ b/src/app/core/guards/view-only.guard.spec.ts
@@ -0,0 +1,116 @@
+import { MockProvider } from 'ng-mocks';
+
+import { runInInjectionContext } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
+import { Router } from '@angular/router';
+
+import { ViewOnlyLinkHelperService } from '@osf/shared/services/view-only-link-helper.service';
+
+import { viewOnlyGuard } from './view-only.guard';
+
+import { RouterMockBuilder } from '@testing/providers/router-provider.mock';
+
+describe('viewOnlyGuard', () => {
+  let router: Router;
+  let viewOnlyHelper: ViewOnlyLinkHelperService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [
+        {
+          provide: Router,
+          useValue: RouterMockBuilder.create().withUrl('/test').build(),
+        },
+        MockProvider(ViewOnlyLinkHelperService, {
+          hasViewOnlyParam: jest.fn(),
+          getViewOnlyParam: jest.fn(),
+        }),
+      ],
+    });
+
+    router = TestBed.inject(Router);
+    viewOnlyHelper = TestBed.inject(ViewOnlyLinkHelperService);
+    jest.clearAllMocks();
+  });
+
+  it('should return true when no view-only param exists', () => {
+    jest.spyOn(viewOnlyHelper, 'hasViewOnlyParam').mockReturnValue(false);
+
+    const result = runInInjectionContext(TestBed, () =>
+      viewOnlyGuard({ routeConfig: { path: 'test' } } as any, {} as any)
+    );
+
+    expect(result).toBe(true);
+    expect(viewOnlyHelper.hasViewOnlyParam).toHaveBeenCalledWith(router);
+  });
+
+  it('should return true when view-only param exists but route is not blocked', () => {
+    jest.spyOn(viewOnlyHelper, 'hasViewOnlyParam').mockReturnValue(true);
+
+    const result = runInInjectionContext(TestBed, () =>
+      viewOnlyGuard({ routeConfig: { path: 'allowed-route' } } as any, {} as any)
+    );
+
+    expect(result).toBe(true);
+    expect(viewOnlyHelper.hasViewOnlyParam).toHaveBeenCalledWith(router);
+  });
+
+  it('should navigate to overview when view-only param exists and route is blocked with valid navigation params', () => {
+    jest.spyOn(viewOnlyHelper, 'hasViewOnlyParam').mockReturnValue(true);
+    jest.spyOn(viewOnlyHelper, 'getViewOnlyParam').mockReturnValue('abc123');
+    Object.defineProperty(router, 'url', { value: '/resource-123/some-path', writable: true });
+
+    const result = runInInjectionContext(TestBed, () =>
+      viewOnlyGuard({ routeConfig: { path: 'metadata' } } as any, {} as any)
+    );
+
+    expect(result).toBe(false);
+    expect(router.navigate).toHaveBeenCalledWith(['resource-123', 'overview'], {
+      queryParams: { view_only: 'abc123' },
+    });
+  });
+
+  it('should navigate to root when view-only param exists and route is blocked but no valid navigation params', () => {
+    jest.spyOn(viewOnlyHelper, 'hasViewOnlyParam').mockReturnValue(true);
+    jest.spyOn(viewOnlyHelper, 'getViewOnlyParam').mockReturnValue(null);
+    Object.defineProperty(router, 'url', { value: '/invalid-url', writable: true });
+
+    const result = runInInjectionContext(TestBed, () =>
+      viewOnlyGuard({ routeConfig: { path: 'metadata' } } as any, {} as any)
+    );
+
+    expect(result).toBe(false);
+    expect(router.navigate).toHaveBeenCalledWith(['/']);
+  });
+
+  it('should navigate to overview when route path starts with blocked route prefix', () => {
+    jest.spyOn(viewOnlyHelper, 'hasViewOnlyParam').mockReturnValue(true);
+    jest.spyOn(viewOnlyHelper, 'getViewOnlyParam').mockReturnValue('xyz789');
+    Object.defineProperty(router, 'url', { value: '/resource-456/metadata/subpath', writable: true });
+
+    const result = runInInjectionContext(TestBed, () =>
+      viewOnlyGuard({ routeConfig: { path: 'metadata/subpath' } } as any, {} as any)
+    );
+
+    expect(result).toBe(false);
+    expect(router.navigate).toHaveBeenCalledWith(['resource-456', 'overview'], {
+      queryParams: { view_only: 'xyz789' },
+    });
+  });
+
+  it('should handle empty route path gracefully', () => {
+    jest.spyOn(viewOnlyHelper, 'hasViewOnlyParam').mockReturnValue(true);
+
+    const result = runInInjectionContext(TestBed, () => viewOnlyGuard({ routeConfig: { path: '' } } as any, {} as any));
+
+    expect(result).toBe(true);
+  });
+
+  it('should handle undefined route config gracefully', () => {
+    jest.spyOn(viewOnlyHelper, 'hasViewOnlyParam').mockReturnValue(true);
+
+    const result = runInInjectionContext(TestBed, () => viewOnlyGuard({ routeConfig: undefined } as any, {} as any));
+
+    expect(result).toBe(true);
+  });
+});
diff --git a/src/app/core/interceptors/auth.interceptor.spec.ts b/src/app/core/interceptors/auth.interceptor.spec.ts
new file mode 100644
index 000000000..62e9a5f9c
--- /dev/null
+++ b/src/app/core/interceptors/auth.interceptor.spec.ts
@@ -0,0 +1,138 @@
+import { CookieService } from 'ngx-cookie-service';
+import { MockProvider } from 'ng-mocks';
+
+import { of } from 'rxjs';
+
+import { HttpRequest } from '@angular/common/http';
+import { runInInjectionContext } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
+
+import { authInterceptor } from './auth.interceptor';
+
+describe('authInterceptor', () => {
+  let cookieService: CookieService;
+  let mockHandler: jest.Mock;
+
+  beforeEach(() => {
+    mockHandler = jest.fn();
+
+    TestBed.configureTestingModule({
+      providers: [
+        MockProvider(CookieService, {
+          get: jest.fn(),
+        }),
+        {
+          provide: 'PLATFORM_ID',
+          useValue: 'browser',
+        },
+        {
+          provide: 'REQUEST',
+          useValue: null,
+        },
+      ],
+    });
+
+    cookieService = TestBed.inject(CookieService);
+    jest.clearAllMocks();
+  });
+
+  const createRequest = (url: string, options?: Partial<HttpRequest<unknown>>): HttpRequest<unknown> => {
+    return new HttpRequest('GET', url, options?.body, {
+      responseType: options?.responseType || 'json',
+      ...options,
+    });
+  };
+
+  const createHandler = () => {
+    const handler = mockHandler.mockReturnValue(of({}));
+    return handler;
+  };
+
+  it('should skip CrossRef funders API requests', () => {
+    const request = createRequest('/api.crossref.org/funders/10.13039/100000001');
+    const handler = createHandler();
+
+    runInInjectionContext(TestBed, () => authInterceptor(request, handler));
+
+    expect(handler).toHaveBeenCalledTimes(1);
+    const modifiedRequest = handler.mock.calls[0][0];
+    expect(modifiedRequest).toBe(request);
+  });
+
+  it('should set Accept header to */* for text response type', () => {
+    const request = createRequest('/api/v2/projects/', { responseType: 'text' });
+    const handler = createHandler();
+
+    runInInjectionContext(TestBed, () => authInterceptor(request, handler));
+
+    expect(handler).toHaveBeenCalledTimes(1);
+    const modifiedRequest = handler.mock.calls[0][0];
+    expect(modifiedRequest.headers.get('Accept')).toBe('*/*');
+  });
+
+  it('should set Accept header to API version for json response type', () => {
+    const request = createRequest('/api/v2/projects/', { responseType: 'json' });
+    const handler = createHandler();
+
+    runInInjectionContext(TestBed, () => authInterceptor(request, handler));
+
+    expect(handler).toHaveBeenCalledTimes(1);
+    const modifiedRequest = handler.mock.calls[0][0];
+    expect(modifiedRequest.headers.get('Accept')).toBe('application/vnd.api+json;version=2.20');
+  });
+
+  it('should set Content-Type header when not present', () => {
+    const request = createRequest('/api/v2/projects/');
+    const handler = createHandler();
+
+    runInInjectionContext(TestBed, () => authInterceptor(request, handler));
+
+    expect(handler).toHaveBeenCalledTimes(1);
+    const modifiedRequest = handler.mock.calls[0][0];
+    expect(modifiedRequest.headers.get('Content-Type')).toBe('application/vnd.api+json');
+  });
+
+  it('should not override existing Content-Type header', () => {
+    const request = createRequest('/api/v2/projects/');
+    const requestWithHeaders = request.clone({
+      setHeaders: { 'Content-Type': 'application/json' },
+    });
+    const handler = createHandler();
+
+    runInInjectionContext(TestBed, () => authInterceptor(requestWithHeaders, handler));
+
+    expect(handler).toHaveBeenCalledTimes(1);
+    const modifiedRequest = handler.mock.calls[0][0];
+    expect(modifiedRequest.headers.get('Content-Type')).toBe('application/json');
+  });
+
+  it('should add CSRF token and withCredentials in browser platform', () => {
+    jest.spyOn(cookieService, 'get').mockReturnValue('csrf-token-123');
+
+    const request = createRequest('/api/v2/projects/');
+    const handler = createHandler();
+
+    runInInjectionContext(TestBed, () => authInterceptor(request, handler));
+
+    expect(cookieService.get).toHaveBeenCalledWith('api-csrf');
+    expect(handler).toHaveBeenCalledTimes(1);
+    const modifiedRequest = handler.mock.calls[0][0];
+    expect(modifiedRequest.headers.get('X-CSRFToken')).toBe('csrf-token-123');
+    expect(modifiedRequest.withCredentials).toBe(true);
+  });
+
+  it('should not add CSRF token when not available in browser platform', () => {
+    jest.spyOn(cookieService, 'get').mockReturnValue('');
+
+    const request = createRequest('/api/v2/projects/');
+    const handler = createHandler();
+
+    runInInjectionContext(TestBed, () => authInterceptor(request, handler));
+
+    expect(cookieService.get).toHaveBeenCalledWith('api-csrf');
+    expect(handler).toHaveBeenCalledTimes(1);
+    const modifiedRequest = handler.mock.calls[0][0];
+    expect(modifiedRequest.headers.has('X-CSRFToken')).toBe(false);
+    expect(modifiedRequest.withCredentials).toBe(true);
+  });
+});
diff --git a/src/app/core/interceptors/auth.interceptor.ts b/src/app/core/interceptors/auth.interceptor.ts
index 0ed51e98f..5d192b8e8 100644
--- a/src/app/core/interceptors/auth.interceptor.ts
+++ b/src/app/core/interceptors/auth.interceptor.ts
@@ -2,55 +2,33 @@ import { CookieService } from 'ngx-cookie-service';
 
 import { Observable } from 'rxjs';
 
-import { isPlatformBrowser } from '@angular/common';
 import { HttpEvent, HttpHandlerFn, HttpInterceptorFn, HttpRequest } from '@angular/common/http';
-import { inject, PLATFORM_ID, REQUEST } from '@angular/core';
+import { inject } from '@angular/core';
 
 export const authInterceptor: HttpInterceptorFn = (
   req: HttpRequest<unknown>,
   next: HttpHandlerFn
 ): Observable<HttpEvent<unknown>> => {
-  const cookieService = inject(CookieService);
-  const platformId = inject(PLATFORM_ID);
-  const serverRequest = inject(REQUEST, { optional: true });
-
   if (req.url.includes('/api.crossref.org/funders')) {
     return next(req);
   }
 
-  const headers: Record<string, string> = {};
-  headers['Accept'] = req.responseType === 'text' ? '*/*' : 'application/vnd.api+json;version=2.20';
+  const cookieService = inject(CookieService);
+  const csrfToken = cookieService.get('api-csrf');
+
+  const headers: Record<string, string> = {
+    Accept: req.responseType === 'text' ? '*/*' : 'application/vnd.api+json;version=2.20',
+  };
 
   if (!req.headers.has('Content-Type')) {
     headers['Content-Type'] = 'application/vnd.api+json';
   }
 
-  if (isPlatformBrowser(platformId)) {
-    const csrfToken = cookieService.get('api-csrf');
-    if (csrfToken) {
-      headers['X-CSRFToken'] = csrfToken;
-    }
-
-    const authReq = req.clone({ setHeaders: headers, withCredentials: true });
-
-    return next(authReq);
-  }
-
-  if (serverRequest) {
-    const cookieHeader = serverRequest.headers.get('cookie') || '';
-    if (cookieHeader) {
-      if (isPlatformBrowser(platformId)) {
-        headers['Cookie'] = cookieHeader;
-      }
-
-      const csrfMatch = cookieHeader.match(/api-csrf=([^;]+)/);
-      if (csrfMatch) {
-        headers['X-CSRFToken'] = csrfMatch[1];
-      }
-    }
+  if (csrfToken) {
+    headers['X-CSRFToken'] = csrfToken;
   }
 
-  const authReq = req.clone({ setHeaders: headers });
+  const authReq = req.clone({ setHeaders: headers, withCredentials: true });
 
   return next(authReq);
 };
diff --git a/src/app/core/interceptors/error.interceptor.spec.ts b/src/app/core/interceptors/error.interceptor.spec.ts
new file mode 100644
index 000000000..52185f9c6
--- /dev/null
+++ b/src/app/core/interceptors/error.interceptor.spec.ts
@@ -0,0 +1,274 @@
+import { MockProvider } from 'ng-mocks';
+
+import { throwError } from 'rxjs';
+
+import { HttpContext, HttpErrorResponse, HttpRequest } from '@angular/common/http';
+import { runInInjectionContext } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
+import { Router } from '@angular/router';
+
+import { BYPASS_ERROR_INTERCEPTOR } from '@core/interceptors/error-interceptor.tokens';
+import { SENTRY_TOKEN } from '@core/provider/sentry.provider';
+import { AuthService } from '@core/services/auth.service';
+import { LoaderService } from '@osf/shared/services/loader.service';
+import { ToastService } from '@osf/shared/services/toast.service';
+import { ViewOnlyLinkHelperService } from '@osf/shared/services/view-only-link-helper.service';
+
+import { errorInterceptor } from './error.interceptor';
+
+import { RouterMockBuilder } from '@testing/providers/router-provider.mock';
+
+describe('errorInterceptor', () => {
+  let toastService: ToastService;
+  let loaderService: LoaderService;
+  let router: Router;
+  let authService: AuthService;
+  let viewOnlyHelper: ViewOnlyLinkHelperService;
+  let sentryMock: jest.Mock;
+
+  beforeEach(() => {
+    sentryMock = jest.fn();
+
+    TestBed.configureTestingModule({
+      providers: [
+        {
+          provide: Router,
+          useValue: RouterMockBuilder.create().withUrl('/test').build(),
+        },
+        MockProvider(ToastService, {
+          showError: jest.fn(),
+        }),
+        MockProvider(LoaderService, {
+          hide: jest.fn(),
+        }),
+        MockProvider(AuthService, {
+          logout: jest.fn(),
+        }),
+        MockProvider(ViewOnlyLinkHelperService, {
+          hasViewOnlyParam: jest.fn(),
+        }),
+        {
+          provide: 'PLATFORM_ID',
+          useValue: 'browser',
+        },
+        {
+          provide: SENTRY_TOKEN,
+          useValue: { captureException: sentryMock },
+        },
+      ],
+    });
+
+    toastService = TestBed.inject(ToastService);
+    loaderService = TestBed.inject(LoaderService);
+    router = TestBed.inject(Router);
+    authService = TestBed.inject(AuthService);
+    viewOnlyHelper = TestBed.inject(ViewOnlyLinkHelperService);
+    jest.clearAllMocks();
+  });
+
+  const createRequest = (url = '/api/v2/test'): HttpRequest<unknown> => {
+    return new HttpRequest('GET', url);
+  };
+
+  const createErrorHandler = (error: HttpErrorResponse) => {
+    const handler = jest.fn();
+    handler.mockReturnValue(throwError(() => error));
+    return handler;
+  };
+
+  it('should bypass error handling when BYPASS_ERROR_INTERCEPTOR is true', () => {
+    const error = new HttpErrorResponse({ error: 'test error', status: 500 });
+    const request = createRequest().clone({
+      context: new HttpContext().set(BYPASS_ERROR_INTERCEPTOR, true),
+    });
+
+    runInInjectionContext(TestBed, () => {
+      const result = errorInterceptor(request, createErrorHandler(error));
+      result.subscribe({
+        error: () => {
+          expect(sentryMock).toHaveBeenCalledWith(error);
+          expect(toastService.showError).not.toHaveBeenCalled();
+          expect(loaderService.hide).not.toHaveBeenCalled();
+        },
+      });
+    });
+  });
+
+  it('should handle browser ErrorEvent', () => {
+    const errorEvent = new ErrorEvent('test error');
+    const error = new HttpErrorResponse({ error: errorEvent, status: 0 });
+    const request = createRequest();
+
+    runInInjectionContext(TestBed, () => {
+      const result = errorInterceptor(request, createErrorHandler(error));
+      result.subscribe({
+        error: () => {
+          expect(toastService.showError).toHaveBeenCalledWith('test error');
+          expect(loaderService.hide).toHaveBeenCalled();
+        },
+      });
+    });
+  });
+
+  it('should extract error message from API error response', () => {
+    const error = new HttpErrorResponse({
+      error: { errors: [{ detail: 'Custom API error' }] },
+      status: 400,
+    });
+    const request = createRequest();
+
+    runInInjectionContext(TestBed, () => {
+      const result = errorInterceptor(request, createErrorHandler(error));
+      result.subscribe({
+        error: () => {
+          expect(toastService.showError).toHaveBeenCalledWith('Custom API error');
+          expect(loaderService.hide).toHaveBeenCalled();
+        },
+      });
+    });
+  });
+
+  it('should use ERROR_MESSAGES for status codes', () => {
+    const error = new HttpErrorResponse({ error: {}, status: 404 });
+    const request = createRequest();
+
+    runInInjectionContext(TestBed, () => {
+      const result = errorInterceptor(request, createErrorHandler(error));
+      result.subscribe({
+        error: () => {
+          expect(toastService.showError).toHaveBeenCalledWith('The requested resource was not found.');
+          expect(loaderService.hide).toHaveBeenCalled();
+        },
+      });
+    });
+  });
+
+  it('should handle 5xx server errors with custom message', () => {
+    const error = new HttpErrorResponse({
+      error: { message: 'Database connection failed' },
+      status: 500,
+    });
+    const request = createRequest();
+
+    runInInjectionContext(TestBed, () => {
+      const result = errorInterceptor(request, createErrorHandler(error));
+      result.subscribe({
+        error: () => {
+          expect(toastService.showError).toHaveBeenCalledWith('Database connection failed');
+          expect(loaderService.hide).toHaveBeenCalled();
+        },
+      });
+    });
+  });
+
+  it('should re-throw 409 errors without special handling', () => {
+    const error = new HttpErrorResponse({ error: {}, status: 409 });
+    const request = createRequest();
+
+    runInInjectionContext(TestBed, () => {
+      const result = errorInterceptor(request, createErrorHandler(error));
+      result.subscribe({
+        error: () => {
+          expect(toastService.showError).not.toHaveBeenCalled();
+          expect(loaderService.hide).not.toHaveBeenCalled();
+        },
+      });
+    });
+  });
+
+  it('should handle 401 errors with logout for non-view-only requests', () => {
+    jest.spyOn(viewOnlyHelper, 'hasViewOnlyParam').mockReturnValue(false);
+
+    const error = new HttpErrorResponse({ error: {}, status: 401 });
+    const request = createRequest();
+
+    runInInjectionContext(TestBed, () => {
+      const result = errorInterceptor(request, createErrorHandler(error));
+      result.subscribe({
+        error: () => {
+          expect(authService.logout).toHaveBeenCalled();
+          expect(toastService.showError).not.toHaveBeenCalled();
+          expect(loaderService.hide).not.toHaveBeenCalled();
+        },
+      });
+    });
+  });
+
+  it('should not logout for 401 errors in view-only mode', () => {
+    jest.spyOn(viewOnlyHelper, 'hasViewOnlyParam').mockReturnValue(true);
+
+    const error = new HttpErrorResponse({ error: {}, status: 401 });
+    const request = createRequest();
+
+    runInInjectionContext(TestBed, () => {
+      const result = errorInterceptor(request, createErrorHandler(error));
+      result.subscribe({
+        error: () => {
+          expect(authService.logout).not.toHaveBeenCalled();
+          expect(toastService.showError).not.toHaveBeenCalled();
+          expect(loaderService.hide).not.toHaveBeenCalled();
+        },
+      });
+    });
+  });
+
+  it('should handle 403 errors for request access URLs', () => {
+    const error = new HttpErrorResponse({
+      error: {},
+      status: 403,
+      url: '/api/v2/nodes/project123/requests',
+    });
+    const request = createRequest();
+
+    runInInjectionContext(TestBed, () => {
+      const result = errorInterceptor(request, createErrorHandler(error));
+      result.subscribe({
+        error: () => {
+          expect(loaderService.hide).toHaveBeenCalled();
+          expect(router.navigate).not.toHaveBeenCalled();
+          expect(toastService.showError).not.toHaveBeenCalled();
+        },
+      });
+    });
+  });
+
+  it('should navigate to request-access page for 403 errors on node URLs', () => {
+    const error = new HttpErrorResponse({
+      error: {},
+      status: 403,
+      url: '/api/v2/nodes/project123',
+    });
+    const request = createRequest();
+
+    runInInjectionContext(TestBed, () => {
+      const result = errorInterceptor(request, createErrorHandler(error));
+      result.subscribe({
+        error: () => {
+          expect(router.navigate).toHaveBeenCalledWith(['/request-access/project123']);
+          expect(loaderService.hide).toHaveBeenCalled();
+          expect(toastService.showError).toHaveBeenCalled();
+        },
+      });
+    });
+  });
+
+  it('should navigate to forbidden page for other 403 errors', () => {
+    const error = new HttpErrorResponse({
+      error: {},
+      status: 403,
+      url: '/api/v2/other/endpoint',
+    });
+    const request = createRequest();
+
+    runInInjectionContext(TestBed, () => {
+      const result = errorInterceptor(request, createErrorHandler(error));
+      result.subscribe({
+        error: () => {
+          expect(router.navigate).toHaveBeenCalledWith(['/forbidden']);
+          expect(loaderService.hide).toHaveBeenCalled();
+          expect(toastService.showError).toHaveBeenCalled();
+        },
+      });
+    });
+  });
+});
diff --git a/src/app/core/interceptors/view-only.interceptor.spec.ts b/src/app/core/interceptors/view-only.interceptor.spec.ts
new file mode 100644
index 000000000..83fbef868
--- /dev/null
+++ b/src/app/core/interceptors/view-only.interceptor.spec.ts
@@ -0,0 +1,138 @@
+import { MockProvider } from 'ng-mocks';
+
+import { of } from 'rxjs';
+
+import { HttpRequest } from '@angular/common/http';
+import { runInInjectionContext } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
+import { Router } from '@angular/router';
+
+import { ViewOnlyLinkHelperService } from '@osf/shared/services/view-only-link-helper.service';
+
+import { viewOnlyInterceptor } from './view-only.interceptor';
+
+import { RouterMockBuilder } from '@testing/providers/router-provider.mock';
+
+describe('viewOnlyInterceptor', () => {
+  let viewOnlyHelper: ViewOnlyLinkHelperService;
+  let mockHandler: jest.Mock;
+
+  beforeEach(() => {
+    mockHandler = jest.fn();
+
+    TestBed.configureTestingModule({
+      providers: [
+        {
+          provide: Router,
+          useValue: RouterMockBuilder.create().withUrl('/test').build(),
+        },
+        MockProvider(ViewOnlyLinkHelperService, {
+          getViewOnlyParam: jest.fn(),
+        }),
+      ],
+    });
+
+    viewOnlyHelper = TestBed.inject(ViewOnlyLinkHelperService);
+    jest.clearAllMocks();
+  });
+
+  const createRequest = (url: string): HttpRequest<unknown> => {
+    return new HttpRequest('GET', url);
+  };
+
+  const createHandler = () => {
+    const handler = mockHandler.mockReturnValue(of({}));
+    return handler;
+  };
+
+  it('should add view_only parameter to non-funders API requests when view-only param exists', () => {
+    jest.spyOn(viewOnlyHelper, 'getViewOnlyParam').mockReturnValue('abc123');
+
+    const request = createRequest('/api/v2/projects/');
+    const handler = createHandler();
+
+    runInInjectionContext(TestBed, () => viewOnlyInterceptor(request, handler));
+
+    expect(handler).toHaveBeenCalledTimes(1);
+    const modifiedRequest = handler.mock.calls[0][0];
+    expect(modifiedRequest.url).toBe('/api/v2/projects/?view_only=abc123');
+  });
+
+  it('should add view_only parameter with & separator when URL already has query params', () => {
+    jest.spyOn(viewOnlyHelper, 'getViewOnlyParam').mockReturnValue('xyz789');
+
+    const request = createRequest('/api/v2/projects/?page=1');
+    const handler = createHandler();
+
+    runInInjectionContext(TestBed, () => viewOnlyInterceptor(request, handler));
+
+    expect(handler).toHaveBeenCalledTimes(1);
+    const modifiedRequest = handler.mock.calls[0][0];
+    expect(modifiedRequest.url).toBe('/api/v2/projects/?page=1&view_only=xyz789');
+  });
+
+  it('should encode view_only parameter value', () => {
+    jest.spyOn(viewOnlyHelper, 'getViewOnlyParam').mockReturnValue('special chars & symbols');
+
+    const request = createRequest('/api/v2/files/');
+    const handler = createHandler();
+
+    runInInjectionContext(TestBed, () => viewOnlyInterceptor(request, handler));
+
+    expect(handler).toHaveBeenCalledTimes(1);
+    const modifiedRequest = handler.mock.calls[0][0];
+    expect(modifiedRequest.url).toBe('/api/v2/files/?view_only=special%20chars%20%26%20symbols');
+  });
+
+  it('should not modify request when view_only parameter already exists in URL', () => {
+    jest.spyOn(viewOnlyHelper, 'getViewOnlyParam').mockReturnValue('existing');
+
+    const request = createRequest('/api/v2/nodes/?view_only=existing');
+    const handler = createHandler();
+
+    runInInjectionContext(TestBed, () => viewOnlyInterceptor(request, handler));
+
+    expect(handler).toHaveBeenCalledTimes(1);
+    const modifiedRequest = handler.mock.calls[0][0];
+    expect(modifiedRequest.url).toBe('/api/v2/nodes/?view_only=existing');
+  });
+
+  it('should not modify request when no view-only param exists', () => {
+    jest.spyOn(viewOnlyHelper, 'getViewOnlyParam').mockReturnValue(null);
+
+    const request = createRequest('/api/v2/users/');
+    const handler = createHandler();
+
+    runInInjectionContext(TestBed, () => viewOnlyInterceptor(request, handler));
+
+    expect(handler).toHaveBeenCalledTimes(1);
+    const modifiedRequest = handler.mock.calls[0][0];
+    expect(modifiedRequest.url).toBe('/api/v2/users/');
+  });
+
+  it('should not modify funders API requests even when view-only param exists', () => {
+    jest.spyOn(viewOnlyHelper, 'getViewOnlyParam').mockReturnValue('funder123');
+
+    const request = createRequest('/api.crossref.org/funders/10.13039/100000001');
+    const handler = createHandler();
+
+    runInInjectionContext(TestBed, () => viewOnlyInterceptor(request, handler));
+
+    expect(handler).toHaveBeenCalledTimes(1);
+    const modifiedRequest = handler.mock.calls[0][0];
+    expect(modifiedRequest.url).toBe('/api.crossref.org/funders/10.13039/100000001');
+  });
+
+  it('should handle requests to other external APIs normally', () => {
+    jest.spyOn(viewOnlyHelper, 'getViewOnlyParam').mockReturnValue('external123');
+
+    const request = createRequest('https://api.github.com/repos/user/repo');
+    const handler = createHandler();
+
+    runInInjectionContext(TestBed, () => viewOnlyInterceptor(request, handler));
+
+    expect(handler).toHaveBeenCalledTimes(1);
+    const modifiedRequest = handler.mock.calls[0][0];
+    expect(modifiedRequest.url).toBe('https://api.github.com/repos/user/repo?view_only=external123');
+  });
+});