fix(ticket #7): ajoute le bouton Annuler aux notifications de fin de background task

frontend/src/features/projects/ProjectsView.tsx

@@ -33,7 +33,7 @@
  * open; the project tab bar (`role="tablist"`) is always present.
  */
 
-import { useEffect, useState, type ReactNode } from "react";
+import { useEffect, useMemo, useState, type ReactNode } from "react";
 
 import type { Agent, DomainEvent, LayoutInfo } from "@/domain";
 import { LayoutGrid, LayoutTabs } from "@/features/layout";
@@ -99,6 +99,7 @@ interface BackgroundTaskToast {
   taskId: string;
   state: string;
   title: string;
+  projectName: string;
   subtitle: string;
   conversationId?: string;
 }
@@ -135,6 +136,13 @@ function agentLabel(agents: Agent[], agentId: string): string {
   );
 }
 
+function projectToastName(
+  projectNameById: ReadonlyMap<string, string>,
+  projectId: string,
+): string {
+  return projectNameById.get(projectId) ?? "Projet inconnu";
+}
+
 function rendezvousToastStateLabel(state: string): string {
   switch (state) {
     case "completed":
@@ -190,6 +198,12 @@ export function ProjectsView() {
   const [taskToasts, setTaskToasts] = useState<BackgroundTaskToast[]>([]);
 
   const active = vm.openTabs.find((t) => t.id === vm.activeTabId) ?? null;
+  const projectNameById = useMemo(() => {
+    const names = new Map<string, string>();
+    for (const project of vm.projects) names.set(project.id, project.name);
+    for (const tab of vm.openTabs) names.set(tab.id, tab.name);
+    return names;
+  }, [vm.projects, vm.openTabs]);
 
   // `gitRepository` signal for the plugin `when` mini-language (#43, F3 —
   // Architect-mandated, blocking for #43 closure): whether the *current*
@@ -290,6 +304,7 @@ export function ProjectsView() {
           title: labels
             ? `Appel ${labels.requester} -> ${labels.target} ${rendezvousToastStateLabel(event.state)}`
             : `Background task ${event.state}`,
+          projectName: projectToastName(projectNameById, event.projectId),
           subtitle: labels
             ? `Task ${shortTaskId(event.taskId)}`
             : `${shortTaskId(event.agentId)} · ${shortTaskId(event.taskId)}`,
@@ -310,7 +325,7 @@ export function ProjectsView() {
       cancelled = true;
       unsubscribe?.();
     };
-  }, [agent, system]);
+  }, [agent, projectNameById, system]);
 
   const activeLayoutKind = activeLayout?.kind ?? "terminal";
 
@@ -913,7 +928,7 @@ export function ProjectsView() {
                 {toast.title}
               </span>
               <span className="mt-0.5 block truncate text-xs text-muted">
-                {toast.subtitle}
+                {toast.projectName} · {toast.subtitle}
               </span>
             </button>
           ))}