From 1be76557c4cd13686cb86333019f726718205c1b Mon Sep 17 00:00:00 2001
From: sagely1 <114952739+sagely1@users.noreply.github.com>
Date: Tue, 21 Jan 2025 18:57:14 +0000
Subject: [PATCH 1/5] updating primeng, fixing toast

---
 apps/agora/app/project.json                   |   6 +-
 apps/agora/app/src/app/app.component.ts       |   2 -
 apps/agora/app/src/app/app.config.ts          |  19 ++-
 .../download-dom-image.component.html         |   3 +-
 libs/agora/services/src/index.ts              |   1 +
 .../services/src/lib/http-interceptor.ts      |  70 +++++++++++
 .../agora/services/src/lib/rollbar.service.ts |  28 ++---
 package.json                                  |   2 +-
 pnpm-lock.yaml                                | 116 +++++++++++-------
 9 files changed, 169 insertions(+), 78 deletions(-)
 create mode 100644 libs/agora/services/src/lib/http-interceptor.ts

diff --git a/apps/agora/app/project.json b/apps/agora/app/project.json
index 33798b83fc..70c4a96b89 100644
--- a/apps/agora/app/project.json
+++ b/apps/agora/app/project.json
@@ -45,11 +45,7 @@
             "output": ""
           }
         ],
-        "styles": [
-          "apps/agora/app/src/styles.scss",
-          "node_modules/primeicons/primeicons.css",
-          "node_modules/primeng/resources/primeng.min.css"
-        ],
+        "styles": ["apps/agora/app/src/styles.scss", "node_modules/primeicons/primeicons.css"],
         "scripts": []
       },
       "configurations": {
diff --git a/apps/agora/app/src/app/app.component.ts b/apps/agora/app/src/app/app.component.ts
index c043acb0f4..01be63beb4 100644
--- a/apps/agora/app/src/app/app.component.ts
+++ b/apps/agora/app/src/app/app.component.ts
@@ -4,11 +4,9 @@ import { ActivatedRoute, NavigationEnd, Router, RouterModule } from '@angular/ro
 import { FooterComponent, HeaderComponent } from '@sagebionetworks/agora/ui';
 import { filter } from 'rxjs';
 import { ToastModule } from 'primeng/toast';
-import { MessageService } from 'primeng/api';
 
 @Component({
   imports: [RouterModule, HeaderComponent, FooterComponent, ToastModule],
-  providers: [MessageService],
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss',
diff --git a/apps/agora/app/src/app/app.config.ts b/apps/agora/app/src/app/app.config.ts
index 4c09b56ce1..abe3f63019 100644
--- a/apps/agora/app/src/app/app.config.ts
+++ b/apps/agora/app/src/app/app.config.ts
@@ -4,13 +4,19 @@ import {
   withEnabledBlockingInitialNavigation,
   withInMemoryScrolling,
 } from '@angular/router';
-import { withInterceptorsFromDi, provideHttpClient } from '@angular/common/http';
-import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideHttpClient, withInterceptors } from '@angular/common/http';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { BASE_PATH as API_CLIENT_BASE_PATH } from '@sagebionetworks/agora/api-client-angular';
 import { BASE_PATH as SYNAPSE_API_CLIENT_BASE_PATH } from '@sagebionetworks/synapse/api-client-angular';
 import { configFactory, ConfigService } from '@sagebionetworks/agora/config';
 
 import { routes } from './app.routes';
+import {
+  httpErrorInterceptor,
+  rollbarFactory,
+  RollbarService,
+} from '@sagebionetworks/agora/services';
+import { MessageService } from 'primeng/api';
 
 // This index is used to remove the corresponding provider in app.config.server.ts.
 // TODO: This index could be out of sync if we are not careful. Find a more elegant way.
@@ -42,8 +48,12 @@ export const appConfig: ApplicationConfig = {
           : configService.config.csrApiUrl,
       deps: [ConfigService],
     },
-    provideAnimations(),
-    provideHttpClient(withInterceptorsFromDi()),
+    provideAnimationsAsync(),
+    provideHttpClient(withInterceptors([httpErrorInterceptor])),
+    {
+      provide: RollbarService,
+      useFactory: rollbarFactory,
+    },
     provideRouter(
       routes,
       withEnabledBlockingInitialNavigation(),
@@ -51,5 +61,6 @@ export const appConfig: ApplicationConfig = {
         scrollPositionRestoration: 'enabled',
       }),
     ),
+    MessageService,
   ],
 };
diff --git a/libs/agora/genes/src/lib/components/download-dom-image/download-dom-image.component.html b/libs/agora/genes/src/lib/components/download-dom-image/download-dom-image.component.html
index da793bf809..5501119c07 100644
--- a/libs/agora/genes/src/lib/components/download-dom-image/download-dom-image.component.html
+++ b/libs/agora/genes/src/lib/components/download-dom-image/download-dom-image.component.html
@@ -14,9 +14,10 @@
     <div *ngFor="let type of types">
       <p-radioButton
         value="{{ type.value }}"
-        label="{{ type.label }}"
+        inputId="download-radio"
         [(ngModel)]="selectedType"
       ></p-radioButton>
