Migration Angular 18 -> 19 (ng update, standalone par defaut, build OK)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-10 14:47:19 +02:00
parent d772e969ea
commit 05bbe64841
75 changed files with 3267 additions and 2013 deletions
--- a/web/package-lock.json
+++ b/web/package-lock.json
--- a/web/package.json
+++ b/web/package.json
@@ -15,25 +15,25 @@
  },
  "private": true,
  "dependencies": {
-    "@angular/animations": "^18.2.14",
-    "@angular/common": "^18.2.14",
-    "@angular/compiler": "^18.2.14",
-    "@angular/core": "^18.2.14",
-    "@angular/forms": "^18.2.14",
-    "@angular/platform-browser": "^18.2.14",
-    "@angular/platform-browser-dynamic": "^18.2.14",
-    "@angular/router": "^18.2.14",
+    "@angular/animations": "^19.2.25",
+    "@angular/common": "^19.2.25",
+    "@angular/compiler": "^19.2.25",
+    "@angular/core": "^19.2.25",
+    "@angular/forms": "^19.2.25",
+    "@angular/platform-browser": "^19.2.25",
+    "@angular/platform-browser-dynamic": "^19.2.25",
+    "@angular/router": "^19.2.25",
    "dompurify": "^3.4.1",
    "lucide-angular": "^1.0.0",
    "marked": "^18.0.2",
    "rxjs": "~7.8.0",
    "tslib": "^2.3.0",
-    "zone.js": "~0.14.2"
+    "zone.js": "~0.15.1"
  },
  "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.21",
-    "@angular/cli": "^18.2.21",
-    "@angular/compiler-cli": "^18.2.14",
+    "@angular-devkit/build-angular": "^19.2.27",
+    "@angular/cli": "^19.2.27",
+    "@angular/compiler-cli": "^19.2.25",
    "@playwright/test": "^1.59.1",
    "typescript": "~5.5.4"
  }
--- a/web/src/app/app.component.ts
+++ b/web/src/app/app.component.ts
@@ -12,7 +12,6 @@ import { VersionCheckerService } from './services/version-checker.service';

