@c8y/websdk 1024.22.10 → 1025.0.0

package/README.md

@@ -5,13 +5,13 @@ The @c8y/websdk Angular schematic enables quick scaffolding of custom Cumulocity
 # How to use
 
 ## Install
-Install the Angular 16 `@angular/cli` package.
+Install the Angular 22 `@angular/cli` package.
 
 ```bash
-npm install @angular/cli@v16-lts -g
+npm install @angular/cli@22 -g
 ```
 
-Generate a new Angular 16 application:
+Generate a new Angular 22 application:
 
 ```bash
 ng new <appName> --interactive=false --routing=true --style=less

package/dist/templates/ai-configs/claude/CLAUDE.md

@@ -2,7 +2,7 @@
 
 **Cumulocity IoT Web Application** — custom web frontend built with the Cumulocity Web SDK. Extends the Cumulocity IoT platform with custom features and integrations.
 
-- **Stack:** Angular 20, TypeScript 5.9.3, RxJS 7.8, Jest 30, Cypress 15, ESLint (airbnb-base + angular-eslint)
+- **Stack:** Angular 22, TypeScript 6.0.3, RxJS 7.8, Jest 30, Cypress 15, ESLint (airbnb-base + angular-eslint)
 - **Core Libraries:** `@c8y/ngx-components`, `@c8y/client`, `@c8y/toolkit`, `@c8y/devkit`, `@c8y/bootstrap`
 - **Structure:** Standard Angular CLI application scaffolded with `ng add @c8y/websdk`
 
@@ -68,7 +68,7 @@ Only after completing Steps 1-2, proceed with planning or implementation.
 ## Angular Patterns
 
 - All new components must be **standalone** (`standalone: true`) — do not create NgModule-based components
-- Prefer `ChangeDetectionStrategy.OnPush` for new components (no project-wide enforcement, but scale demands it)
+- OnPush is the default since Angular 22. A component without `changeDetection` re-renders only on new inputs, template or host events, signals read in its template, the `async` pipe or `markForCheck()`, so keep template state in signals: a plain field assigned in a subscription or timer never shows. It also stops refreshing its whole subtree, so a component that renders, directly or through its children, components relying on zone.js (widget and plugin hosts such as `c8y-dynamic-component` or component outlets, or existing `Eager` components that update from subscriptions or timers) declares `ChangeDetectionStrategy.Eager` with a comment saying why. Do not remove `Eager` from existing components as a side change
 - Constructor injection and `inject()` function are both present; either is acceptable
 - Manage subscriptions with `async` pipe or `takeUntilDestroyed()` — avoid bare `unsubscribe()` without `ngOnDestroy`
 - Use signals for local component state

package/dist/templates/ai-configs/claude/rules/frontend.instructions.md

@@ -39,7 +39,7 @@ These are the highest-severity issues — NEVER introduce them:
 ## Components
 
 - All new components must be **standalone** — do not set `standalone: true` explicitly (default since Angular 19+)
-- Set `changeDetection: ChangeDetectionStrategy.OnPush` in all `@Component` decorators
+- OnPush is the default since Angular 22: a component without `changeDetection` re-renders only on new inputs, template or host events, signals read in its template, the `async` pipe or `markForCheck()`. Keep template state in signals; a plain field assigned in a subscription, promise or timer does not show. An OnPush component also stops refreshing its whole subtree, so a component that renders, directly or through its children, components relying on zone.js (widget and plugin hosts: `ViewContainerRef.createComponent`, `c8y-dynamic-component`, component outlets; or existing `Eager` components that update from subscriptions or timers) declares `ChangeDetectionStrategy.Eager` with a comment saying why. Do not remove `Eager` from existing components as a side change. `ChangeDetectionStrategy.Default` is deprecated
 - Keep components small — extract when template exceeds ~150 lines or class exceeds ~200 lines
 - Components focus on presentation; extract business logic, data mapping, and SDK calls to dedicated services
 - Use `readonly` for properties that should not change
@@ -55,12 +55,11 @@ These are the highest-severity issues — NEVER introduce them:
 ### Example
 
 ```ts