+      <label for="download-radio">{{ type.label }}</label>
     </div>
     <div>
       <button
diff --git a/libs/agora/services/src/index.ts b/libs/agora/services/src/index.ts
index dd993dd359..e302ac815a 100644
--- a/libs/agora/services/src/index.ts
+++ b/libs/agora/services/src/index.ts
@@ -2,5 +2,6 @@ export * from './lib/error.service';
 export * from './lib/gene.service';
 export * from './lib/github.service';
 export * from './lib/helper.service';
+export * from './lib/http-interceptor';
 export * from './lib/rollbar.service';
 export * from './lib/synapse-api.service';
diff --git a/libs/agora/services/src/lib/http-interceptor.ts b/libs/agora/services/src/lib/http-interceptor.ts
new file mode 100644
index 0000000000..63ecb36df7
--- /dev/null
+++ b/libs/agora/services/src/lib/http-interceptor.ts
@@ -0,0 +1,70 @@
+import {
+  HttpInterceptorFn,
+  HttpRequest,
+  HttpHandlerFn,
+  HttpErrorResponse,
+} from '@angular/common/http';
+import { retry, catchError } from 'rxjs/operators';
+import { Observable, throwError } from 'rxjs';
+import { RollbarService } from './rollbar.service';
+import { MessageService } from 'primeng/api';
+import { inject } from '@angular/core';
+
+export const httpErrorInterceptor: HttpInterceptorFn = (
+  req: HttpRequest<any>,
+  next: HttpHandlerFn,
+): Observable<any> => {
+  const rollbar = inject(RollbarService);
+  const messageService = inject(MessageService);
+
+  return next(req).pipe(
+    retry(1),
+    catchError((error: HttpErrorResponse) => {
+      let errorMessage = '';
+      let errorSummary = '';
+      let errorDetail = '';
+      let tmpError = '';
+
+      if (error.error instanceof ErrorEvent) {
+        // Client-side error
+        errorDetail = `Error: ${error.error.message}`;
+        errorSummary = 'Error';
+      } else {
+        // Server-side error
+        errorSummary = `Error Code: ${error.status}`;
+        tmpError = `Message: ${error.message}`;
+        const tmpSlashArray = tmpError.split('/');
+        if (tmpSlashArray.length > 0) {
+          // Extract the last part of the error message
+          const tmpString = tmpSlashArray[tmpSlashArray.length - 1];
+          const tmpSpaceArray: string[] = tmpString.split(' ');
+          const finalString = tmpSpaceArray[0].slice(0, -1);
+          if (tmpSpaceArray.length > 0) {
+            tmpError = `Message: Gene ${finalString} not found!`;
+          }
+        }
+        errorDetail = tmpError;
+      }
+      errorMessage += '\n' + errorSummary;
+
+      // Displays error message on screen
+      messageService.clear();
+      messageService.add({
+        severity: 'warn',
+        sticky: true,
+        summary: errorSummary,
+        detail: errorDetail,
+        life: 3000,
+      });
+
+      setTimeout(() => {
+        messageService.clear();
+      }, 3000);
+
+      // Send the error message to Rollbar
+      rollbar.error(error);
+
+      return throwError(() => ({ errorSummary, errorMessage }));
+    }),
+  );
+};
diff --git a/libs/agora/services/src/lib/rollbar.service.ts b/libs/agora/services/src/lib/rollbar.service.ts
index 8b4168cea4..f6a239b8d4 100644
--- a/libs/agora/services/src/lib/rollbar.service.ts
+++ b/libs/agora/services/src/lib/rollbar.service.ts
@@ -1,22 +1,14 @@
-import { Injectable } from '@angular/core';
+import { InjectionToken } from '@angular/core';
 import Rollbar from 'rollbar';
-import { ConfigService } from '@sagebionetworks/agora/config';
 
-@Injectable({
-  providedIn: 'root',
-})
-export class RollbarService {
-  private rollbarConfig = {
-    accessToken: '',
-    captureUncaught: true,
-    captureUnhandledRejections: true,
-  };
+const rollbarConfig = {
+  accessToken: 'e788198867474855a996485580b08d03',
+  captureUncaught: true,
+  captureUnhandledRejections: true,
+};
 
-  constructor(private configService: ConfigService) {
-    this.rollbarConfig.accessToken = configService.config.rollbarToken;
-  }
-
-  getInstance() {
-    return new Rollbar(this.rollbarConfig);
-  }
+export function rollbarFactory() {
+  return new Rollbar(rollbarConfig);
 }
+
+export const RollbarService = new InjectionToken<Rollbar>('rollbar');
diff --git a/package.json b/package.json
index f2092b931b..6fcbcdb02d 100644
--- a/package.json
+++ b/package.json
@@ -54,6 +54,7 @@
     "ngx-typed-js": "2.1.1",
     "node-cache": "5.1.2",
     "normalize.css": "8.0.1",
+    "primeng": "19.0.5",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-router-dom": "6.26.2",
@@ -178,7 +179,6 @@
     "prettier-plugin-sql": "0.18.1",
     "prettier-plugin-tailwindcss": "0.6.8",
     "primeicons": "7.0.0",
-    "primeng": "17.18.8",
     "pyright": "1.1.381",
     "serverless": "3.22.0",
     "serverless-plugin-typescript": "2.1.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9baaf5793f..964366d737 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -128,6 +128,9 @@ importers:
       normalize.css:
         specifier: 8.0.1
         version: 8.0.1
+      primeng:
+        specifier: 19.0.5
+        version: 19.0.5(zhazdj6s23t3jdlmlv2j44o5p4)
       react:
         specifier: 18.3.1
         version: 18.3.1
@@ -489,9 +492,6 @@ importers:
       primeicons:
         specifier: 7.0.0
         version: 7.0.0
-      primeng:
-        specifier: 17.18.8
-        version: 17.18.8(@angular/common@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(@angular/forms@19.0.6(@angular/common@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(@angular/platform-browser@19.0.6(@angular/animations@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0)))(rxjs@7.8.1))(rxjs@7.8.1)(zone.js@0.15.0)
       pyright:
         specifier: 1.1.381
         version: 1.1.381
@@ -545,13 +545,13 @@ importers:
     dependencies:
       '@nx/devkit':
         specifier: 19.8.0
-        version: 19.8.0(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))
+        version: 19.8.0(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))
       '@nx/js':
         specifier: 19.8.0
