feat: add weekly summary link to Header component

- Introduced a new navigation link for the weekly summary in the Header component, enhancing user access to summary insights.

components/dashboard/WeeklySummaryClient.tsx

@@ -0,0 +1,200 @@
+'use client';
+
+import { useState } from 'react';
+import { WeeklySummary, WeeklyActivity } from '@/services/weekly-summary';
+import { Card, CardHeader, CardContent } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Badge } from '@/components/ui/Badge';
+
+interface WeeklySummaryClientProps {
+  initialSummary: WeeklySummary;
+}
+
+export default function WeeklySummaryClient({ initialSummary }: WeeklySummaryClientProps) {
+  const [summary] = useState<WeeklySummary>(initialSummary);
+  const [selectedDay, setSelectedDay] = useState<string | null>(null);
+  const [isRefreshing, setIsRefreshing] = useState(false);
+
+  const handleRefresh = async () => {
+    setIsRefreshing(true);
+    // Recharger la page pour refaire le fetch côté serveur
+    window.location.reload();
+  };
+
+  const formatDate = (date: Date) => {
+    return new Date(date).toLocaleDateString('fr-FR', { 
+      weekday: 'long', 
+      day: 'numeric', 
+      month: 'long' 
+    });
+  };
+
+  const getActivityIcon = (activity: WeeklyActivity) => {
+    if (activity.type === 'checkbox') {
+      return activity.completed ? '✅' : '☐';
+    }
+    return activity.completed ? '🎯' : '📝';
+  };
+
+  const getActivityTypeLabel = (type: 'checkbox' | 'task') => {
+    return type === 'checkbox' ? 'Daily' : 'Tâche';
+  };
+
+  const filteredActivities = selectedDay 
+    ? summary.activities.filter(a => a.dayName === selectedDay)
+    : summary.activities;
+
+  return (
+    <Card>
+      <CardHeader>
+        <div className="flex items-center justify-between">
+          <div>
+            <h2 className="text-lg font-semibold">📅 Résumé de la semaine</h2>
+            <p className="text-sm text-[var(--muted-foreground)]">
+              Du {formatDate(summary.period.start)} au {formatDate(summary.period.end)}
+            </p>
+          </div>
+          <Button 
+            onClick={handleRefresh} 
+            variant="secondary" 
+            size="sm"
+            disabled={isRefreshing}
+          >
+            {isRefreshing ? '🔄' : '🔄'} {isRefreshing ? 'Actualisation...' : 'Actualiser'}
+          </Button>
+        </div>
+      </CardHeader>
+
+      <CardContent className="space-y-6">
+        {/* Statistiques globales */}
+        <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
+          <div className="bg-blue-50 rounded-lg p-4 text-center">
+            <div className="text-2xl font-bold text-blue-600">
+              {summary.stats.completedCheckboxes}
+            </div>
+            <div className="text-sm text-blue-600">Daily items</div>
+            <div className="text-xs text-[var(--muted-foreground)]">
+              sur {summary.stats.totalCheckboxes} ({summary.stats.checkboxCompletionRate.toFixed(0)}%)
+            </div>
+          </div>
+
+          <div className="bg-green-50 rounded-lg p-4 text-center">
+            <div className="text-2xl font-bold text-green-600">
+              {summary.stats.completedTasks}
+            </div>
+            <div className="text-sm text-green-600">Tâches</div>
+            <div className="text-xs text-[var(--muted-foreground)]">
+              sur {summary.stats.totalTasks} ({summary.stats.taskCompletionRate.toFixed(0)}%)
+            </div>
+          </div>
+
+          <div className="bg-purple-50 rounded-lg p-4 text-center">
+            <div className="text-2xl font-bold text-purple-600">
+              {summary.stats.completedCheckboxes + summary.stats.completedTasks}
+            </div>
+            <div className="text-sm text-purple-600">Total complété</div>
+            <div className="text-xs text-[var(--muted-foreground)]">
+              sur {summary.stats.totalCheckboxes + summary.stats.totalTasks}
+            </div>
+          </div>
+
+          <div className="bg-orange-50 rounded-lg p-4 text-center">
+            <div className="text-lg font-bold text-orange-600">
+              {summary.stats.mostProductiveDay}
+            </div>
+            <div className="text-sm text-orange-600">Jour le plus productif</div>
+          </div>
+        </div>
+
+        {/* Breakdown par jour */}
+        <div>
+          <h3 className="font-medium mb-3">📊 Répartition par jour</h3>
+          <div className="grid grid-cols-7 gap-2 mb-4">
+            {summary.stats.dailyBreakdown.map((day) => (
+              <button
+                key={day.date}
+                onClick={() => setSelectedDay(selectedDay === day.dayName ? null : day.dayName)}
+                className={`p-2 rounded-lg text-center transition-colors ${
+                  selectedDay === day.dayName
+                    ? 'bg-blue-100 border-2 border-blue-300'
+                    : 'bg-[var(--muted)] hover:bg-[var(--muted)]/80'
+                }`}
+              >
+                <div className="text-xs font-medium">
+                  {day.dayName.slice(0, 3)}
+                </div>
+                <div className="text-sm font-bold">
+                  {day.completedCheckboxes + day.completedTasks}
+                </div>
+                <div className="text-xs text-[var(--muted-foreground)]">
+                  /{day.checkboxes + day.tasks}
+                </div>
+              </button>
+            ))}
+          </div>
+          {selectedDay && (
+            <div className="text-sm text-[var(--muted-foreground)] mb-4">
+              📍 Filtré sur: <strong>{selectedDay}</strong>
+              <button 
+                onClick={() => setSelectedDay(null)}
+                className="ml-2 text-blue-600 hover:underline"
+              >
+                (voir tout)
+              </button>
+            </div>
+          )}
+        </div>
+
+        {/* Timeline des activités */}
+        <div>
+          <h3 className="font-medium mb-3">
+            🕒 Timeline des activités 
+            <span className="text-sm font-normal text-[var(--muted-foreground)]">
+              ({filteredActivities.length} items)
+            </span>
+          </h3>
+          
+          {filteredActivities.length === 0 ? (
+            <div className="text-center py-8 text-[var(--muted-foreground)]">
+              {selectedDay ? 'Aucune activité ce jour-là' : 'Aucune activité cette semaine'}
+            </div>
+          ) : (
+            <div className="space-y-2 max-h-96 overflow-y-auto">
+              {filteredActivities.map((activity) => (
+                <div
+                  key={activity.id}
+                  className={`flex items-center gap-3 p-3 rounded-lg border transition-colors ${
+                    activity.completed 
+                      ? 'bg-green-50 border-green-200' 
+                      : 'bg-[var(--card)] border-[var(--border)]'
+                  }`}
+                >
+                  <span className="text-lg flex-shrink-0">
+                    {getActivityIcon(activity)}
+                  </span>
+                  
+                  <div className="flex-1 min-w-0">
+                    <div className="flex items-center gap-2 mb-1">
+                      <span className={`text-sm ${activity.completed ? 'line-through text-[var(--muted-foreground)]' : ''}`}>
+                        {activity.title}
+                      </span>
+                      <Badge className="text-xs bg-[var(--muted)] text-[var(--muted-foreground)]">
+                        {getActivityTypeLabel(activity.type)}
+                      </Badge>
+                    </div>
+                    <div className="text-xs text-[var(--muted-foreground)]">
+                      {activity.dayName} • {new Date(activity.createdAt).toLocaleDateString('fr-FR')}
+                      {activity.completedAt && (
+                        <span> • Complété le {new Date(activity.completedAt).toLocaleDateString('fr-FR')}</span>
+                      )}
+                    </div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          )}
+        </div>
+      </CardContent>
+    </Card>
+  );
+}

components/ui/Header.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { useTheme } from '@/contexts/ThemeContext';
 import { useJiraConfig } from '@/contexts/JiraConfigContext';
 import { usePathname } from 'next/navigation';
@@ -51,6 +53,7 @@ export function Header({ title = "TowerControl", subtitle = "Task Management", s
     { href: '/', label: 'Dashboard' },
     { href: '/kanban', label: 'Kanban' },
     { href: '/daily', label: 'Daily' },
+    { href: '/weekly-summary', label: 'Résumé' },
     { href: '/tags', label: 'Tags' },
     ...(isJiraConfigured ? [{ href: '/jira-dashboard', label: `Jira${jiraConfig?.projectKey ? ` (${jiraConfig.projectKey})` : ''}` }] : []),
     { href: '/settings', label: 'Settings' }

services/weekly-summary.ts

@@ -0,0 +1,260 @@
+import { prisma } from './database';
+import { Task, TaskStatus, TaskPriority, TaskSource } from '@/lib/types';
+
+export interface DailyItem {
+  id: string;
+  text: string;
+  isChecked: boolean;
+  createdAt: Date;
+  updatedAt: Date;
+  date: Date;
+}
+
+export interface WeeklyStats {
+  totalCheckboxes: number;
+  completedCheckboxes: number;
+  totalTasks: number;
+  completedTasks: number;
+  checkboxCompletionRate: number;
+  taskCompletionRate: number;
+  mostProductiveDay: string;
+  dailyBreakdown: Array<{
+    date: string;
+    dayName: string;
+    checkboxes: number;
+    completedCheckboxes: number;
+    tasks: number;
+    completedTasks: number;
+  }>;
+}
+
+export interface WeeklyActivity {
+  id: string;
+  type: 'checkbox' | 'task';
+  title: string;
+  completed: boolean;
+  completedAt?: Date;
+  createdAt: Date;
+  date: string;
+  dayName: string;
+}
+
+export interface WeeklySummary {
+  stats: WeeklyStats;
+  activities: WeeklyActivity[];
+  period: {
+    start: Date;
+    end: Date;
+  };
+}
+
+export class WeeklySummaryService {
+  /**
+   * Récupère le résumé complet de la semaine écoulée
+   */
+  static async getWeeklySummary(): Promise<WeeklySummary> {
+    const now = new Date();
+    const startOfWeek = new Date(now);
+    startOfWeek.setDate(now.getDate() - 7);
+    startOfWeek.setHours(0, 0, 0, 0);
+    
+    const endOfWeek = new Date(now);
+    endOfWeek.setHours(23, 59, 59, 999);
+
+    console.log(`📊 Génération du résumé hebdomadaire du ${startOfWeek.toLocaleDateString()} au ${endOfWeek.toLocaleDateString()}`);
+
+    const [checkboxes, tasks] = await Promise.all([
+      this.getWeeklyCheckboxes(startOfWeek, endOfWeek),
+      this.getWeeklyTasks(startOfWeek, endOfWeek)
+    ]);
+
+    const stats = this.calculateStats(checkboxes, tasks, startOfWeek, endOfWeek);
+    const activities = this.mergeActivities(checkboxes, tasks);
+
+    return {
+      stats,
+      activities,
+      period: {
+        start: startOfWeek,
+        end: endOfWeek
+      }
+    };
+  }
+
+  /**
+   * Récupère les checkboxes des 7 derniers jours
+   */
+  private static async getWeeklyCheckboxes(startDate: Date, endDate: Date): Promise<DailyItem[]> {
+    const items = await prisma.dailyCheckbox.findMany({
+      where: {
+        date: {
+          gte: startDate,
+          lte: endDate
+        }
+      },
+      orderBy: [
+        { date: 'desc' },
+        { createdAt: 'desc' }
+      ]
+    });
+
+    return items.map(item => ({
+      id: item.id,
+      text: item.text,
+      isChecked: item.isChecked,
+      createdAt: item.createdAt,
+      updatedAt: item.updatedAt,
+      date: item.date
+    }));
+  }
+
+  /**
+   * Récupère les tâches des 7 derniers jours (créées ou modifiées)
+   */
+  private static async getWeeklyTasks(startDate: Date, endDate: Date): Promise<Task[]> {
+    const tasks = await prisma.task.findMany({
+      where: {
+        OR: [
+          {
+            createdAt: {
+              gte: startDate,
+              lte: endDate
+            }
+          },
+          {
+            updatedAt: {
+              gte: startDate,
+              lte: endDate
+            }
+          }
+        ]
+      },
+      orderBy: {
+        updatedAt: 'desc'
+      }
+    });
+
+    return tasks.map(task => ({
+      id: task.id,
+      title: task.title,
+      description: task.description || '',
+      status: task.status as TaskStatus,
+      priority: task.priority as TaskPriority,
+      source: task.source as TaskSource,
+      sourceId: task.sourceId || undefined,
+      createdAt: task.createdAt,
+      updatedAt: task.updatedAt,
+      dueDate: task.dueDate || undefined,
+      completedAt: task.completedAt || undefined,
+      jiraProject: task.jiraProject || undefined,
+      jiraKey: task.jiraKey || undefined,
+      jiraType: task.jiraType || undefined,
+      assignee: task.assignee || undefined,
+      tags: [] // Les tags sont dans une relation séparée, on les laisse vides pour l'instant
+    }));
+  }
+
+  /**
+   * Calcule les statistiques de la semaine
+   */
+  private static calculateStats(
+    checkboxes: DailyItem[], 
+    tasks: Task[], 
+    startDate: Date, 
+    endDate: Date
+  ): WeeklyStats {
+    const completedCheckboxes = checkboxes.filter(c => c.isChecked);
+    const completedTasks = tasks.filter(t => t.status === 'done');
+
+    // Créer un breakdown par jour
+    const dailyBreakdown = [];
+    const current = new Date(startDate);
+    
+    while (current <= endDate) {
+      const dayCheckboxes = checkboxes.filter(c => 
+        c.date.toISOString().split('T')[0] === current.toISOString().split('T')[0]
+      );
+      const dayCompletedCheckboxes = dayCheckboxes.filter(c => c.isChecked);
+      
+      // Pour les tâches, on compte celles modifiées ce jour-là
+      const dayTasks = tasks.filter(t => 
+        t.updatedAt.toISOString().split('T')[0] === current.toISOString().split('T')[0] ||
+        t.createdAt.toISOString().split('T')[0] === current.toISOString().split('T')[0]
+      );
+      const dayCompletedTasks = dayTasks.filter(t => t.status === 'done');
+
+      dailyBreakdown.push({
+        date: current.toISOString().split('T')[0],
+        dayName: current.toLocaleDateString('fr-FR', { weekday: 'long' }),
+        checkboxes: dayCheckboxes.length,
+        completedCheckboxes: dayCompletedCheckboxes.length,
+        tasks: dayTasks.length,
+        completedTasks: dayCompletedTasks.length
+      });
+
+      current.setDate(current.getDate() + 1);
+    }
+
+    // Trouver le jour le plus productif
+    const mostProductiveDay = dailyBreakdown.reduce((max, day) => {
+      const dayScore = day.completedCheckboxes + day.completedTasks;
+      const maxScore = max.completedCheckboxes + max.completedTasks;
+      return dayScore > maxScore ? day : max;
+    }, dailyBreakdown[0]);
+
+    return {
+      totalCheckboxes: checkboxes.length,
+      completedCheckboxes: completedCheckboxes.length,
+      totalTasks: tasks.length,
+      completedTasks: completedTasks.length,
+      checkboxCompletionRate: checkboxes.length > 0 ? (completedCheckboxes.length / checkboxes.length) * 100 : 0,
+      taskCompletionRate: tasks.length > 0 ? (completedTasks.length / tasks.length) * 100 : 0,
+      mostProductiveDay: mostProductiveDay.dayName,
+      dailyBreakdown
+    };
+  }
+
+  /**
+   * Fusionne les activités (checkboxes + tâches) en une timeline
+   */
+  private static mergeActivities(checkboxes: DailyItem[], tasks: Task[]): WeeklyActivity[] {
+    const activities: WeeklyActivity[] = [];
+
+    // Ajouter les checkboxes
+    checkboxes.forEach(checkbox => {
+      activities.push({
+        id: `checkbox-${checkbox.id}`,
+        type: 'checkbox',
+        title: checkbox.text,
+        completed: checkbox.isChecked,
+        completedAt: checkbox.isChecked ? checkbox.updatedAt : undefined,
+        createdAt: checkbox.createdAt,
+        date: checkbox.date.toISOString().split('T')[0],
+        dayName: checkbox.date.toLocaleDateString('fr-FR', { weekday: 'long' })
+      });
+    });
+
+    // Ajouter les tâches
+    tasks.forEach(task => {
+      const date = task.updatedAt.toISOString().split('T')[0];
+      const dateObj = new Date(date + 'T00:00:00');
+      activities.push({
+        id: `task-${task.id}`,
+        type: 'task',
+        title: task.title,
+        completed: task.status === 'done',
+        completedAt: task.status === 'done' ? task.updatedAt : undefined,
+        createdAt: task.createdAt,
+        date: date,
+        dayName: dateObj.toLocaleDateString('fr-FR', { weekday: 'long' })
+      });
+    });
+
+    // Trier par date (plus récent en premier)
+    return activities.sort((a, b) => {
+      const dateA = a.completedAt || a.createdAt;
+      const dateB = b.completedAt || b.createdAt;
+      return dateB.getTime() - dateA.getTime();
+    });
+  }
+}

src/app/weekly-summary/page.tsx

@@ -0,0 +1,20 @@
+import { Header } from '@/components/ui/Header';
+import WeeklySummaryClient from '@/components/dashboard/WeeklySummaryClient';
+import { WeeklySummaryService } from '@/services/weekly-summary';
+
+export default async function WeeklySummaryPage() {
+  // Récupération côté serveur
+  const summary = await WeeklySummaryService.getWeeklySummary();
+
+  return (
+    <div className="min-h-screen bg-[var(--background)]">
+      <Header />
+      
+      <div className="container mx-auto px-4 py-8">
+        <div className="max-w-6xl mx-auto">
+          <WeeklySummaryClient initialSummary={summary} />
+        </div>
+      </div>
+    </div>
+  );
+}