Ajouter issue depuis milestone

src/app/milestones/milestone-detail/milestone-detail.html

@@ -172,7 +172,22 @@
   }
 
   <div class="card-body" [class.pt-0]="linkedIssues.length > 0">
-    @if (showAddIssue) {
+    @if (showCreateIssue) {
+      <div class="d-flex gap-2 flex-wrap">
+        <input
+          aria-label="Titre de la nouvelle issue"
+          class="form-control form-control-sm"
+          type="text"
+          placeholder="Titre de l'issue..."
+          [(ngModel)]="newIssueName"
+          (keydown.enter)="confirmCreateIssue()"
+          (keydown.escape)="cancelCreateIssue()"
+          autofocus
+        />
+        <button type="button" class="btn btn-sm btn-primary text-nowrap" (click)="confirmCreateIssue()" [disabled]="!newIssueName.trim()">Créer</button>
+        <button type="button" class="btn btn-sm btn-outline-secondary text-nowrap" (click)="cancelCreateIssue()">Annuler</button>
+      </div>
+    } @else if (showAddIssue) {
       <div class="issue-search-wrapper">
         <div class="input-group input-group-sm">
           <input
@@ -209,12 +224,15 @@
         }
       </div>
     } @else {
-      <button
-        type="button"
-        class="btn btn-sm btn-outline-secondary"
-        [disabled]="availableIssues.length === 0"
-        (click)="openAddIssue()"
-      >+ Ajouter une issue</button>
+      <div class="d-flex gap-2">
+        <button type="button" class="btn btn-sm btn-primary" (click)="openCreateIssue()">+ Créer une issue</button>
+        <button
+          type="button"
+          class="btn btn-sm btn-outline-secondary"
+          [disabled]="availableIssues.length === 0"
+          (click)="openAddIssue()"
+        >Ajouter une existante</button>
+      </div>
     }
   </div>
 </div>