-        version: 19.8.0(@babel/traverse@7.26.4)(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(@types/node@22.5.5)(debug@4.3.7)(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))(typescript@5.8.0-dev.20250115)
+        version: 19.8.0(@babel/traverse@7.26.4)(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(@types/node@22.5.5)(debug@4.3.7)(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))(typescript@5.8.0-dev.20250121)
       nx:
         specifier: 19.8.0
-        version: 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
+        version: 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
       tslib:
         specifier: ^2.3.0
         version: 2.4.1
@@ -4184,6 +4184,14 @@ packages:
   '@prettier/plugin-xml@2.2.0':
     resolution: {integrity: sha512-UWRmygBsyj4bVXvDiqSccwT1kmsorcwQwaIy30yVh8T+Gspx4OlC0shX1y+ZuwXZvgnafmpRYKks0bAu9urJew==}
 
+  '@primeuix/styled@0.3.2':
+    resolution: {integrity: sha512-ColZes0+/WKqH4ob2x8DyNYf1NENpe5ZguOvx5yCLxaP8EIMVhLjWLO/3umJiDnQU4XXMLkn2mMHHw+fhTX/mw==}
+    engines: {node: '>=12.11.0'}
+
+  '@primeuix/utils@0.3.2':
+    resolution: {integrity: sha512-B+nphqTQeq+i6JuICLdVWnDMjONome2sNz0xI65qIOyeB4EF12CoKRiCsxuZ5uKAkHi/0d1LqlQ9mIWRSdkavw==}
+    engines: {node: '>=12.11.0'}
+
   '@ranfdev/deepobj@1.0.2':
     resolution: {integrity: sha512-FM3y6kfJaj5MCoAjdv24EDCTDbuFz+4+pgAunbjYfugwIE4O/xx8mPNji1n/ouG8pHCntSnBr1xwTOensF23Gg==}
 
@@ -11953,14 +11961,17 @@ packages:
   primeicons@7.0.0:
     resolution: {integrity: sha512-jK3Et9UzwzTsd6tzl2RmwrVY/b8raJ3QZLzoDACj+oTJ0oX7L9Hy+XnVwgo4QVKlKpnP/Ur13SXV/pVh4LzaDw==}
 
-  primeng@17.18.8:
-    resolution: {integrity: sha512-5ehktDTkEtr9wvTFZf3ySAqaV2LMS1JWhYfMCxphsbP4XWthoYvY+MLt1k9sU0V0YZUH242vVlHIvOC23o7hFg==}
+  primeng@19.0.5:
+    resolution: {integrity: sha512-3IMWTUykIyZpT7d+pD7KzB+68GcY8/xOV10V1Tf09cPkPuwXlFP+NAVGIqAOXBzkw+RmJksSBoa13bpS/fMo1g==}
     peerDependencies:
-      '@angular/common': ^17.0.0 || ^18.0.0
-      '@angular/core': ^17.0.0 || ^18.0.0
-      '@angular/forms': ^17.0.0 || ^18.0.0
+      '@angular/animations': ^19.0.0
+      '@angular/cdk': ^19.0.0
+      '@angular/common': ^19.0.0
+      '@angular/core': ^19.0.0
+      '@angular/forms': ^19.0.0
+      '@angular/platform-browser': ^19.0.0
+      '@angular/router': ^19.0.0
       rxjs: ^6.0.0 || ^7.8.1
-      zone.js: ~0.14.0
 
   prismjs@1.29.0:
     resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
