Retire le générateur vidéo, les badges « New » et permet d'effacer les Reels en échec

- Suppression de la page « Générateur Vidéo » (/remotion) : routes
  /api/remotion, pipeline de rendu d'images, composition ImageVideo et
  aperçu associé. Le générateur de Reels est conservé.
- Plus de badge « New » à côté des menus.
- Tableau de bord : bouton pour supprimer un Reel en échec et sa
  notification.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017tFkVXQDATYfw5aFtjQahi

client/src/components/ongoing-reels.tsx

@@ -1,7 +1,10 @@
-import { useQuery } from "@tanstack/react-query";
+import { useMutation, useQuery } from "@tanstack/react-query";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Progress } from "@/components/ui/progress";
-import { Clapperboard, Loader2, CheckCircle2, XCircle } from "lucide-react";
+import { Clapperboard, Loader2, CheckCircle2, XCircle, X } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { useToast } from "@/hooks/use-toast";
+import { apiRequest, queryClient, getErrorMessage } from "@/lib/queryClient";
 import type { Post } from "@shared/schema";
 
 type OngoingReel = Post & { generationStep?: string | null };
@@ -35,6 +38,27 @@ export default function OngoingReels({ compact = false }: OngoingReelsProps) {
             (query.state.data ?? []).some((p) => p.generationStatus !== "failed") ? 3000 : 30000,
     });
 
+    const { toast } = useToast();
+
+    // Un Reel en échec n'a rien à publier : le supprimer retire aussi la notification
+    const dismissMutation = useMutation({
+        mutationFn: async (postId: string) => (await apiRequest("DELETE", `/api/reels/${postId}`)).json(),
+        onSuccess: (_data, postId) => {
+            queryClient.setQueryData<OngoingReel[]>(["/api/reels/ongoing"], (posts) =>
+                posts?.filter((p) => p.id !== postId),
+            );
+            queryClient.invalidateQueries({ queryKey: ["/api/reels/ongoing"] });
+            queryClient.invalidateQueries({ queryKey: ["/api/scheduled-posts"] });
+        },
+        onError: (error: unknown) => {
+            toast({
+                title: "Erreur",
+                description: getErrorMessage(error, "Impossible de supprimer la notification"),
+                variant: "destructive",
+            });
+        },
+    });
+
     // Nothing to show — render nothing (not even a card)
     if (ongoingPosts.length === 0) {
         return null;
@@ -112,6 +136,21 @@ export default function OngoingReels({ compact = false }: OngoingReelsProps) {
                                         </div>
                                     )}
                                 </div>
+
+                                {isFailed && (
+                                    <Button
+                                        variant="ghost"
+                                        size="icon"
+                                        className="h-7 w-7 flex-shrink-0 text-muted-foreground hover:text-destructive"
+                                        onClick={() => dismissMutation.mutate(post.id)}
+                                        disabled={dismissMutation.isPending && dismissMutation.variables === post.id}
+                                        title="Supprimer"
+                                        aria-label="Supprimer ce Reel en échec"
+                                        data-testid={`button-dismiss-reel-${post.id}`}
+                                    >
+                                        <X className="w-4 h-4" />
+                                    </Button>
+                                )}
                             </div>
                         );
                     })}

client/src/components/reels/reel-preview.tsx

