Ajout d'open router en fournisseur IA ; ajout de la possibilité de mettre des conditions de déverouillage pour les chapitres optionnels

web/src/app/campaigns/chapter/chapter-edit/chapter-edit.component.html

@@ -26,13 +26,17 @@
 
   <form [formGroup]="form" (ngSubmit)="submit()" class="edit-form">
 
-    <!-- Section Hub : conditions de déblocage (scénario). Visible si l'arc parent est HUB. -->
-    <div class="hub-section" *ngIf="parentArc?.type === 'HUB'">
-      <h2 class="hub-section-title">🗺️ Conditions de déblocage de la quête</h2>
+    <!-- Conditions de déblocage (scénario) — pour TOUT chapitre : arc HUB (= quête)
+         comme arc linéaire (= chapitre conditionnel). Vide = disponible d'emblée. -->
+    <div class="hub-section">
+      <h2 class="hub-section-title">
+        {{ parentArc?.type === 'HUB' ? '🗺️ Conditions de déblocage de la quête' : '🔒 Conditions de déblocage du chapitre' }}
+      </h2>
       <small class="field-hint">
-        Définition du scénario : toutes les conditions doivent être remplies (ET) pour
-        que la quête soit débloquée dans une Partie. La progression en cours et l'état
-        des faits se gèrent dans l'écran de la Partie, pas ici.
+        Définition du scénario : toutes les conditions doivent être remplies (ET) pour que
+        {{ parentArc?.type === 'HUB' ? 'la quête' : 'ce chapitre' }} soit débloqué(e) dans une Partie.
+        Laissez vide pour qu'il soit disponible dès le départ. La progression et l'état des
+        faits se gèrent dans l'écran de la Partie, pas ici.
       </small>
       <app-prerequisite-editor
         [prerequisites]="prerequisites"

web/src/app/campaigns/chapter/chapter-view/chapter-view.component.html

@@ -6,7 +6,14 @@
         <lucide-icon *ngIf="chapter.icon" [img]="resolveCampaignIcon(chapter.icon)" [size]="22" class="title-icon"></lucide-icon>
         {{ chapter.name }}
       </h1>
-      <p class="view-subtitle">{{ parentArc?.type === 'HUB' ? 'Quête (Hub)' : 'Chapitre' }}</p>
+      <p class="view-subtitle">
+        {{ parentArc?.type === 'HUB' ? 'Quête (Hub)' : 'Chapitre' }}
+        <span class="cond-badge" *ngIf="(chapter.prerequisites?.length ?? 0) > 0"
+              title="Ce chapitre a des conditions de déblocage : il se débloque en Partie quand elles sont remplies.">
+          <lucide-icon [img]="Lock" [size]="12"></lucide-icon>
+          Conditionnel
+        </span>
+      </p>
     </div>
     <div class="view-actions">
       <button type="button" class="btn-secondary" (click)="openGraph()"
@@ -25,8 +32,9 @@
     </div>
   </header>
 
-  <!-- Conditions de déblocage (donnée de scénario, read-only). Toujours visible si Arc HUB. -->
-  <section class="view-section" *ngIf="parentArc?.type === 'HUB'">
+  <!-- Conditions de déblocage (scénario, read-only). Visible pour un arc HUB (quête)
+       OU dès qu'un chapitre linéaire porte des conditions. -->
+  <section class="view-section" *ngIf="parentArc?.type === 'HUB' || (chapter.prerequisites?.length ?? 0) > 0">
     <h2 class="view-section-title"><span class="view-section-icon">🔒</span> Conditions de déblocage</h2>
 
     <ng-container *ngIf="(chapter.prerequisites?.length ?? 0) > 0; else noPrereqs">
@@ -34,8 +42,9 @@
         <li *ngFor="let p of chapter.prerequisites">{{ describePrerequisite(p) }}</li>
       </ul>
       <small class="view-section-empty">
-        Pendant une partie, la quête se débloque dès que toutes ces conditions sont remplies.
-        Le toggle des faits se fait dans l'écran « Faits » de la Partie.
+        Pendant une partie, {{ parentArc?.type === 'HUB' ? 'la quête' : 'ce chapitre' }} se débloque
+        dès que toutes ces conditions sont remplies. Le toggle des faits se fait dans l'écran
+        « Faits » de la Partie.
       </small>
     </ng-container>
 

web/src/app/campaigns/chapter/chapter-view/chapter-view.component.scss

@@ -1,5 +1,21 @@
 // Styles partagés via styles/_view.scss
 
+// Badge "Conditionnel" : chapitre porteur de conditions de déblocage.
+.cond-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  margin-left: 0.5rem;
+  padding: 0.1rem 0.5rem;
+  border-radius: 999px;
+  font-size: 0.72rem;
+  font-weight: 600;
+  vertical-align: middle;
+  color: #f0c674;
+  background: rgba(240, 198, 116, 0.12);
+  border: 1px solid rgba(240, 198, 116, 0.35);
+}
+
 .quest-status-bar {
   border: 1px solid rgba(66, 133, 244, 0.25);
   background: rgba(66, 133, 244, 0.04);

web/src/app/campaigns/chapter/chapter-view/chapter-view.component.ts

@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
 import { ActivatedRoute, Router, RouterModule } from '@angular/router';
 import { forkJoin, of } from 'rxjs';
 import { switchMap } from 'rxjs/operators';
-import { LucideAngularModule, Pencil, Network, Trash2 } from 'lucide-angular';
+import { LucideAngularModule, Pencil, Network, Trash2, Lock } from 'lucide-angular';
 import { resolveCampaignIcon } from '../../campaign-icons';
 import { CampaignService } from '../../../services/campaign.service';
 import { CharacterService } from '../../../services/character.service';
@@ -32,6 +32,7 @@ export class ChapterViewComponent implements OnInit, OnDestroy {
   readonly Pencil = Pencil;
   readonly Network = Network;
   readonly Trash2 = Trash2;
+  readonly Lock = Lock;
   readonly resolveCampaignIcon = resolveCampaignIcon;
 
   campaignId = '';