From 01cf4dd5a15a5d81370bcf60726e8c0d7b42690c Mon Sep 17 00:00:00 2001
From: streaper2 <streaper2@gmail.com>
Date: Mon, 11 May 2026 22:55:30 +0200
Subject: [PATCH] gestion supp user admin

---
 .env                                          |   5 +-
 admin/src/app/actions/user.ts                 |  92 +++++++++
 admin/src/app/api/cron/cleanup-users/route.ts |  51 +++++
 admin/src/app/users/page.tsx                  |  18 +-
 admin/src/components/ClientActions.tsx        |   5 +
 admin/src/components/DeleteAccountButton.tsx  | 178 ++++++++++++++++++
 admin/src/components/EntrepreneurActions.tsx  |   5 +
 app/actions/auth.ts                           |  52 +++++
 app/api/auth/login/route.ts                   |   8 +
 app/auth/reactivate/ReactivateForm.tsx        |  85 +++++++++
 app/auth/reactivate/page.tsx                  |  67 +++++++
 doc/admin/gestion_utilisateurs.md             |  38 ++++
 doc/admin/guide_maintenance.md                |  35 ++++
 doc/admin/specs_fonctionnelles.md             |  44 +++++
 doc/front/specs_fonctionnelles.md             |  40 ++++
 next-env.d.ts                                 |   2 +-
 prisma/schema.prisma                          |  11 +-
 17 files changed, 728 insertions(+), 8 deletions(-)
 create mode 100644 admin/src/app/api/cron/cleanup-users/route.ts
 create mode 100644 admin/src/components/DeleteAccountButton.tsx
 create mode 100644 app/actions/auth.ts
 create mode 100644 app/auth/reactivate/ReactivateForm.tsx
 create mode 100644 app/auth/reactivate/page.tsx
 create mode 100644 doc/admin/gestion_utilisateurs.md
 create mode 100644 doc/admin/guide_maintenance.md
 create mode 100644 doc/admin/specs_fonctionnelles.md
 create mode 100644 doc/front/specs_fonctionnelles.md

diff --git a/.env b/.env
index 0946db5..73ab351 100644
--- a/.env
+++ b/.env
@@ -1,6 +1,9 @@
 # Connexion locale via le Docker Compose fourni :
  #DATABASE_URL="postgresql://admin:adminpassword@localhost:5432/afrohub_dev?schema=public"
-DATABASE_URL="postgresql://admin:adminpassword@192.168.1.25:5432/afrohub_dev?schema=public"
+DATABASE_URL="postgresql://admin:adminpassword@192.168.1.25:5432/afrohub_dev?connect_timeout=300"
+
+
+#SHADOW_DATABASE_URL="postgresql://postgres:postgres@localhost:5432/shadow_db?schema=public"
 
 # Exemple avec Supabase ou Neon (si base distante)
 # DATABASE_URL="postgresql://postgres:[MOT_DE_PASSE]@db.[ID_PROJET].supabase.co:5432/postgres"
diff --git a/admin/src/app/actions/user.ts b/admin/src/app/actions/user.ts
index dd2acbd..7ee5dd5 100644
--- a/admin/src/app/actions/user.ts
+++ b/admin/src/app/actions/user.ts
@@ -41,3 +41,95 @@ export async function verifyUserEmail(userId: string) {
     return { success: false, error: "Erreur lors de la vérification de l'email" };
   }
 }
