feat: add GIF Mood Board workshop

- New workshop where each team member shares up to 5 GIFs with notes to express their weekly mood
- Per-user week rating (1-5 stars) visible next to each member's section
- Masonry-style grid with adjustable column count (3/4/5) toggle
- Handwriting font (Caveat) for GIF notes
- Full real-time collaboration via SSE
- Clean migration (add_gif_mood_workshop) safe for production deploy
- DB backup via cp before each migration in docker-entrypoint

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/api/gif-mood/[id]/subscribe/route.ts

@@ -0,0 +1,112 @@
+import { auth } from '@/lib/auth';
+import { canAccessGifMoodSession, getGifMoodSessionEvents } from '@/services/gif-mood';
+
+export const dynamic = 'force-dynamic';
+
+// Store active connections per session
+const connections = new Map<string, Set<ReadableStreamDefaultController>>();
+
+export async function GET(request: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id: sessionId } = await params;
+  const session = await auth();
+
+  if (!session?.user?.id) {
+    return new Response('Unauthorized', { status: 401 });
+  }
+
+  const hasAccess = await canAccessGifMoodSession(sessionId, session.user.id);
+  if (!hasAccess) {
+    return new Response('Forbidden', { status: 403 });
+  }
+
+  const userId = session.user.id;
+  let lastEventTime = new Date();
+  let controller: ReadableStreamDefaultController;
+
+  const stream = new ReadableStream({
+    start(ctrl) {
+      controller = ctrl;
+
+      if (!connections.has(sessionId)) {
+        connections.set(sessionId, new Set());
+      }
+      connections.get(sessionId)!.add(controller);
+
+      const encoder = new TextEncoder();
+      controller.enqueue(
+        encoder.encode(`data: ${JSON.stringify({ type: 'connected', userId })}\n\n`)
+      );
+    },
+    cancel() {
+      connections.get(sessionId)?.delete(controller);
+      if (connections.get(sessionId)?.size === 0) {
+        connections.delete(sessionId);
+      }
+    },
+  });
+
+  const pollInterval = setInterval(async () => {
+    try {
+      const events = await getGifMoodSessionEvents(sessionId, lastEventTime);
+      if (events.length > 0) {
+        const encoder = new TextEncoder();
+        for (const event of events) {
+          if (event.userId !== userId) {
+            controller.enqueue(
+              encoder.encode(
+                `data: ${JSON.stringify({
+                  type: event.type,
+                  payload: JSON.parse(event.payload),
+                  userId: event.userId,
+                  user: event.user,
+                  timestamp: event.createdAt,
+                })}\n\n`
+              )
+            );
+          }
+          lastEventTime = event.createdAt;
+        }
+      }
+    } catch {
+      clearInterval(pollInterval);
+    }
+  }, 2000);
+
+  request.signal.addEventListener('abort', () => {
+    clearInterval(pollInterval);
+  });
+
+  return new Response(stream, {
+    headers: {
+      'Content-Type': 'text/event-stream',
+      'Cache-Control': 'no-cache',
+      Connection: 'keep-alive',
+    },
+  });
+}
+
+export function broadcastToGifMoodSession(sessionId: string, event: object) {
+  try {
+    const sessionConnections = connections.get(sessionId);
+    if (!sessionConnections || sessionConnections.size === 0) {
+      return;
+    }
+
+    const encoder = new TextEncoder();
+    const message = encoder.encode(`data: ${JSON.stringify(event)}\n\n`);
+
+    for (const controller of sessionConnections) {
+      try {
+        controller.enqueue(message);
+      } catch {
+        sessionConnections.delete(controller);
+      }
+    }
+
+    if (sessionConnections.size === 0) {
+      connections.delete(sessionId);
+    }
+  } catch (error) {
+    console.error('[SSE Broadcast] Error broadcasting:', error);
+  }
+}

src/app/gif-mood/[id]/page.tsx