@@ -13701,8 +13712,8 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
-  typescript@5.8.0-dev.20250115:
-    resolution: {integrity: sha512-SHJfXbiAiu4xOYnv1pw/sBiXcqmCEbN4q7ueEGD9PypKdFVKdz6pgcVK9pLQ7b+bw8Bjii7YPwD9ofWDL97s5Q==}
+  typescript@5.8.0-dev.20250121:
+    resolution: {integrity: sha512-cRbtTDQVu4ZV28kEzT6EgGd1mT75C92i/5pFcQHVqa60S2HhbFbY+4Wpo0ebumER/YMoC63sfTzruaR2Z6kOJw==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -18116,9 +18127,9 @@ snapshots:
     transitivePeerDependencies:
       - nx
 
-  '@nrwl/devkit@19.8.0(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))':
+  '@nrwl/devkit@19.8.0(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))':
     dependencies:
-      '@nx/devkit': 19.8.0(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))
+      '@nx/devkit': 19.8.0(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))
     transitivePeerDependencies:
       - nx
 
@@ -18143,9 +18154,9 @@ snapshots:
       - typescript
       - verdaccio
 
-  '@nrwl/js@19.8.0(@babel/traverse@7.26.4)(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(@types/node@22.5.5)(debug@4.3.7)(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))(typescript@5.8.0-dev.20250115)':
+  '@nrwl/js@19.8.0(@babel/traverse@7.26.4)(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(@types/node@22.5.5)(debug@4.3.7)(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))(typescript@5.8.0-dev.20250121)':
     dependencies:
-      '@nx/js': 19.8.0(@babel/traverse@7.26.4)(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(@types/node@22.5.5)(debug@4.3.7)(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))(typescript@5.8.0-dev.20250115)
+      '@nx/js': 19.8.0(@babel/traverse@7.26.4)(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(@types/node@22.5.5)(debug@4.3.7)(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))(typescript@5.8.0-dev.20250121)
     transitivePeerDependencies:
       - '@babel/traverse'
       - '@swc-node/register'
@@ -18167,9 +18178,9 @@ snapshots:
       - '@swc/core'
       - debug
 
-  '@nrwl/tao@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)':
+  '@nrwl/tao@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)':
     dependencies:
-      nx: 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
+      nx: 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
       tslib: 2.4.1
     transitivePeerDependencies:
       - '@swc-node/register'
@@ -18184,9 +18195,9 @@ snapshots:
       - '@swc/core'
       - debug
 
-  '@nrwl/workspace@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)':
+  '@nrwl/workspace@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)':
     dependencies:
-      '@nx/workspace': 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
+      '@nx/workspace': 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
     transitivePeerDependencies:
       - '@swc-node/register'
       - '@swc/core'
@@ -18342,14 +18353,14 @@ snapshots:
       tslib: 2.4.1
       yargs-parser: 21.1.1
 
-  '@nx/devkit@19.8.0(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))':
+  '@nx/devkit@19.8.0(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))':
     dependencies:
-      '@nrwl/devkit': 19.8.0(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))
+      '@nrwl/devkit': 19.8.0(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))
       ejs: 3.1.10
       enquirer: 2.3.6
       ignore: 5.3.2
       minimatch: 9.0.3
-      nx: 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
+      nx: 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
       semver: 7.6.3
       tmp: 0.2.3
       tslib: 2.4.1
@@ -18539,7 +18550,7 @@ snapshots:
       - supports-color
       - typescript
 
-  '@nx/js@19.8.0(@babel/traverse@7.26.4)(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(@types/node@22.5.5)(debug@4.3.7)(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))(typescript@5.8.0-dev.20250115)':
+  '@nx/js@19.8.0(@babel/traverse@7.26.4)(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(@types/node@22.5.5)(debug@4.3.7)(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))(typescript@5.8.0-dev.20250121)':
     dependencies:
       '@babel/core': 7.25.2
       '@babel/plugin-proposal-decorators': 7.24.7(@babel/core@7.25.2)
@@ -18548,9 +18559,9 @@ snapshots:
       '@babel/preset-env': 7.25.3(@babel/core@7.25.2)
       '@babel/preset-typescript': 7.24.7(@babel/core@7.25.2)
       '@babel/runtime': 7.25.0
-      '@nrwl/js': 19.8.0(@babel/traverse@7.26.4)(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(@types/node@22.5.5)(debug@4.3.7)(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))(typescript@5.8.0-dev.20250115)
-      '@nx/devkit': 19.8.0(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))
-      '@nx/workspace': 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
+      '@nrwl/js': 19.8.0(@babel/traverse@7.26.4)(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(@types/node@22.5.5)(debug@4.3.7)(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))(typescript@5.8.0-dev.20250121)
+      '@nx/devkit': 19.8.0(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))
+      '@nx/workspace': 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
       babel-plugin-const-enum: 1.2.0(@babel/core@7.25.2)
       babel-plugin-macros: 2.8.0
       babel-plugin-transform-typescript-metadata: 0.3.2(@babel/core@7.25.2)(@babel/traverse@7.26.4)
@@ -18567,7 +18578,7 @@ snapshots:
       ora: 5.3.0
       semver: 7.6.3
       source-map-support: 0.5.19
-      ts-node: 10.9.1(@swc/core@1.5.29(@swc/helpers@0.5.12))(@types/node@22.5.5)(typescript@5.8.0-dev.20250115)
+      ts-node: 10.9.1(@swc/core@1.5.29(@swc/helpers@0.5.12))(@types/node@22.5.5)(typescript@5.8.0-dev.20250121)
       tsconfig-paths: 4.2.0
       tslib: 2.4.1
     transitivePeerDependencies:
