Plusieurs ajouts :

- Possibilité de configurer des lieux dans une scène : permet de configurer un donjon par exemple avec les pièces, les trésors par pièce, la narration..... Mise en place également de conditions permettant de conditionner le déblocage des quêtes.
- Possibilité de transformé un arc en instance non linéaire afin de faire un hub. Permet de jouer de préparer des campagnes type Dragon of Icespire peak plus facilement.
- Configuration de partie : chaque partie va contenir les séances, ce qui permettra de suivre le déblocage des conditions pour les quêtes.

Passage en 0.9.1-beta

web/src/app/shared/quest-status-badge/quest-status-badge.component.html

@@ -0,0 +1,4 @@
+<span [class]="cssClass" [attr.aria-label]="label" [title]="label">
+  <lucide-icon [img]="icon" [size]="14"></lucide-icon>
+  <span class="status-label" *ngIf="!compact">{{ label }}</span>
+</span>

web/src/app/shared/quest-status-badge/quest-status-badge.component.scss

@@ -0,0 +1,43 @@
+.status-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  padding: 0.2rem 0.55rem;
+  border-radius: 999px;
+  font-size: 0.78rem;
+  font-weight: 500;
+  line-height: 1;
+  border: 1px solid transparent;
+}
+
+.status-label {
+  white-space: nowrap;
+}
+
+// Verrouillée — gris discret
+.status-locked {
+  background: rgba(128, 128, 128, 0.12);
+  color: #6b6b6b;
+  border-color: rgba(128, 128, 128, 0.25);
+}
+
+// Disponible — vert calme (prête à être lancée)
+.status-available {
+  background: rgba(52, 168, 83, 0.12);
+  color: #2f7a47;
+  border-color: rgba(52, 168, 83, 0.3);
+}
+
+// En cours — bleu actif
+.status-in_progress {
+  background: rgba(66, 133, 244, 0.14);
+  color: #2c6cd6;
+  border-color: rgba(66, 133, 244, 0.35);
+}
+
+// Terminée — violet doux (clos, pas neutre)
+.status-completed {
+  background: rgba(120, 80, 200, 0.12);
+  color: #6d4fb5;
+  border-color: rgba(120, 80, 200, 0.3);
+}

web/src/app/shared/quest-status-badge/quest-status-badge.component.ts

@@ -0,0 +1,46 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { LucideAngularModule, Lock, Circle, Play, CheckCircle2, LucideIconData } from 'lucide-angular';
+import { QuestStatus } from '../../services/campaign.model';
+
+/**
+ * Badge visuel pour un QuestStatus (vue Hub).
+ * Composant standalone, sans dépendance métier.
+ */
+@Component({
+  selector: 'app-quest-status-badge',
+  standalone: true,
+  imports: [CommonModule, LucideAngularModule],
+  templateUrl: './quest-status-badge.component.html',
+  styleUrls: ['./quest-status-badge.component.scss']
+})
+export class QuestStatusBadgeComponent {
+  @Input() status: QuestStatus | undefined | null = 'AVAILABLE';
+
+  /** Variante visuelle compacte (sans label) — utile pour les listes denses. */
+  @Input() compact = false;
+
+  get icon(): LucideIconData {
+    switch (this.status) {
+      case 'LOCKED':      return Lock;
+      case 'IN_PROGRESS': return Play;
+      case 'COMPLETED':   return CheckCircle2;
+      case 'AVAILABLE':
+      default:            return Circle;
+    }
+  }
+
+  get label(): string {
+    switch (this.status) {
+      case 'LOCKED':      return 'Verrouillée';
+      case 'IN_PROGRESS': return 'En cours';
+      case 'COMPLETED':   return 'Terminée';
+      case 'AVAILABLE':
+      default:            return 'Disponible';
+    }
+  }
+
+  get cssClass(): string {
+    return `status-badge status-${(this.status ?? 'AVAILABLE').toLowerCase()}`;
+  }
+}