@@ -0,0 +1,95 @@
+import { notFound } from 'next/navigation';
+import Link from 'next/link';
+import { auth } from '@/lib/auth';
+import { getWorkshop, getSessionsTabUrl } from '@/lib/workshops';
+import { getGifMoodSessionById } from '@/services/gif-mood';
+import { getUserTeams } from '@/services/teams';
+import { GifMoodBoard, GifMoodLiveWrapper } from '@/components/gif-mood';
+import { Badge } from '@/components/ui';
+import { EditableGifMoodTitle } from '@/components/ui/EditableGifMoodTitle';
+
+interface GifMoodSessionPageProps {
+  params: Promise<{ id: string }>;
+}
+
+export default async function GifMoodSessionPage({ params }: GifMoodSessionPageProps) {
+  const { id } = await params;
+  const authSession = await auth();
+
+  if (!authSession?.user?.id) {
+    return null;
+  }
+
+  const session = await getGifMoodSessionById(id, authSession.user.id);
+
+  if (!session) {
+    notFound();
+  }
+
+  const userTeams = await getUserTeams(authSession.user.id);
+
+  return (
+    <main className="mx-auto max-w-7xl px-4 py-8">
+      {/* Header */}
+      <div className="mb-8">
+        <div className="flex items-center gap-2 text-sm text-muted mb-2">
+          <Link href={getSessionsTabUrl('gif-mood')} className="hover:text-foreground">
+            {getWorkshop('gif-mood').labelShort}
+          </Link>
+          <span>/</span>
+          <span className="text-foreground">{session.title}</span>
+          {!session.isOwner && (
+            <Badge variant="accent" className="ml-2">
+              Partagé par {session.user.name || session.user.email}
+            </Badge>
+          )}
+        </div>
+
+        <div className="flex items-start justify-between">
+          <div>
+            <EditableGifMoodTitle
+              sessionId={session.id}
+              initialTitle={session.title}
+              canEdit={session.canEdit}
+            />
+          </div>
+          <div className="flex items-center gap-3">
+            <Badge variant="primary">{session.items.length} GIFs</Badge>
+            <span className="text-sm text-muted">
+              {new Date(session.date).toLocaleDateString('fr-FR', {
+                day: 'numeric',
+                month: 'long',
+                year: 'numeric',
+              })}
+            </span>
+          </div>
+        </div>
+      </div>
+
+      {/* Live Wrapper + Board */}
+      <GifMoodLiveWrapper
+        sessionId={session.id}
+        sessionTitle={session.title}
+        currentUserId={authSession.user.id}
+        shares={session.shares}
+        isOwner={session.isOwner}
+        canEdit={session.canEdit}
+        userTeams={userTeams}
+      >
+        <GifMoodBoard
+          sessionId={session.id}
+          currentUserId={authSession.user.id}
+          items={session.items}
+          shares={session.shares}
+          owner={{
+            id: session.user.id,
+            name: session.user.name ?? null,
+            email: session.user.email ?? '',
+          }}
+          ratings={session.ratings}
+          canEdit={session.canEdit}
+        />
+      </GifMoodLiveWrapper>
+    </main>
+  );
+}

src/app/gif-mood/new/page.tsx

