Implement passkey authentication and settings management

package.json

@@ -32,7 +32,7 @@
     ]
   },
   "private": true,
-  "packageManager": "pnpm@10.32.1",
+  "packageManager": "pnpm@11.4.0+sha512.f0febc7e37552ab485494a914241b338e0b3580b93d54ce31f00933015880863129038a1b4ae4e414a0ee63ac35bf21197e990172c4a68256450b5636310968f",
   "dependencies": {
     "@angular/common": "^21.2.4",
     "@angular/compiler": "^21.2.4",
@@ -43,7 +43,7 @@
     "@angular/router": "^21.2.4",
     "@ngrx/signals": "^21.0.1",
     "@primeuix/themes": "^2.0.3",
-    "@supabase/supabase-js": "^2.99.1",
+    "@supabase/supabase-js": "^2.106.2",
     "@tailwindcss/postcss": "^4.2.1",
     "chart.js": "^4.5.1",
     "dayjs": "^1.11.19",
@@ -66,7 +66,6 @@
     "eslint": "^10.0.3",
     "jsdom": "^27.1.0",
     "prettier": "^3.8.1",
-    "supabase": "^2.101.0",
     "typescript": "~5.9.2",
     "typescript-eslint": "8.56.1",
     "vitest": "^4.1.0"

pnpm-workspace.yaml

@@ -1,3 +1,10 @@
+allowBuilds:
+  '@firebase/util': true
+  '@parcel/watcher': true
+  esbuild: true
+  lmdb: true
+  msgpackr-extract: true
+  protobufjs: true
 onlyBuiltDependencies:
   - '@firebase/util'
   - '@parcel/watcher'

src/app/app.config.ts

@@ -15,6 +15,7 @@ import {
 } from '@angular/router';
 import { APP_CONFIG } from '@core/configs';
 import { environment } from '@env';
+import { MessageService } from 'primeng/api';
 import { providePrimeNG } from 'primeng/config';
 import { routes } from './app.routes';
 import { CustomPreset } from './custom-theme';
@@ -24,6 +25,7 @@ registerLocaleData(localeCs);
 
 export const appConfig: ApplicationConfig = {
   providers: [
+    MessageService,
     provideBrowserGlobalErrorListeners(),
     provideRouter(
       routes,

src/app/app.routes.ts

@@ -3,6 +3,7 @@ import {
   authGuard,
   guestGuard,
   hasAccountsGuard,
+  noDemoGuard,
   underDevelopmentGuard,
 } from '@core/guards';
 import { PageNotFound } from './features/page-not-found';
@@ -35,11 +36,44 @@ export const routes: Routes = [
       },
       {
         path: 'login',
-        loadComponent: () => import('./features/login').then((c) => c.Login),
+        loadComponent: () =>
+          import('./features/auth/login').then((c) => c.Login),
+      },
+      {
+        path: 'signup',
+        loadComponent: () =>
+          import('./features/auth/signup').then((c) => c.Signup),
+      },
+      {
+        path: 'signin',
+        loadComponent: () =>
+          import('./features/auth/signin-with-email').then(
+            (c) => c.SigninWithEmail,
+          ),
+      },
+      {
+        path: 'reset-password',
+        loadComponent: () =>
+          import('./features/auth/reset-password').then((c) => c.ResetPassword),
       },
       { path: '**', redirectTo: 'login' },
     ],
   },
+  {
+    path: 'change-password',
+    canActivate: [authGuard, noDemoGuard],
+    loadComponent: () =>
+      import('@core/layout/setup-layout').then((c) => c.SetupLayout),
+    children: [
+      {
+        path: '**',
+        loadComponent: () =>
+          import('./features/auth/change-password').then(
+            (c) => c.ChangePassword,
+          ),
+      },
+    ],
+  },
   {
     path: '',
     canActivate: [authGuard],
@@ -85,6 +119,12 @@ export const routes: Routes = [
         loadComponent: () =>
           import('./features/analytics').then((c) => c.Analytics),
       },
+      {
+        path: 'settings',
+        canActivate: [noDemoGuard],
+        loadComponent: () =>
+          import('./features/settings').then((c) => c.Settings),
+      },
       { path: '**', redirectTo: 'dashboard' },
     ],
   },

src/app/core/guards/index.ts

@@ -1,4 +1,5 @@
 export * from './auth-guard';
 export * from './guest-guard';
 export * from './has-accounts-guard';
+export * from './no-demo-guard';
 export * from './under-development-guard';