feat: refactor daily task management with new pending tasks section

- Added `PendingTasksSection` to `DailyPageClient` for displaying uncompleted tasks.
- Implemented `getPendingCheckboxes` method in `DailyClient` and `DailyService` to fetch pending tasks.
- Introduced `getDaysAgo` utility function for calculating elapsed days since a date.
- Updated `TODO.md` to reflect the new task management features and adjustments.
- Cleaned up and organized folder structure to align with Next.js 13+ best practices.

src/app/api/daily/checkboxes/[id]/archive/route.ts

@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { dailyService } from '@/services/daily';
+
+export async function PATCH(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id: checkboxId } = await params;
+    
+    if (!checkboxId) {
+      return NextResponse.json(
+        { error: 'Checkbox ID is required' },
+        { status: 400 }
+      );
+    }
+
+    const archivedCheckbox = await dailyService.archiveCheckbox(checkboxId);
+
+    return NextResponse.json(archivedCheckbox);
+  } catch (error) {
+    console.error('Error archiving checkbox:', error);
+    return NextResponse.json(
+      { error: 'Failed to archive checkbox' },
+      { status: 500 }
+    );
+  }
+}

src/app/api/daily/pending/route.ts

@@ -0,0 +1,29 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { dailyService } from '@/services/daily';
+import { DailyCheckboxType } from '@/lib/types';
+
+export async function GET(request: NextRequest) {
+  try {
+    const { searchParams } = new URL(request.url);
+    
+    const maxDays = searchParams.get('maxDays') ? parseInt(searchParams.get('maxDays')!) : undefined;
+    const excludeToday = searchParams.get('excludeToday') === 'true';
+    const type = searchParams.get('type') as DailyCheckboxType | undefined;
+    const limit = searchParams.get('limit') ? parseInt(searchParams.get('limit')!) : undefined;
+
+    const pendingCheckboxes = await dailyService.getPendingCheckboxes({
+      maxDays,
+      excludeToday,
+      type,
+      limit
+    });
+
+    return NextResponse.json(pendingCheckboxes);
+  } catch (error) {
+    console.error('Error fetching pending checkboxes:', error);
+    return NextResponse.json(
+      { error: 'Failed to fetch pending checkboxes' },
+      { status: 500 }
+    );
+  }
+}

src/app/daily/DailyPageClient.tsx

@@ -8,6 +8,7 @@ import { Button } from '@/components/ui/Button';
 import { Card } from '@/components/ui/Card';
 import { DailyCalendar } from '@/components/daily/DailyCalendar';
 import { DailySection } from '@/components/daily/DailySection';
+import { PendingTasksSection } from '@/components/daily/PendingTasksSection';
 import { dailyClient } from '@/clients/daily-client';
 import { Header } from '@/components/ui/Header';
 import { getPreviousWorkday, formatDateLong, isToday, generateDateTitle, formatDateShort, isYesterday } from '@/lib/date-utils';
@@ -45,6 +46,7 @@ export function DailyPageClient({
   } = useDaily(initialDate, initialDailyView);
 
   const [dailyDates, setDailyDates] = useState<string[]>(initialDailyDates);
+  const [refreshTrigger, setRefreshTrigger] = useState(0);
 
   // Fonction pour rafraîchir la liste des dates avec des dailies
   const refreshDailyDates = async () => {
@@ -79,12 +81,14 @@ export function DailyPageClient({
 
   const handleToggleCheckbox = async (checkboxId: string) => {
     await toggleCheckbox(checkboxId);
+    setRefreshTrigger(prev => prev + 1); // Trigger refresh pour les tâches en attente
   };
 
   const handleDeleteCheckbox = async (checkboxId: string) => {
     await deleteCheckbox(checkboxId);
     // Refresh dates après suppression pour mettre à jour le calendrier
     await refreshDailyDates();
+    setRefreshTrigger(prev => prev + 1); // Trigger refresh pour les tâches en attente
   };
 
   const handleUpdateCheckbox = async (checkboxId: string, text: string, type: DailyCheckboxType, taskId?: string) => {
@@ -254,6 +258,13 @@ export function DailyPageClient({
           )}
         </div>
 
+        {/* Section des tâches en attente */}
+        <PendingTasksSection
+          onToggleCheckbox={handleToggleCheckbox}
+          onDeleteCheckbox={handleDeleteCheckbox}
+          refreshTrigger={refreshTrigger}
+        />
+
         {/* Footer avec stats - dans le flux normal */}
         {dailyView && (
           <Card className="mt-8 p-4">