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/src/app/campaigns/arc/arc-create/arc-create.component.ts
+++ b/web/src/app/campaigns/arc/arc-create/arc-create.component.ts
@@ -19,11 +19,10 @@ import { CAMPAIGN_ICON_OPTIONS } from '../../campaign-icons';
 * le nombre d'arcs existants dans la campagne courante.
 */
@Component({
-  selector: 'app-arc-create',
-  standalone: true,
-  imports: [CommonModule, ReactiveFormsModule, LucideAngularModule, IconPickerComponent],
-  templateUrl: './arc-create.component.html',
-  styleUrls: ['./arc-create.component.scss']
+    selector: 'app-arc-create',
+    imports: [CommonModule, ReactiveFormsModule, LucideAngularModule, IconPickerComponent],
+    templateUrl: './arc-create.component.html',
+    styleUrls: ['./arc-create.component.scss']
 })
 export class ArcCreateComponent implements OnInit, OnDestroy {
  readonly BookOpen = BookOpen;
--- a/web/src/app/campaigns/arc/arc-edit/arc-edit.component.ts
+++ b/web/src/app/campaigns/arc/arc-edit/arc-edit.component.ts
@@ -32,11 +32,10 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 * personnages / lieux / objets du Lore.
 */
@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']
+    selector: 'app-arc-edit',
+    imports: [CommonModule, ReactiveFormsModule, LucideAngularModule, LoreLinkPickerComponent, AiChatDrawerComponent, ImageGalleryComponent, IconPickerComponent],
+    templateUrl: './arc-edit.component.html',
+    styleUrls: ['./arc-edit.component.scss']
 })
 export class ArcEditComponent implements OnInit, OnDestroy {
  readonly Trash2 = Trash2;
--- a/web/src/app/campaigns/arc/arc-view/arc-view.component.ts
+++ b/web/src/app/campaigns/arc/arc-view/arc-view.component.ts
@@ -24,11 +24,10 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 * Bouton "Modifier" → /campaigns/:campaignId/arcs/:arcId/edit
 */
@Component({
-  selector: 'app-arc-view',
-  standalone: true,
-  imports: [CommonModule, RouterModule, LucideAngularModule, ImageGalleryComponent],
-  templateUrl: './arc-view.component.html',
-  styleUrls: ['./arc-view.component.scss']
+    selector: 'app-arc-view',
+    imports: [CommonModule, RouterModule, LucideAngularModule, ImageGalleryComponent],
+    templateUrl: './arc-view.component.html',
+    styleUrls: ['./arc-view.component.scss']
 })
 export class ArcViewComponent implements OnInit, OnDestroy {
  readonly Pencil = Pencil;
--- a/web/src/app/campaigns/campaign/campaign-create/campaign-create.component.ts
+++ b/web/src/app/campaigns/campaign/campaign-create/campaign-create.component.ts
@@ -21,11 +21,10 @@ 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']
+    selector: 'app-campaign-create',
+    imports: [CommonModule, ReactiveFormsModule, FormsModule, LucideAngularModule],
+    templateUrl: './campaign-create.component.html',
+    styleUrls: ['./campaign-create.component.scss']
 })
 export class CampaignCreateComponent implements OnInit {
  @Output() close = new EventEmitter<void>();
--- a/web/src/app/campaigns/campaign/campaign-detail/campaign-detail.component.ts
+++ b/web/src/app/campaigns/campaign/campaign-detail/campaign-detail.component.ts
@@ -26,11 +26,10 @@ import { loadCampaignTreeData, buildCampaignSidebarConfig, CampaignTreeData } fr
 import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dialog.service';

@Component({
-  selector: 'app-campaign-detail',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule, RouterLink],
-  templateUrl: './campaign-detail.component.html',
-  styleUrls: ['./campaign-detail.component.scss']
+    selector: 'app-campaign-detail',
+    imports: [CommonModule, FormsModule, LucideAngularModule, RouterLink],
+    templateUrl: './campaign-detail.component.html',
+    styleUrls: ['./campaign-detail.component.scss']
 })
 export class CampaignDetailComponent implements OnInit, OnDestroy {
  readonly Swords = Swords;
--- a/web/src/app/campaigns/campaign/campaign-import/campaign-import.component.ts
+++ b/web/src/app/campaigns/campaign/campaign-import/campaign-import.component.ts
@@ -46,11 +46,10 @@ interface ArcNode {
 * Rien n'est créé tant que l'utilisateur n'a pas validé « Créer dans la campagne ».
 */
@Component({
-  selector: 'app-campaign-import',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule],
-  templateUrl: './campaign-import.component.html',
-  styleUrls: ['./campaign-import.component.scss']
+    selector: 'app-campaign-import',
+    imports: [CommonModule, FormsModule, LucideAngularModule],
+    templateUrl: './campaign-import.component.html',
+    styleUrls: ['./campaign-import.component.scss']
 })
 export class CampaignImportComponent implements OnInit {
  readonly ArrowLeft = ArrowLeft;
--- a/web/src/app/campaigns/campaigns.component.ts
+++ b/web/src/app/campaigns/campaigns.component.ts
@@ -8,11 +8,10 @@ import { Campaign } from '../services/campaign.model';
 import { CampaignCreateComponent, CampaignCreatePayload } from './campaign/campaign-create/campaign-create.component';

@Component({
-  selector: 'app-campaigns',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule, CampaignCreateComponent],
-  templateUrl: './campaigns.component.html',
-  styleUrls: ['./campaigns.component.scss']
+    selector: 'app-campaigns',
+    imports: [CommonModule, LucideAngularModule, CampaignCreateComponent],
+    templateUrl: './campaigns.component.html',
+    styleUrls: ['./campaigns.component.scss']
 })
 export class CampaignsComponent implements OnInit {
  readonly Map = Map;
--- a/web/src/app/campaigns/chapter/chapter-create/chapter-create.component.ts
+++ b/web/src/app/campaigns/chapter/chapter-create/chapter-create.component.ts
@@ -18,11 +18,10 @@ import { CAMPAIGN_ICON_OPTIONS } from '../../campaign-icons';
 * Route : /campaigns/:campaignId/arcs/:arcId/chapters/create
 */
@Component({
-  selector: 'app-chapter-create',
-  standalone: true,
-  imports: [CommonModule, ReactiveFormsModule, LucideAngularModule, IconPickerComponent],
-  templateUrl: './chapter-create.component.html',
-  styleUrls: ['./chapter-create.component.scss']
+    selector: 'app-chapter-create',
+    imports: [CommonModule, ReactiveFormsModule, LucideAngularModule, IconPickerComponent],
+    templateUrl: './chapter-create.component.html',
+    styleUrls: ['./chapter-create.component.scss']
 })
 export class ChapterCreateComponent implements OnInit, OnDestroy {
  readonly campaignIconOptions = CAMPAIGN_ICON_OPTIONS;
--- a/web/src/app/campaigns/chapter/chapter-edit/chapter-edit.component.ts
+++ b/web/src/app/campaigns/chapter/chapter-edit/chapter-edit.component.ts
@@ -32,20 +32,19 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 * prérequis (conditions de déblocage), qui font partie du scénario.
 */
@Component({
-  selector: 'app-chapter-edit',
-  standalone: true,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    LucideAngularModule,
-    LoreLinkPickerComponent,
-    AiChatDrawerComponent,
-    ImageGalleryComponent,
-    IconPickerComponent,
-    PrerequisiteEditorComponent
-  ],
-  templateUrl: './chapter-edit.component.html',
-  styleUrls: ['./chapter-edit.component.scss']
+    selector: 'app-chapter-edit',
+    imports: [
+        CommonModule,
+        ReactiveFormsModule,
+        LucideAngularModule,
+        LoreLinkPickerComponent,
+        AiChatDrawerComponent,
+        ImageGalleryComponent,
+        IconPickerComponent,
+        PrerequisiteEditorComponent
+    ],
+    templateUrl: './chapter-edit.component.html',
+    styleUrls: ['./chapter-edit.component.scss']
 })
 export class ChapterEditComponent implements OnInit, OnDestroy {
  readonly Trash2 = Trash2;
--- a/web/src/app/campaigns/chapter/chapter-graph/chapter-graph.component.ts
+++ b/web/src/app/campaigns/chapter/chapter-graph/chapter-graph.component.ts
@@ -20,11 +20,10 @@ interface GraphEdge { key: string; label: string; x1: number; y1: number; x2: nu
 * Layout custom (BFS par niveaux) en SVG — évite une dépendance lourde type ngx-graph.
 */
@Component({
-  selector: 'app-chapter-graph',
-  standalone: true,
-  imports: [CommonModule, RouterModule, LucideAngularModule],
-  templateUrl: './chapter-graph.component.html',
-  styleUrls: ['./chapter-graph.component.scss']
+    selector: 'app-chapter-graph',
+    imports: [CommonModule, RouterModule, LucideAngularModule],
+    templateUrl: './chapter-graph.component.html',
+    styleUrls: ['./chapter-graph.component.scss']
 })
 export class ChapterGraphComponent implements OnInit, OnDestroy {
  readonly ArrowLeft = ArrowLeft;
--- a/web/src/app/campaigns/chapter/chapter-view/chapter-view.component.ts
+++ b/web/src/app/campaigns/chapter/chapter-view/chapter-view.component.ts
@@ -23,11 +23,10 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 * Route : /campaigns/:campaignId/arcs/:arcId/chapters/:chapterId
 */
@Component({
-  selector: 'app-chapter-view',
-  standalone: true,
-  imports: [CommonModule, RouterModule, LucideAngularModule, ImageGalleryComponent],
-  templateUrl: './chapter-view.component.html',
-  styleUrls: ['./chapter-view.component.scss']
+    selector: 'app-chapter-view',
+    imports: [CommonModule, RouterModule, LucideAngularModule, ImageGalleryComponent],
+    templateUrl: './chapter-view.component.html',
+    styleUrls: ['./chapter-view.component.scss']
 })
 export class ChapterViewComponent implements OnInit, OnDestroy {
  readonly Pencil = Pencil;
--- a/web/src/app/campaigns/character/character-edit/character-edit.component.ts
+++ b/web/src/app/campaigns/character/character-edit/character-edit.component.ts
@@ -25,11 +25,10 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 *    saisie manuelle d'IDs d'images.
 */
@Component({
-  selector: 'app-character-edit',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule, AiChatDrawerComponent, DynamicFieldsFormComponent, SingleImagePickerComponent],
-  templateUrl: './character-edit.component.html',
-  styleUrls: ['./character-edit.component.scss']
+    selector: 'app-character-edit',
+    imports: [CommonModule, FormsModule, LucideAngularModule, AiChatDrawerComponent, DynamicFieldsFormComponent, SingleImagePickerComponent],
+    templateUrl: './character-edit.component.html',
+    styleUrls: ['./character-edit.component.scss']
 })
 export class CharacterEditComponent implements OnInit {
  readonly Save = Save;
--- a/web/src/app/campaigns/character/character-view/character-view.component.ts
+++ b/web/src/app/campaigns/character/character-view/character-view.component.ts
@@ -16,11 +16,10 @@ import { AiChatDrawerComponent } from '../../../shared/ai-chat-drawer/ai-chat-dr
 * Route : /campaigns/:campaignId/playthroughs/:playthroughId/characters/:characterId
 */
@Component({
-  selector: 'app-character-view',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule, PersonaViewComponent, AiChatDrawerComponent],
-  templateUrl: './character-view.component.html',
-  styleUrls: ['./character-view.component.scss']
+    selector: 'app-character-view',
+    imports: [CommonModule, LucideAngularModule, PersonaViewComponent, AiChatDrawerComponent],
+    templateUrl: './character-view.component.html',
+    styleUrls: ['./character-view.component.scss']
 })
 export class CharacterViewComponent implements OnInit {
  readonly ArrowLeft = ArrowLeft;
--- 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
@@ -13,11 +13,10 @@ import { ItemCatalog, CatalogItem, ItemCatalogCreate } from '../../../services/i
 *          /campaigns/:campaignId/item-catalogs/:catalogId/edit
 */
@Component({
-  selector: 'app-item-catalog-edit',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule],
-  templateUrl: './item-catalog-edit.component.html',
-  styleUrls: ['./item-catalog-edit.component.scss']
+    selector: 'app-item-catalog-edit',
+    imports: [CommonModule, FormsModule, LucideAngularModule],
+    templateUrl: './item-catalog-edit.component.html',
+    styleUrls: ['./item-catalog-edit.component.scss']
 })
 export class ItemCatalogEditComponent implements OnInit {
  readonly ArrowLeft = ArrowLeft;
--- 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
@@ -12,11 +12,10 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 * Route : /campaigns/:campaignId/item-catalogs
 */
@Component({
-  selector: 'app-item-catalog-list',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule],
-  templateUrl: './item-catalog-list.component.html',
-  styleUrls: ['./item-catalog-list.component.scss']
+    selector: 'app-item-catalog-list',
+    imports: [CommonModule, LucideAngularModule],
+    templateUrl: './item-catalog-list.component.html',
+    styleUrls: ['./item-catalog-list.component.scss']
 })
 export class ItemCatalogListComponent implements OnInit {
  readonly ArrowLeft = ArrowLeft;
--- 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
@@ -13,11 +13,10 @@ interface ItemGroup { category: string; items: CatalogItem[]; }
 * Route : /campaigns/:campaignId/item-catalogs/:catalogId
 */
@Component({
-  selector: 'app-item-catalog-view',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule],
-  templateUrl: './item-catalog-view.component.html',
-  styleUrls: ['./item-catalog-view.component.scss']
+    selector: 'app-item-catalog-view',
+    imports: [CommonModule, LucideAngularModule],
+    templateUrl: './item-catalog-view.component.html',
+    styleUrls: ['./item-catalog-view.component.scss']
 })
 export class ItemCatalogViewComponent implements OnInit {
  readonly ArrowLeft = ArrowLeft;
--- 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
@@ -14,11 +14,10 @@ import { NotebookAction } from '../../../services/notebook-action.model';
 * (chapitre pour une scène, arc pour un chapitre) et appelle les services existants.
 */
@Component({
-  selector: 'app-notebook-action-card',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule],
-  templateUrl: './notebook-action-card.component.html',
-  styleUrls: ['./notebook-action-card.component.scss']
+    selector: 'app-notebook-action-card',
+    imports: [CommonModule, FormsModule, LucideAngularModule],
+    templateUrl: './notebook-action-card.component.html',
+    styleUrls: ['./notebook-action-card.component.scss']
 })
 export class NotebookActionCardComponent implements OnInit {
  readonly Plus = Plus;
--- a/web/src/app/campaigns/notebook/notebook-detail/notebook-detail.component.ts
+++ b/web/src/app/campaigns/notebook/notebook-detail/notebook-detail.component.ts
@@ -19,11 +19,10 @@ import { NotebookActionCardComponent } from '../notebook-action-card/notebook-ac
 * Route : /campaigns/:campaignId/notebooks/:notebookId
 */
@Component({
-  selector: 'app-notebook-detail',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule, NotebookActionCardComponent],
-  templateUrl: './notebook-detail.component.html',
-  styleUrls: ['./notebook-detail.component.scss']
+    selector: 'app-notebook-detail',
+    imports: [CommonModule, FormsModule, LucideAngularModule, NotebookActionCardComponent],
+    templateUrl: './notebook-detail.component.html',
+    styleUrls: ['./notebook-detail.component.scss']
 })
 export class NotebookDetailComponent implements OnInit {
  readonly ArrowLeft = ArrowLeft;
--- a/web/src/app/campaigns/notebook/notebook-list/notebook-list.component.ts
+++ b/web/src/app/campaigns/notebook/notebook-list/notebook-list.component.ts
@@ -13,11 +13,10 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 * Route : /campaigns/:campaignId/notebooks
 */
@Component({
-  selector: 'app-notebook-list',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule],
-  templateUrl: './notebook-list.component.html',
-  styleUrls: ['./notebook-list.component.scss']
+    selector: 'app-notebook-list',
+    imports: [CommonModule, FormsModule, LucideAngularModule],
+    templateUrl: './notebook-list.component.html',
+    styleUrls: ['./notebook-list.component.scss']
 })
 export class NotebookListComponent implements OnInit {
  readonly ArrowLeft = ArrowLeft;
--- a/web/src/app/campaigns/npc/npc-edit/npc-edit.component.ts
+++ b/web/src/app/campaigns/npc/npc-edit/npc-edit.component.ts
@@ -20,11 +20,10 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 * GameSystem associe a la campagne.
 */
@Component({
-  selector: 'app-npc-edit',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule, AiChatDrawerComponent, DynamicFieldsFormComponent, SingleImagePickerComponent],
-  templateUrl: './npc-edit.component.html',
-  styleUrls: ['./npc-edit.component.scss']
+    selector: 'app-npc-edit',
+    imports: [CommonModule, FormsModule, LucideAngularModule, AiChatDrawerComponent, DynamicFieldsFormComponent, SingleImagePickerComponent],
+    templateUrl: './npc-edit.component.html',
+    styleUrls: ['./npc-edit.component.scss']
 })
 export class NpcEditComponent implements OnInit {
  readonly Save = Save;
--- a/web/src/app/campaigns/npc/npc-view/npc-view.component.ts
+++ b/web/src/app/campaigns/npc/npc-view/npc-view.component.ts
@@ -17,11 +17,10 @@ import { AiChatDrawerComponent } from '../../../shared/ai-chat-drawer/ai-chat-dr
 * Route : /campaigns/:campaignId/npcs/:npcId
 */
@Component({
-  selector: 'app-npc-view',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule, PersonaViewComponent, AiChatDrawerComponent],
-  templateUrl: './npc-view.component.html',
-  styleUrls: ['./npc-view.component.scss']
+    selector: 'app-npc-view',
+    imports: [CommonModule, LucideAngularModule, PersonaViewComponent, AiChatDrawerComponent],
+    templateUrl: './npc-view.component.html',
+    styleUrls: ['./npc-view.component.scss']
 })
 export class NpcViewComponent implements OnInit, OnDestroy {
  readonly ArrowLeft = ArrowLeft;
--- a/web/src/app/campaigns/playthrough/playthrough-detail/playthrough-detail.component.ts
+++ b/web/src/app/campaigns/playthrough/playthrough-detail/playthrough-detail.component.ts
@@ -24,11 +24,10 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 * et les PJ de cette Partie.
 */
@Component({
-  selector: 'app-playthrough-detail',
-  standalone: true,
-  imports: [CommonModule, RouterModule, LucideAngularModule],
-  templateUrl: './playthrough-detail.component.html',
-  styleUrls: ['./playthrough-detail.component.scss']
+    selector: 'app-playthrough-detail',
+    imports: [CommonModule, RouterModule, LucideAngularModule],
+    templateUrl: './playthrough-detail.component.html',
+    styleUrls: ['./playthrough-detail.component.scss']
 })
 export class PlaythroughDetailComponent implements OnInit, OnDestroy {
  readonly ArrowLeft = ArrowLeft;
--- 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
@@ -19,11 +19,10 @@ import { PlaythroughFlagsManagerComponent } from '../../../shared/playthrough-fl
 * Route : /campaigns/:campaignId/playthroughs/:playthroughId/flags
 */
@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']
+    selector: 'app-playthrough-flags-page',
+    imports: [CommonModule, RouterModule, LucideAngularModule, PlaythroughFlagsManagerComponent],
+    templateUrl: './playthrough-flags-page.component.html',
+    styleUrls: ['./playthrough-flags-page.component.scss']
 })
 export class PlaythroughFlagsPageComponent implements OnInit, OnDestroy {
  readonly ArrowLeft = ArrowLeft;
--- 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
@@ -14,11 +14,10 @@ import { DiceUtils } from '../../../shared/dice.utils';
 *          /campaigns/:campaignId/random-tables/:tableId/edit
 */
@Component({
-  selector: 'app-random-table-edit',
-  standalone: true,
-  imports: [CommonModule, FormsModule, LucideAngularModule],
-  templateUrl: './random-table-edit.component.html',
-  styleUrls: ['./random-table-edit.component.scss']
+    selector: 'app-random-table-edit',
+    imports: [CommonModule, FormsModule, LucideAngularModule],
+    templateUrl: './random-table-edit.component.html',
+    styleUrls: ['./random-table-edit.component.scss']
 })
 export class RandomTableEditComponent implements OnInit {
  readonly ArrowLeft = ArrowLeft;
--- 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
@@ -13,11 +13,10 @@ import { DiceUtils, DiceRoll } from '../../../shared/dice.utils';
 * Route : /campaigns/:campaignId/random-tables/:tableId
 */
@Component({
-  selector: 'app-random-table-view',
-  standalone: true,
-  imports: [CommonModule, LucideAngularModule],
-  templateUrl: './random-table-view.component.html',
-  styleUrls: ['./random-table-view.component.scss']
+    selector: 'app-random-table-view',
+    imports: [CommonModule, LucideAngularModule],
+    templateUrl: './random-table-view.component.html',
+    styleUrls: ['./random-table-view.component.scss']
 })
 export class RandomTableViewComponent implements OnInit {
  readonly ArrowLeft = ArrowLeft;
--- a/web/src/app/campaigns/scene/scene-create/scene-create.component.ts
+++ b/web/src/app/campaigns/scene/scene-create/scene-create.component.ts
@@ -18,11 +18,10 @@ import { CAMPAIGN_ICON_OPTIONS } from '../../campaign-icons';
 * Route : /campaigns/:campaignId/arcs/:arcId/chapters/:chapterId/scenes/create
 */
@Component({
-  selector: 'app-scene-create',
-  standalone: true,
-  imports: [CommonModule, ReactiveFormsModule, LucideAngularModule, IconPickerComponent],
-  templateUrl: './scene-create.component.html',
-  styleUrls: ['./scene-create.component.scss']
+    selector: 'app-scene-create',
+    imports: [CommonModule, ReactiveFormsModule, LucideAngularModule, IconPickerComponent],
+    templateUrl: './scene-create.component.html',
+    styleUrls: ['./scene-create.component.scss']
 })
 export class SceneCreateComponent implements OnInit, OnDestroy {
  readonly campaignIconOptions = CAMPAIGN_ICON_OPTIONS;
--- a/web/src/app/campaigns/scene/scene-edit/scene-edit.component.ts
+++ b/web/src/app/campaigns/scene/scene-edit/scene-edit.component.ts
@@ -29,11 +29,10 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 * Route : /campaigns/:campaignId/arcs/:arcId/chapters/:chapterId/scenes/:sceneId
 */
@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']
+    selector: 'app-scene-edit',
+    imports: [CommonModule, ReactiveFormsModule, LucideAngularModule, ExpandableSectionComponent, LoreLinkPickerComponent, AiChatDrawerComponent, ImageGalleryComponent, IconPickerComponent, RoomsEditorComponent],
+    templateUrl: './scene-edit.component.html',
+    styleUrls: ['./scene-edit.component.scss']
 })
 export class SceneEditComponent implements OnInit, OnDestroy {
  readonly Trash2 = Trash2;
--- a/web/src/app/campaigns/scene/scene-view/scene-view.component.ts
+++ b/web/src/app/campaigns/scene/scene-view/scene-view.component.ts
@@ -23,11 +23,10 @@ import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dia
 * Route : /campaigns/:campaignId/arcs/:arcId/chapters/:chapterId/scenes/:sceneId
 */
@Component({
-  selector: 'app-scene-view',
-  standalone: true,
-  imports: [CommonModule, RouterModule, LucideAngularModule, ImageGalleryComponent],
-  templateUrl: './scene-view.component.html',
-  styleUrls: ['./scene-view.component.scss']
+    selector: 'app-scene-view',
+    imports: [CommonModule, RouterModule, LucideAngularModule, ImageGalleryComponent],
+    templateUrl: './scene-view.component.html',
+    styleUrls: ['./scene-view.component.scss']
 })
 export class SceneViewComponent implements OnInit, OnDestroy {
  readonly Pencil = Pencil;