+export async function scheduleUserDeletion(userId: string, reason: string, delayDays: number) {
+  try {
+    const user = await prisma.user.findUnique({
+      where: { id: userId }
+    });
+
+    if (!user) return { success: false, error: "Utilisateur non trouvé" };
+
+    const settings = await prisma.siteSetting.findUnique({
+      where: { id: "singleton" }
+    });
+
+    const deletionDate = new Date();
+    deletionDate.setDate(deletionDate.getDate() + delayDays);
+
+    if (delayDays === 0) {
+      // Immediate deletion
+      await prisma.user.delete({
+        where: { id: userId }
+      });
+      return { success: true, message: "Supprimé immédiatement" };
+    }
+
+    await prisma.user.update({
+      where: { id: userId },
+      data: {
+        deletedAt: new Date(),
+        deletionScheduledAt: deletionDate,
+        deletionReason: reason
+      }
+    });
+
+    // Send notification email
+    if (settings?.deleteAccountTemplate) {
+      const { sendEmail } = await import("@/../../lib/mail");
+      const html = settings.deleteAccountTemplate
+        .replace(/{name}/g, user.name)
+        .replace(/{siteName}/g, settings.siteName)
+        .replace(/{deletionDate}/g, delayDays === 0 ? "immédiatement" : deletionDate.toLocaleDateString("fr-FR"))
+        .replace(/{reason}/g, reason)
+        .replace(/{reactivateUrl}/g, `${process.env.NEXT_PUBLIC_APP_URL}/auth/reactivate?id=${user.id}`);
+
+      await sendEmail({
+        to: user.email,
+        subject: settings.deleteAccountSubject,
+        html
+      });
+    }
+
+    return { success: true };
+  } catch (error) {
+    console.error("Failed to schedule user deletion:", error);
+    return { success: false, error: "Erreur lors de la programmation de la suppression" };
+  }
+}
+
+export async function reactivateUser(userId: string, reason: string) {
+  try {
+    const user = await prisma.user.update({
+      where: { id: userId },
+      data: {
+        deletedAt: null,
+        deletionScheduledAt: null,
+        reactivationReason: reason
+      }
+    });
+
+    const settings = await prisma.siteSetting.findUnique({
+      where: { id: "singleton" }
+    });
+
+    // Send confirmation email
+    if (settings?.reactivateAccountTemplate) {
+      const { sendEmail } = await import("@/../../lib/mail");
+      const html = settings.reactivateAccountTemplate
+        .replace(/{name}/g, user.name)
+        .replace(/{siteName}/g, settings.siteName)
+        .replace(/{reason}/g, reason);
+
+      await sendEmail({
+        to: user.email,
+        subject: settings.reactivateAccountSubject,
+        html
+      });
+    }
+
+    return { success: true };
+  } catch (error) {
+    console.error("Failed to reactivate user:", error);
+    return { success: false, error: "Erreur lors de la réactivation de l'utilisateur" };
+  }
+}
diff --git a/admin/src/app/api/cron/cleanup-users/route.ts b/admin/src/app/api/cron/cleanup-users/route.ts
new file mode 100644
index 0000000..244b875
--- /dev/null
+++ b/admin/src/app/api/cron/cleanup-users/route.ts
@@ -0,0 +1,51 @@
+import { NextResponse } from "next/server";
+import { prisma } from "@/lib/prisma";
+
+/**
+ * Route pour le nettoyage automatique des comptes
+ * À appeler via une tâche cron (ex: chaque nuit à minuit)
+ * GET /api/cron/cleanup-users?key=VOTRE_CLE_SECRET
+ */
+export async function GET(request: Request) {
+  const { searchParams } = new URL(request.url);
+  const key = searchParams.get("key");
+
+  if (key !== process.env.CRON_SECRET) {
+    return NextResponse.json({ error: "Non autorisé" }, { status: 401 });
+  }
+
+  try {
+    const now = new Date();
+
+    // 1. Trouver les utilisateurs dont le délai est passé
+    const usersToDelete = await prisma.user.findMany({
+      where: {
+        deletionScheduledAt: {
+          lte: now
+        }
+      }
+    });
+
+    if (usersToDelete.length === 0) {
+      return NextResponse.json({ message: "Aucun compte à supprimer" });
+    }
+
+    // 2. Suppression définitive
+    // Prisma supprimera les données liées si onDelete: Cascade est configuré dans le schéma
+    const deleteResult = await prisma.user.deleteMany({
+      where: {
+        id: {
+          in: usersToDelete.map(u => u.id)
+        }
+      }
+    });
+
+    return NextResponse.json({
+      message: `${deleteResult.count} compte(s) supprimé(s) définitivement`,
+      deletedIds: usersToDelete.map(u => u.id)
+    });
+  } catch (error) {
+    console.error("Cron Cleanup Error:", error);
+    return NextResponse.json({ error: "Erreur lors du nettoyage" }, { status: 500 });
+  }
+}
diff --git a/admin/src/app/users/page.tsx b/admin/src/app/users/page.tsx
index 5830950..8035e9a 100644
--- a/admin/src/app/users/page.tsx
+++ b/admin/src/app/users/page.tsx
@@ -6,7 +6,7 @@ import EntrepreneurActions from '@/components/EntrepreneurActions';
 import PlanSelector from '@/components/PlanSelector';
 import ClientActions from "@/components/ClientActions";
 import ManualVerifyButton from "@/components/ManualVerifyButton";