@Component({
    selector: 'app-root',
-  standalone: true,
    imports: [
        RouterOutlet,
        SidebarComponent,
--- a/web/src/app/campaigns/arc/arc-create/arc-create.component.ts
+++ b/web/src/app/campaigns/arc/arc-create/arc-create.component.ts
@@ -20,7 +20,6 @@ import { CAMPAIGN_ICON_OPTIONS } from '../../campaign-icons';
 */
@Component({
    selector: 'app-arc-create',
-  standalone: true,
    imports: [CommonModule, ReactiveFormsModule, LucideAngularModule, IconPickerComponent],
    templateUrl: './arc-create.component.html',
    styleUrls: ['./arc-create.component.scss']
--- a/web/src/app/campaigns/arc/arc-edit/arc-edit.component.ts
+++ b/web/src/app/campaigns/arc/arc-edit/arc-edit.component.ts
@@ -33,7 +33,6 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 */
@Component({
    selector: 'app-arc-edit',
-  standalone: true,
    imports: [CommonModule, ReactiveFormsModule, LucideAngularModule, LoreLinkPickerComponent, AiChatDrawerComponent, ImageGalleryComponent, IconPickerComponent],
    templateUrl: './arc-edit.component.html',
    styleUrls: ['./arc-edit.component.scss']
--- a/web/src/app/campaigns/arc/arc-view/arc-view.component.ts
+++ b/web/src/app/campaigns/arc/arc-view/arc-view.component.ts
@@ -25,7 +25,6 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 */
@Component({
    selector: 'app-arc-view',
-  standalone: true,
    imports: [CommonModule, RouterModule, LucideAngularModule, ImageGalleryComponent],
    templateUrl: './arc-view.component.html',
    styleUrls: ['./arc-view.component.scss']
--- a/web/src/app/campaigns/campaign/campaign-create/campaign-create.component.ts
+++ b/web/src/app/campaigns/campaign/campaign-create/campaign-create.component.ts
@@ -22,7 +22,6 @@ export interface CampaignCreatePayload {

@Component({
    selector: 'app-campaign-create',
-  standalone: true,
    imports: [CommonModule, ReactiveFormsModule, FormsModule, LucideAngularModule],
    templateUrl: './campaign-create.component.html',
    styleUrls: ['./campaign-create.component.scss']
--- a/web/src/app/campaigns/campaign/campaign-detail/campaign-detail.component.ts
+++ b/web/src/app/campaigns/campaign/campaign-detail/campaign-detail.component.ts
@@ -27,7 +27,6 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia

@Component({
    selector: 'app-campaign-detail',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule, RouterLink],
    templateUrl: './campaign-detail.component.html',
    styleUrls: ['./campaign-detail.component.scss']
--- a/web/src/app/campaigns/campaign/campaign-import/campaign-import.component.ts
+++ b/web/src/app/campaigns/campaign/campaign-import/campaign-import.component.ts
@@ -47,7 +47,6 @@ interface ArcNode {
 */
@Component({
    selector: 'app-campaign-import',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './campaign-import.component.html',
    styleUrls: ['./campaign-import.component.scss']
--- a/web/src/app/campaigns/campaigns.component.ts
+++ b/web/src/app/campaigns/campaigns.component.ts
@@ -9,7 +9,6 @@ import { CampaignCreateComponent, CampaignCreatePayload } from './campaign/campa

@Component({
    selector: 'app-campaigns',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule, CampaignCreateComponent],
    templateUrl: './campaigns.component.html',
    styleUrls: ['./campaigns.component.scss']
--- a/web/src/app/campaigns/chapter/chapter-create/chapter-create.component.ts
+++ b/web/src/app/campaigns/chapter/chapter-create/chapter-create.component.ts
@@ -19,7 +19,6 @@ import { CAMPAIGN_ICON_OPTIONS } from '../../campaign-icons';
 */
@Component({
    selector: 'app-chapter-create',
-  standalone: true,
    imports: [CommonModule, ReactiveFormsModule, LucideAngularModule, IconPickerComponent],
    templateUrl: './chapter-create.component.html',
    styleUrls: ['./chapter-create.component.scss']
--- a/web/src/app/campaigns/chapter/chapter-edit/chapter-edit.component.ts
+++ b/web/src/app/campaigns/chapter/chapter-edit/chapter-edit.component.ts
@@ -33,7 +33,6 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 */
@Component({
    selector: 'app-chapter-edit',
-  standalone: true,
    imports: [
        CommonModule,
        ReactiveFormsModule,
--- a/web/src/app/campaigns/chapter/chapter-graph/chapter-graph.component.ts
+++ b/web/src/app/campaigns/chapter/chapter-graph/chapter-graph.component.ts
@@ -21,7 +21,6 @@ interface GraphEdge { key: string; label: string; x1: number; y1: number; x2: nu
 */
@Component({
    selector: 'app-chapter-graph',
-  standalone: true,
    imports: [CommonModule, RouterModule, LucideAngularModule],
    templateUrl: './chapter-graph.component.html',
    styleUrls: ['./chapter-graph.component.scss']
--- a/web/src/app/campaigns/chapter/chapter-view/chapter-view.component.ts
+++ b/web/src/app/campaigns/chapter/chapter-view/chapter-view.component.ts
@@ -24,7 +24,6 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 */
@Component({
    selector: 'app-chapter-view',
-  standalone: true,
    imports: [CommonModule, RouterModule, LucideAngularModule, ImageGalleryComponent],
    templateUrl: './chapter-view.component.html',
    styleUrls: ['./chapter-view.component.scss']
--- a/web/src/app/campaigns/character/character-edit/character-edit.component.ts
+++ b/web/src/app/campaigns/character/character-edit/character-edit.component.ts
@@ -26,7 +26,6 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 */
@Component({
    selector: 'app-character-edit',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule, AiChatDrawerComponent, DynamicFieldsFormComponent, SingleImagePickerComponent],
    templateUrl: './character-edit.component.html',
    styleUrls: ['./character-edit.component.scss']
--- a/web/src/app/campaigns/character/character-view/character-view.component.ts
+++ b/web/src/app/campaigns/character/character-view/character-view.component.ts
@@ -17,7 +17,6 @@ import { AiChatDrawerComponent } from '../../../shared/ai-chat-drawer/ai-chat-dr
 */
@Component({
    selector: 'app-character-view',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule, PersonaViewComponent, AiChatDrawerComponent],
    templateUrl: './character-view.component.html',
    styleUrls: ['./character-view.component.scss']
--- a/web/src/app/campaigns/item-catalog/item-catalog-edit/item-catalog-edit.component.ts
+++ b/web/src/app/campaigns/item-catalog/item-catalog-edit/item-catalog-edit.component.ts
@@ -14,7 +14,6 @@ import { ItemCatalog, CatalogItem, ItemCatalogCreate } from '../../../services/i
 */
@Component({
    selector: 'app-item-catalog-edit',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './item-catalog-edit.component.html',
    styleUrls: ['./item-catalog-edit.component.scss']
--- a/web/src/app/campaigns/item-catalog/item-catalog-list/item-catalog-list.component.ts
+++ b/web/src/app/campaigns/item-catalog/item-catalog-list/item-catalog-list.component.ts
@@ -13,7 +13,6 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 */
@Component({
    selector: 'app-item-catalog-list',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule],
    templateUrl: './item-catalog-list.component.html',
    styleUrls: ['./item-catalog-list.component.scss']
--- a/web/src/app/campaigns/item-catalog/item-catalog-view/item-catalog-view.component.ts
+++ b/web/src/app/campaigns/item-catalog/item-catalog-view/item-catalog-view.component.ts
@@ -14,7 +14,6 @@ interface ItemGroup { category: string; items: CatalogItem[]; }
 */
@Component({
    selector: 'app-item-catalog-view',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule],
    templateUrl: './item-catalog-view.component.html',
    styleUrls: ['./item-catalog-view.component.scss']
--- a/web/src/app/campaigns/notebook/notebook-action-card/notebook-action-card.component.ts
+++ b/web/src/app/campaigns/notebook/notebook-action-card/notebook-action-card.component.ts
@@ -15,7 +15,6 @@ import { NotebookAction } from '../../../services/notebook-action.model';
 */
@Component({
    selector: 'app-notebook-action-card',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './notebook-action-card.component.html',
    styleUrls: ['./notebook-action-card.component.scss']
--- a/web/src/app/campaigns/notebook/notebook-detail/notebook-detail.component.ts
+++ b/web/src/app/campaigns/notebook/notebook-detail/notebook-detail.component.ts
@@ -20,7 +20,6 @@ import { NotebookActionCardComponent } from '../notebook-action-card/notebook-ac
 */
@Component({
    selector: 'app-notebook-detail',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule, NotebookActionCardComponent],
    templateUrl: './notebook-detail.component.html',
    styleUrls: ['./notebook-detail.component.scss']
--- a/web/src/app/campaigns/notebook/notebook-list/notebook-list.component.ts
+++ b/web/src/app/campaigns/notebook/notebook-list/notebook-list.component.ts
@@ -14,7 +14,6 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 */
@Component({
    selector: 'app-notebook-list',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './notebook-list.component.html',
    styleUrls: ['./notebook-list.component.scss']
--- a/web/src/app/campaigns/npc/npc-edit/npc-edit.component.ts
+++ b/web/src/app/campaigns/npc/npc-edit/npc-edit.component.ts
@@ -21,7 +21,6 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 */
@Component({
    selector: 'app-npc-edit',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule, AiChatDrawerComponent, DynamicFieldsFormComponent, SingleImagePickerComponent],
    templateUrl: './npc-edit.component.html',
    styleUrls: ['./npc-edit.component.scss']
--- a/web/src/app/campaigns/npc/npc-view/npc-view.component.ts
+++ b/web/src/app/campaigns/npc/npc-view/npc-view.component.ts
@@ -18,7 +18,6 @@ import { AiChatDrawerComponent } from '../../../shared/ai-chat-drawer/ai-chat-dr
 */
@Component({
    selector: 'app-npc-view',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule, PersonaViewComponent, AiChatDrawerComponent],
    templateUrl: './npc-view.component.html',
    styleUrls: ['./npc-view.component.scss']
--- a/web/src/app/campaigns/playthrough/playthrough-detail/playthrough-detail.component.ts
+++ b/web/src/app/campaigns/playthrough/playthrough-detail/playthrough-detail.component.ts
@@ -25,7 +25,6 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 */
@Component({
    selector: 'app-playthrough-detail',
-  standalone: true,
    imports: [CommonModule, RouterModule, LucideAngularModule],
    templateUrl: './playthrough-detail.component.html',
    styleUrls: ['./playthrough-detail.component.scss']
--- a/web/src/app/campaigns/playthrough/playthrough-flags-page/playthrough-flags-page.component.ts
+++ b/web/src/app/campaigns/playthrough/playthrough-flags-page/playthrough-flags-page.component.ts
@@ -20,7 +20,6 @@ import { PlaythroughFlagsManagerComponent } from '../../../shared/playthrough-fl
 */
@Component({
    selector: 'app-playthrough-flags-page',
-  standalone: true,
    imports: [CommonModule, RouterModule, LucideAngularModule, PlaythroughFlagsManagerComponent],
    templateUrl: './playthrough-flags-page.component.html',
    styleUrls: ['./playthrough-flags-page.component.scss']
--- a/web/src/app/campaigns/random-table/random-table-edit/random-table-edit.component.ts
+++ b/web/src/app/campaigns/random-table/random-table-edit/random-table-edit.component.ts
@@ -15,7 +15,6 @@ import { DiceUtils } from '../../../shared/dice.utils';
 */
@Component({
    selector: 'app-random-table-edit',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './random-table-edit.component.html',
    styleUrls: ['./random-table-edit.component.scss']
--- a/web/src/app/campaigns/random-table/random-table-view/random-table-view.component.ts
+++ b/web/src/app/campaigns/random-table/random-table-view/random-table-view.component.ts
@@ -14,7 +14,6 @@ import { DiceUtils, DiceRoll } from '../../../shared/dice.utils';
 */
@Component({
    selector: 'app-random-table-view',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule],
    templateUrl: './random-table-view.component.html',
    styleUrls: ['./random-table-view.component.scss']
--- a/web/src/app/campaigns/scene/scene-create/scene-create.component.ts
+++ b/web/src/app/campaigns/scene/scene-create/scene-create.component.ts
@@ -19,7 +19,6 @@ import { CAMPAIGN_ICON_OPTIONS } from '../../campaign-icons';
 */
@Component({
    selector: 'app-scene-create',
-  standalone: true,
    imports: [CommonModule, ReactiveFormsModule, LucideAngularModule, IconPickerComponent],
    templateUrl: './scene-create.component.html',
    styleUrls: ['./scene-create.component.scss']
--- a/web/src/app/campaigns/scene/scene-edit/scene-edit.component.ts
+++ b/web/src/app/campaigns/scene/scene-edit/scene-edit.component.ts
@@ -30,7 +30,6 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 */
@Component({
    selector: 'app-scene-edit',
-  standalone: true,
    imports: [CommonModule, ReactiveFormsModule, LucideAngularModule, ExpandableSectionComponent, LoreLinkPickerComponent, AiChatDrawerComponent, ImageGalleryComponent, IconPickerComponent, RoomsEditorComponent],
    templateUrl: './scene-edit.component.html',
    styleUrls: ['./scene-edit.component.scss']
--- a/web/src/app/campaigns/scene/scene-view/scene-view.component.ts
+++ b/web/src/app/campaigns/scene/scene-view/scene-view.component.ts
@@ -24,7 +24,6 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 */
@Component({
    selector: 'app-scene-view',
-  standalone: true,
    imports: [CommonModule, RouterModule, LucideAngularModule, ImageGalleryComponent],
    templateUrl: './scene-view.component.html',
    styleUrls: ['./scene-view.component.scss']
--- a/web/src/app/game-systems/game-system-edit/game-system-edit.component.ts
+++ b/web/src/app/game-systems/game-system-edit/game-system-edit.component.ts
@@ -41,7 +41,6 @@ const NPC_FIELD_SUGGESTIONS = ['Motivation', 'Apparence', 'Faction', 'Notes MJ']

@Component({
    selector: 'app-game-system-edit',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule, TemplateFieldsEditorComponent],
    templateUrl: './game-system-edit.component.html',
    styleUrls: ['./game-system-edit.component.scss']
--- a/web/src/app/game-systems/game-systems.component.ts
+++ b/web/src/app/game-systems/game-systems.component.ts
@@ -9,7 +9,6 @@ import { ConfirmDialogService } from '../shared/confirm-dialog/confirm-dialog.se

@Component({
    selector: 'app-game-systems',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule],
    templateUrl: './game-systems.component.html',
    styleUrls: ['./game-systems.component.scss']
--- a/web/src/app/lore/folder-view/folder-view.component.ts
+++ b/web/src/app/lore/folder-view/folder-view.component.ts
@@ -24,7 +24,6 @@ import { ConfirmDialogService } from '../../shared/confirm-dialog/confirm-dialog
 */
@Component({
    selector: 'app-folder-view',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule],
    templateUrl: './folder-view.component.html',
    styleUrls: ['./folder-view.component.scss']
--- a/web/src/app/lore/lore-create/lore-create.component.ts
+++ b/web/src/app/lore/lore-create/lore-create.component.ts
@@ -5,7 +5,6 @@ import { LucideAngularModule, BookCopy, X } from 'lucide-angular';

@Component({
    selector: 'app-lore-create',
-  standalone: true,
    imports: [CommonModule, ReactiveFormsModule, LucideAngularModule],
    templateUrl: './lore-create.component.html',
    styleUrls: ['./lore-create.component.scss']
--- a/web/src/app/lore/lore-detail/lore-detail.component.ts
+++ b/web/src/app/lore/lore-detail/lore-detail.component.ts
@@ -14,7 +14,6 @@ import { ConfirmDialogService } from '../../shared/confirm-dialog/confirm-dialog

@Component({
    selector: 'app-lore-detail',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './lore-detail.component.html',
    styleUrls: ['./lore-detail.component.scss']
--- a/web/src/app/lore/lore-node-create/lore-node-create.component.ts
+++ b/web/src/app/lore/lore-node-create/lore-node-create.component.ts
@@ -14,7 +14,6 @@ import { LORE_ICON_OPTIONS, IconOption, resolveIcon } from '../lore-icons';

@Component({
    selector: 'app-lore-node-create',
-  standalone: true,
    imports: [CommonModule, ReactiveFormsModule, LucideAngularModule],
    templateUrl: './lore-node-create.component.html',
    styleUrls: ['./lore-node-create.component.scss']
--- a/web/src/app/lore/lore-node-edit/lore-node-edit.component.ts
+++ b/web/src/app/lore/lore-node-edit/lore-node-edit.component.ts
@@ -32,7 +32,6 @@ import { LORE_ICON_OPTIONS, IconOption } from '../lore-icons';
 */
@Component({
    selector: 'app-lore-node-edit',
-  standalone: true,
    imports: [CommonModule, ReactiveFormsModule, LucideAngularModule],
    templateUrl: './lore-node-edit.component.html',
    styleUrls: ['./lore-node-edit.component.scss']
--- a/web/src/app/lore/lore.component.ts
+++ b/web/src/app/lore/lore.component.ts
@@ -9,7 +9,6 @@ import { LoreCreateComponent } from './lore-create/lore-create.component';

@Component({
    selector: 'app-lore',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule, LoreCreateComponent],
    templateUrl: './lore.component.html',
    styleUrls: ['./lore.component.scss']
--- a/web/src/app/lore/page-create/page-create.component.ts
+++ b/web/src/app/lore/page-create/page-create.component.ts
@@ -26,7 +26,6 @@ import { AiChatDrawerComponent, ChatPrimaryAction } from '../../shared/ai-chat-d
 */
@Component({
    selector: 'app-page-create',
-  standalone: true,
    imports: [CommonModule, ReactiveFormsModule, RouterModule, LucideAngularModule, AiChatDrawerComponent],
    templateUrl: './page-create.component.html',
    styleUrls: ['./page-create.component.scss']
--- a/web/src/app/lore/page-edit/page-edit.component.ts
+++ b/web/src/app/lore/page-edit/page-edit.component.ts
@@ -36,7 +36,6 @@ import { ConfirmDialogService } from '../../shared/confirm-dialog/confirm-dialog
 */
@Component({
    selector: 'app-page-edit',
-  standalone: true,
    imports: [CommonModule, FormsModule, RouterLink, LucideAngularModule, ChipsInputComponent, LoreLinkPickerComponent, BreadcrumbComponent, AiChatDrawerComponent, ImageGalleryComponent],
    templateUrl: './page-edit.component.html',
    styleUrls: ['./page-edit.component.scss']
--- a/web/src/app/lore/page-view/page-view.component.ts
+++ b/web/src/app/lore/page-view/page-view.component.ts
@@ -28,7 +28,6 @@ import { ConfirmDialogService } from '../../shared/confirm-dialog/confirm-dialog
 */
@Component({
    selector: 'app-page-view',
-  standalone: true,
    imports: [CommonModule, RouterModule, LucideAngularModule, BreadcrumbComponent, ImageGalleryComponent],
    templateUrl: './page-view.component.html',
    styleUrls: ['./page-view.component.scss']
--- a/web/src/app/lore/template-create/template-create.component.ts
+++ b/web/src/app/lore/template-create/template-create.component.ts
@@ -20,7 +20,6 @@ import { popReturnTo } from '../return-stack.helper';
 */
@Component({
    selector: 'app-template-create',
-  standalone: true,
    imports: [CommonModule, FormsModule, ReactiveFormsModule, RouterModule, LucideAngularModule],
    templateUrl: './template-create.component.html',
    styleUrls: ['./template-create.component.scss']
--- a/web/src/app/lore/template-edit/template-edit.component.ts
+++ b/web/src/app/lore/template-edit/template-edit.component.ts
@@ -21,7 +21,6 @@ import { ConfirmDialogService } from '../../shared/confirm-dialog/confirm-dialog
 */
@Component({
    selector: 'app-template-edit',
-  standalone: true,
    imports: [CommonModule, FormsModule, ReactiveFormsModule, LucideAngularModule],
    templateUrl: './template-edit.component.html',
    styleUrls: ['./template-edit.component.scss']
--- a/web/src/app/sessions/session-ai-chat-panel/session-ai-chat-panel.component.ts
+++ b/web/src/app/sessions/session-ai-chat-panel/session-ai-chat-panel.component.ts
@@ -23,7 +23,6 @@ import { AiChatService, ChatMessage } from '../../services/ai-chat.service';
 */
@Component({
    selector: 'app-session-ai-chat-panel',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './session-ai-chat-panel.component.html',
    styleUrls: ['./session-ai-chat-panel.component.scss']
--- a/web/src/app/sessions/session-detail/session-detail.component.ts
+++ b/web/src/app/sessions/session-detail/session-detail.component.ts
@@ -29,7 +29,6 @@ import { DiceRollResult } from '../session-dice-panel/session-dice-panel.compone
 */
@Component({
    selector: 'app-session-detail',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule, RouterLink, SessionReferencePanelComponent],
    templateUrl: './session-detail.component.html',
    styleUrls: ['./session-detail.component.scss']
--- a/web/src/app/sessions/session-dice-panel/session-dice-panel.component.ts
+++ b/web/src/app/sessions/session-dice-panel/session-dice-panel.component.ts
@@ -26,7 +26,6 @@ export interface DiceRollResult {
 */
@Component({
    selector: 'app-session-dice-panel',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './session-dice-panel.component.html',
    styleUrls: ['./session-dice-panel.component.scss']
--- a/web/src/app/sessions/session-item-catalogs-panel/session-item-catalogs-panel.component.ts
+++ b/web/src/app/sessions/session-item-catalogs-panel/session-item-catalogs-panel.component.ts
@@ -13,7 +13,6 @@ interface ItemGroup { category: string; items: CatalogItem[]; }
 */
@Component({
    selector: 'app-session-item-catalogs-panel',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule],
    templateUrl: './session-item-catalogs-panel.component.html',
    styleUrls: ['./session-item-catalogs-panel.component.scss']
--- a/web/src/app/sessions/session-random-tables-panel/session-random-tables-panel.component.ts
+++ b/web/src/app/sessions/session-random-tables-panel/session-random-tables-panel.component.ts
@@ -18,7 +18,6 @@ import { DiceRollResult } from '../session-dice-panel/session-dice-panel.compone
 */
@Component({
    selector: 'app-session-random-tables-panel',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule],
    templateUrl: './session-random-tables-panel.component.html',
    styleUrls: ['./session-random-tables-panel.component.scss']
--- a/web/src/app/sessions/session-reference-panel/session-reference-panel.component.ts
+++ b/web/src/app/sessions/session-reference-panel/session-reference-panel.component.ts
@@ -30,7 +30,6 @@ type TabId = 'dice' | 'tables' | 'objects' | 'characters' | 'scenes' | 'ai';
 */
@Component({
    selector: 'app-session-reference-panel',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule, SessionDicePanelComponent, SessionAiChatPanelComponent, SessionRandomTablesPanelComponent, SessionItemCatalogsPanelComponent],
    templateUrl: './session-reference-panel.component.html',
    styleUrls: ['./session-reference-panel.component.scss']
--- a/web/src/app/settings/ollama-model-manager/ollama-model-manager.component.ts
+++ b/web/src/app/settings/ollama-model-manager/ollama-model-manager.component.ts
@@ -19,7 +19,6 @@ import { ConfirmDialogService } from '../../shared/confirm-dialog/confirm-dialog
 */
@Component({
    selector: 'app-ollama-model-manager',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './ollama-model-manager.component.html',
    // Reutilise la feuille de style de l'ecran Parametres (modal, suggestions,
--- a/web/src/app/settings/settings.component.ts
+++ b/web/src/app/settings/settings.component.ts
@@ -24,7 +24,6 @@ import { OllamaModelManagerComponent } from './ollama-model-manager/ollama-model
 */
@Component({
    selector: 'app-settings',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule, UpdatesSectionComponent, OllamaModelManagerComponent],
    templateUrl: './settings.component.html',
    styleUrls: ['./settings.component.scss']
--- a/web/src/app/settings/updates-section/updates-section.component.ts
+++ b/web/src/app/settings/updates-section/updates-section.component.ts
@@ -22,7 +22,6 @@ import { ConfirmDialogService } from '../../shared/confirm-dialog/confirm-dialog
 */
@Component({
    selector: 'app-settings-updates-section',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './updates-section.component.html',
    // Reutilise la feuille de style de l'ecran Parametres : les blocs deplaces
--- a/web/src/app/shared/ai-chat-drawer/ai-chat-drawer.component.ts
+++ b/web/src/app/shared/ai-chat-drawer/ai-chat-drawer.component.ts
@@ -31,10 +31,9 @@ export interface ChatPrimaryAction {
 */
@Component({
    selector: 'app-ai-chat-drawer',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule, MarkdownPipe],
    templateUrl: './ai-chat-drawer.component.html',
-  styleUrls: ['./ai-chat-drawer.component.scss'],
+    styleUrls: ['./ai-chat-drawer.component.scss']
 })
 export class AiChatDrawerComponent implements OnInit, OnChanges, OnDestroy {
  readonly X = X;
--- a/web/src/app/shared/breadcrumb/breadcrumb.component.ts
+++ b/web/src/app/shared/breadcrumb/breadcrumb.component.ts
@@ -23,7 +23,6 @@ export interface BreadcrumbItem {
 */
@Component({
    selector: 'app-breadcrumb',
-  standalone: true,
    imports: [CommonModule, RouterLink],
    templateUrl: './breadcrumb.component.html',
    styleUrls: ['./breadcrumb.component.scss']
--- a/web/src/app/shared/chips-input/chips-input.component.ts
+++ b/web/src/app/shared/chips-input/chips-input.component.ts
@@ -21,7 +21,6 @@ import { LucideAngularModule, X } from 'lucide-angular';
 */
@Component({
    selector: 'app-chips-input',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './chips-input.component.html',
    styleUrls: ['./chips-input.component.scss']
--- a/web/src/app/shared/confirm-dialog/confirm-dialog-host.component.ts
+++ b/web/src/app/shared/confirm-dialog/confirm-dialog-host.component.ts
@@ -5,7 +5,6 @@ import { ConfirmDialogService } from './confirm-dialog.service';

@Component({
    selector: 'app-confirm-dialog-host',
-  standalone: true,
    imports: [CommonModule, ConfirmDialogComponent],
    template: `
    <app-confirm-dialog
--- a/web/src/app/shared/confirm-dialog/confirm-dialog.component.ts
+++ b/web/src/app/shared/confirm-dialog/confirm-dialog.component.ts
@@ -6,7 +6,6 @@ export type ConfirmDialogVariant = 'warning' | 'danger' | 'info';

@Component({
    selector: 'app-confirm-dialog',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule],
    templateUrl: './confirm-dialog.component.html',
    styleUrls: ['./confirm-dialog.component.scss']
--- a/web/src/app/shared/dynamic-fields-form/dynamic-fields-form.component.ts
+++ b/web/src/app/shared/dynamic-fields-form/dynamic-fields-form.component.ts
@@ -17,7 +17,6 @@ import { ImageGalleryComponent } from '../image-gallery/image-gallery.component'
 */
@Component({
    selector: 'app-dynamic-fields-form',
-  standalone: true,
    imports: [CommonModule, FormsModule, ImageGalleryComponent],
    templateUrl: './dynamic-fields-form.component.html',
    styleUrls: ['./dynamic-fields-form.component.scss']
--- a/web/src/app/shared/expandable-section/expandable-section.component.ts
+++ b/web/src/app/shared/expandable-section/expandable-section.component.ts
@@ -13,7 +13,6 @@ import { LucideAngularModule, ChevronDown, ChevronUp } from 'lucide-angular';
 */
@Component({
    selector: 'app-expandable-section',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule],
    templateUrl: './expandable-section.component.html',
    styleUrls: ['./expandable-section.component.scss']
--- a/web/src/app/shared/global-search/global-search.component.ts
+++ b/web/src/app/shared/global-search/global-search.component.ts
@@ -31,7 +31,6 @@ interface SearchResult {
 */
@Component({
    selector: 'app-global-search',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './global-search.component.html',
    styleUrls: ['./global-search.component.scss']
--- a/web/src/app/shared/icon-picker/icon-picker.component.ts
+++ b/web/src/app/shared/icon-picker/icon-picker.component.ts
@@ -20,7 +20,6 @@ export interface IconPickerOption {
 */
@Component({
    selector: 'app-icon-picker',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule],
    template: `
    <div class="icon-grid">
--- a/web/src/app/shared/image-gallery/image-gallery.component.ts
+++ b/web/src/app/shared/image-gallery/image-gallery.component.ts
@@ -27,7 +27,6 @@ import { ImageUploaderComponent } from '../image-uploader/image-uploader.compone
 */
@Component({
    selector: 'app-image-gallery',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule, ImageUploaderComponent],
    templateUrl: './image-gallery.component.html',
    styleUrls: ['./image-gallery.component.scss']
--- a/web/src/app/shared/image-uploader/image-uploader.component.ts
+++ b/web/src/app/shared/image-uploader/image-uploader.component.ts
@@ -19,7 +19,6 @@ import { Image } from '../../services/image.model';
 */
@Component({
    selector: 'app-image-uploader',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule],
    templateUrl: './image-uploader.component.html',
    styleUrls: ['./image-uploader.component.scss']
--- a/web/src/app/shared/lore-link-picker/lore-link-picker.component.ts
+++ b/web/src/app/shared/lore-link-picker/lore-link-picker.component.ts
@@ -26,7 +26,6 @@ import { Page } from '../../services/page.model';
 */
@Component({
    selector: 'app-lore-link-picker',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './lore-link-picker.component.html',
    styleUrls: ['./lore-link-picker.component.scss']
--- a/web/src/app/shared/persona-view/persona-view.component.ts
+++ b/web/src/app/shared/persona-view/persona-view.component.ts
@@ -34,7 +34,6 @@ export interface PersonaLike {

@Component({
    selector: 'app-persona-view',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule, ImageGalleryComponent],
    templateUrl: './persona-view.component.html',
    styleUrls: ['./persona-view.component.scss']
--- a/web/src/app/shared/playthrough-flags-manager/playthrough-flags-manager.component.ts
+++ b/web/src/app/shared/playthrough-flags-manager/playthrough-flags-manager.component.ts
@@ -15,7 +15,6 @@ import { forkJoin } from 'rxjs';
 */
@Component({
    selector: 'app-playthrough-flags-manager',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './playthrough-flags-manager.component.html',
    styleUrls: ['./playthrough-flags-manager.component.scss']
--- a/web/src/app/shared/prerequisite-editor/prerequisite-editor.component.ts
+++ b/web/src/app/shared/prerequisite-editor/prerequisite-editor.component.ts
@@ -13,7 +13,6 @@ import { Chapter, Prerequisite } from '../../services/campaign.model';
 */
@Component({
    selector: 'app-prerequisite-editor',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './prerequisite-editor.component.html',
    styleUrls: ['./prerequisite-editor.component.scss']
--- a/web/src/app/shared/quest-status-badge/quest-status-badge.component.ts
+++ b/web/src/app/shared/quest-status-badge/quest-status-badge.component.ts
@@ -9,7 +9,6 @@ import { QuestStatus } from '../../services/campaign.model';
 */
@Component({
    selector: 'app-quest-status-badge',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule],
    templateUrl: './quest-status-badge.component.html',
    styleUrls: ['./quest-status-badge.component.scss']
--- a/web/src/app/shared/rooms-editor/rooms-editor.component.ts
+++ b/web/src/app/shared/rooms-editor/rooms-editor.component.ts
@@ -15,7 +15,6 @@ import { Room, RoomBranch } from '../../services/campaign.model';
 */
@Component({
    selector: 'app-rooms-editor',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './rooms-editor.component.html',
    styleUrls: ['./rooms-editor.component.scss']
--- a/web/src/app/shared/secondary-sidebar/secondary-sidebar.component.ts
+++ b/web/src/app/shared/secondary-sidebar/secondary-sidebar.component.ts
@@ -7,7 +7,6 @@ import { resolveIcon } from '../../lore/lore-icons';

@Component({
    selector: 'app-secondary-sidebar',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule],
    templateUrl: './secondary-sidebar.component.html',
    styleUrls: ['./secondary-sidebar.component.scss']
--- a/web/src/app/shared/single-image-picker/single-image-picker.component.ts
+++ b/web/src/app/shared/single-image-picker/single-image-picker.component.ts
@@ -21,7 +21,6 @@ import { ImageUploaderComponent } from '../image-uploader/image-uploader.compone
 */
@Component({
    selector: 'app-single-image-picker',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule, ImageUploaderComponent],
    templateUrl: './single-image-picker.component.html',
    styleUrls: ['./single-image-picker.component.scss']
--- a/web/src/app/shared/template-fields-editor/template-fields-editor.component.ts
+++ b/web/src/app/shared/template-fields-editor/template-fields-editor.component.ts
@@ -16,7 +16,6 @@ import { TemplateField, FieldType, ImageLayout } from '../../services/template.m
 */
@Component({
    selector: 'app-template-fields-editor',
-  standalone: true,
    imports: [CommonModule, FormsModule, LucideAngularModule],
    templateUrl: './template-fields-editor.component.html',
    styleUrls: ['./template-fields-editor.component.scss']
--- a/web/src/app/shared/update-banner/update-banner.component.ts
+++ b/web/src/app/shared/update-banner/update-banner.component.ts
@@ -10,7 +10,6 @@ import { VersionCheckerService } from '../../services/version-checker.service';
 */
@Component({
    selector: 'app-update-banner',
-  standalone: true,
    imports: [CommonModule, LucideAngularModule],
    templateUrl: './update-banner.component.html',
    styleUrls: ['./update-banner.component.scss']
--- a/web/src/app/sidebar/sidebar.component.ts
+++ b/web/src/app/sidebar/sidebar.component.ts
@@ -12,7 +12,6 @@ import packageJson from '../../../package.json';

@Component({
    selector: 'app-sidebar',
-  standalone: true,
    imports: [AsyncPipe, NgIf, NgFor, LucideAngularModule],
    templateUrl: './sidebar.component.html',
    styleUrls: ['./sidebar.component.scss']