-import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
+import { Component, signal } from '@angular/core';
 
 @Component({
   selector: 'c8y-example-component',
-  templateUrl: './example.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+  templateUrl: './example.component.html'
 })
 export class ExampleComponent {
   protected readonly isServerRunning = signal(true);

package/dist/templates/ai-configs/claude/rules/unit-tests.instructions.md

@@ -63,6 +63,7 @@ describe('ComponentName', () => {
 ## Common Pitfalls to Avoid
 - ❌ **Forgetting `async` and `.compileComponents()`**: `beforeEach(() => { ... })` without `async`/`await` leaves components uncompiled
 - ❌ **Missing `fixture.detectChanges()`**: Component won't initialize without this; properties will be undefined
+- ❌ **Mutating a field of an OnPush component, then `detectChanges()`**: OnPush is the default since Angular 22 and the view does not re-render; set inputs with `fixture.componentRef.setInput()` and keep component state in signals
 - ❌ **Incomplete service mocks**: Mocking only some methods causes "is not a function" errors on unmocked methods
 - ❌ **Wrong mock return types**: Returning `[]` when the method returns `{ data: [], paging: {} }` causes destructuring errors
 - ❌ **Not providing all dependencies**: Missing providers (e.g., `TranslateService`) causes "No provider found" errors

package/dist/templates/ai-configs/cursor/cursor.mdc

@@ -2,7 +2,7 @@
 
 **Cumulocity IoT Web Application** — custom web frontend built with the Cumulocity Web SDK. Extends the Cumulocity IoT platform with custom features and integrations.
 
-- **Stack:** Angular 20, TypeScript 5.9.3, RxJS 7.8, Jest 30, Cypress 15, ESLint (airbnb-base + angular-eslint)
+- **Stack:** Angular 22, TypeScript 6.0.3, RxJS 7.8, Jest 30, Cypress 15, ESLint (airbnb-base + angular-eslint)
 - **Core Libraries:** `@c8y/ngx-components`, `@c8y/client`, `@c8y/toolkit`, `@c8y/devkit`, `@c8y/bootstrap`
 - **Structure:** Standard Angular CLI application scaffolded with `ng add @c8y/websdk`
 
@@ -68,7 +68,7 @@ Only after completing Steps 1-2, proceed with planning or implementation.
 ## Angular Patterns
 
 - All new components must be **standalone** (`standalone: true`) — do not create NgModule-based components
-- Prefer `ChangeDetectionStrategy.OnPush` for new components (no project-wide enforcement, but scale demands it)
+- OnPush is the default since Angular 22. A component without `changeDetection` re-renders only on new inputs, template or host events, signals read in its template, the `async` pipe or `markForCheck()`, so keep template state in signals: a plain field assigned in a subscription or timer never shows. It also stops refreshing its whole subtree, so a component that renders, directly or through its children, components relying on zone.js (widget and plugin hosts such as `c8y-dynamic-component` or component outlets, or existing `Eager` components that update from subscriptions or timers) declares `ChangeDetectionStrategy.Eager` with a comment saying why. Do not remove `Eager` from existing components as a side change
 - Constructor injection and `inject()` function are both present; either is acceptable
 - Manage subscriptions with `async` pipe or `takeUntilDestroyed()` — avoid bare `unsubscribe()` without `ngOnDestroy`
 - Use signals for local component state

package/dist/templates/ai-configs/cursor/rules/frontend.instructions.md

@@ -39,7 +39,7 @@ These are the highest-severity issues — NEVER introduce them:
 ## Components
 
 - All new components must be **standalone** — do not set `standalone: true` explicitly (default since Angular 19+)
-- Set `changeDetection: ChangeDetectionStrategy.OnPush` in all `@Component` decorators
+- OnPush is the default since Angular 22: a component without `changeDetection` re-renders only on new inputs, template or host events, signals read in its template, the `async` pipe or `markForCheck()`. Keep template state in signals; a plain field assigned in a subscription, promise or timer does not show. An OnPush component also stops refreshing its whole subtree, so a component that renders, directly or through its children, components relying on zone.js (widget and plugin hosts: `ViewContainerRef.createComponent`, `c8y-dynamic-component`, component outlets; or existing `Eager` components that update from subscriptions or timers) declares `ChangeDetectionStrategy.Eager` with a comment saying why. Do not remove `Eager` from existing components as a side change. `ChangeDetectionStrategy.Default` is deprecated
 - Keep components small — extract when template exceeds ~150 lines or class exceeds ~200 lines
 - Components focus on presentation; extract business logic, data mapping, and SDK calls to dedicated services
 - Use `readonly` for properties that should not change
@@ -55,12 +55,11 @@ These are the highest-severity issues — NEVER introduce them:
 ### Example
 
 ```ts
-import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
+import { Component, signal } from '@angular/core';
 
 @Component({
   selector: 'c8y-example-component',
-  templateUrl: './example.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+  templateUrl: './example.component.html'
 })
 export class ExampleComponent {
   protected readonly isServerRunning = signal(true);

package/dist/templates/ai-configs/cursor/rules/unit-tests.instructions.md

@@ -63,6 +63,7 @@ describe('ComponentName', () => {
 ## Common Pitfalls to Avoid
 - ❌ **Forgetting `async` and `.compileComponents()`**: `beforeEach(() => { ... })` without `async`/`await` leaves components uncompiled
 - ❌ **Missing `fixture.detectChanges()`**: Component won't initialize without this; properties will be undefined
+- ❌ **Mutating a field of an OnPush component, then `detectChanges()`**: OnPush is the default since Angular 22 and the view does not re-render; set inputs with `fixture.componentRef.setInput()` and keep component state in signals
 - ❌ **Incomplete service mocks**: Mocking only some methods causes "is not a function" errors on unmocked methods
 - ❌ **Wrong mock return types**: Returning `[]` when the method returns `{ data: [], paging: {} }` causes destructuring errors
 - ❌ **Not providing all dependencies**: Missing providers (e.g., `TranslateService`) causes "No provider found" errors

package/dist/templates/ai-configs/gemini/GEMINI.md

@@ -2,7 +2,7 @@
 
 **Cumulocity IoT Web Application** — custom web frontend built with the Cumulocity Web SDK. Extends the Cumulocity IoT platform with custom features and integrations.
 
-- **Stack:** Angular 20, TypeScript 5.9.3, RxJS 7.8, Jest 30, Cypress 15, ESLint (airbnb-base + angular-eslint)
+- **Stack:** Angular 22, TypeScript 6.0.3, RxJS 7.8, Jest 30, Cypress 15, ESLint (airbnb-base + angular-eslint)
 - **Core Libraries:** `@c8y/ngx-components`, `@c8y/client`, `@c8y/toolkit`, `@c8y/devkit`, `@c8y/bootstrap`
 - **Structure:** Standard Angular CLI application scaffolded with `ng add @c8y/websdk`
 
@@ -68,7 +68,7 @@ Only after completing Steps 1-2, proceed with planning or implementation.
 ## Angular Patterns
 
 - All new components must be **standalone** (`standalone: true`) — do not create NgModule-based components
-- Prefer `ChangeDetectionStrategy.OnPush` for new components (no project-wide enforcement, but scale demands it)
+- OnPush is the default since Angular 22. A component without `changeDetection` re-renders only on new inputs, template or host events, signals read in its template, the `async` pipe or `markForCheck()`, so keep template state in signals: a plain field assigned in a subscription or timer never shows. It also stops refreshing its whole subtree, so a component that renders, directly or through its children, components relying on zone.js (widget and plugin hosts such as `c8y-dynamic-component` or component outlets, or existing `Eager` components that update from subscriptions or timers) declares `ChangeDetectionStrategy.Eager` with a comment saying why. Do not remove `Eager` from existing components as a side change
 - Constructor injection and `inject()` function are both present; either is acceptable
 - Manage subscriptions with `async` pipe or `takeUntilDestroyed()` — avoid bare `unsubscribe()` without `ngOnDestroy`
 - Use signals for local component state

package/dist/templates/ai-configs/gemini/rules/frontend.instructions.md

@@ -35,7 +35,7 @@ These are the highest-severity issues — NEVER introduce them:
 ## Components
 
 - All new components must be **standalone** — do not set `standalone: true` explicitly (default since Angular 19+)
-- Set `changeDetection: ChangeDetectionStrategy.OnPush` in all `@Component` decorators
+- OnPush is the default since Angular 22: a component without `changeDetection` re-renders only on new inputs, template or host events, signals read in its template, the `async` pipe or `markForCheck()`. Keep template state in signals; a plain field assigned in a subscription, promise or timer does not show. An OnPush component also stops refreshing its whole subtree, so a component that renders, directly or through its children, components relying on zone.js (widget and plugin hosts: `ViewContainerRef.createComponent`, `c8y-dynamic-component`, component outlets; or existing `Eager` components that update from subscriptions or timers) declares `ChangeDetectionStrategy.Eager` with a comment saying why. Do not remove `Eager` from existing components as a side change. `ChangeDetectionStrategy.Default` is deprecated
 - Keep components small — extract when template exceeds ~150 lines or class exceeds ~200 lines
 - Components focus on presentation; extract business logic, data mapping, and SDK calls to dedicated services
 - Use `readonly` for properties that should not change
@@ -51,12 +51,11 @@ These are the highest-severity issues — NEVER introduce them:
 ### Example
 
 ```ts
-import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
+import { Component, signal } from '@angular/core';
 
 @Component({
   selector: 'c8y-example-component',
-  templateUrl: './example.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+  templateUrl: './example.component.html'
 })
 export class ExampleComponent {
   protected readonly isServerRunning = signal(true);

package/dist/templates/ai-configs/gemini/rules/unit-tests.instructions.md

@@ -57,6 +57,7 @@ describe('ComponentName', () => {
 ## Common Pitfalls to Avoid
 - ❌ **Forgetting `async` and `.compileComponents()`**: `beforeEach(() => { ... })` without `async`/`await` leaves components uncompiled
 - ❌ **Missing `fixture.detectChanges()`**: Component won't initialize without this; properties will be undefined
+- ❌ **Mutating a field of an OnPush component, then `detectChanges()`**: OnPush is the default since Angular 22 and the view does not re-render; set inputs with `fixture.componentRef.setInput()` and keep component state in signals
 - ❌ **Incomplete service mocks**: Mocking only some methods causes "is not a function" errors on unmocked methods
 - ❌ **Wrong mock return types**: Returning `[]` when the method returns `{ data: [], paging: {} }` causes destructuring errors
 - ❌ **Not providing all dependencies**: Missing providers (e.g., `TranslateService`) causes "No provider found" errors

package/dist/templates/ai-configs/github/copilot-instructions.md

@@ -2,7 +2,7 @@
 
 **Cumulocity IoT Web Application** — custom web frontend built with the Cumulocity Web SDK. Extends the Cumulocity IoT platform with custom features and integrations.
 
-- **Stack:** Angular 20, TypeScript 5.9.3, RxJS 7.8, Jest 30, Cypress 15, ESLint (airbnb-base + angular-eslint)
+- **Stack:** Angular 22, TypeScript 6.0.3, RxJS 7.8, Jest 30, Cypress 15, ESLint (airbnb-base + angular-eslint)
 - **Core Libraries:** `@c8y/ngx-components`, `@c8y/client`, `@c8y/toolkit`, `@c8y/devkit`, `@c8y/bootstrap`
 - **Structure:** Standard Angular CLI application scaffolded with `ng add @c8y/websdk`
 
@@ -68,7 +68,7 @@ Only after completing Steps 1-2, proceed with planning or implementation.
 ## Angular Patterns
 
 - All new components must be **standalone** (`standalone: true`) — do not create NgModule-based components
-- Prefer `ChangeDetectionStrategy.OnPush` for new components (no project-wide enforcement, but scale demands it)
+- OnPush is the default since Angular 22. A component without `changeDetection` re-renders only on new inputs, template or host events, signals read in its template, the `async` pipe or `markForCheck()`, so keep template state in signals: a plain field assigned in a subscription or timer never shows. It also stops refreshing its whole subtree, so a component that renders, directly or through its children, components relying on zone.js (widget and plugin hosts such as `c8y-dynamic-component` or component outlets, or existing `Eager` components that update from subscriptions or timers) declares `ChangeDetectionStrategy.Eager` with a comment saying why. Do not remove `Eager` from existing components as a side change
 - Constructor injection and `inject()` function are both present; either is acceptable
 - Manage subscriptions with `async` pipe or `takeUntilDestroyed()` — avoid bare `unsubscribe()` without `ngOnDestroy`
 - Use signals for local component state

package/dist/templates/ai-configs/github/instructions/frontend.instructions.md

@@ -39,7 +39,7 @@ These are the highest-severity issues — NEVER introduce them:
 ## Components
 
 - All new components must be **standalone** — do not set `standalone: true` explicitly (default since Angular 19+)
-- Set `changeDetection: ChangeDetectionStrategy.OnPush` in all `@Component` decorators
+- OnPush is the default since Angular 22: a component without `changeDetection` re-renders only on new inputs, template or host events, signals read in its template, the `async` pipe or `markForCheck()`. Keep template state in signals; a plain field assigned in a subscription, promise or timer does not show. An OnPush component also stops refreshing its whole subtree, so a component that renders, directly or through its children, components relying on zone.js (widget and plugin hosts: `ViewContainerRef.createComponent`, `c8y-dynamic-component`, component outlets; or existing `Eager` components that update from subscriptions or timers) declares `ChangeDetectionStrategy.Eager` with a comment saying why. Do not remove `Eager` from existing components as a side change. `ChangeDetectionStrategy.Default` is deprecated
 - Keep components small — extract when template exceeds ~150 lines or class exceeds ~200 lines
 - Components focus on presentation; extract business logic, data mapping, and SDK calls to dedicated services
 - Use `readonly` for properties that should not change
@@ -55,12 +55,11 @@ These are the highest-severity issues — NEVER introduce them:
 ### Example
 
 ```ts
-import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
+import { Component, signal } from '@angular/core';
 
 @Component({
   selector: 'c8y-example-component',
-  templateUrl: './example.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+  templateUrl: './example.component.html'
 })
 export class ExampleComponent {
   protected readonly isServerRunning = signal(true);

package/dist/templates/ai-configs/github/instructions/unit-tests.instructions.md

@@ -63,6 +63,7 @@ describe('ComponentName', () => {
 ## Common Pitfalls to Avoid
 - ❌ **Forgetting `async` and `.compileComponents()`**: `beforeEach(() => { ... })` without `async`/`await` leaves components uncompiled
 - ❌ **Missing `fixture.detectChanges()`**: Component won't initialize without this; properties will be undefined
+- ❌ **Mutating a field of an OnPush component, then `detectChanges()`**: OnPush is the default since Angular 22 and the view does not re-render; set inputs with `fixture.componentRef.setInput()` and keep component state in signals
 - ❌ **Incomplete service mocks**: Mocking only some methods causes "is not a function" errors on unmocked methods
 - ❌ **Wrong mock return types**: Returning `[]` when the method returns `{ data: [], paging: {} }` causes destructuring errors
 - ❌ **Not providing all dependencies**: Missing providers (e.g., `TranslateService`) causes "No provider found" errors

package/dist/templates/ai-configs/jetbrains/guidelines.md

@@ -2,7 +2,7 @@
 
 **Cumulocity IoT Web Application** — custom web frontend built with the Cumulocity Web SDK. Extends the Cumulocity IoT platform with custom features and integrations.
 
-- **Stack:** Angular 20, TypeScript 5.9.3, RxJS 7.8, Jest 30, Cypress 15, ESLint (airbnb-base + angular-eslint)
+- **Stack:** Angular 22, TypeScript 6.0.3, RxJS 7.8, Jest 30, Cypress 15, ESLint (airbnb-base + angular-eslint)
 - **Core Libraries:** `@c8y/ngx-components`, `@c8y/client`, `@c8y/toolkit`, `@c8y/devkit`, `@c8y/bootstrap`
 - **Structure:** Standard Angular CLI application scaffolded with `ng add @c8y/websdk`
 
@@ -68,7 +68,7 @@ Only after completing Steps 1-2, proceed with planning or implementation.
 ## Angular Patterns
 
 - All new components must be **standalone** (`standalone: true`) — do not create NgModule-based components
-- Prefer `ChangeDetectionStrategy.OnPush` for new components (no project-wide enforcement, but scale demands it)
+- OnPush is the default since Angular 22. A component without `changeDetection` re-renders only on new inputs, template or host events, signals read in its template, the `async` pipe or `markForCheck()`, so keep template state in signals: a plain field assigned in a subscription or timer never shows. It also stops refreshing its whole subtree, so a component that renders, directly or through its children, components relying on zone.js (widget and plugin hosts such as `c8y-dynamic-component` or component outlets, or existing `Eager` components that update from subscriptions or timers) declares `ChangeDetectionStrategy.Eager` with a comment saying why. Do not remove `Eager` from existing components as a side change
 - Constructor injection and `inject()` function are both present; either is acceptable
 - Manage subscriptions with `async` pipe or `takeUntilDestroyed()` — avoid bare `unsubscribe()` without `ngOnDestroy`
 - Use signals for local component state

package/dist/templates/ai-configs/jetbrains/rules/frontend.instructions.md

@@ -35,7 +35,7 @@ These are the highest-severity issues — NEVER introduce them:
 ## Components
 
 - All new components must be **standalone** — do not set `standalone: true` explicitly (default since Angular 19+)
-- Set `changeDetection: ChangeDetectionStrategy.OnPush` in all `@Component` decorators
+- OnPush is the default since Angular 22: a component without `changeDetection` re-renders only on new inputs, template or host events, signals read in its template, the `async` pipe or `markForCheck()`. Keep template state in signals; a plain field assigned in a subscription, promise or timer does not show. An OnPush component also stops refreshing its whole subtree, so a component that renders, directly or through its children, components relying on zone.js (widget and plugin hosts: `ViewContainerRef.createComponent`, `c8y-dynamic-component`, component outlets; or existing `Eager` components that update from subscriptions or timers) declares `ChangeDetectionStrategy.Eager` with a comment saying why. Do not remove `Eager` from existing components as a side change. `ChangeDetectionStrategy.Default` is deprecated
 - Keep components small — extract when template exceeds ~150 lines or class exceeds ~200 lines
 - Components focus on presentation; extract business logic, data mapping, and SDK calls to dedicated services
 - Use `readonly` for properties that should not change
@@ -51,12 +51,11 @@ These are the highest-severity issues — NEVER introduce them:
 ### Example
 
 ```ts
-import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
+import { Component, signal } from '@angular/core';
 
 @Component({
   selector: 'c8y-example-component',
-  templateUrl: './example.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+  templateUrl: './example.component.html'
 })
 export class ExampleComponent {
   protected readonly isServerRunning = signal(true);

package/dist/templates/ai-configs/jetbrains/rules/unit-tests.instructions.md

@@ -57,6 +57,7 @@ describe('ComponentName', () => {
 ## Common Pitfalls to Avoid
 - ❌ **Forgetting `async` and `.compileComponents()`**: `beforeEach(() => { ... })` without `async`/`await` leaves components uncompiled
 - ❌ **Missing `fixture.detectChanges()`**: Component won't initialize without this; properties will be undefined
+- ❌ **Mutating a field of an OnPush component, then `detectChanges()`**: OnPush is the default since Angular 22 and the view does not re-render; set inputs with `fixture.componentRef.setInput()` and keep component state in signals
 - ❌ **Incomplete service mocks**: Mocking only some methods causes "is not a function" errors on unmocked methods
 - ❌ **Wrong mock return types**: Returning `[]` when the method returns `{ data: [], paging: {} }` causes destructuring errors
 - ❌ **Not providing all dependencies**: Missing providers (e.g., `TranslateService`) causes "No provider found" errors

package/dist/templates/ai-configs/windsurf/guidelines.md

@@ -2,7 +2,7 @@
 
 **Cumulocity IoT Web Application** — custom web frontend built with the Cumulocity Web SDK. Extends the Cumulocity IoT platform with custom features and integrations.
 
-- **Stack:** Angular 20, TypeScript 5.9.3, RxJS 7.8, Jest 30, Cypress 15, ESLint (airbnb-base + angular-eslint)
+- **Stack:** Angular 22, TypeScript 6.0.3, RxJS 7.8, Jest 30, Cypress 15, ESLint (airbnb-base + angular-eslint)
 - **Core Libraries:** `@c8y/ngx-components`, `@c8y/client`, `@c8y/toolkit`, `@c8y/devkit`, `@c8y/bootstrap`
 - **Structure:** Standard Angular CLI application scaffolded with `ng add @c8y/websdk`
 
@@ -68,7 +68,7 @@ Only after completing Steps 1-2, proceed with planning or implementation.
 ## Angular Patterns
 
 - All new components must be **standalone** (`standalone: true`) — do not create NgModule-based components
-- Prefer `ChangeDetectionStrategy.OnPush` for new components (no project-wide enforcement, but scale demands it)
+- OnPush is the default since Angular 22. A component without `changeDetection` re-renders only on new inputs, template or host events, signals read in its template, the `async` pipe or `markForCheck()`, so keep template state in signals: a plain field assigned in a subscription or timer never shows. It also stops refreshing its whole subtree, so a component that renders, directly or through its children, components relying on zone.js (widget and plugin hosts such as `c8y-dynamic-component` or component outlets, or existing `Eager` components that update from subscriptions or timers) declares `ChangeDetectionStrategy.Eager` with a comment saying why. Do not remove `Eager` from existing components as a side change
 - Constructor injection and `inject()` function are both present; either is acceptable
 - Manage subscriptions with `async` pipe or `takeUntilDestroyed()` — avoid bare `unsubscribe()` without `ngOnDestroy`
 - Use signals for local component state

package/dist/templates/ai-configs/windsurf/rules/frontend.instructions.md

@@ -39,7 +39,7 @@ These are the highest-severity issues — NEVER introduce them:
 ## Components
 
 - All new components must be **standalone** — do not set `standalone: true` explicitly (default since Angular 19+)
-- Set `changeDetection: ChangeDetectionStrategy.OnPush` in all `@Component` decorators
+- OnPush is the default since Angular 22: a component without `changeDetection` re-renders only on new inputs, template or host events, signals read in its template, the `async` pipe or `markForCheck()`. Keep template state in signals; a plain field assigned in a subscription, promise or timer does not show. An OnPush component also stops refreshing its whole subtree, so a component that renders, directly or through its children, components relying on zone.js (widget and plugin hosts: `ViewContainerRef.createComponent`, `c8y-dynamic-component`, component outlets; or existing `Eager` components that update from subscriptions or timers) declares `ChangeDetectionStrategy.Eager` with a comment saying why. Do not remove `Eager` from existing components as a side change. `ChangeDetectionStrategy.Default` is deprecated
 - Keep components small — extract when template exceeds ~150 lines or class exceeds ~200 lines
 - Components focus on presentation; extract business logic, data mapping, and SDK calls to dedicated services
 - Use `readonly` for properties that should not change
@@ -55,12 +55,11 @@ These are the highest-severity issues — NEVER introduce them:
 ### Example
 
 ```ts
-import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
+import { Component, signal } from '@angular/core';
 
 @Component({
   selector: 'c8y-example-component',
-  templateUrl: './example.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+  templateUrl: './example.component.html'
 })
 export class ExampleComponent {
   protected readonly isServerRunning = signal(true);

package/dist/templates/ai-configs/windsurf/rules/unit-tests.instructions.md

@@ -63,6 +63,7 @@ describe('ComponentName', () => {
 ## Common Pitfalls to Avoid
 - ❌ **Forgetting `async` and `.compileComponents()`**: `beforeEach(() => { ... })` without `async`/`await` leaves components uncompiled
 - ❌ **Missing `fixture.detectChanges()`**: Component won't initialize without this; properties will be undefined
+- ❌ **Mutating a field of an OnPush component, then `detectChanges()`**: OnPush is the default since Angular 22 and the view does not re-render; set inputs with `fixture.componentRef.setInput()` and keep component state in signals
 - ❌ **Incomplete service mocks**: Mocking only some methods causes "is not a function" errors on unmocked methods
 - ❌ **Wrong mock return types**: Returning `[]` when the method returns `{ data: [], paging: {} }` causes destructuring errors
 - ❌ **Not providing all dependencies**: Missing providers (e.g., `TranslateService`) causes "No provider found" errors

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c8y/websdk",
-  "version": "1024.22.10",
+  "version": "1025.0.0",
   "description": "Allows to scaffold a Cumulocity IoT application with ng add @c8y/websdk",
   "license": "Apache-2.0",
   "scripts": {
@@ -31,7 +31,7 @@
     "ncp": "2.0.0",
     "rimraf": "2.6.2",
     "ts-node": "10.9.2",
-    "typescript": "5.9.3"
+    "typescript": "6.0.3"
   },
   "author": "Cumulocity"
 }