@@ -0,0 +1,123 @@
+'use client';
+
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
+import {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  Button,
+  Input,
+} from '@/components/ui';
+import { createGifMoodSession } from '@/actions/gif-mood';
+import { GIF_MOOD_MAX_ITEMS } from '@/lib/types';
+
+export default function NewGifMoodPage() {
+  const router = useRouter();
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [selectedDate, setSelectedDate] = useState(new Date().toISOString().split('T')[0]);
+  const [title, setTitle] = useState(
+    () => `GIF Mood - ${new Date().toLocaleDateString('fr-FR', { day: 'numeric', month: 'long', year: 'numeric' })}`
+  );
+
+  async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
+    e.preventDefault();
+    setError(null);
+    setLoading(true);
+
+    const date = selectedDate ? new Date(selectedDate) : undefined;
+
+    if (!title) {
+      setError('Veuillez remplir le titre');
+      setLoading(false);
+      return;
+    }
+
+    const result = await createGifMoodSession({ title, date });
+
+    if (!result.success) {
+      setError(result.error || 'Une erreur est survenue');
+      setLoading(false);
+      return;
+    }
+
+    router.push(`/gif-mood/${result.data?.id}`);
+  }
+
+  return (
+    <main className="mx-auto max-w-2xl px-4 py-8">
+      <Card>
+        <CardHeader>
+          <CardTitle className="flex items-center gap-2">
+            <span>🎭</span>
+            Nouveau GIF Mood Board
+          </CardTitle>
+          <CardDescription>
+            Créez un tableau de bord GIF pour exprimer et partager votre humeur avec votre équipe
+          </CardDescription>
+        </CardHeader>
+
+        <CardContent>
+          <form onSubmit={handleSubmit} className="space-y-6">
+            {error && (
+              <div className="rounded-lg border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive">
+                {error}
+              </div>
+            )}
+
+            <Input
+              label="Titre de la session"
+              name="title"
+              placeholder="Ex: GIF Mood - Mars 2026"
+              value={title}
+              onChange={(e) => setTitle(e.target.value)}
+              required
+            />
+
+            <div>
+              <label htmlFor="date" className="block text-sm font-medium text-foreground mb-1">
+                Date
+              </label>
+              <input
+                id="date"
+                name="date"
+                type="date"
+                value={selectedDate}
+                onChange={(e) => setSelectedDate(e.target.value)}
+                required
+                className="w-full rounded-lg border border-border bg-input px-3 py-2 text-foreground outline-none focus:border-primary focus:ring-2 focus:ring-primary/20"
+              />
+            </div>
+
+            <div className="rounded-lg border border-border bg-card-hover p-4">
+              <h3 className="font-medium text-foreground mb-2">Comment ça marche ?</h3>
+              <ol className="text-sm text-muted space-y-1 list-decimal list-inside">
+                <li>Partagez la session avec votre équipe</li>
+                <li>Chaque membre peut ajouter jusqu&apos;à {GIF_MOOD_MAX_ITEMS} GIFs</li>
+                <li>Ajoutez une note à chaque GIF pour expliquer votre humeur</li>
+                <li>Les GIFs apparaissent en temps réel pour tous les membres</li>
+              </ol>
+            </div>
+
+            <div className="flex gap-3 pt-4">
+              <Button
+                type="button"
+                variant="outline"
+                onClick={() => router.back()}
+                disabled={loading}
+              >
+                Annuler
+              </Button>
+              <Button type="submit" loading={loading} className="flex-1">
+                Créer le GIF Mood Board
+              </Button>
+            </div>
+          </form>
+        </CardContent>
+      </Card>
+    </main>
+  );
+}

src/app/layout.tsx

@@ -1,5 +1,5 @@
 import type { Metadata } from 'next';
-import { Geist, Geist_Mono } from 'next/font/google';
+import { Geist, Geist_Mono, Caveat } from 'next/font/google';
 import './globals.css';
 import { Providers } from '@/components/Providers';
 import { Header } from '@/components/layout/Header';
@@ -14,6 +14,11 @@ const geistMono = Geist_Mono({
   subsets: ['latin'],
 });
 