@@ -19030,13 +19041,13 @@ snapshots:
       - '@swc/core'
       - debug
 
-  '@nx/workspace@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)':
+  '@nx/workspace@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)':
     dependencies:
-      '@nrwl/workspace': 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
-      '@nx/devkit': 19.8.0(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))
+      '@nrwl/workspace': 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
+      '@nx/devkit': 19.8.0(nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7))
       chalk: 4.1.2
       enquirer: 2.3.6
-      nx: 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
+      nx: 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
       tslib: 2.4.1
       yargs-parser: 21.1.1
     transitivePeerDependencies:
@@ -19251,6 +19262,12 @@ snapshots:
       '@xml-tools/parser': 1.0.11
       prettier: 3.3.3
 
+  '@primeuix/styled@0.3.2':
+    dependencies:
+      '@primeuix/utils': 0.3.2
+
+  '@primeuix/utils@0.3.2': {}
+
   '@ranfdev/deepobj@1.0.2': {}
 
   '@redocly/ajv@8.11.2':
@@ -20065,7 +20082,7 @@ snapshots:
       - '@swc/types'
       - supports-color
 
-  '@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115)':
+  '@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121)':
     dependencies:
       '@swc-node/core': 1.13.3(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)
       '@swc-node/sourcemap-support': 0.5.1
@@ -20074,7 +20091,7 @@ snapshots:
       debug: 4.3.7(supports-color@8.1.1)
       pirates: 4.0.6
       tslib: 2.6.3
-      typescript: 5.8.0-dev.20250115
+      typescript: 5.8.0-dev.20250121
     transitivePeerDependencies:
       - '@swc/types'
       - supports-color
@@ -20083,7 +20100,7 @@ snapshots:
   '@swc-node/sourcemap-support@0.5.1':
     dependencies:
       source-map-support: 0.5.21
-      tslib: 2.6.3
+      tslib: 2.8.1
 
   '@swc/cli@0.3.14(@swc/core@1.5.29(@swc/helpers@0.5.12))(chokidar@4.0.3)':
     dependencies:
@@ -23507,7 +23524,7 @@ snapshots:
     dependencies:
       semver: 7.6.3
       shelljs: 0.8.5
-      typescript: 5.8.0-dev.20250115
+      typescript: 5.8.0-dev.20250121
 
   duplexer@0.1.2: {}
 
@@ -27749,10 +27766,10 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
-  nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7):
+  nx@19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7):
     dependencies:
       '@napi-rs/wasm-runtime': 0.2.4
-      '@nrwl/tao': 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
+      '@nrwl/tao': 19.8.0(@swc-node/register@1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121))(@swc/core@1.5.29(@swc/helpers@0.5.12))(debug@4.3.7)
       '@yarnpkg/lockfile': 1.1.0
       '@yarnpkg/parsers': 3.0.0-rc.46
       '@zkochan/js-yaml': 0.0.7
@@ -27797,7 +27814,7 @@ snapshots:
       '@nx/nx-linux-x64-musl': 19.8.0
       '@nx/nx-win32-arm64-msvc': 19.8.0
       '@nx/nx-win32-x64-msvc': 19.8.0
-      '@swc-node/register': 1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250115)
+      '@swc-node/register': 1.9.2(@swc/core@1.5.29(@swc/helpers@0.5.12))(@swc/types@0.1.9)(typescript@5.8.0-dev.20250121)
       '@swc/core': 1.5.29(@swc/helpers@0.5.12)
     transitivePeerDependencies:
       - debug
@@ -28921,14 +28938,19 @@ snapshots:
 
   primeicons@7.0.0: {}
 
-  primeng@17.18.8(@angular/common@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(@angular/forms@19.0.6(@angular/common@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(@angular/platform-browser@19.0.6(@angular/animations@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0)))(rxjs@7.8.1))(rxjs@7.8.1)(zone.js@0.15.0):
+  primeng@19.0.5(zhazdj6s23t3jdlmlv2j44o5p4):
     dependencies:
+      '@angular/animations': 19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))
+      '@angular/cdk': 19.0.5(@angular/common@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)
       '@angular/common': 19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1)
       '@angular/core': 19.0.6(rxjs@7.8.1)(zone.js@0.15.0)
       '@angular/forms': 19.0.6(@angular/common@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(@angular/platform-browser@19.0.6(@angular/animations@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0)))(rxjs@7.8.1)
+      '@angular/platform-browser': 19.0.6(@angular/animations@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))
+      '@angular/router': 19.0.6(@angular/common@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(@angular/platform-browser@19.0.6(@angular/animations@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0)))(@angular/common@19.0.6(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0))(rxjs@7.8.1))(@angular/core@19.0.6(rxjs@7.8.1)(zone.js@0.15.0)))(rxjs@7.8.1)
+      '@primeuix/styled': 0.3.2
+      '@primeuix/utils': 0.3.2
       rxjs: 7.8.1
-      tslib: 2.6.3
-      zone.js: 0.15.0
+      tslib: 2.4.1
 
   prismjs@1.29.0: {}
 
