Afficher les publications déjà prévues par jour et par magasin

Le sélecteur de date des Reels ne montrait rien de ce qui était déjà
programmé, et celui des posts ne marquait qu'un jour « occupé » sans
dire pour quel magasin ni à quelle heure.

- GET /api/scheduled-posts/agenda : publications planifiées et Reels
  encore en montage (qui n'ont pas de scheduled_posts avant la fin du
  rendu), limités aux magasins accessibles.
- Calendrier : pastille par jour, en rouge si un magasin coché a déjà
  une publication, en gris s'il s'agit d'autres magasins.
- Heures : badge sur les heures déjà prises sur les magasins cochés.
- Panneau « Déjà prévu ce jour-là » groupé par magasin, avec une
  alerte non bloquante en cas de doublon.
- Branché sur Nouveau post, Reel et Programmer un Reel.
- Icône Reel dans la vue calendrier.

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

client/src/pages/new-post.tsx

@@ -38,7 +38,7 @@ import { Dialog, DialogContent } from "@/components/ui/dialog";
 import { useToast } from "@/hooks/use-toast";
 import { apiRequest, queryClient, handleUnauthorized, getErrorMessage } from "@/lib/queryClient";
 import { MediaThumbnail } from "@/components/media-thumbnail";
-import type { SocialPage, Media, ScheduledPost } from "@shared/schema";
+import type { SocialPage, Media } from "@shared/schema";
 import { PreviewModal } from "@/components/preview-modal";
 import { DateTimePicker } from "@/components/datetime-picker";
 
@@ -110,13 +110,6 @@ function SortableMediaItem({
 /** Nombre de médias récents proposés à la sélection. */
 const RECENT_MEDIA_COUNT = 12;
 
-/** Minuit, pour que la clé de requête reste stable d'un rendu à l'autre. */
-function startOfToday(): Date {
-  const date = new Date();
-  date.setHours(0, 0, 0, 0);
-  return date;
-}
-
 const STEPS: StepDef[] = [
   { id: "media", label: "Médias", icon: ImageIcon },
   { id: "text", label: "Texte", icon: Type },
@@ -182,12 +175,6 @@ export default function NewPost() {
       .slice(0, RECENT_MEDIA_COUNT);
   }, [allMedia]);
 
-  // Ne sert qu'à griser les créneaux déjà pris dans le sélecteur de date : le
-  // passé n'a aucune influence sur une planification à venir.
-  const { data: scheduledPosts = [] } = useQuery<ScheduledPost[]>({
-    queryKey: ['/api/scheduled-posts', { startDate: startOfToday().toISOString() }],
-  });
-
   const uploadMutation = useMutation({
     mutationFn: async (file: File) => {
       const formData = new FormData();
@@ -845,12 +832,10 @@ export default function NewPost() {
                       <DateTimePicker
                         value={scheduledDate}
                         onChange={setScheduledDate}
-                        occupiedDates={scheduledPosts
-                          .filter(post => post.scheduledAt)
-                          .map(post => new Date(post.scheduledAt!))}
+                        selectedPageIds={selectedPages}
                         placeholder="Choisir une date"
                       />
-                      <p className="text-xs text-muted-foreground">Les créneaux déjà occupés sont signalés dans le calendrier.</p>
+                      <p className="text-xs text-muted-foreground">Les jours et heures déjà occupés sur vos magasins sont signalés dans le calendrier.</p>
                     </div>
                   )}
                 </CardContent>

client/src/pages/new-reel.tsx

@@ -884,7 +884,7 @@ export default function NewReel() {
                                             <DateTimePicker
                                                 value={scheduledDate}
                                                 onChange={setScheduledDate}
-                                                occupiedDates={[]}
+                                                selectedPageIds={selectedPages}
                                                 placeholder="Choisir une date"
                                             />
                                         )}

client/src/pages/schedule-reel.tsx

@@ -270,6 +270,7 @@ export default function ScheduleReel() {
                                 <DateTimePicker
                                     value={scheduledDate}
                                     onChange={setScheduledDate}
+                                    selectedPageIds={selectedPages}
                                     placeholder="Choisir la date et l'heure"
                                 />
                                 {isPast && (