+const caveat = Caveat({
+  variable: '--font-caveat',
+  subsets: ['latin'],
+});
+
 export const metadata: Metadata = {
   title: 'Workshop Manager',
   description: "Application de gestion d'ateliers pour entretiens managériaux",
@@ -37,7 +42,7 @@ export default function RootLayout({
           }}
         />
       </head>
-      <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
+      <body className={`${geistSans.variable} ${geistMono.variable} ${caveat.variable} antialiased`}>
         <Providers>
           <div className="min-h-screen bg-background">
             <Header />

src/app/page.tsx

@@ -565,6 +565,117 @@ export default function Home() {
           </div>
         </section>
 
+        {/* GIF Mood Board Deep Dive Section */}
+        <section className="mb-16">
+          <div className="flex items-center gap-3 mb-8">
+            <span className="text-4xl">🎞️</span>
+            <div>
+              <h2 className="text-3xl font-bold text-foreground">GIF Mood Board</h2>
+              <p className="font-medium" style={{ color: '#ec4899' }}>
+                Exprimez l&apos;humeur de l&apos;équipe en images
+              </p>
+            </div>
+          </div>
+
+          <div className="grid gap-8 lg:grid-cols-2">
+            {/* Why */}
+            <div className="rounded-xl border border-border bg-card p-6">
+              <h3 className="text-lg font-semibold text-foreground mb-4 flex items-center gap-2">
+                <span className="text-2xl">💡</span>
+                Pourquoi un GIF Mood Board ?
+              </h3>
+              <p className="text-muted mb-4">
+                Les GIFs sont un langage universel pour exprimer ce que les mots peinent parfois à
+                traduire. Le GIF Mood Board transforme un rituel d&apos;équipe en moment visuel et
+                ludique, idéal pour les rétrospectives, les stand-ups ou tout point d&apos;équipe
+                récurrent.
+              </p>
+              <ul className="space-y-2 text-sm text-muted">
+                <li className="flex items-start gap-2">
+                  <span style={{ color: '#ec4899' }}>•</span>
+                  Rendre les rétrospectives plus vivantes et engageantes
+                </li>
+                <li className="flex items-start gap-2">
+                  <span style={{ color: '#ec4899' }}>•</span>
+                  Libérer l&apos;expression émotionnelle avec humour et créativité
+                </li>
+                <li className="flex items-start gap-2">
+                  <span style={{ color: '#ec4899' }}>•</span>
+                  Voir en un coup d&apos;œil l&apos;humeur collective de l&apos;équipe
+                </li>
+                <li className="flex items-start gap-2">
+                  <span style={{ color: '#ec4899' }}>•</span>
+                  Briser la glace et créer de la cohésion d&apos;équipe
+                </li>
+              </ul>
+            </div>
+
+            {/* What's in it */}
+            <div className="rounded-xl border border-border bg-card p-6">
+              <h3 className="text-lg font-semibold text-foreground mb-4 flex items-center gap-2">
+                <span className="text-2xl">✨</span>
+                Ce que chaque membre peut faire
+              </h3>
+              <div className="space-y-3">
+                <FeaturePill
+                  icon="🎞️"
+                  name="Jusqu'à 5 GIFs par session"
+                  color="#ec4899"
+                  description="Choisissez les GIFs qui reflètent le mieux votre humeur du moment"
+                />
+                <FeaturePill
+                  icon="✍️"
+                  name="Notes manuscrites"
+                  color="#8b5cf6"
+                  description="Ajoutez un contexte ou une explication à chaque GIF"
+                />
+                <FeaturePill
+                  icon="⭐"
+                  name="Note de la semaine sur 5"
+                  color="#f59e0b"
+                  description="Résumez votre semaine en une note globale visible par toute l'équipe"
+                />
+                <FeaturePill
+                  icon="⚡"
+                  name="Mise à jour en temps réel"
+                  color="#10b981"
+                  description="Voir les GIFs des collègues apparaître au fur et à mesure"
+                />
+              </div>
+            </div>
+
+            {/* How it works */}
+            <div className="rounded-xl border border-border bg-card p-6 lg:col-span-2">
+              <h3 className="text-lg font-semibold text-foreground mb-4 flex items-center gap-2">
+                <span className="text-2xl">⚙️</span>
+                Comment ça marche ?
+              </h3>
+              <div className="grid md:grid-cols-4 gap-4">
+                <StepCard
+                  number={1}
+                  title="Créer la session"
+                  description="Le manager crée une session GIF Mood Board et la partage avec son équipe"
+                />
+                <StepCard
+                  number={2}
+                  title="Choisir ses GIFs"
+                  description="Chaque membre ajoute jusqu'à 5 GIFs (Giphy, Tenor, ou toute URL d'image) pour exprimer son humeur"
+                />
+                <StepCard
+                  number={3}
+                  title="Annoter et noter"
+                  description="Ajoutez une note manuscrite à chaque GIF et une note de semaine sur 5 étoiles"
+                />
+                <StepCard
+                  number={4}
+                  title="Partager et discuter"
+                  description="Parcourez le board ensemble, repérez les GIFs qui reflètent le mieux l'humeur de l'équipe et lancez la discussion"
+                />
+              </div>
+            </div>
+          </div>
+        </section>
+
         {/* OKRs Deep Dive Section */}
         <section className="mb-16">
           <div className="flex items-center gap-3 mb-8">

src/app/sessions/WorkshopTabs.tsx

@@ -17,6 +17,7 @@ import { deleteMotivatorSession, updateMotivatorSession } from '@/actions/moving
 import { deleteYearReviewSession, updateYearReviewSession } from '@/actions/year-review';
 import { deleteWeeklyCheckInSession, updateWeeklyCheckInSession } from '@/actions/weekly-checkin';
 import { deleteWeatherSession, updateWeatherSession } from '@/actions/weather';
+import { deleteGifMoodSession, updateGifMoodSession } from '@/actions/gif-mood';
 import {
   type WorkshopTabType,
   type WorkshopTypeId,
@@ -125,12 +126,28 @@ interface WeatherSession {
   canEdit?: boolean;
 }
 
+interface GifMoodSession {
+  id: string;
+  title: string;
+  date: Date;
+  updatedAt: Date;
+  isOwner: boolean;
+  role: 'OWNER' | 'VIEWER' | 'EDITOR';
+  user: { id: string; name: string | null; email: string };
+  shares: Share[];
+  _count: { items: number };
+  workshopType: 'gif-mood';
+  isTeamCollab?: true;
+  canEdit?: boolean;
+}
+
 type AnySession =
   | SwotSession
   | MotivatorSession
   | YearReviewSession
   | WeeklyCheckInSession
-  | WeatherSession;
+  | WeatherSession
+  | GifMoodSession;
 
 interface WorkshopTabsProps {
   swotSessions: SwotSession[];
@@ -138,6 +155,7 @@ interface WorkshopTabsProps {
   yearReviewSessions: YearReviewSession[];
   weeklyCheckInSessions: WeeklyCheckInSession[];
   weatherSessions: WeatherSession[];
+  gifMoodSessions: GifMoodSession[];
   teamCollabSessions?: (AnySession & { isTeamCollab?: true })[];
 }
 
@@ -150,7 +168,6 @@ function getResolvedCollaborator(session: AnySession): ResolvedCollaborator {
   } else if (session.workshopType === 'weekly-checkin') {
     return (session as WeeklyCheckInSession).resolvedParticipant;
   } else if (session.workshopType === 'weather') {
-    // For weather sessions, use the owner as the "participant" since it's a personal weather
     const weatherSession = session as WeatherSession;
     return {
       raw: weatherSession.user.name || weatherSession.user.email,
@@ -160,6 +177,16 @@ function getResolvedCollaborator(session: AnySession): ResolvedCollaborator {
         name: weatherSession.user.name,
       },
     };
+  } else if (session.workshopType === 'gif-mood') {
+    const gifMoodSession = session as GifMoodSession;
+    return {
+      raw: gifMoodSession.user.name || gifMoodSession.user.email,
+      matchedUser: {
+        id: gifMoodSession.user.id,
+        email: gifMoodSession.user.email,
+        name: gifMoodSession.user.name,
+      },
+    };
   } else {
     return (session as MotivatorSession).resolvedParticipant;
   }
@@ -205,6 +232,7 @@ export function WorkshopTabs({
   yearReviewSessions,
   weeklyCheckInSessions,
   weatherSessions,
+  gifMoodSessions,
   teamCollabSessions = [],
 }: WorkshopTabsProps) {
   const searchParams = useSearchParams();
@@ -235,6 +263,7 @@ export function WorkshopTabs({
     ...yearReviewSessions,
     ...weeklyCheckInSessions,
     ...weatherSessions,
+    ...gifMoodSessions,
   ].sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());
 
   // Filter based on active tab (for non-byPerson tabs)
@@ -251,7 +280,9 @@ export function WorkshopTabs({
               ? yearReviewSessions
               : activeTab === 'weekly-checkin'
                 ? weeklyCheckInSessions
-                : weatherSessions;
+                : activeTab === 'gif-mood'
+                  ? gifMoodSessions
+                  : weatherSessions;
 
   // Separate by ownership (for non-team tab: owned, shared, teamCollab)
   const ownedSessions = filteredSessions.filter((s) => s.isOwner);
@@ -305,6 +336,7 @@ export function WorkshopTabs({
             'year-review': yearReviewSessions.length,
             'weekly-checkin': weeklyCheckInSessions.length,
             weather: weatherSessions.length,
+            'gif-mood': gifMoodSessions.length,
             team: teamCollabSessions.length,
           }}
         />
@@ -551,7 +583,7 @@ function SessionCard({
       ? (session as SwotSession).collaborator
       : session.workshopType === 'year-review'
         ? (session as YearReviewSession).participant
-        : session.workshopType === 'weather'
+        : session.workshopType === 'weather' || session.workshopType === 'gif-mood'
           ? ''
           : (session as MotivatorSession).participant
   );
@@ -561,6 +593,7 @@ function SessionCard({
   const isYearReview = session.workshopType === 'year-review';
   const isWeeklyCheckIn = session.workshopType === 'weekly-checkin';
   const isWeather = session.workshopType === 'weather';
+  const isGifMood = session.workshopType === 'gif-mood';
   const href = getSessionPath(session.workshopType as WorkshopTypeId, session.id);
   const participant = isSwot
     ? (session as SwotSession).collaborator
@@ -570,7 +603,9 @@ function SessionCard({
         ? (session as WeeklyCheckInSession).participant
         : isWeather
           ? (session as WeatherSession).user.name || (session as WeatherSession).user.email
-          : (session as MotivatorSession).participant;
+          : isGifMood
+            ? (session as GifMoodSession).user.name || (session as GifMoodSession).user.email
+            : (session as MotivatorSession).participant;
   const accentColor = workshop.accentColor;
 
   const handleDelete = () => {
@@ -583,7 +618,9 @@ function SessionCard({
             ? await deleteWeeklyCheckInSession(session.id)
             : isWeather
               ? await deleteWeatherSession(session.id)
-              : await deleteMotivatorSession(session.id);
+              : isGifMood
+                ? await deleteGifMoodSession(session.id)
+                : await deleteMotivatorSession(session.id);
 
       if (result.success) {
         setShowDeleteModal(false);
@@ -609,10 +646,12 @@ function SessionCard({
               })
             : isWeather
               ? await updateWeatherSession(session.id, { title: editTitle })
-              : await updateMotivatorSession(session.id, {
-                  title: editTitle,
-                  participant: editParticipant,
-                });
+              : isGifMood
+                ? await updateGifMoodSession(session.id, { title: editTitle })
+                : await updateMotivatorSession(session.id, {
+                    title: editTitle,
+                    participant: editParticipant,
+                  });
 
       if (result.success) {
         setShowEditModal(false);
@@ -705,6 +744,17 @@ function SessionCard({
                 })}
               </span>
             </>
+          ) : isGifMood ? (
+            <>
+              <span>{(session as GifMoodSession)._count.items} GIFs</span>
+              <span>·</span>
+              <span>
+                {new Date((session as GifMoodSession).date).toLocaleDateString('fr-FR', {
+                  day: 'numeric',
+                  month: 'short',
+                })}
+              </span>
+            </>
           ) : (
             <span>{(session as MotivatorSession)._count.cards}/10</span>
           )}
@@ -834,7 +884,7 @@ function SessionCard({
             >
               {editParticipantLabel}
             </label>
-            {!isWeather && (
+            {!isWeather && !isGifMood && (
               <Input
                 id="edit-participant"
                 value={editParticipant}
@@ -855,7 +905,7 @@ function SessionCard({
             </Button>
             <Button
               type="submit"
-              disabled={isPending || !editTitle.trim() || (!isWeather && !editParticipant.trim())}
+              disabled={isPending || !editTitle.trim() || (!isWeather && !isGifMood && !editParticipant.trim())}
             >
               {isPending ? 'Enregistrement...' : 'Enregistrer'}
             </Button>

src/app/sessions/page.tsx

@@ -20,6 +20,10 @@ import {
   getWeatherSessionsByUserId,
   getTeamCollaboratorSessionsForAdmin as getTeamWeatherSessions,
 } from '@/services/weather';
+import {
+  getGifMoodSessionsByUserId,
+  getTeamCollaboratorSessionsForAdmin as getTeamGifMoodSessions,
+} from '@/services/gif-mood';
 import { Card } from '@/components/ui';
 import { withWorkshopType } from '@/lib/workshops';
 import { WorkshopTabs } from './WorkshopTabs';
@@ -58,22 +62,26 @@ export default async function SessionsPage() {
     yearReviewSessions,
     weeklyCheckInSessions,
     weatherSessions,
+    gifMoodSessions,
     teamSwotSessions,
     teamMotivatorSessions,
     teamYearReviewSessions,
     teamWeeklyCheckInSessions,
     teamWeatherSessions,
+    teamGifMoodSessions,
   ] = await Promise.all([
     getSessionsByUserId(session.user.id),
     getMotivatorSessionsByUserId(session.user.id),
     getYearReviewSessionsByUserId(session.user.id),
     getWeeklyCheckInSessionsByUserId(session.user.id),
     getWeatherSessionsByUserId(session.user.id),
+    getGifMoodSessionsByUserId(session.user.id),
     getTeamSwotSessions(session.user.id),
     getTeamMotivatorSessions(session.user.id),
     getTeamYearReviewSessions(session.user.id),
     getTeamWeeklyCheckInSessions(session.user.id),
     getTeamWeatherSessions(session.user.id),
+    getTeamGifMoodSessions(session.user.id),
   ]);
 
   // Add workshopType to each session for unified display
@@ -82,12 +90,14 @@ export default async function SessionsPage() {
   const allYearReviewSessions = withWorkshopType(yearReviewSessions, 'year-review');
   const allWeeklyCheckInSessions = withWorkshopType(weeklyCheckInSessions, 'weekly-checkin');
   const allWeatherSessions = withWorkshopType(weatherSessions, 'weather');
+  const allGifMoodSessions = withWorkshopType(gifMoodSessions, 'gif-mood');
 
   const teamSwotWithType = withWorkshopType(teamSwotSessions, 'swot');
   const teamMotivatorWithType = withWorkshopType(teamMotivatorSessions, 'motivators');
   const teamYearReviewWithType = withWorkshopType(teamYearReviewSessions, 'year-review');
   const teamWeeklyCheckInWithType = withWorkshopType(teamWeeklyCheckInSessions, 'weekly-checkin');
   const teamWeatherWithType = withWorkshopType(teamWeatherSessions, 'weather');
+  const teamGifMoodWithType = withWorkshopType(teamGifMoodSessions, 'gif-mood');
 
   // Combine and sort by updatedAt
   const allSessions = [
@@ -96,6 +106,7 @@ export default async function SessionsPage() {
     ...allYearReviewSessions,
     ...allWeeklyCheckInSessions,
     ...allWeatherSessions,
+    ...allGifMoodSessions,
   ].sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());
 
   const hasNoSessions = allSessions.length === 0;
@@ -135,12 +146,14 @@ export default async function SessionsPage() {
             yearReviewSessions={allYearReviewSessions}
             weeklyCheckInSessions={allWeeklyCheckInSessions}
             weatherSessions={allWeatherSessions}
+            gifMoodSessions={allGifMoodSessions}
             teamCollabSessions={[
               ...teamSwotWithType,
               ...teamMotivatorWithType,
               ...teamYearReviewWithType,
               ...teamWeeklyCheckInWithType,
               ...teamWeatherWithType,
+              ...teamGifMoodWithType,
             ]}
           />
         </Suspense>