@@ -30935,7 +30957,7 @@ snapshots:
     optionalDependencies:
       '@swc/core': 1.5.29(@swc/helpers@0.5.12)
 
-  ts-node@10.9.1(@swc/core@1.5.29(@swc/helpers@0.5.12))(@types/node@22.5.5)(typescript@5.8.0-dev.20250115):
+  ts-node@10.9.1(@swc/core@1.5.29(@swc/helpers@0.5.12))(@types/node@22.5.5)(typescript@5.8.0-dev.20250121):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.11
@@ -30949,7 +30971,7 @@ snapshots:
       create-require: 1.1.1
       diff: 4.0.2
       make-error: 1.3.6
-      typescript: 5.8.0-dev.20250115
+      typescript: 5.8.0-dev.20250121
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
     optionalDependencies:
@@ -31097,7 +31119,7 @@ snapshots:
 
   typescript@5.6.3: {}
 
-  typescript@5.8.0-dev.20250115: {}
+  typescript@5.8.0-dev.20250121: {}
 
   ua-parser-js@1.0.38: {}
 

From e555d87a126feabd3885c84279057cc18ca1691f Mon Sep 17 00:00:00 2001
From: sagely1 <114952739+sagely1@users.noreply.github.com>
Date: Tue, 21 Jan 2025 19:49:42 +0000
Subject: [PATCH 2/5] fixing toast icon color

---
 libs/agora/styles/src/lib/_general.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/libs/agora/styles/src/lib/_general.scss b/libs/agora/styles/src/lib/_general.scss
index 48ee98b4d9..dd8c8d70f0 100644
--- a/libs/agora/styles/src/lib/_general.scss
+++ b/libs/agora/styles/src/lib/_general.scss
@@ -66,7 +66,6 @@ body {
 
   .p-toast-message-icon {
     transform: translateY(2px);
-    color: #fff;
   }
 
   .p-toast-icon {

From c8b53eeb646ddf3196092c4af28d11b459ffa8d3 Mon Sep 17 00:00:00 2001
From: sagely1 <114952739+sagely1@users.noreply.github.com>
Date: Tue, 21 Jan 2025 23:08:01 +0000
Subject: [PATCH 3/5] code cleanup

---
 apps/agora/app/src/config/config.json                           | 1 -
 apps/agora/app/src/config/config.json.template                  | 1 -
 libs/agora/config/src/lib/app.config.ts                         | 1 -
 libs/agora/services/src/index.ts                                | 2 +-
 .../src/lib/{http-interceptor.ts => http-error-interceptor.ts}  | 0
 5 files changed, 1 insertion(+), 4 deletions(-)
 rename libs/agora/services/src/lib/{http-interceptor.ts => http-error-interceptor.ts} (100%)

diff --git a/apps/agora/app/src/config/config.json b/apps/agora/app/src/config/config.json
index 966efbcbb6..208ba9e28d 100644
--- a/apps/agora/app/src/config/config.json
+++ b/apps/agora/app/src/config/config.json
@@ -3,6 +3,5 @@
   "appVersion": "4.0.0",
   "csrApiUrl": "http://localhost:3333/v1",
   "ssrApiUrl": "http://agora-api:3333/v1",
-  "rollbarToken": "e788198867474855a996485580b08d03",
   "tagName": "agora/v0.0.2"
 }
diff --git a/apps/agora/app/src/config/config.json.template b/apps/agora/app/src/config/config.json.template
index c853400a4f..4c4e402c64 100644
--- a/apps/agora/app/src/config/config.json.template
+++ b/apps/agora/app/src/config/config.json.template
@@ -3,6 +3,5 @@
   "appVersion": "${APP_VERSION}",
   "csrApiUrl": "${CSR_API_URL}",
   "ssrApiUrl": "${SSR_API_URL}",
-  "rollbarToken": "${ROLLBAR_TOKEN}",
   "tagName": "${TAG_NAME}"
 }
\ No newline at end of file
diff --git a/libs/agora/config/src/lib/app.config.ts b/libs/agora/config/src/lib/app.config.ts
index d6c60e5ea1..253aaf0a25 100644
--- a/libs/agora/config/src/lib/app.config.ts
+++ b/libs/agora/config/src/lib/app.config.ts
@@ -5,7 +5,6 @@ export interface AppConfig {
   isPlatformServer: boolean;
   ssrApiUrl: string;
   apiDocsUrl: string;
-  rollbarToken: string;
   tagName: string;
 }
 
diff --git a/libs/agora/services/src/index.ts b/libs/agora/services/src/index.ts
index e302ac815a..0049c1808f 100644
--- a/libs/agora/services/src/index.ts
+++ b/libs/agora/services/src/index.ts
@@ -2,6 +2,6 @@ export * from './lib/error.service';
 export * from './lib/gene.service';
 export * from './lib/github.service';
 export * from './lib/helper.service';
-export * from './lib/http-interceptor';
+export * from './lib/http-error-interceptor';
 export * from './lib/rollbar.service';
 export * from './lib/synapse-api.service';