@@ -7,7 +7,6 @@ import {
   REEL_WIDTH,
   VOICE_DELAY,
   cleanCaptionText,
-  computeImagesTiming,
   computeReelTiming,
   offsetWords,
   spreadWords,
@@ -16,7 +15,6 @@ import {
 } from "@shared/captions";
 import { srtEnd, srtWords, type SrtCue } from "@shared/srt";
 import { ReelVideo, type ReelVideoProps } from "@/remotion/ReelVideo";
-import { ImageComposition, type ImageCompositionProps } from "@/remotion/ImageComposition";
 import type { VoicePreviewResult } from "./voice-picker";
 
 /** Débit moyen d'une voix de synthèse française (estimation avant génération). */
@@ -40,9 +38,7 @@ interface CommonProps {
   srtCues?: SrtCue[] | null;
 }
 
-type ReelPreviewProps =
-  | (CommonProps & { kind: "video"; videoUrl: string })
-  | (CommonProps & { kind: "images"; images: string[] });
+type ReelPreviewProps = CommonProps & { kind: "video"; videoUrl: string };
 
 /** Durée d'un média lue dans ses métadonnées (vidéo de la médiathèque). */
 function useVideoDuration(url: string | undefined): number | null {
@@ -75,12 +71,12 @@ function estimatedVoiceDuration(text: string): number {
  * Sans voix générée, le minutage des mots est estimé.
  */
 export function ReelPreview(props: ReelPreviewProps) {
-  const videoDuration = useVideoDuration(props.kind === "video" ? props.videoUrl : undefined);
+  const videoDuration = useVideoDuration(props.videoUrl);
   const { text, showCaptions, captionStyle, ttsEnabled, voice, musicUrl, musicVolume, endingEffect, showWatermark } =
     props;
   const logoUrl = props.logoUrl ?? undefined;
   const storeName = endingEffect ? props.storeName || undefined : undefined;
-  const srtCues = props.kind === "video" && props.srtCues?.length ? props.srtCues : null;
+  const srtCues = props.srtCues?.length ? props.srtCues : null;
   const cleanText = cleanCaptionText(text);
   const voiceDuration = srtCues
     ? ttsEnabled ? srtEnd(srtCues) : 0
@@ -88,34 +84,6 @@ export function ReelPreview(props: ReelPreviewProps) {
   const estimated = !srtCues && ttsEnabled && Boolean(cleanText) && !voice;
 
   const composition = useMemo(() => {
-    if (props.kind === "images") {
-      if (props.images.length === 0) return null;
-      const { total, endingSeconds } = computeImagesTiming({
-        imageCount: props.images.length,
-        voiceDuration,
-        hasEnding: Boolean(logoUrl || storeName),
-      });
-      const contentEnd = total - endingSeconds;
-      let words: TimedWord[] = [];
-      if (showCaptions && cleanText) {
-        words = voice ? voice.words : spreadWords(text, 0, voiceDuration || Math.min(contentEnd - 0.5, 8));
-      }
-      const inputProps: ImageCompositionProps = {
-        images: props.images,
-        totalDuration: total,
-        words,
-        captionStyle,
-        audioUrl: voice?.audioUrl,
-        musicUrl,
-        musicVolume,
-        logoUrl,
-        showWatermark,
-        storeName,
-        endingSeconds,
-      };
-      return { component: ImageComposition, inputProps, total };
-    }
-
     if (videoDuration == null) return null;
     const timing = computeReelTiming({
       videoDuration,
@@ -153,8 +121,7 @@ export function ReelPreview(props: ReelPreviewProps) {
     return { component: ReelVideo, inputProps, total: timing.total };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [
-    props.kind,
-    props.kind === "video" ? props.videoUrl : props.images.join("|"),
+    props.videoUrl,
     videoDuration, text, cleanText, srtCues, showCaptions, captionStyle, ttsEnabled, voice, voiceDuration,
     musicUrl, musicVolume, logoUrl, showWatermark, storeName, endingEffect,
   ]);
@@ -172,7 +139,7 @@ export function ReelPreview(props: ReelPreviewProps) {
       <div className="overflow-hidden rounded-lg bg-black">
         <Player
           // Nouvelle instance quand la durée change : le lecteur repart du début
-          key={`${props.kind}-${composition.total}`}
+          key={composition.total}
           component={composition.component as React.ComponentType<Record<string, unknown>>}
           inputProps={composition.inputProps as unknown as Record<string, unknown>}
           durationInFrames={Math.max(1, Math.round(composition.total * REEL_FPS))}

client/src/components/sidebar.tsx

@@ -70,13 +70,12 @@ export default function Sidebar({ onLinkClick }: SidebarProps = {}) {
   const navItems = [
     { icon: Home, label: "Tableau de bord", href: "/", badge: null },
     { icon: PlusCircle, label: "Nouvelle publication", href: "/new", badge: null },
-    { icon: Video, label: "Nouveau Reel", href: "/reel", badge: "New" },
-    { icon: CalendarClock, label: "Programmer un Reel", href: "/reel/schedule", badge: "New" },
-    { icon: Video, label: "Générateur Vidéo", href: "/remotion", badge: "New" },
+    { icon: Video, label: "Nouveau Reel", href: "/reel", badge: null },
+    { icon: CalendarClock, label: "Programmer un Reel", href: "/reel/schedule", badge: null },
     { icon: Calendar, label: "Calendrier", href: "/calendar", badge: null },
     { icon: Images, label: "Médiathèque", href: "/media", badge: null },
     { icon: Wand2, label: "Éditeur d'images", href: "/image-editor", badge: null },
-    { icon: BarChart3, label: "Analytics", href: "/analytics", badge: "New" },
+    { icon: BarChart3, label: "Analytics", href: "/analytics", badge: null },
   ];
 
   const statsItems = [