-import { ShieldAlert, ShieldX, ShieldCheck, Users, Briefcase, User, Mail, Phone, MapPin, MailCheck, MailX } from 'lucide-react';
+import { Trash2, ShieldAlert, ShieldX, ShieldCheck, Users, Briefcase, User, Mail, Phone, MapPin, MailCheck, MailX } from 'lucide-react';
 import Link from 'next/link';
 
 async function getBusinesses() {
@@ -109,7 +109,7 @@ export default async function UsersPage({
                     </tr>
                     ) : (
                     businesses.map((business: any) => (
-                        <tr key={business.id} className={(business.isSuspended || business.owner?.isSuspended) ? 'opacity-60 grayscale-[0.5]' : ''}>
+                        <tr key={business.id} className={`transition-colors ${business.owner?.deletedAt ? 'bg-red-500/5 opacity-80' : (business.isSuspended || business.owner?.isSuspended) ? 'opacity-60 grayscale-[0.5]' : ''}`}>
                         <td>
                             <div className="flex items-center gap-3">
                             <div className="w-10 h-10 rounded-lg bg-slate-800 flex items-center justify-center overflow-hidden">
@@ -148,7 +148,11 @@ export default async function UsersPage({
                         </td>
                         <td>
                             <div className="flex flex-col gap-1">
-                                {business.owner?.isSuspended ? (
+                                {business.owner?.deletedAt ? (
+                                    <span className="badge bg-red-500/10 text-red-500 border border-red-500/20 flex items-center gap-1">
+                                        <Trash2 className="w-3 h-3" /> Suppression en cours
+                                    </span>
+                                ) : business.owner?.isSuspended ? (
                                     <span className="badge badge-error flex items-center gap-1">
                                         <ShieldX className="w-3 h-3" /> Compte Suspendu
                                     </span>
@@ -218,7 +222,7 @@ export default async function UsersPage({
                     </tr>
                 ) : (
                     clients.map((client: any) => (
-                    <tr key={client.id} className={`hover:bg-slate-800/30 transition-colors ${client.isSuspended ? 'opacity-60 grayscale-[0.5]' : ''}`}>
+                    <tr key={client.id} className={`hover:bg-slate-800/30 transition-colors ${client.deletedAt ? 'bg-red-500/5 opacity-80' : client.isSuspended ? 'opacity-60 grayscale-[0.5]' : ''}`}>
                         <td className="py-4">
                         <div className="flex items-center gap-3">
                             <div className="w-10 h-10 rounded-full bg-slate-800 flex items-center justify-center text-slate-400 font-bold text-sm overflow-hidden border border-slate-700">
@@ -270,7 +274,11 @@ export default async function UsersPage({
                         </td>
                         <td>
                         <div className="flex flex-col gap-1">
-                            {client.isSuspended ? (
+                            {client.deletedAt ? (
+                                <span className="badge bg-red-500/10 text-red-500 border border-red-500/20 flex items-center gap-1">
+                                    <Trash2 className="w-3 h-3" /> Suppression en cours
+                                </span>
+                            ) : client.isSuspended ? (
                             <>
                                 <span className="badge badge-error">Compte Suspendu</span>
                                 <span className="text-[10px] text-rose-500/70 truncate max-w-[150px]" title={client.suspensionReason}>
diff --git a/admin/src/components/ClientActions.tsx b/admin/src/components/ClientActions.tsx
index f7d5791..be8ae78 100644
--- a/admin/src/components/ClientActions.tsx
+++ b/admin/src/components/ClientActions.tsx
@@ -5,6 +5,7 @@ import { ShieldAlert, ShieldCheck } from 'lucide-react';
 import { suspendUser, unsuspendUser } from '@/app/actions/suspension';
 import { toast } from 'react-hot-toast';
 import SuspensionModal from './SuspensionModal';
+import DeleteAccountButton from './DeleteAccountButton';
 
 interface ClientActionsProps {
   userId: string;
@@ -62,6 +63,10 @@ export default function ClientActions({ userId, userName, isSuspended }: ClientA
         title="Suspendre le compte"
         subtitle={`Voulez-vous suspendre le compte de ${userName} ? L'utilisateur sera bloqué et recevra votre message.`}
       />
+
+      <div className="h-8 w-[1px] bg-slate-800 mx-1" />
+
+      <DeleteAccountButton userId={userId} userName={userName} />
     </>
   );
 }
diff --git a/admin/src/components/DeleteAccountButton.tsx b/admin/src/components/DeleteAccountButton.tsx
new file mode 100644
index 0000000..06328af
--- /dev/null
+++ b/admin/src/components/DeleteAccountButton.tsx
@@ -0,0 +1,178 @@
+"use client";
+
+import React, { useState } from 'react';
+import { UserX, Loader2 } from 'lucide-react';
+import { scheduleUserDeletion } from '@/app/actions/user';
+import { toast } from 'react-hot-toast';
+
+interface DeleteAccountButtonProps {
+  userId: string;
+  userName: string;
+}
+
+export default function DeleteAccountButton({ userId, userName }: DeleteAccountButtonProps) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [isDeleting, setIsDeleting] = useState(false);
+  const [reason, setReason] = useState("Non-respect des conditions générales d'utilisation");
+  const [customReason, setCustomReason] = useState("");
+  const [delay, setDelay] = useState(30);
+
+  const reasons = [
+    "Non-respect des conditions générales d'utilisation",
+    "Inactivité prolongée",
+    "Comportement inapproprié / Signalements",
+    "Demande directe de l'utilisateur",
+    "Violation des règles de publication",
+    "Autre"
+  ];
+
+  const delays = [
+    { label: "Immédiat", value: 0 },
+    { label: "7 Jours", value: 7 },
+    { label: "15 Jours", value: 15 },
+    { label: "30 Jours", value: 30 }
+  ];
+
+  const handleDelete = async () => {
+    const finalReason = reason === "Autre" ? customReason : reason;
+    
+    if (reason === "Autre" && !customReason.trim()) {
+      toast.error("Veuillez préciser la raison");
+      return;
+    }
+
+    setIsDeleting(true);
+    try {
+      const result = await scheduleUserDeletion(userId, finalReason, delay);
+      if (result.success) {
+        toast.success(`La suppression du compte de ${userName} a été programmée.`);
+        setIsOpen(false);
+      } else {
+        toast.error(result.error || "Échec de la programmation de la suppression");
+      }
+    } catch (error) {
+      toast.error("Une erreur est survenue");
+    } finally {
+      setIsDeleting(false);
+    }
+  };
+
+  return (
+    <>
+      <button
+        onClick={() => setIsOpen(true)}
+        className="flex items-center gap-1.5 px-3 py-1.5 bg-red-500/10 text-red-500 hover:bg-red-500 hover:text-white rounded-lg transition-all text-[10px] font-bold uppercase border border-red-500/20"
+        title="Supprimer le compte"
+      >
+        <UserX className="w-3 h-3" />
+        Supprimer
+      </button>
+
+      {isOpen && (
+        <div className="fixed inset-0 z-[100] flex items-center justify-center p-4 bg-slate-950/80 backdrop-blur-sm animate-in fade-in duration-200">
+          <div className="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-lg p-6 shadow-2xl animate-in zoom-in-95 duration-200">
+            <div className="flex items-center gap-4 mb-6">
+              <div className="w-12 h-12 bg-red-500/10 rounded-xl flex items-center justify-center text-red-500">
+                <UserX className="w-6 h-6" />
+              </div>
+              <div>
+                <h3 className="text-xl font-bold text-white">Supprimer le compte</h3>
+                <p className="text-sm text-slate-400">Configuration de la suppression pour {userName}</p>
+              </div>
+            </div>
+
+            <div className="space-y-4 mb-6">
+              {/* Raison selector */}
+              <div>
+                <label className="block text-xs font-bold text-slate-400 uppercase mb-2">Raison de la suppression</label>
+                <select 
+                  value={reason}
+                  onChange={(e) => setReason(e.target.value)}
+                  className="w-full bg-slate-950 border border-slate-800 rounded-xl px-4 py-2.5 text-white focus:ring-2 focus:ring-red-500 transition-all outline-none"
+                >
+                  {reasons.map((r) => (
+                    <option key={r} value={r}>{r}</option>
+                  ))}
+                </select>
+              </div>
+
+              {/* Custom Reason Field */}
+              {reason === "Autre" && (
+                <div className="animate-in slide-in-from-top-2 duration-200">
+                  <label className="block text-xs font-bold text-slate-400 uppercase mb-2">Précisez la raison</label>
+                  <textarea
+                    required
+                    value={customReason}
+                    onChange={(e) => setCustomReason(e.target.value)}
+                    placeholder="Saisissez le motif ici..."
+                    className="w-full h-24 bg-slate-950 border border-slate-800 rounded-xl px-4 py-3 text-white focus:ring-2 focus:ring-red-500 transition-all outline-none resize-none"
+                  />
+                </div>
+              )}
+
+              {/* Delay selector */}
+              <div>
+                <label className="block text-xs font-bold text-slate-400 uppercase mb-2">Délai avant suppression définitive</label>
+                <div className="grid grid-cols-4 gap-2">
+                  {delays.map((d) => (
+                    <button
+                      key={d.value}
+                      onClick={() => setDelay(d.value)}
+                      className={`py-2 rounded-lg text-xs font-bold border transition-all ${
+                        delay === d.value 
+                        ? 'bg-red-500 border-red-500 text-white' 
+                        : 'bg-slate-950 border-slate-800 text-slate-400 hover:border-slate-600'
+                      }`}
+                    >
+                      {d.label}
+                    </button>
+                  ))}
+                </div>
+              </div>
+            </div>
+
+            <div className="bg-slate-950/50 border border-slate-800 rounded-xl p-4 mb-6">
+              <ul className="space-y-2 text-xs text-slate-400">
+                <li className="flex items-start gap-2">
+                  <span className="w-1 h-1 rounded-full bg-red-500 mt-1.5 shrink-0"></span>
+                  Le compte sera désactivé immédiatement.
+                </li>
+                {delay > 0 && (
+                  <li className="flex items-start gap-2">
+                    <span className="w-1 h-1 rounded-full bg-red-500 mt-1.5 shrink-0"></span>
+                    L'utilisateur aura {delay} jours pour réactiver son compte.
+                  </li>
+                )}
+                <li className="flex items-start gap-2">
+                  <span className="w-1 h-1 rounded-full bg-red-500 mt-1.5 shrink-0"></span>
+                  Suppression définitive : {delay === 0 ? "Immédiate" : `Le ${new Date(Date.now() + delay * 86400000).toLocaleDateString()}`}
+                </li>
+              </ul>
+            </div>
+
+            <div className="flex gap-3">
+              <button
+                onClick={() => setIsOpen(false)}
+                disabled={isDeleting}
+                className="flex-1 px-4 py-2.5 bg-slate-800 text-white rounded-xl font-bold hover:bg-slate-700 transition-colors disabled:opacity-50"
+              >
+                Annuler
+              </button>
+              <button
+                onClick={handleDelete}
+                disabled={isDeleting}
+                className="flex-1 px-4 py-2.5 bg-red-600 text-white rounded-xl font-bold hover:bg-red-500 transition-colors disabled:opacity-50 flex items-center justify-center gap-2"
+              >
+                {isDeleting ? (
+                  <Loader2 className="w-4 h-4 animate-spin" />
+                ) : (
+                  "Confirmer"
+                )}
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+    </>
+  );
+}
diff --git a/admin/src/components/EntrepreneurActions.tsx b/admin/src/components/EntrepreneurActions.tsx
index 98ed46b..d3ccd31 100644
--- a/admin/src/components/EntrepreneurActions.tsx
+++ b/admin/src/components/EntrepreneurActions.tsx
@@ -6,6 +6,7 @@ import { suspendUser, unsuspendUser, suspendBusiness, unsuspendBusiness } from '
 import { toast } from 'react-hot-toast';
 import SuspensionModal from './SuspensionModal';
 import BusinessSeoModal from './BusinessSeoModal';
+import DeleteAccountButton from './DeleteAccountButton';
 
 interface EntrepreneurActionsProps {
   businessId: string;
@@ -98,6 +99,10 @@ export default function EntrepreneurActions({
             <span className="text-[10px] uppercase font-bold">Shop</span>
           </button>
         )}
+
+        <div className="h-8 w-[1px] bg-slate-800 mx-1 self-center" />
+
+        <DeleteAccountButton userId={userId} userName={userName} />
       </div>
 
       <SuspensionModal
diff --git a/app/actions/auth.ts b/app/actions/auth.ts
new file mode 100644
index 0000000..31b8fd3
--- /dev/null
+++ b/app/actions/auth.ts
@@ -0,0 +1,52 @@
+"use server";
+
+import { prisma } from "@/lib/prisma";
+import { revalidatePath } from "next/cache";
+
+export async function reactivateUserAccount(userId: string, reason: string) {
+  try {
+    const user = await prisma.user.findUnique({
+      where: { id: userId },
+      select: { id: true, name: true, email: true, deletedAt: true }
+    });
+
+    if (!user) {
+      return { success: false, error: "Utilisateur non trouvé" };
+    }
+
+    if (!user.deletedAt) {
+      return { success: false, error: "Ce compte est déjà actif" };
+    }
+
+    await prisma.user.update({
+      where: { id: userId },
+      data: {
+        deletedAt: null,
+        deletionScheduledAt: null,
+        reactivationReason: reason
+      }
+    });
+
+    // Optionnel : Envoyer un mail de confirmation
+    const settings = await prisma.siteSetting.findUnique({ where: { id: "singleton" } });
+    if (settings?.reactivateAccountTemplate) {
+        const { sendEmail } = await import("@/../lib/mail");
+        const html = settings.reactivateAccountTemplate
+            .replace(/{name}/g, user.name)
+            .replace(/{siteName}/g, settings.siteName)
+            .replace(/{reason}/g, reason);
+            
+        await sendEmail({
+            to: user.email,
+            subject: settings.reactivateAccountSubject,
+            html
+        });
+    }
+
+    revalidatePath("/");
+    return { success: true };
+  } catch (error) {
+    console.error("Reactivation Error:", error);
+    return { success: false, error: "Une erreur est survenue lors de la réactivation" };
+  }
+}
diff --git a/app/api/auth/login/route.ts b/app/api/auth/login/route.ts
index 1553a29..faed832 100644
--- a/app/api/auth/login/route.ts
+++ b/app/api/auth/login/route.ts
@@ -56,6 +56,14 @@ export async function POST(request: NextRequest) {
             );
         }
 
+        // Check if account is marked for deletion
+        if (user.deletedAt) {
+            return NextResponse.json(
+                { error: 'Votre compte est désactivé. Veuillez le réactiver via le lien envoyé par email ou contacter le support.' },
+                { status: 403 }
+            );
+        }
+
         // Omit password from response
         const { password: _, ...userWithoutPassword } = user;
 
diff --git a/app/auth/reactivate/ReactivateForm.tsx b/app/auth/reactivate/ReactivateForm.tsx
new file mode 100644
index 0000000..54d4b27
--- /dev/null
+++ b/app/auth/reactivate/ReactivateForm.tsx
@@ -0,0 +1,85 @@
+"use client";
+
+import React, { useState } from 'react';
+import { reactivateUserAccount } from '@/app/actions/auth';
+import { toast } from 'react-hot-toast';
+import { useRouter } from 'next/navigation';
+import { Loader2, CheckCircle2 } from 'lucide-react';
+
+export default function ReactivateForm({ userId }: { userId: string }) {
+  const [reason, setReason] = useState("");
+  const [isPending, setIsPending] = useState(false);
+  const [isSuccess, setIsSuccess] = useState(false);
+  const router = useRouter();
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!reason.trim()) {
+      toast.error("Merci de préciser la raison");
+      return;
+    }
+
+    setIsPending(true);
+    try {
+      const result = await reactivateUserAccount(userId, reason);
+      if (result.success) {
+        setIsSuccess(true);
+        toast.success("Votre compte a été réactivé !");
+        setTimeout(() => router.push("/login"), 3000);
+      } else {
+        toast.error(result.error || "Une erreur est survenue");
+      }
+    } catch (error) {
+      toast.error("Erreur de connexion");
+    } finally {
+      setIsPending(false);
+    }
+  };
+
+  if (isSuccess) {
+    return (
+      <div className="text-center animate-in zoom-in-95 duration-500">
+        <div className="w-20 h-20 bg-emerald-100 rounded-full flex items-center justify-center text-emerald-500 mx-auto mb-6">
+          <CheckCircle2 className="w-12 h-12" />
+        </div>
+        <h2 className="text-2xl font-bold text-slate-900 mb-2">C'est fait !</h2>
+        <p className="text-slate-600">
+          Votre compte est à nouveau actif. Vous allez être redirigé vers la page de connexion dans quelques secondes...
+        </p>
+      </div>
+    );
+  }
+
+  return (
+    <form onSubmit={handleSubmit} className="space-y-6">
+      <div>
+        <label className="block text-sm font-bold text-slate-700 mb-2">
+          Pourquoi souhaitez-vous réactiver votre compte ?
+        </label>
+        <textarea
+          required
+          value={reason}
+          onChange={(e) => setReason(e.target.value)}
+          placeholder="Dites-nous ce qui vous a fait changer d'avis..."
+          className="w-full h-32 px-4 py-3 bg-slate-50 border border-slate-200 rounded-2xl focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition-all resize-none text-slate-900"
+        />
+      </div>
+
+      <button
+        type="submit"
+        disabled={isPending}
+        className="w-full py-4 bg-indigo-600 text-white rounded-2xl font-bold shadow-lg shadow-indigo-200 hover:bg-indigo-700 transition-all flex items-center justify-center gap-2 disabled:opacity-50"
+      >
+        {isPending ? (
+          <Loader2 className="w-5 h-5 animate-spin" />
+        ) : (
+          "Réactiver mon compte maintenant"
+        )}
+      </button>
+
+      <p className="text-center text-xs text-slate-400">
+        En cliquant sur ce bouton, vous annulez la procédure de suppression en cours.
+      </p>
+    </form>
+  );
+}
diff --git a/app/auth/reactivate/page.tsx b/app/auth/reactivate/page.tsx
new file mode 100644
index 0000000..8326488
--- /dev/null
+++ b/app/auth/reactivate/page.tsx
@@ -0,0 +1,67 @@
+import React from 'react';
+import { prisma } from '@/lib/prisma';
+import ReactivateForm from './ReactivateForm';
+import { ShieldCheck, AlertTriangle } from 'lucide-react';
+import Link from 'next/link';
+
+export default async function ReactivatePage({ searchParams: searchParamsPromise }: { searchParams: Promise<{ id?: string }> }) {
+  const searchParams = await searchParamsPromise;
+  const userId = searchParams.id;
+
+  if (!userId) {
+    return (
+      <div className="min-h-screen flex items-center justify-center p-6 bg-slate-50">
+        <div className="max-w-md w-full bg-white rounded-3xl shadow-xl p-8 text-center">
+          <AlertTriangle className="w-16 h-16 text-amber-500 mx-auto mb-4" />
+          <h1 className="text-2xl font-bold text-slate-900 mb-2">Lien invalide</h1>
+          <p className="text-slate-600 mb-6">Ce lien de réactivation est incomplet ou expiré.</p>
+          <Link href="/" className="inline-block px-8 py-3 bg-indigo-600 text-white rounded-xl font-bold shadow-lg shadow-indigo-200 hover:bg-indigo-700 transition-all">
+            Retour à l'accueil
+          </Link>
+        </div>
+      </div>
+    );
+  }
+
+  const user = await prisma.user.findUnique({
+    where: { id: userId },
+    select: { id: true, name: true, deletedAt: true }
+  });
+
+  if (!user || !user.deletedAt) {
+    return (
+      <div className="min-h-screen flex items-center justify-center p-6 bg-slate-50">
+        <div className="max-w-md w-full bg-white rounded-3xl shadow-xl p-8 text-center">
+          <ShieldCheck className="w-16 h-16 text-emerald-500 mx-auto mb-4" />
+          <h1 className="text-2xl font-bold text-slate-900 mb-2">Compte déjà actif</h1>
+          <p className="text-slate-600 mb-6">Votre compte est déjà actif ou n'a jamais été marqué pour suppression.</p>
+          <Link href="/login" className="inline-block px-8 py-3 bg-indigo-600 text-white rounded-xl font-bold shadow-lg shadow-indigo-200 hover:bg-indigo-700 transition-all">
+            Se connecter
+          </Link>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen flex items-center justify-center p-6 bg-slate-50">
+      <div className="max-w-xl w-full bg-white rounded-3xl shadow-xl p-10">
+        <div className="text-center mb-8">
+          <div className="w-20 h-20 bg-indigo-100 rounded-2xl flex items-center justify-center text-indigo-600 mx-auto mb-4">
+            <ShieldCheck className="w-10 h-10" />
+          </div>
+          <h1 className="text-3xl font-bold text-slate-900">Réactiver mon compte</h1>
+          <p className="text-slate-500 mt-2">Heureux de vous revoir, {user.name} !</p>
+        </div>
+
+        <div className="bg-amber-50 border border-amber-200 rounded-2xl p-5 mb-8">
+          <p className="text-sm text-amber-800 leading-relaxed">
+            Votre compte était programmé pour une suppression définitive. En le réactivant, vous conservez toutes vos données, vos messages et vos favoris.
+          </p>
+        </div>
+
+        <ReactivateForm userId={userId} />
+      </div>
+    </div>
+  );
+}
diff --git a/doc/admin/gestion_utilisateurs.md b/doc/admin/gestion_utilisateurs.md
new file mode 100644
index 0000000..0dc15e8
--- /dev/null
+++ b/doc/admin/gestion_utilisateurs.md
@@ -0,0 +1,38 @@
+# Guide de Gestion des Utilisateurs (Suspension & Suppression)
+
+Ce document détaille les procédures de sanctions et de gestion des comptes sur Afrohub.
+
+## 1. Suspension de Compte
+La suspension est une mesure temporaire permettant de bloquer l'accès d'un utilisateur sans supprimer ses données.
+
+### 1.1. Suspension Entrepreneur
+- **Compte Suspendu** : L'entrepreneur ne peut plus se connecter. Son shop est automatiquement masqué.
+- **Shop Masqué (Uniquement)** : L'entrepreneur peut se connecter, mais sa boutique n'est plus visible dans l'annuaire.
+
+### 1.2. Suspension Visiteur
+- L'accès à la messagerie et aux fonctionnalités interactives (avis, favoris) est bloqué.
+
+## 2. Suppression de Compte (Soft Delete & Grace Period)
+La suppression suit un cycle de vie sécurisé pour permettre la réactivation en cas d'erreur ou de changement d'avis.
+
+### 2.1. Déclenchement par l'Admin
+L'admin choisit :
+1. **Le Motif** : Violation des CGU, Inactivité, Demande de l'utilisateur, etc.
+2. **Le Délai** :
+   - **Immédiat** : Le compte est supprimé à la prochaine exécution du script de nettoyage.
+   - **7, 15, 30 jours** : Le compte est désactivé mais conservé en base pendant cette durée.
+
+### 2.2. État "Suppression en cours"
+- L'utilisateur ne peut plus se connecter.
+- Il reçoit un email contenant un lien de réactivation.
+- Dans l'admin, la ligne utilisateur est affichée en rouge avec le statut "Suppression en cours".
+
+### 2.3. Réactivation
+- L'utilisateur peut cliquer sur le lien dans son mail.
+- Il doit fournir une justification pour la réactivation.
+- Une fois validé, le compte redevient "Actif" et le délai de suppression est annulé.
+
+## 3. Suppression Définitive (Hard Delete)
+- S'exécute automatiquement via la tâche Cron.
+- Supprime toutes les données associées en cascade (Boutique, Messages, Avis, Favoris).
+- **Action irréversible**.
diff --git a/doc/admin/guide_maintenance.md b/doc/admin/guide_maintenance.md
new file mode 100644
index 0000000..86aaf5f
--- /dev/null
+++ b/doc/admin/guide_maintenance.md
@@ -0,0 +1,35 @@
+# Guide de Maintenance et Déploiement (Admin)
+
+## 1. Architecture Monorepo
+Le projet utilise **npm workspaces**.
+- Racine : Dépendances partagées, Prisma Schema, Dossier `/app` (Front).
+- `/admin` : Application Next.js dédiée à l'administration.
+
+## 2. Commandes Utiles
+À exécuter depuis la racine du projet :
+- `npm run dev:admin` : Lancer l'admin en développement.
+- `npm run build:admin` : Builder l'admin pour la production.
+- `npx prisma db push` : Synchroniser le schéma Prisma avec la base de données.
+- `npx prisma generate` : Régénérer le client Prisma.
+
+## 3. Déploiement sur Dokploy
+### Configuration de l'application Admin :
+- **Build Command** : `npm run build:admin`
+- **Start Command** : `npm run start:admin`
+- **Install Command** : `npm install --legacy-peer-deps` (à la racine)
+
+### Variables d'environnement critiques :
+- `DATABASE_URL` : Connexion PostgreSQL.
+- `CRON_SECRET` : Clé pour sécuriser le nettoyage des comptes.
+- `SMTP_HOST`, `SMTP_USER`, `SMTP_PASS` : Configuration pour l'envoi d'emails.
+- `NEXT_PUBLIC_APP_URL` : URL du site front-end (pour les liens de réactivation).
+
+## 4. Configuration des Tâches Cron
+Pour automatiser la suppression définitive des comptes :
+1. Dans Dokploy, créez une tâche Cron pour l'application Admin.
+2. Planification : `0 0 * * *` (tous les jours à minuit).
+3. Commande : `curl -X GET "https://votre-admin.com/api/cron/cleanup-users?key=VOTRE_SECRET"`
+
+## 5. Gestion de la Base de Données
+Le schéma Prisma se trouve à la racine : `/prisma/schema.prisma`.
+Toute modification du schéma doit être suivie d'un `npx prisma db push` et d'un redémarrage des serveurs pour que le client Prisma soit mis à jour.
diff --git a/doc/admin/specs_fonctionnelles.md b/doc/admin/specs_fonctionnelles.md
new file mode 100644
index 0000000..0d0dfa1
--- /dev/null
+++ b/doc/admin/specs_fonctionnelles.md
@@ -0,0 +1,44 @@
+# Spécifications Fonctionnelles - Panel Administration
+
+## 1. Vue d'ensemble
+Le panel d'administration permet de piloter l'ensemble de la plateforme Afrohub, de modérer les contenus et de gérer la configuration globale.
+
+## 2. Tableau de Bord (Dashboard)
+- Statistiques clés : Nombre d'utilisateurs, entreprises, avis en attente.
+- Métriques d'audience (via le menu Metrics).
+- Visualisation géographique des entreprises.
+
+## 3. Gestion des Utilisateurs
+### 3.1. Entrepreneurs
+- Validation des boutiques (Certification).
+- Modification des forfaits (Starter, Booster, Empire).
+- Gestion de la mise en avant (Slides Home).
+- Suspension de boutique ou de compte complet.
+- Suppression de compte avec choix du motif et du délai (0, 7, 15, 30 jours).
+
+### 3.2. Visiteurs
+- Consultation des informations de contact.
+- Vérification manuelle de l'email.
+- Suspension et suppression de compte.
+
+## 4. Modération des Contenus
+- **Avis** : Approbation ou rejet des avis laissés par les utilisateurs.
+- **Signalements** : Traitement des messages signalés dans la messagerie.
+- **Commentaires** : Gestion des commentaires sur les articles.
+
+## 5. Gestion éditoriale
+- **Actualités** : Création, édition et suppression d'articles.
+- **Interviews** : Gestion des entretiens avec les entrepreneurs.
+- **Événements** : Publication et gestion de l'agenda.
+- **Slides** : Configuration du carrousel de la page d'accueil (Boutiques ou Custom).
+
+## 6. Configuration du Site
+- Informations de contact (Email, Téléphone, Adresse).
+- Liens réseaux sociaux.
+- Gestion des documents légaux (CGU, CGV, Confidentialité).
+- Personnalisation des templates d'emails (Vérification, Mot de passe, Suppression, Réactivation).
+- Gestion des taxonomies (Catégories d'entreprises, Pays).
+
+## 7. Automatisation (Cron)
+- Nettoyage automatique des comptes marqués pour suppression après expiration du délai.
+- URL sécurisée : `/api/cron/cleanup-users?key=SECRET`.
diff --git a/doc/front/specs_fonctionnelles.md b/doc/front/specs_fonctionnelles.md
new file mode 100644
index 0000000..53c74ef
--- /dev/null
+++ b/doc/front/specs_fonctionnelles.md
@@ -0,0 +1,40 @@
+# Spécifications Fonctionnelles - Plateforme Front-end
+
+## 1. Introduction
+Afrohub est une plateforme dédiée à l'entrepreneuriat africain, permettant aux entrepreneurs de mettre en avant leurs activités et aux visiteurs de découvrir des entreprises, des événements et des actualités.
+
+## 2. Rôles Utilisateurs
+- **Visiteur (Non connecté)** : Peut consulter l'annuaire, les actualités, les événements et s'inscrire.
+- **Client/Visiteur (Connecté)** : Peut mettre en favoris des entreprises, envoyer des messages et laisser des avis.
+- **Entrepreneur** : Possède toutes les fonctionnalités du visiteur connecté, plus la gestion de sa propre boutique/entreprise (Shop).
+- **Admin** : Gère la plateforme via le panel d'administration dédié.
+
+## 3. Fonctionnalités Principales
+
+### 3.1. Annuaire d'Entreprises
+- Consultation par catégories (Technologie, Agriculture, Mode, etc.).
+- Recherche par localisation et mots-clés.
+- Fiches détaillées : Vidéo de présentation, coordonnées, liens sociaux, tags.
+- Système de notation et avis (avec modération).
+
+### 3.2. Actualités et Contenu
+- **Articles de Blog** : Informations sur l'écosystème entrepreneurial.
+- **Interviews** : Interviews d'entrepreneurs (vidéo ou article).
+- **Événements** : Agenda des événements à venir.
+
+### 3.3. Messagerie
+- Mise en relation directe entre visiteurs et entrepreneurs.
+- Système de conversation privée.
+- Signalement de messages inappropriés.
+
+### 3.4. Authentification et Sécurité
+- Inscription et Connexion.
+- Vérification d'email obligatoire.
+- Réinitialisation de mot de passe.
+- **Gestion du compte** : Possibilité de demander la suppression de son compte avec un délai de grâce de 30 jours.
+- **Réactivation** : Possibilité de réactiver un compte en cours de suppression via un lien sécurisé.
+
+## 4. Parcours Utilisateur
+1. **Découverte** : Accueil -> Recherche -> Fiche Entreprise.
+2. **Interaction** : Connexion -> Message à l'entrepreneur ou Avis.
+3. **Conversion (Entrepreneur)** : Inscription -> Création de boutique -> Choix d'un forfait (Starter, Booster, Empire).
diff --git a/next-env.d.ts b/next-env.d.ts
index 9edff1c..c4b7818 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 9c40989..ae9d65a 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -6,6 +6,7 @@ generator client {
 datasource db {
   provider = "postgresql"
   url      = env("DATABASE_URL")
+  relationMode = "prisma"
 }
 
 model User {
@@ -35,6 +36,10 @@ model User {
   reports           MessageReport[]
   ratings           Rating[]
   country           Country?                  @relation(fields: [countryId], references: [id])
+  deletedAt         DateTime?
+  deletionScheduledAt DateTime?
+  deletionReason    String?
+  reactivationReason String?
 }
 
 model Business {
@@ -80,7 +85,7 @@ model Business {
   metaTitle         String?
   categoryRef       BusinessCategory? @relation(fields: [categoryId], references: [id])
   country           Country?          @relation(fields: [countryId], references: [id])
-  owner             User              @relation(fields: [ownerId], references: [id])
+  owner             User              @relation(fields: [ownerId], references: [id], onDelete: Cascade)
   comments          Comment[]
   conversations     Conversation[]
   favorites         Favorite[]
@@ -322,6 +327,10 @@ model SiteSetting {
   resetPasswordTemplate String   @default("<div style=\"font-family: sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #e5e7eb; border-radius: 8px;\"><h2 style=\"color: #0d9488; text-align: center;\">{siteName}</h2><p>Bonjour {name},</p><p>Vous avez demandé la réinitialisation de votre mot de passe. Cliquez sur le bouton ci-dessous pour choisir un nouveau mot de passe :</p><div style=\"text-align: center; margin: 30px 0;\"><a href=\"{resetUrl}\" style=\"background-color: #0d9488; color: white; padding: 12px 24px; text-decoration: none; border-radius: 6px; font-weight: bold;\">Réinitialiser mon mot de passe</a></div><p>Ce lien expirera dans 1 heure. Si vous n'avez pas demandé cette réinitialisation, vous pouvez ignorer cet email.</p><hr style=\"border: 0; border-top: 1px solid #e5e7eb; margin: 20px 0;\"><p style=\"font-size: 12px; color: #6b7280; text-align: center;\">&copy; 2025 {siteName}. Tous droits réservés.</p></div>")
   verifyEmailSubject    String   @default("Vérification de votre compte - Afrohub")
   verifyEmailTemplate   String   @default("<div style=\"font-family: sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #e5e7eb; border-radius: 8px;\"><h2 style=\"color: #0d9488; text-align: center;\">{siteName}</h2><p>Bonjour {name},</p><p>Merci de vous être inscrit sur {siteName}. Pour finaliser la création de votre compte, merci de vérifier votre adresse email en cliquant sur le bouton ci-dessous :</p><div style=\"text-align: center; margin: 30px 0;\"><a href=\"{verifyUrl}\" style=\"background-color: #0d9488; color: white; padding: 12px 24px; text-decoration: none; border-radius: 6px; font-weight: bold;\">Vérifier mon compte</a></div><p>Si vous n'avez pas créé de compte sur notre plateforme, vous pouvez ignorer cet email.</p><hr style=\"border: 0; border-top: 1px solid #e5e7eb; margin: 20px 0;\"><p style=\"font-size: 12px; color: #6b7280; text-align: center;\">&copy; 2025 {siteName}. Tous droits réservés.</p></div>")
+  deleteAccountSubject  String   @default("Suppression de votre compte - Afrohub")
+  deleteAccountTemplate String   @default("<div style=\"font-family: sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #e5e7eb; border-radius: 8px;\"><h2 style=\"color: #dc2626; text-align: center;\">{siteName}</h2><p>Bonjour {name},</p><p>Votre demande de suppression de compte a bien été prise en compte. Votre compte sera définitivement supprimé le <strong>{deletionDate}</strong>.</p><p>Si vous changez d'avis, vous pouvez réactiver votre compte avant cette date en cliquant sur le bouton ci-dessous :</p><div style=\"text-align: center; margin: 30px 0;\"><a href=\"{reactivateUrl}\" style=\"background-color: #0d9488; color: white; padding: 12px 24px; text-decoration: none; border-radius: 6px; font-weight: bold;\">Réactiver mon compte</a></div><p>Passé ce délai, toutes vos données seront définitivement effacées.</p><hr style=\"border: 0; border-top: 1px solid #e5e7eb; margin: 20px 0;\"><p style=\"font-size: 12px; color: #6b7280; text-align: center;\">&copy; 2025 {siteName}. Tous droits réservés.</p></div>")
+  reactivateAccountSubject String @default("Réactivation de votre compte - Afrohub")
+  reactivateAccountTemplate String @default("<div style=\"font-family: sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #e5e7eb; border-radius: 8px;\"><h2 style=\"color: #0d9488; text-align: center;\">{siteName}</h2><p>Bonjour {name},</p><p>Nous avons bien reçu votre demande de réactivation de compte.</p><p><strong>Raison invoquée :</strong><br>{reason}</p><p>Votre compte est désormais actif. Vous pouvez vous connecter à nouveau.</p><hr style=\"border: 0; border-top: 1px solid #e5e7eb; margin: 20px 0;\"><p style=\"font-size: 12px; color: #6b7280; text-align: center;\">&copy; 2025 {siteName}. Tous droits réservés.</p></div>")
 }
 
 model OneShotPlan {