diff --git a/libs/agora/services/src/lib/http-interceptor.ts b/libs/agora/services/src/lib/http-error-interceptor.ts
similarity index 100%
rename from libs/agora/services/src/lib/http-interceptor.ts
rename to libs/agora/services/src/lib/http-error-interceptor.ts

From 608425cfa010281a37828c5ec986527c2bb0d9af Mon Sep 17 00:00:00 2001
From: sagely1 <114952739+sagely1@users.noreply.github.com>
Date: Wed, 22 Jan 2025 18:38:14 +0000
Subject: [PATCH 4/5] adding primeng themes

---
 apps/agora/app/src/app/app.config.ts | 10 ++++++++++
 package.json                         |  1 +
 pnpm-lock.yaml                       | 22 ++++++++++++++++------
 3 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/apps/agora/app/src/app/app.config.ts b/apps/agora/app/src/app/app.config.ts
index abe3f63019..0612451f81 100644
--- a/apps/agora/app/src/app/app.config.ts
+++ b/apps/agora/app/src/app/app.config.ts
@@ -6,6 +6,8 @@ import {
 } from '@angular/router';
 import { provideHttpClient, withInterceptors } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+import { providePrimeNG } from 'primeng/config';
+import Aura from '@primeng/themes/aura';
 import { BASE_PATH as API_CLIENT_BASE_PATH } from '@sagebionetworks/agora/api-client-angular';
 import { BASE_PATH as SYNAPSE_API_CLIENT_BASE_PATH } from '@sagebionetworks/synapse/api-client-angular';
 import { configFactory, ConfigService } from '@sagebionetworks/agora/config';
@@ -49,6 +51,14 @@ export const appConfig: ApplicationConfig = {
       deps: [ConfigService],
     },
     provideAnimationsAsync(),
