feat: refactor workshop management by centralizing workshop data and improving session navigation across components

src/app/sessions/NewWorkshopDropdown.tsx

@@ -3,14 +3,7 @@
 import { useState } from 'react';
 import Link from 'next/link';
 import { Button } from '@/components/ui';
-
-const WORKSHOPS = [
-  { href: '/sessions/new', icon: '📊', label: 'SWOT', desc: 'Forces, faiblesses, opportunités' },
-  { href: '/motivators/new', icon: '🎯', label: 'Moving Motivators', desc: 'Motivations intrinsèques' },
-  { href: '/year-review/new', icon: '📅', label: 'Year Review', desc: "Bilan de l'année" },
-  { href: '/weekly-checkin/new', icon: '📝', label: 'Weekly Check-in', desc: 'Suivi hebdomadaire' },
-  { href: '/weather/new', icon: '🌤️', label: 'Météo d\'équipe', desc: 'Humeur et énergie' },
-];
+import { WORKSHOPS } from '@/lib/workshops';
 
 export function NewWorkshopDropdown() {
   const [open, setOpen] = useState(false);
@@ -39,15 +32,15 @@ export function NewWorkshopDropdown() {
         <div className="absolute right-0 z-20 mt-2 w-56 rounded-lg border border-border bg-card py-1 shadow-lg">
           {WORKSHOPS.map((w) => (
             <Link
-              key={w.href}
-              href={w.href}
+              key={w.id}
+              href={w.newPath}
               className="flex items-center gap-3 px-4 py-2.5 text-sm text-foreground hover:bg-card-hover"
               onClick={() => setOpen(false)}
             >
               <span className="text-lg">{w.icon}</span>
               <div>
                 <div className="font-medium">{w.label}</div>
-                <div className="text-xs text-muted">{w.desc}</div>
+                <div className="text-xs text-muted">{w.description}</div>
               </div>
             </Link>
           ))}

src/app/sessions/WorkshopTabs.tsx

@@ -17,26 +17,18 @@ 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 {
+  type WorkshopTabType,
+  type WorkshopTypeId,
+  WORKSHOPS,
+  VALID_TAB_PARAMS,
+  getWorkshop,
+  getSessionPath,
+} from '@/lib/workshops';
 
-type WorkshopType = 'all' | 'swot' | 'motivators' | 'year-review' | 'weekly-checkin' | 'weather' | 'byPerson';
-
-const VALID_TABS: WorkshopType[] = [
-  'all',
-  'swot',
-  'motivators',
-  'year-review',
-  'weekly-checkin',
-  'weather',
-  'byPerson',
-];
-
-const TYPE_TABS: { value: WorkshopType; icon: string; label: string }[] = [
-  { value: 'all', icon: '📋', label: 'Tous' },
-  { value: 'swot', icon: '📊', label: 'SWOT' },
-  { value: 'motivators', icon: '🎯', label: 'Motivators' },
-  { value: 'year-review', icon: '📅', label: 'Year Review' },
-  { value: 'weekly-checkin', icon: '📝', label: 'Check-in' },
-  { value: 'weather', icon: '🌤️', label: 'Météo' },
+const TYPE_TABS = [
+  { value: 'all' as const, icon: '📋', label: 'Tous' },
+  ...WORKSHOPS.map((w) => ({ value: w.id, icon: w.icon, label: w.labelShort })),
 ];
 
 interface ShareUser {
@@ -212,10 +204,12 @@ export function WorkshopTabs({
 
   // Get tab from URL or default to 'all'
   const tabParam = searchParams.get('tab');
-  const activeTab: WorkshopType =
-    tabParam && VALID_TABS.includes(tabParam as WorkshopType) ? (tabParam as WorkshopType) : 'all';
+  const activeTab: WorkshopTabType =
+    tabParam && VALID_TAB_PARAMS.includes(tabParam as WorkshopTabType)
+      ? (tabParam as WorkshopTabType)
+      : 'all';
 
-  const setActiveTab = (tab: WorkshopType) => {
+  const setActiveTab = (tab: WorkshopTabType) => {
     const params = new URLSearchParams(searchParams.toString());
     if (tab === 'all') {
       params.delete('tab');
@@ -362,8 +356,8 @@ function TypeFilterDropdown({
   onOpenChange,
   counts,
 }: {
-  activeTab: WorkshopType;
-  setActiveTab: (t: WorkshopType) => void;
+  activeTab: WorkshopTabType;
+  setActiveTab: (t: WorkshopTabType) => void;
   open: boolean;
   onOpenChange: (v: boolean) => void;
   counts: Record<string, number>;
@@ -493,20 +487,12 @@ function SessionCard({ session }: { session: AnySession }) {
           : (session as MotivatorSession).participant
   );
 
+  const workshop = getWorkshop(session.workshopType as WorkshopTypeId);
   const isSwot = session.workshopType === 'swot';
   const isYearReview = session.workshopType === 'year-review';
   const isWeeklyCheckIn = session.workshopType === 'weekly-checkin';
   const isWeather = session.workshopType === 'weather';
-  const href = isSwot
-    ? `/sessions/${session.id}`
-    : isYearReview
-      ? `/year-review/${session.id}`
-      : isWeeklyCheckIn
-        ? `/weekly-checkin/${session.id}`
-        : isWeather
-          ? `/weather/${session.id}`
-          : `/motivators/${session.id}`;
-  const icon = isSwot ? '📊' : isYearReview ? '📅' : isWeeklyCheckIn ? '📝' : isWeather ? '🌤️' : '🎯';
+  const href = getSessionPath(session.workshopType as WorkshopTypeId, session.id);
   const participant = isSwot
     ? (session as SwotSession).collaborator
     : isYearReview
@@ -516,15 +502,7 @@ function SessionCard({ session }: { session: AnySession }) {
         : isWeather
           ? (session as WeatherSession).user.name || (session as WeatherSession).user.email
           : (session as MotivatorSession).participant;
-  const accentColor = isSwot
-    ? '#06b6d4'
-    : isYearReview
-      ? '#f59e0b'
-      : isWeeklyCheckIn
-        ? '#10b981'
-        : isWeather
-          ? '#3b82f6'
-          : '#8b5cf6';
+  const accentColor = workshop.accentColor;
 
   const handleDelete = () => {
     startTransition(async () => {
@@ -582,7 +560,7 @@ function SessionCard({ session }: { session: AnySession }) {
     setShowEditModal(true);
   };
 
-  const editParticipantLabel = isSwot ? 'Collaborateur' : isWeather ? '' : 'Participant';
+  const editParticipantLabel = workshop.participantLabel;
 
   return (
     <>
@@ -597,7 +575,7 @@ function SessionCard({ session }: { session: AnySession }) {
 
             {/* Header: Icon + Title + Role badge */}
             <div className="flex items-center gap-2 mb-2">
-              <span className="text-xl">{icon}</span>
+              <span className="text-xl">{workshop.icon}</span>
               <h3 className="font-semibold text-foreground line-clamp-1 flex-1">{session.title}</h3>
               {!session.isOwner && (
                 <span

src/app/sessions/[id]/page.tsx

@@ -1,6 +1,7 @@
 import { notFound } from 'next/navigation';
 import Link from 'next/link';
 import { auth } from '@/lib/auth';
+import { getWorkshop, getSessionsTabUrl } from '@/lib/workshops';
 import { getSessionById } from '@/services/sessions';
 import { SwotBoard } from '@/components/swot/SwotBoard';
 import { SessionLiveWrapper } from '@/components/collaboration';
@@ -30,8 +31,8 @@ export default async function SessionPage({ params }: SessionPageProps) {
       {/* Header */}
       <div className="mb-8">
         <div className="flex items-center gap-2 text-sm text-muted mb-2">
-          <Link href="/sessions?tab=swot" className="hover:text-foreground">
-            SWOT
+          <Link href={getSessionsTabUrl('swot')} className="hover:text-foreground">
+            {getWorkshop('swot').labelShort}
           </Link>
           <span>/</span>
           <span className="text-foreground">{session.title}</span>

src/app/sessions/page.tsx

@@ -6,6 +6,7 @@ import { getYearReviewSessionsByUserId } from '@/services/year-review';
 import { getWeeklyCheckInSessionsByUserId } from '@/services/weekly-checkin';
 import { getWeatherSessionsByUserId } from '@/services/weather';
 import { Card } from '@/components/ui';
+import { withWorkshopType } from '@/lib/workshops';
 import { WorkshopTabs } from './WorkshopTabs';
 import { NewWorkshopDropdown } from './NewWorkshopDropdown';
 
@@ -45,31 +46,12 @@ export default async function SessionsPage() {
       getWeatherSessionsByUserId(session.user.id),
     ]);
 
-  // Add type to each session for unified display
-  const allSwotSessions = swotSessions.map((s) => ({
-    ...s,
-    workshopType: 'swot' as const,
-  }));
-
-  const allMotivatorSessions = motivatorSessions.map((s) => ({
-    ...s,
-    workshopType: 'motivators' as const,
-  }));
-
-  const allYearReviewSessions = yearReviewSessions.map((s) => ({
-    ...s,
-    workshopType: 'year-review' as const,
-  }));
-
-  const allWeeklyCheckInSessions = weeklyCheckInSessions.map((s) => ({
-    ...s,
-    workshopType: 'weekly-checkin' as const,
-  }));
-
-  const allWeatherSessions = weatherSessions.map((s) => ({
-    ...s,
-    workshopType: 'weather' as const,
-  }));
+  // Add workshopType to each session for unified display
+  const allSwotSessions = withWorkshopType(swotSessions, 'swot');
+  const allMotivatorSessions = withWorkshopType(motivatorSessions, 'motivators');
+  const allYearReviewSessions = withWorkshopType(yearReviewSessions, 'year-review');
+  const allWeeklyCheckInSessions = withWorkshopType(weeklyCheckInSessions, 'weekly-checkin');
+  const allWeatherSessions = withWorkshopType(weatherSessions, 'weather');
 
   // Combine and sort by updatedAt
   const allSessions = [