refactor: migrate from primeng to optimus-ui

.ai/angular-patterns.md

@@ -7,14 +7,14 @@ Components rely on signals for UI updates.
 Example:
 
 @Component({
-  standalone: true,
+  selector: 'app-counter',
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class CounterComponent {
 
-  store = inject(CounterStore)
+  store = inject(CounterStore);
 
-  count = this.store.count
+  count = this.store.count;
 
 }
 
@@ -35,16 +35,17 @@ export const CounterStore = signalStore(
 
   withMethods((store) => ({
     increment() {
-      store.count.update(v => v + 1)
+      store.count.update(v => v + 1);
     }
   }))
   )
 
 Usage in component:
 
 @Component({
-  standalone: true
+  selector: 'app-counter',
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class CounterComponent {
-  store = inject(CounterStore)
+  store = inject(CounterStore);
 }

.ai/angular-rules.md

@@ -4,7 +4,7 @@ Framework version: Angular 21
 
 ## Core rules
 
-- Use standalone components only.
+- Use standalone components only (default since Angular 19, no need to set `standalone: true` explicitly).
 - Do not introduce NgModules.
 - Prefer Angular Signals for local state.
 - Avoid RxJS when Signals are sufficient.
@@ -23,7 +23,6 @@ Framework version: Angular 21
 Example:
 
 @Component({
-standalone: true,
 changeDetection: ChangeDetectionStrategy.OnPush
 })
 

.ai/dev-commands.md

@@ -5,16 +5,34 @@ LLM tools should prefer these commands instead of inventing new ones.
 
 ## Install dependencies
 
-npm install
+pnpm install
 
 ## Development server
 
 Start the Angular development server:
 
-npm run start
+pnpm start
+
+Start the development server against mock data:
+
+pnpm start_mock
 
 ## Build
 
-Build the Angular library project:
+Build the Angular application:
+
+pnpm build
+
+## Tests
+
+Run the test suite once:
+
+pnpm test
+
+Run tests in watch mode:
+
+pnpm test:watch
+
+Run tests with coverage:
 
-npm run build
+pnpm test:coverage

.ai/project-context.md

@@ -9,7 +9,8 @@
 - NgRx Signal Store for application state
 - Signals preferred over RxJS
 - Vitest for testing
-- Node 20+
+- Node 22.13+
+- pnpm as package manager
 
 ## Architecture principles
 

.github/workflows/main.yml

@@ -9,17 +9,20 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [22.12.x, 24.0.x]
+        node-version: [22.13.x, 24.0.x]
 
     steps:
     - uses: actions/checkout@v6
+    - name: Use pnpm
+      uses: pnpm/action-setup@v4
+      with:
+        version: 11.17.0
     - name: Use Node.js ${{ matrix.node-version }}
       uses: actions/setup-node@v6
       with:
         node-version: ${{ matrix.node-version }}
+        cache: pnpm
     - name: install package
-      run: |
-        npm install -g @angular/cli@21
-        npm ci
+      run: pnpm install --frozen-lockfile
     - name: run tests
-      run: npm test
+      run: pnpm test

.stylelintrc.json

@@ -0,0 +1,10 @@
+{
+  "rules": {
+    "scss/at-rule-no-unknown": [
+      true,
+      {
+        "ignoreAtRules": ["plugin"]
+      }
+    ]
+  }
+}

README.md

@@ -14,7 +14,7 @@ pnpm install
 - [Angular 21](https://angular.dev)
 - [NgRx Signal Store](https://ngrx.io/guide/signals)
 - [Tailwind CSS](https://tailwindcss.com)
-- [Prime NG](https://primeng.org)
+- [Optimus UI](https://optimus.openng.org/)
 - [Vitest](https://vitest.dev)
 
 ## Serveur