+    providePrimeNG({
+      theme: {
+        preset: Aura,
+        options: {
+          darkModeSelector: false,
+        },
+      },
+    }),
     provideHttpClient(withInterceptors([httpErrorInterceptor])),
     {
       provide: RollbarService,
diff --git a/package.json b/package.json
index 6fcbcdb02d..4c8fe77fdf 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "@cdktf/provider-aws": "14.0.2",
     "@fortawesome/angular-fontawesome": "1.0.0",
     "@fortawesome/free-solid-svg-icons": "6.7.1",
+    "@primeng/themes": "19.0.5",
     "@storybook/addon-interactions": "8.4.7",
     "@swc/helpers": "~0.5.11",
     "angular-google-tag-manager": "1.8.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 964366d737..9c87e4efbc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -53,6 +53,9 @@ importers:
       '@fortawesome/free-solid-svg-icons':
         specifier: 6.7.1
         version: 6.7.1
+      '@primeng/themes':
+        specifier: 19.0.5
+        version: 19.0.5
       '@storybook/addon-interactions':
         specifier: 8.4.7
         version: 8.4.7(storybook@8.3.2)
@@ -4184,6 +4187,9 @@ packages:
   '@prettier/plugin-xml@2.2.0':
     resolution: {integrity: sha512-UWRmygBsyj4bVXvDiqSccwT1kmsorcwQwaIy30yVh8T+Gspx4OlC0shX1y+ZuwXZvgnafmpRYKks0bAu9urJew==}
 
+  '@primeng/themes@19.0.5':
+    resolution: {integrity: sha512-HHXAncyolxyuOR5p+7XtcY3Hg1J6MzbjrdVY3BoQZrRR0nQmatOUQkG/whmJ2dsATq2UHgOykT/a2s70kFF1Sw==}
+
   '@primeuix/styled@0.3.2':
     resolution: {integrity: sha512-ColZes0+/WKqH4ob2x8DyNYf1NENpe5ZguOvx5yCLxaP8EIMVhLjWLO/3umJiDnQU4XXMLkn2mMHHw+fhTX/mw==}
     engines: {node: '>=12.11.0'}
@@ -18010,20 +18016,20 @@ snapshots:
       '@emnapi/runtime': 1.2.0
       '@tybys/wasm-util': 0.9.0
 
-  '@nestjs/common@8.4.4(debug@4.3.7)(reflect-metadata@0.1.13)(rxjs@7.5.5)':
+  '@nestjs/common@8.4.4(debug@4.3.7)(reflect-metadata@0.1.13)(rxjs@7.8.1)':
     dependencies:
       axios: 0.26.1(debug@4.3.7)
       iterare: 1.2.1
       reflect-metadata: 0.1.13
-      rxjs: 7.5.5
+      rxjs: 7.8.1
       tslib: 2.3.1
       uuid: 8.3.2
     transitivePeerDependencies:
       - debug
 
-  '@nestjs/core@8.4.4(@nestjs/common@8.4.4(debug@4.3.7)(reflect-metadata@0.1.13)(rxjs@7.8.1))(encoding@0.1.13)(reflect-metadata@0.1.13)(rxjs@7.5.5)':
+  '@nestjs/core@8.4.4(@nestjs/common@8.4.4(debug@4.3.7)(reflect-metadata@0.1.13)(rxjs@7.5.5))(encoding@0.1.13)(reflect-metadata@0.1.13)(rxjs@7.5.5)':
     dependencies:
-      '@nestjs/common': 8.4.4(debug@4.3.7)(reflect-metadata@0.1.13)(rxjs@7.5.5)
+      '@nestjs/common': 8.4.4(debug@4.3.7)(reflect-metadata@0.1.13)(rxjs@7.8.1)
       '@nuxtjs/opencollective': 0.3.2(encoding@0.1.13)
       fast-safe-stringify: 2.1.1
       iterare: 1.2.1
@@ -19157,8 +19163,8 @@ snapshots:
 
   '@openapitools/openapi-generator-cli@2.5.2(debug@4.3.7)(encoding@0.1.13)':
     dependencies:
-      '@nestjs/common': 8.4.4(debug@4.3.7)(reflect-metadata@0.1.13)(rxjs@7.5.5)
-      '@nestjs/core': 8.4.4(@nestjs/common@8.4.4(debug@4.3.7)(reflect-metadata@0.1.13)(rxjs@7.8.1))(encoding@0.1.13)(reflect-metadata@0.1.13)(rxjs@7.5.5)
+      '@nestjs/common': 8.4.4(debug@4.3.7)(reflect-metadata@0.1.13)(rxjs@7.8.1)
+      '@nestjs/core': 8.4.4(@nestjs/common@8.4.4(debug@4.3.7)(reflect-metadata@0.1.13)(rxjs@7.5.5))(encoding@0.1.13)(reflect-metadata@0.1.13)(rxjs@7.5.5)
       '@nuxtjs/opencollective': 0.3.2(encoding@0.1.13)
       chalk: 4.1.2
       commander: 8.3.0
@@ -19262,6 +19268,10 @@ snapshots:
       '@xml-tools/parser': 1.0.11
       prettier: 3.3.3
 
+  '@primeng/themes@19.0.5':
+    dependencies:
+      '@primeuix/styled': 0.3.2
+
   '@primeuix/styled@0.3.2':
     dependencies:
       '@primeuix/utils': 0.3.2

From 771af1e61fbef878c74e1364bc533d0b9e44512e Mon Sep 17 00:00:00 2001
From: sagely1 <114952739+sagely1@users.noreply.github.com>
Date: Thu, 23 Jan 2025 18:46:31 +0000
Subject: [PATCH 5/5] using theme lara to match original codebase, removing
 deprecated style imports

---
 apps/agora/app/src/app/app.config.ts | 4 ++--
 apps/model-ad/app/project.json       | 3 +--
 libs/agora/storybook/project.json    | 6 +-----
 3 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/apps/agora/app/src/app/app.config.ts b/apps/agora/app/src/app/app.config.ts
index 0612451f81..abf67c63cc 100644
--- a/apps/agora/app/src/app/app.config.ts
+++ b/apps/agora/app/src/app/app.config.ts
@@ -7,7 +7,7 @@ import {
 import { provideHttpClient, withInterceptors } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { providePrimeNG } from 'primeng/config';
-import Aura from '@primeng/themes/aura';
+import Lara from '@primeng/themes/lara';
 import { BASE_PATH as API_CLIENT_BASE_PATH } from '@sagebionetworks/agora/api-client-angular';
 import { BASE_PATH as SYNAPSE_API_CLIENT_BASE_PATH } from '@sagebionetworks/synapse/api-client-angular';
 import { configFactory, ConfigService } from '@sagebionetworks/agora/config';
@@ -53,7 +53,7 @@ export const appConfig: ApplicationConfig = {
     provideAnimationsAsync(),
     providePrimeNG({
       theme: {
-        preset: Aura,
+        preset: Lara,
         options: {
           darkModeSelector: false,
         },
diff --git a/apps/model-ad/app/project.json b/apps/model-ad/app/project.json
index 70b57bf375..0d5f371d3a 100644
--- a/apps/model-ad/app/project.json
+++ b/apps/model-ad/app/project.json
@@ -40,8 +40,7 @@
         "styles": [
           "apps/model-ad/app/src/styles.scss",
           "node_modules/primeicons/primeicons.css",
-          "node_modules/primeng/resources/themes/lara-light-blue/theme.css",
-          "node_modules/primeng/resources/primeng.min.css"
+          "node_modules/primeng/resources/themes/lara-light-blue/theme.css"
         ],
         "scripts": []
       },
diff --git a/libs/agora/storybook/project.json b/libs/agora/storybook/project.json
index 6f56bdbc94..bcd8378278 100644
--- a/libs/agora/storybook/project.json
+++ b/libs/agora/storybook/project.json
@@ -31,11 +31,7 @@
         "configDir": "libs/agora/storybook/.storybook",
         "browserTarget": "agora-storybook:build-storybook",
         "compodoc": false,
-        "styles": [
-          "apps/agora/app/src/styles.scss",
-          "node_modules/primeicons/primeicons.css",
-          "node_modules/primeng/resources/primeng.min.css"
-        ],
+        "styles": ["apps/agora/app/src/styles.scss", "node_modules/primeicons/primeicons.css"],
         "stylePreprocessorOptions": {
           "includePaths": ["libs/agora/styles/src/lib", "libs/agora/themes/src/lib"]
         }