create-crm-tmp 1.1.1 → 1.1.3

package/bin/create-crm-tmp.js

@@ -72,6 +72,7 @@ APP_NAME="${projectName
 
 ENCRYPTION_KEY="" # openssl rand -base64 32
 
+# API Google à ajouter dans console.cloud.google : Google Drive API, Google Calendar API, Google Sheet API
 GOOGLE_CLIENT_ID=""
 GOOGLE_CLIENT_SECRET=""
 GOOGLE_REDIRECT_URI="http://localhost:3000/api/auth/google/callback"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-crm-tmp",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Créer un nouveau projet CRM basé sur le template",
   "bin": {
     "create-crm-tmp": "./bin/create-crm-tmp.js"

package/template/README.md

@@ -53,102 +53,88 @@ pro.
 - **Langage**: TypeScript
 - **Gestionnaire de paquets**: pnpm
 
-## 🚀 Initialiser un projet via le package `create-crm-tmp`
+## 🚀 Installation
 
-Ce template est distribué sous forme de package `create-crm-tmp`.  
-Pour créer un nouveau projet basé sur ce CRM :
+1. **Cloner le projet**
 
 ```bash
-pnpm create crm-tmp@latest mon-crm
+git clone <votre-repo>
+cd crm-template
 ```
 
-Puis :
+2. **Installer les dépendances**
 
 ```bash
-cd mon-crm
 pnpm install
 ```
 
-À partir de là, vous pouvez suivre les étapes de configuration ci‑dessous (variables d’environnement, base de données et migrations).
+3. **Configurer les variables d'environnement**
 
-### 🔌 Utiliser Supabase comme base de données PostgreSQL
+Créez un fichier `.env` à la racine du projet :
 
-Vous pouvez utiliser **Supabase** uniquement comme **hébergeur PostgreSQL** (l’auth du projet reste gérée par Better Auth).
+```env
+# Database
+DATABASE_URL="postgresql://postgres:password@localhost:5432/crm_db"
 
-1. **Créer un projet Supabase**
-   - Allez sur le dashboard Supabase.
-   - Créez un nouveau projet.
-   - Attendez que la base de données soit provisionnée.
-2. **Récupérer la connexion Postgres**
-   - Dans Supabase, cliquez sur `🔌 Connect`.
-   - Sélectionnez `ORMs` et choisissez le Tool `Prisma`
-   - Copiez les 2 premières variables d'environnement du contenu dans `.env.local` (`DATABASE_URL & DIRECT_URL`).
-3. **Configurer `DATABASE_URL`**
-   - Dans votre projet généré (`mon-crm`), créez ou mettez à jour le fichier `.env` :
+# Better Auth (générer avec: openssl rand -base64 32)
+BETTER_AUTH_SECRET="votre-clé-secrète-minimum-32-caractères"
+BETTER_AUTH_URL="http://localhost:3000"
 
-   ```env
-   # Database (Supabase)
-   DATABASE_URL="postgresql://postgres.project:[YOUR-PASSWORD]@aws.pooler.supabase.com:port/postgres?pgbouncer=true"
-   DIRECT_URL="postgresql://postgres.project:[YOUR-PASSWORD]@aws.pooler.supabase.com:port/postgres"
+# Application
+NEXT_PUBLIC_APP_URL="http://localhost:3000"
+NODE_ENV="development"
+```
 
-   # Better Auth
-   BETTER_AUTH_SECRET="votre-clé-secrète-minimum-32-caractères"
-   BETTER_AUTH_URL="http://localhost:3000"
+4. **Créer la base de données**
 
-   # Application
-   NEXT_PUBLIC_APP_URL="http://localhost:3000"
-   NODE_ENV="development"
-   ```
-   
-4. **Appliquer les migrations Prisma sur Supabase**
+```bash
+createdb crm_db
+# Ou: psql -U postgres -c "CREATE DATABASE crm_db;"
+```
 
-   ```bash
-   pnpm prisma migrate deploy
-   ```
+5. **Appliquer les migrations**
 
-5. **Lancer l’application**
+```bash
+pnpm prisma migrate deploy
+```
 
-   ```bash
-   pnpm dev
-   ```
+6. **Lancer le serveur de développement**
+
+```bash
+pnpm dev
+```
 
 Ouvrez [http://localhost:3000](http://localhost:3000) pour voir l'application.
 
-6. **Lancez le script permettant de créer un compte Admin**
+7. **Créer votre premier admin**
 
 ```bash
-# Lancez ceci
-npm tsx scripts/create-admin.ts [email] [password] [name]
+# Ouvrir Prisma Studio
+pnpm prisma studio
 
-# Modifier les champ "[email] [password] [name] pour configurer votre compte Admin
-```
-
-7. **Lancez le script permettant d'ajouter les permissions dans la base de données**
-```bash
-# Lancez ceci
-npm tsx scripts/seed-roles.ts
+# Modifier le champ "role" de votre utilisateur en "ADMIN"
 ```
 
 ## 📁 Structure du projet
 
 ```
-.
-├── prisma/
-│   └── schema.prisma             # Schéma Prisma (migrations via CLI)
-├── src/
-│   ├── app/
-│   │   ├── (auth)/               # Pages d'authentification
-│   │   ├── (dashboard)/          # Espace connecté (contacts, agenda, etc.)
-│   │   ├── api/                  # Routes API (contacts, workflows, users, intégrations…)
-│   │   ├── layout.tsx            # Layout racine (HTML, <body>, providers…)
-│   │   └── page.tsx              # Page d'accueil / redirection
-│   ├── components/               # Composants UI (sidebar, headers, formulaires…)
-│   ├── lib/                      # Auth, Prisma, rôles, intégrations externes, utils…
-│   └── proxy.ts                  # Protection des routes (proxy Next.js)
-├── scripts/
-│   ├── create-admin.ts           # Script pour créer un compte admin
-│   └── seed-roles.ts             # Script pour insérer rôles & permissions
-└── ...
+src/
+├── app/
+│   ├── (auth)/                  # Groupe de routes d'authentification
+│   ├── (dashboard)/             # Espace connecté (protégé)
+│   │   ├── dashboard/           # Tableau de bord
+│   │   ├── contacts/            # Gestion des contacts
+│   │   ├── agenda/              # Agenda (mois / semaine / jour)
+│   │   ├── automatisation/      # Workflows / automatisations
+│   │   ├── templates/           # Templates d’emails
+│   │   ├── settings/            # Paramètres (profil, entreprise, intégrations…)
+│   │   ├── users/               # Gestion des utilisateurs & rôles (admin)
+│   │   └── layout.tsx           # Layout avec sidebar
+│   ├── api/                     # API (contacts, workflows, intégrations, users, etc.)
+│   └── page.tsx                 # Page d'accueil (redirection)
+├── components/                  # Composants UI (sidebar, headers, skeletons…)
+├── lib/                         # Auth, Prisma, rôles, intégrations Google, workflows…
+└── proxy.ts                     # Protection des routes (proxy)
 ```
 
 ## 🔒 Protection & rôles

package/template/package.json

@@ -12,7 +12,6 @@
     "format:check": "prettier --check \"**/*.{ts,tsx,js,jsx,json,css,md}\""
   },
   "dependencies": {
-    "@hookform/resolvers": "^5.2.2",
     "@lexical/html": "^0.38.2",
     "@lexical/list": "^0.38.2",
     "@lexical/markdown": "^0.38.2",
@@ -21,46 +20,49 @@
     "@lexical/selection": "^0.38.2",
     "@lexical/utils": "^0.38.2",
     "@lexkit/editor": "^0.0.38",
-    "@prisma/adapter-pg": "^7.3.0",
-    "@prisma/client": "^7.3.0",
+    "@prisma/adapter-pg": "^7.4.1",
+    "@prisma/client": "^7.4.1",
     "@react-email/render": "^2.0.4",
     "bcryptjs": "^3.0.3",
-    "better-auth": "^1.4.18",
+    "better-auth": "^1.4.19",
     "clsx": "^2.1.1",
-    "dotenv": "^17.2.4",
-    "iron-session": "^8.0.4",
+    "dotenv": "^17.3.1",
     "lexical": "^0.38.2",
     "lucide-react": "^0.555.0",
-    "next": "16.0.10",
+    "next": "16.1.6",
     "nodemailer": "^7.0.13",
     "papaparse": "^5.5.3",
-    "pg": "^8.18.0",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
+    "pg": "^8.19.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
     "react-grid-layout": "^2.2.2",
-    "react-hook-form": "^7.71.1",
     "recharts": "^2.15.4",
-    "tailwind-merge": "^3.4.0",
-    "xlsx": "^0.18.5",
-    "zod": "^4.3.6"
+    "tailwind-merge": "^3.5.0",
+    "xlsx": "https://cdn.sheetjs.com/xlsx-latest/xlsx-latest.tgz"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.1.18",
-    "@types/node": "^20.19.33",
-    "@types/nodemailer": "^7.0.9",
+    "@tailwindcss/postcss": "^4.2.1",
+    "@types/node": "^20.19.34",
+    "@types/nodemailer": "^7.0.11",
     "@types/papaparse": "^5.5.2",
     "@types/pg": "^8.16.0",
-    "@types/react": "^19.2.13",
-    "@types/react-dom": "^19.2.3",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
     "@types/react-grid-layout": "^2.1.0",
     "babel-plugin-react-compiler": "1.0.0",
-    "eslint": "^9.39.2",
-    "eslint-config-next": "16.0.7",
+    "eslint": "^9.39.3",
+    "eslint-config-next": "16.1.6",
     "prettier": "^3.8.1",
     "prettier-plugin-tailwindcss": "^0.7.2",
-    "prisma": "^7.3.0",
-    "tailwindcss": "^4.1.18",
+    "prisma": "^7.4.1",
+    "tailwindcss": "^4.2.1",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3"
+  },
+  "pnpm": {
+    "overrides": {
+      "@types/react": "19.2.14",
+      "@types/react-dom": "19.2.3"
+    }
   }
 }

package/template/prisma/migrations/20260226093949_fix_cascade_on_user_delete/migration.sql

@@ -0,0 +1,69 @@
+-- DropForeignKey
+ALTER TABLE "contact" DROP CONSTRAINT "contact_createdById_fkey";
+
+-- DropForeignKey
+ALTER TABLE "contact_file" DROP CONSTRAINT "contact_file_uploadedById_fkey";
+
+-- DropForeignKey
+ALTER TABLE "google_sheet_sync_config" DROP CONSTRAINT "google_sheet_sync_config_ownerUserId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "interaction" DROP CONSTRAINT "interaction_userId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "task" DROP CONSTRAINT "task_assignedUserId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "task" DROP CONSTRAINT "task_createdById_fkey";
+
+-- DropForeignKey
+ALTER TABLE "template" DROP CONSTRAINT "template_userId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "workflow" DROP CONSTRAINT "workflow_userId_fkey";
+
+-- AlterTable
+ALTER TABLE "contact" ALTER COLUMN "createdById" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "contact_file" ALTER COLUMN "uploadedById" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "google_sheet_sync_config" ALTER COLUMN "ownerUserId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "interaction" ALTER COLUMN "userId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "task" ALTER COLUMN "assignedUserId" DROP NOT NULL,
+ALTER COLUMN "createdById" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "template" ALTER COLUMN "userId" DROP NOT NULL;
+
+-- AlterTable
+ALTER TABLE "workflow" ALTER COLUMN "userId" DROP NOT NULL;
+
+-- AddForeignKey
+ALTER TABLE "contact" ADD CONSTRAINT "contact_createdById_fkey" FOREIGN KEY ("createdById") REFERENCES "user"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "interaction" ADD CONSTRAINT "interaction_userId_fkey" FOREIGN KEY ("userId") REFERENCES "user"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "task" ADD CONSTRAINT "task_assignedUserId_fkey" FOREIGN KEY ("assignedUserId") REFERENCES "user"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "task" ADD CONSTRAINT "task_createdById_fkey" FOREIGN KEY ("createdById") REFERENCES "user"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "contact_file" ADD CONSTRAINT "contact_file_uploadedById_fkey" FOREIGN KEY ("uploadedById") REFERENCES "user"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "google_sheet_sync_config" ADD CONSTRAINT "google_sheet_sync_config_ownerUserId_fkey" FOREIGN KEY ("ownerUserId") REFERENCES "user"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "template" ADD CONSTRAINT "template_userId_fkey" FOREIGN KEY ("userId") REFERENCES "user"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "workflow" ADD CONSTRAINT "workflow_userId_fkey" FOREIGN KEY ("userId") REFERENCES "user"("id") ON DELETE SET NULL ON UPDATE CASCADE;

package/template/prisma/schema.prisma

@@ -260,8 +260,8 @@ model Contact {
   assignedCommercial   User?         @relation("ContactAssignedCommercial", fields: [assignedCommercialId], references: [id], onDelete: SetNull)
   assignedTeleproId    String? // Télépro assigné
   assignedTelepro      User?         @relation("ContactAssignedTelepro", fields: [assignedTeleproId], references: [id], onDelete: SetNull)
-  createdById          String // Utilisateur qui a créé le contact
-  createdBy            User          @relation("ContactCreatedBy", fields: [createdById], references: [id], onDelete: Cascade)
+  createdById          String? // Utilisateur qui a créé le contact
+  createdBy            User?         @relation("ContactCreatedBy", fields: [createdById], references: [id], onDelete: SetNull)
   createdAt            DateTime      @default(now())
   updatedAt            DateTime      @updatedAt
   interactions         Interaction[]
@@ -286,8 +286,8 @@ model Interaction {
   title     String?
   content   String // Contenu de l'interaction
   metadata  Json? // Métadonnées pour stocker les détails des changements (ancienne valeur, nouvelle valeur, etc.)
-  userId    String // Utilisateur qui a créé l'interaction
-  user      User            @relation(fields: [userId], references: [id], onDelete: Cascade)
+  userId    String? // Utilisateur qui a créé l'interaction
+  user      User?           @relation(fields: [userId], references: [id], onDelete: SetNull)
   date      DateTime? // Date de l'interaction (pour RDV, appels, etc.)
   createdAt DateTime        @default(now())
   updatedAt DateTime        @updatedAt
@@ -322,10 +322,10 @@ model Task {
   priority              TaskPriority @default(MEDIUM)
   scheduledAt           DateTime // Date et heure de la tâche
   reminderMinutesBefore Int? // Rappel en minutes avant l'heure prévue (ex: 15, 30, 60)
-  assignedUserId        String // Utilisateur assigné
-  assignedUser          User         @relation("TaskAssignedTo", fields: [assignedUserId], references: [id], onDelete: Cascade)
-  createdById           String // Utilisateur qui a créé la tâche
-  createdBy             User         @relation("TaskCreatedBy", fields: [createdById], references: [id], onDelete: Cascade)
+  assignedUserId        String? // Utilisateur assigné
+  assignedUser          User?        @relation("TaskAssignedTo", fields: [assignedUserId], references: [id], onDelete: SetNull)
+  createdById           String? // Utilisateur qui a créé la tâche
+  createdBy             User?        @relation("TaskCreatedBy", fields: [createdById], references: [id], onDelete: SetNull)
   completed             Boolean      @default(false) // Tâche terminée ou non
   completedAt           DateTime? // Date de complétion
   googleEventId         String? // ID de l'évènement Google Calendar
@@ -366,8 +366,8 @@ model ContactFile {
   fileSize        Int      // Taille en octets
   mimeType        String   // Type MIME du fichier
   googleDriveFileId String // ID du fichier dans Google Drive
-  uploadedById    String   // Utilisateur qui a uploadé le fichier
-  uploadedBy      User     @relation("ContactFileUploadedBy", fields: [uploadedById], references: [id], onDelete: Cascade)
+  uploadedById    String?  // Utilisateur qui a uploadé le fichier
+  uploadedBy      User?    @relation("ContactFileUploadedBy", fields: [uploadedById], references: [id], onDelete: SetNull)
   createdAt       DateTime @default(now())
   updatedAt       DateTime @updatedAt
 
@@ -411,8 +411,8 @@ model GoogleAdsLeadConfig {
 model GoogleSheetSyncConfig {
   id                    String   @id @default(cuid())
   name                  String // Nom de la configuration (ex: "Contacts Ventes")
-  ownerUserId           String
-  ownerUser             User     @relation("GoogleSheetOwner", fields: [ownerUserId], references: [id], onDelete: Cascade)
+  ownerUserId           String?
+  ownerUser             User?    @relation("GoogleSheetOwner", fields: [ownerUserId], references: [id], onDelete: SetNull)
   spreadsheetId         String
   sheetName             String
   headerRow             Int
@@ -457,8 +457,8 @@ model Template {
   type      TemplateType // Type de template (EMAIL, SMS, NOTE)
   subject   String? // Sujet (pour EMAIL uniquement)
   content   String // Contenu du template (HTML pour EMAIL, texte pour SMS et NOTE)
-  userId    String // Utilisateur qui a créé le template
-  user      User         @relation("TemplateCreatedBy", fields: [userId], references: [id], onDelete: Cascade)
+  userId    String? // Utilisateur qui a créé le template
+  user      User?        @relation("TemplateCreatedBy", fields: [userId], references: [id], onDelete: SetNull)
   workflowActions        WorkflowAction[] @relation("WorkflowActionEmailTemplate")
   createdAt DateTime     @default(now())
   updatedAt DateTime     @updatedAt
@@ -493,8 +493,8 @@ model Workflow {
   name        String
   description String?
   active      Boolean  @default(true)
-  userId      String   // Utilisateur propriétaire du workflow
-  user        User     @relation("WorkflowOwner", fields: [userId], references: [id], onDelete: Cascade)
+  userId      String?  // Utilisateur propriétaire du workflow
+  user        User?    @relation("WorkflowOwner", fields: [userId], references: [id], onDelete: SetNull)
   
   // Configuration du déclencheur
   triggerType WorkflowTriggerType

package/template/src/app/(dashboard)/agenda/page.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect, useRef, useMemo } from 'react';
 import { useUserRole } from '@/hooks/use-user-role';
 import { useViewAs } from '@/contexts/view-as-context';
-import { cn } from '@/lib/utils';
+import { cn, getUserDisplayName } from '@/lib/utils';
 import {
   Calendar,
   Clock,
@@ -43,7 +43,7 @@ interface Task {
     id: string;
     name: string;
     eventColor: string | null;
-  };
+  } | null;
 }
 
 // Couleurs par type d'événement (fallback si pas de couleur utilisateur)
@@ -69,7 +69,7 @@ const HOURS = Array.from({ length: 17 }, (_, i) => i + 6); // 6h à 22h
 
 // Fonction pour obtenir la couleur d'un événement basée sur l'utilisateur
 const getEventColor = (task: Task): string => {
-  return task.assignedUser.eventColor || TYPE_COLORS[task.type] || '#6366F1';
+  return task.assignedUser?.eventColor || TYPE_COLORS[task.type] || '#6366F1';
 };
 
 const formatHourLabel = (hour: number) => {
@@ -498,7 +498,7 @@ export default function AgendaPage() {
       // Filtre par utilisateur (si "Voir les autres utilisateurs" est actif)
       let userMatch = true;
       if (showOtherUsersEvents && selectedUserIds.size > 0) {
-        userMatch = selectedUserIds.has(task.assignedUser.id);
+        userMatch = task.assignedUser ? selectedUserIds.has(task.assignedUser.id) : false;
       }
 
       return typeMatch && userMatch;
@@ -1821,7 +1821,7 @@ export default function AgendaPage() {
                               {isAdmin && (
                                 <div className="flex items-center gap-1">
                                   <User className="h-4 w-4" />
-                                  {task.assignedUser.name}
+                                  {getUserDisplayName(task.assignedUser)}
                                 </div>
                               )}
                             </div>
@@ -1943,7 +1943,7 @@ export default function AgendaPage() {
                                 {isAdmin && (
                                   <div className="flex items-center gap-1">
                                     <User className="h-4 w-4" />
-                                    {task.assignedUser.name}
+                                    {getUserDisplayName(task.assignedUser)}
                                   </div>
                                 )}
                               </div>
@@ -2072,7 +2072,7 @@ export default function AgendaPage() {
                               {isAdmin && (
                                 <div className="flex items-center gap-1">
                                   <User className="h-4 w-4" />
-                                  {task.assignedUser.name}
+                                  {getUserDisplayName(task.assignedUser)}
                                 </div>
                               )}
                             </div>

package/template/src/app/(dashboard)/contacts/[id]/page.tsx

@@ -22,13 +22,12 @@ import {
   Upload,
   File,
   Target,
-  ChevronDown,
 } from 'lucide-react';
 import Link from 'next/link';
 import { Editor, type DefaultTemplateRef } from '@/components/editor';
 import { useUserRole } from '@/hooks/use-user-role';
 import { replaceTemplateVariables } from '@/lib/template-variables';
-import { cn, normalizePhoneNumber } from '@/lib/utils';
+import { cn, normalizePhoneNumber, getUserDisplayName } from '@/lib/utils';
 
 interface Status {
   id: string;
@@ -43,25 +42,6 @@ interface User {
   role?: string;
 }
 
-function getNewsFeedCardColor(type: string): string {
-  switch (type) {
-    case 'STATUS_CHANGE':
-      return 'bg-purple-50 border-purple-200';
-    case 'CONTACT_UPDATE':
-      return 'bg-indigo-50 border-indigo-200';
-    case 'ASSIGNMENT_CHANGE':
-      return 'bg-teal-50 border-teal-200';
-    case 'FILE_UPLOADED':
-      return 'bg-green-50 border-green-200';
-    case 'FILE_REPLACED':
-      return 'bg-orange-50 border-orange-200';
-    case 'FILE_DELETED':
-      return 'bg-red-50 border-red-200';
-    default:
-      return 'bg-gray-50 border-gray-200';
-  }
-}
-
 interface Interaction {
   id: string;
   type:
@@ -118,8 +98,8 @@ interface Contact {
   assignedCommercial: User | null;
   assignedTeleproId: string | null;
   assignedTelepro: User | null;
-  createdById: string;
-  createdBy: User;
+  createdById: string | null;
+  createdBy: User | null;
   createdAt: string;
   updatedAt: string;
   interactions: Interaction[];
@@ -152,7 +132,6 @@ export default function ContactDetailPage() {
   const [tasks, setTasks] = useState<any[]>([]);
   const [sendingEmail, setSendingEmail] = useState(false);
   const [creatingTask, setCreatingTask] = useState(false);
-  const [showNewsFeed, setShowNewsFeed] = useState(false);
   const [emailTemplates, setEmailTemplates] = useState<any[]>([]);
   const [noteTemplates, setNoteTemplates] = useState<any[]>([]);
   const emailEditorRef = useRef<DefaultTemplateRef | null>(null);
@@ -2594,12 +2573,9 @@ export default function ContactDetailPage() {
                                                 },
                                               )}
                                             </p>
-                                            {interaction.user && (
-                                              <p className="text-xs text-gray-500">
-                                                Par :{' '}
-                                                {interaction.user.name || interaction.user.email}
-                                              </p>
-                                            )}
+                                            <p className="text-xs text-gray-500">
+                                              Par : {getUserDisplayName(interaction.user)}
+                                            </p>
                                           </div>
                                         </div>
                                       </div>
@@ -2615,36 +2591,44 @@ export default function ContactDetailPage() {
 
                     {/* Section Fil d'actualités */}
                     <div>
-                      <button
-                        type="button"
-                        onClick={() => setShowNewsFeed((prev) => !prev)}
-                        className="mb-4 flex w-full cursor-pointer items-center justify-between rounded-xl border border-transparent px-3 py-2 text-left transition-colors hover:border-gray-200 hover:bg-gray-50"
-                      >
-                        <span className="text-lg font-semibold text-gray-900">Fil d'actualités</span>
-                        <ChevronDown
-                          className={cn(
-                            'h-4 w-4 text-gray-500 transition-transform',
-                            showNewsFeed ? 'rotate-180' : 'rotate-0',
-                          )}
-                        />
-                      </button>
-                      {showNewsFeed && (
-                        <div className="space-y-4">
-                          {Object.keys(groupedNewsFeed).length === 0 ? (
-                            <p className="py-6 text-center text-sm text-gray-500">
-                              Aucune modification
-                            </p>
-                          ) : (
-                            Object.entries(groupedNewsFeed).map(([date, interactions]) => (
-                              <div key={date}>
-                                <h3 className="mb-3 text-sm font-semibold text-gray-700">{date}</h3>
-                                <div className="space-y-2">
-                                  {interactions.map((interaction) => (
+                      <div className="mb-4 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+                        <h2 className="text-lg font-semibold text-gray-900">Fil d'actualités</h2>
+                      </div>
+                      <div className="space-y-4">
+                        {Object.keys(groupedNewsFeed).length === 0 ? (
+                          <p className="py-6 text-center text-sm text-gray-500">
+                            Aucune modification
+                          </p>
+                        ) : (
+                          Object.entries(groupedNewsFeed).map(([date, interactions]) => (
+                            <div key={date}>
+                              <h3 className="mb-3 text-sm font-semibold text-gray-700">{date}</h3>
+                              <div className="space-y-2">
+                                {interactions.map((interaction) => {
+                                  const getCardColor = (type: string) => {
+                                    switch (type) {
+                                      case 'STATUS_CHANGE':
+                                        return 'bg-purple-50 border-purple-200';
+                                      case 'CONTACT_UPDATE':
+                                        return 'bg-indigo-50 border-indigo-200';
+                                      case 'ASSIGNMENT_CHANGE':
+                                        return 'bg-teal-50 border-teal-200';
+                                      case 'FILE_UPLOADED':
+                                        return 'bg-green-50 border-green-200';
+                                      case 'FILE_REPLACED':
+                                        return 'bg-orange-50 border-orange-200';
+                                      case 'FILE_DELETED':
+                                        return 'bg-red-50 border-red-200';
+                                      default:
+                                        return 'bg-gray-50 border-gray-200';
+                                    }
+                                  };
+                                  return (
                                     <div
                                       key={interaction.id}
                                       className={cn(
                                         'relative rounded-lg border p-3 sm:p-4',
-                                        getNewsFeedCardColor(interaction.type),
+                                        getCardColor(interaction.type),
                                       )}
                                     >
                                       <div className="flex items-start gap-2 sm:gap-3">
@@ -2670,23 +2654,20 @@ export default function ContactDetailPage() {
                                                 },
                                               )}
                                             </p>
-                                            {interaction.user && (
-                                              <p className="text-xs text-gray-500">
-                                                Par :{' '}
-                                                {interaction.user.name || interaction.user.email}
-                                              </p>
-                                            )}
+                                            <p className="text-xs text-gray-500">
+                                              Par : {getUserDisplayName(interaction.user)}
+                                            </p>
                                           </div>
                                         </div>
                                       </div>
                                     </div>
-                                  ))}
-                                </div>
+                                  );
+                                })}
                               </div>
-                            ))
-                          )}
-                        </div>
-                      )}
+                            </div>
+                          ))
+                        )}
+                      </div>
                     </div>
                   </div>
                 )}
@@ -2860,11 +2841,9 @@ export default function ContactDetailPage() {
                                             },
                                           )}
                                         </p>
-                                        {interaction.user && (
-                                          <p className="text-xs text-gray-500">
-                                            Par : {interaction.user.name || interaction.user.email}
-                                          </p>
-                                        )}
+                                        <p className="text-xs text-gray-500">
+                                          Par : {getUserDisplayName(interaction.user)}
+                                        </p>
                                       </div>
                                     </div>
                                   </div>
@@ -2935,11 +2914,9 @@ export default function ContactDetailPage() {
                                                 },
                                               )}
                                         </p>
-                                        {interaction.user && (
-                                          <p className="text-xs text-gray-500">
-                                            Par : {interaction.user.name || interaction.user.email}
-                                          </p>
-                                        )}
+                                        <p className="text-xs text-gray-500">
+                                          Par : {getUserDisplayName(interaction.user)}
+                                        </p>
                                       </div>
                                     </div>
                                   </div>
@@ -3011,7 +2988,7 @@ export default function ContactDetailPage() {
                                   <span>{formatFileSize(file.fileSize)}</span>
                                   <span>•</span>
                                   <span>
-                                    Ajouté par {file.uploadedBy?.name || 'Utilisateur inconnu'}
+                                    Ajouté par {getUserDisplayName(file.uploadedBy)}
                                   </span>
                                   <span>•</span>
                                   <span>
@@ -3142,11 +3119,9 @@ export default function ContactDetailPage() {
                                             },
                                           )}
                                         </p>
-                                        {interaction.user && (
-                                          <p className="text-xs text-gray-500">
-                                            Par : {interaction.user.name || interaction.user.email}
-                                          </p>
-                                        )}
+                                        <p className="text-xs text-gray-500">
+                                          Par : {getUserDisplayName(interaction.user)}
+                                        </p>
                                       </div>
                                     </div>
                                   </div>
@@ -5580,9 +5555,7 @@ email2@example.com`}
                           minute: '2-digit',
                         })}
                       </span>
-                      {viewingActivity.user && (
-                        <span>Par : {viewingActivity.user.name || viewingActivity.user.email}</span>
-                      )}
+                      <span>Par : {getUserDisplayName(viewingActivity.user)}</span>
                     </div>
                   </div>
                 </div>
@@ -5989,15 +5962,12 @@ email2@example.com`}
                       </span>
                     </div>
                   )}
-                  {viewingAppointment.assignedUser && (
-                    <div className="flex items-center gap-2">
-                      <span className="text-sm font-medium text-gray-700">Assigné à :</span>
-                      <span className="text-sm text-gray-600">
-                        {viewingAppointment.assignedUser.name ||
-                          viewingAppointment.assignedUser.email}
-                      </span>
-                    </div>
-                  )}
+                  <div className="flex items-center gap-2">
+                    <span className="text-sm font-medium text-gray-700">Assigné à :</span>
+                    <span className="text-sm text-gray-600">
+                      {getUserDisplayName(viewingAppointment.assignedUser)}
+                    </span>
+                  </div>
                 </div>
               )}
             </div>

package/template/src/app/(dashboard)/contacts/page.tsx

@@ -68,8 +68,8 @@ interface Contact {
   assignedCommercial: User | null;
   assignedTeleproId: string | null;
   assignedTelepro: User | null;
-  createdById: string;
-  createdBy: User;
+  createdById: string | null;
+  createdBy: User | null;
   createdAt: string;
   updatedAt: string;
 }

package/template/src/app/api/contacts/export/route.ts

@@ -129,7 +129,7 @@ export async function POST(request: NextRequest) {
                 minute: '2-digit',
               })
             : '';
-          const author = interaction.user?.name || 'Inconnu';
+          const author = interaction.user?.name || 'Ancien utilisateur';
           const title = interaction.title ? `${interaction.title}: ` : '';
           const content = interaction.content || '';
 

package/template/src/app/api/send/route.ts

@@ -8,7 +8,7 @@ import nodemailer from 'nodemailer';
 import { render } from '@react-email/render';
 import React from 'react';
 
-const isDevelopment = process.env.NODE_ENV === 'development';
+
 
 function htmlToText(html: string): string {
   if (!html) return '';
@@ -44,7 +44,6 @@ async function getAdminSmtpConfig(userId: string) {
       };
     }
 
-    console.log('✅ Configuration SMTP trouvée pour:', user.email);
     return { config: user.smtpConfig, error: null };
   } catch (error) {
     console.error('Erreur lors de la récupération de la configuration SMTP:', error);
@@ -94,7 +93,6 @@ async function getAnyAdminSmtpConfig() {
       };
     }
 
-    console.log("✅ Configuration SMTP trouvée pour l'admin:", smtpConfig.user.email);
     return { config: smtpConfig, error: null };
   } catch (error) {
     console.error('Erreur lors de la récupération de la configuration SMTP admin:', error);
@@ -123,14 +121,6 @@ export async function POST(request: Request) {
       return Response.json({ error: 'Non authentifié' }, { status: 401 });
     }
 
-    console.log("📧 Tentative d'envoi d'email:", {
-      to,
-      subject,
-      template,
-      isDevelopment,
-      userId: session?.user?.id || 'none (reset-password)',
-    });
-
     // Récupérer la configuration SMTP
     let smtpConfig, smtpError;
     if (isResetPassword) {
@@ -177,30 +167,6 @@ export async function POST(request: Request) {
     const emailHtml = await render(emailComponent);
     const emailText = htmlToText(emailHtml);
 
-    // Logger les informations de l'email (même en production pour le debug)
-    if (isDevelopment) {
-      console.log("📧 [DEV MODE] Envoi de l'email:");
-      console.log({
-        from: smtpConfig.fromName
-          ? `"${smtpConfig.fromName}" <${smtpConfig.fromEmail}>`
-          : smtpConfig.fromEmail,
-        to,
-        subject,
-        template,
-        data: { ...emailData },
-      });
-
-      // Afficher le lien d'invitation dans la console si c'est une invitation
-      if (template === 'invitation' && emailData.invitationUrl) {
-        console.log("🔗 Lien d'invitation:", emailData.invitationUrl);
-      }
-
-      // Afficher le code de réinitialisation dans la console
-      if (template === 'reset-password' && emailData.code) {
-        console.log('🔑 Code de réinitialisation:', emailData.code);
-      }
-    }
-
     // Déchiffrer le mot de passe SMTP
     let password: string;
     try {
@@ -236,16 +202,8 @@ export async function POST(request: Request) {
       html: emailHtml,
     };
 
-    console.log("📤 Envoi de l'email via SMTP...", {
-      from: mailOptions.from,
-      to: recipients,
-      subject,
-    });
-
     const info = await transporter.sendMail(mailOptions);
 
-    console.log('✅ Email envoyé avec succès:', info.messageId);
-
     return Response.json({
       id: info.messageId,
       message: 'Email envoyé avec succès',

package/template/src/app/api/settings/statuses/[id]/route.ts

@@ -80,6 +80,19 @@ export async function DELETE(
       return NextResponse.json({ error: 'Statut non trouvé' }, { status: 404 });
     }
 
+    const contactsCount = await prisma.contact.count({
+      where: { statusId: id },
+    });
+
+    if (contactsCount > 0) {
+      return NextResponse.json(
+        {
+          error: `Ce statut ne peut pas être supprimé car ${contactsCount} contact(s) l'utilisent`,
+        },
+        { status: 400 },
+      );
+    }
+
     await prisma.status.delete({
       where: { id },
     });

package/template/src/app/api/tasks/[id]/route.ts

@@ -590,12 +590,6 @@ export async function DELETE(
     // Créer une interaction pour l'annulation si c'est un Google Meet ou un RDV
     if (task.contactId && (task.type === 'VIDEO_CONFERENCE' || task.type === 'MEETING')) {
       try {
-        console.log('Création interaction annulation pour task:', {
-          contactId: task.contactId,
-          taskId: task.id,
-          type: task.type,
-          title: task.title,
-        });
         await logAppointmentCancelled(
           task.contactId,
           task.id,
@@ -604,7 +598,6 @@ export async function DELETE(
           session.user.id,
           task.type === 'VIDEO_CONFERENCE',
         );
-        console.log("Interaction d'annulation créée avec succès");
       } catch (interactionError: any) {
         console.error(
           "Erreur lors de la création de l'interaction d'annulation:",
@@ -612,11 +605,6 @@ export async function DELETE(
         );
         // On continue même si l'interaction échoue
       }
-    } else {
-      console.log("Pas de création d'interaction - conditions non remplies:", {
-        contactId: task.contactId,
-        type: task.type,
-      });
     }
 
     // Supprimer la tâche

package/template/src/app/api/users/[id]/route.ts

@@ -3,6 +3,7 @@ import { prisma } from '@/lib/prisma';
 import { checkPermission } from '@/lib/check-permission';
 import { auth } from '@/lib/auth';
 import { logAudit } from '@/lib/audit-log';
+import { resolveRoleFromCustomRoleName } from '@/lib/roles';
 
 // GET /api/users/[id] - Récupérer un utilisateur spécifique
 export async function GET(request: NextRequest, { params }: { params: Promise<{ id: string }> }) {
@@ -86,12 +87,26 @@ export async function PUT(request: NextRequest, { params }: { params: Promise<{
       return NextResponse.json({ error: 'Utilisateur non trouvé' }, { status: 404 });
     }
 
-    // Mettre à jour l'utilisateur
+    // Résoudre le rôle enum si le profil change
+    let resolvedRole: string | undefined;
+    if (customRoleId !== undefined) {
+      if (customRoleId) {
+        const customRole = await prisma.customRole.findUnique({
+          where: { id: customRoleId },
+          select: { name: true },
+        });
+        resolvedRole = resolveRoleFromCustomRoleName(customRole?.name ?? null);
+      } else {
+        resolvedRole = resolveRoleFromCustomRoleName(null);
+      }
+    }
+
     const updatedUser = await prisma.user.update({
       where: { id },
       data: {
         ...(name && { name }),
         ...(customRoleId !== undefined && { customRoleId: customRoleId || null }),
+        ...(resolvedRole && { role: resolvedRole as any }),
         ...(typeof active === 'boolean' && { active }),
       },
       include: {

package/template/src/app/api/users/route.ts

@@ -3,6 +3,7 @@ import { prisma } from '@/lib/prisma';
 import { checkPermission } from '@/lib/check-permission';
 import { auth } from '@/lib/auth';
 import { logAudit } from '@/lib/audit-log';
+import { resolveRoleFromCustomRoleName } from '@/lib/roles';
 
 // GET /api/users - Liste tous les utilisateurs (admin seulement)
 export async function GET(request: NextRequest) {
@@ -105,60 +106,46 @@ export async function POST(request: NextRequest) {
       // Si l'utilisateur existe mais sans compte, on peut régénérer un token
     }
 
+    // Résoudre le rôle enum à partir du profil attribué
+    const customRole = await prisma.customRole.findUnique({
+      where: { id: customRoleId },
+      select: { name: true },
+    });
+    const customRoleName = customRole?.name ?? null;
+    const resolvedRole = resolveRoleFromCustomRoleName(customRoleName);
+
     let user;
     if (existingUser && existingUser.accounts.length === 0) {
-      // Utilisateur existe déjà sans compte, on met à jour et régénère le token
       user = await prisma.user.update({
         where: { id: existingUser.id },
         data: {
           name,
           customRoleId,
+          role: resolvedRole,
           active: true,
         },
       });
     } else {
-      // Générer une couleur aléatoire pour les événements
       const colors = [
-        '#EF4444', // Rouge
-        '#3B82F6', // Bleu
-        '#10B981', // Vert
-        '#F59E0B', // Orange
-        '#8B5CF6', // Violet
-        '#EC4899', // Rose
-        '#06B6D4', // Cyan
-        '#84CC16', // Lime
-        '#F97316', // Orange foncé
-        '#6366F1', // Indigo
-        '#14B8A6', // Teal
-        '#A855F7', // Purple
+        '#EF4444', '#3B82F6', '#10B981', '#F59E0B', '#8B5CF6', '#EC4899',
+        '#06B6D4', '#84CC16', '#F97316', '#6366F1', '#14B8A6', '#A855F7',
       ];
       const randomColor = colors[Math.floor(Math.random() * colors.length)];
 
-      // Créer l'utilisateur SANS mot de passe (sans Account)
       user = await prisma.user.create({
         data: {
           id: crypto.randomUUID(),
           name,
           email,
-          role: 'USER', // Rôle par défaut, mais les permissions viendront du customRole
+          role: resolvedRole,
           customRoleId,
-          emailVerified: false, // Pas encore vérifié
+          emailVerified: false,
           active: true,
           eventColor: randomColor,
         },
       });
     }
 
-    // Récupérer le nom du profil pour les métadonnées
-    let customRoleName: string | null = null;
-    if (customRoleId) {
-      const customRole = await prisma.customRole.findUnique({
-        where: { id: customRoleId },
-        select: { name: true },
-      });
-      customRoleName = customRole?.name || null;
-    }
-
     // Log d'audit : création ou réactivation d'utilisateur
     await logAudit({
       actorId: session.user.id,
@@ -226,9 +213,6 @@ export async function POST(request: NextRequest) {
           statusText: emailResponse.statusText,
           error: errorData,
         });
-      } else {
-        const successData = await emailResponse.json().catch(() => ({}));
-        console.log("✅ Email d'invitation envoyé avec succès:", successData);
       }
     } catch (emailError: any) {
       console.error("❌ Erreur lors de l'envoi de l'email:", emailError);

package/template/src/app/api/workflows/process/route.ts

@@ -277,7 +277,6 @@ async function executeScheduledSMS(
   }
 
   // TODO: Implémenter l'envoi de SMS (nécessite une API SMS)
-  console.log(`SMS à envoyer à ${contact.phone}: ${message}`);
 
   // Créer une interaction pour tracer le SMS
   await prisma.interaction.create({

package/template/src/app/globals.css

@@ -980,39 +980,6 @@ body {
   }
 }
 
-@keyframes drag-handle-bounce {
-  0% {
-    transform: scale(0.8) rotate(-10deg);
-    opacity: 0;
-  }
-  50% {
-    transform: scale(1.05) rotate(2deg);
-    opacity: 0.8;
-  }
-  100% {
-    transform: scale(1) rotate(0deg);
-    opacity: 1;
-  }
-}
-
-@keyframes button-hover-lift {
-  0% {
-    transform: translateY(0) scale(1);
-  }
-  100% {
-    transform: translateY(-2px) scale(1.05);
-  }
-}
-
-@keyframes button-press {
-  0% {
-    transform: translateY(-2px) scale(1.05);
-  }
-  100% {
-    transform: translateY(0) scale(0.98);
-  }
-}
-
 /* ===== DARK MODE SUPPORT ===== */
 
 [data-theme='dark'] .lexkit-drag-handle,

package/template/src/lib/roles.ts

@@ -34,7 +34,7 @@ function getRoleLevel(role: string): number {
  * Vérifie si l'utilisateur a le rôle requis ou un rôle supérieur dans la hiérarchie
  * Un rôle supérieur a automatiquement les permissions des rôles inférieurs
  */
-export function hasRole(userRole: string | undefined, requiredRole: Role): boolean {
+function hasRole(userRole: string | undefined, requiredRole: Role): boolean {
   if (!userRole) return false;
 
   const userLevel = getRoleLevel(userRole);
@@ -44,43 +44,21 @@ export function hasRole(userRole: string | undefined, requiredRole: Role): boole
   return userLevel <= requiredLevel;
 }
 
-/**
- * Vérifie si l'utilisateur est admin
- */
-export function isAdmin(userRole: string | undefined): boolean {
-  return userRole === Role.ADMIN;
-}
-
-/**
- * Vérifie si l'utilisateur est manager ou supérieur
- */
-export function isManagerOrAbove(userRole: string | undefined): boolean {
-  if (!userRole) return false;
-  return getRoleLevel(userRole) <= 2; // ADMIN ou MANAGER
-}
-
-/**
- * Vérifie si l'utilisateur est commercial ou supérieur
- */
-export function isCommercialOrAbove(userRole: string | undefined): boolean {
-  if (!userRole) return false;
-  return getRoleLevel(userRole) <= 3; // ADMIN, MANAGER ou COMMERCIAL
-}
-
-/**
- * Vérifie si l'utilisateur est télépro ou supérieur
- */
-export function isTeleproOrAbove(userRole: string | undefined): boolean {
-  if (!userRole) return false;
-  return getRoleLevel(userRole) <= 4; // ADMIN, MANAGER, COMMERCIAL ou TELEPRO
-}
+const CUSTOM_ROLE_NAME_TO_ENUM: Record<string, Role> = {
+  'Administrateur': Role.ADMIN,
+  'Manager': Role.MANAGER,
+  'Commercial': Role.COMMERCIAL,
+  'Télépro': Role.TELEPRO,
+  'Comptable': Role.COMPTABLE,
+};
 
 /**
- * Vérifie si l'utilisateur est comptable ou supérieur
+ * Résout la valeur de l'enum Role à partir du nom d'un CustomRole.
+ * Retourne Role.USER pour les profils personnalisés non reconnus.
  */
-export function isComptableOrAbove(userRole: string | undefined): boolean {
-  if (!userRole) return false;
-  return getRoleLevel(userRole) <= 5; // ADMIN, MANAGER, COMMERCIAL, TELEPRO ou COMPTABLE
+export function resolveRoleFromCustomRoleName(customRoleName: string | null | undefined): Role {
+  if (!customRoleName) return Role.USER;
+  return CUSTOM_ROLE_NAME_TO_ENUM[customRoleName] ?? Role.USER;
 }
 
 /**

package/template/src/lib/utils.ts

@@ -5,6 +5,15 @@ export function cn(...inputs: Array<string | false | null | undefined>) {
   return twMerge(clsx(inputs));
 }
 
+export const DELETED_USER_LABEL = 'Ancien utilisateur';
+
+export function getUserDisplayName(
+  user: { name?: string | null; email?: string | null } | null | undefined,
+): string {
+  if (!user) return DELETED_USER_LABEL;
+  return user.name || user.email || DELETED_USER_LABEL;
+}
+
 /**
  * Normalise un numéro de téléphone au format français : 0X XX XX XX XX
  * - Supprime tous les caractères non numériques

package/template/src/lib/workflow-executor.ts

@@ -413,7 +413,6 @@ export async function sendEmailImmediate(
 export async function sendSMSImmediate(workflow: any, contact: any, message: string) {
   try {
     // TODO: Implémenter l'envoi de SMS (nécessite une API SMS)
-    console.log(`SMS à envoyer à ${contact.phone}: ${message}`);
 
     // Créer une interaction pour tracer le SMS
     await prisma.interaction.create({

package/template/src/proxy.ts

@@ -1,7 +1,7 @@
 import { NextResponse } from 'next/server';
 import type { NextRequest } from 'next/server';
 import { auth } from './lib/auth';
-import { isAdmin } from './lib/roles';
+import { Role } from './lib/roles';
 import { prisma } from './lib/prisma';
 
 // Routes qui nécessitent une authentification
@@ -65,7 +65,7 @@ export async function proxy(request: NextRequest) {
   }
 
   // Si l'utilisateur est connecté mais n'est pas admin et tente d'accéder à une route admin
-  if (isAuthenticated && isAdminRoute && !isAdmin(userRole || undefined)) {
+  if (isAuthenticated && isAdminRoute && userRole !== Role.ADMIN) {
     return NextResponse.redirect(new URL('/dashboard', request.url));
   }
 

package/template/src/components/dashboard/sales-analytics-chart.tsx

@@ -1,77 +0,0 @@
-'use client';
-
-import { Bar, BarChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
-
-interface SalesAnalyticsChartProps {
-  data: Array<{ month: string; count: number }>;
-}
-
-export function SalesAnalyticsChart({ data }: SalesAnalyticsChartProps) {
-  // Calculer le total et la croissance
-  const total = data.reduce((sum, item) => sum + item.count, 0);
-  const previousTotal =
-    data.length > 1 ? data.slice(0, -1).reduce((sum, item) => sum + item.count, 0) : 0;
-  const growth = previousTotal > 0 ? ((total - previousTotal) / previousTotal) * 100 : 0;
-
-  return (
-    <div className="rounded-xl border border-gray-200/50 bg-white p-6 shadow-lg transition-shadow duration-300 hover:shadow-xl">
-      <div className="mb-4 flex items-center justify-between">
-        <div>
-          <h3 className="text-lg font-bold text-gray-900">Analytiques des Ventes</h3>
-        </div>
-        <select className="rounded-lg border border-gray-300 bg-white px-3 py-1.5 text-sm font-medium text-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500 focus:outline-none">
-          <option>Mensuel</option>
-          <option>Hebdomadaire</option>
-          <option>Annuel</option>
-        </select>
-      </div>
-      <div className="mb-4 flex items-baseline gap-4">
-        <div>
-          <p className="text-2xl font-bold text-gray-900">
-            {total.toLocaleString('fr-FR')} contacts ce mois
-          </p>
-          <p className="mt-1 text-sm font-semibold text-emerald-600">
-            Augmentation ce mois : +{growth.toFixed(1)}%
-          </p>
-        </div>
-      </div>
-      <div className="h-[280px]">
-        <ResponsiveContainer width="100%" height="100%">
-          <BarChart data={data} barCategoryGap="20%">
-            <defs>
-              <linearGradient id="barGradient" x1="0" y1="0" x2="0" y2="1">
-                <stop offset="0%" stopColor="#8b5cf6" stopOpacity={1} />
-                <stop offset="100%" stopColor="#6366f1" stopOpacity={0.8} />
-              </linearGradient>
-            </defs>
-            <XAxis
-              dataKey="month"
-              stroke="#9ca3af"
-              fontSize={12}
-              tickLine={false}
-              axisLine={false}
-            />
-            <YAxis
-              stroke="#9ca3af"
-              fontSize={12}
-              tickLine={false}
-              axisLine={false}
-              tickFormatter={(value) => `${value}`}
-            />
-            <Tooltip
-              contentStyle={{
-                backgroundColor: 'white',
-                border: '1px solid #e5e7eb',
-                borderRadius: '12px',
-                boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1)',
-              }}
-              labelStyle={{ color: '#374151', fontWeight: 600 }}
-              formatter={(value: number) => [`${value.toLocaleString('fr-FR')}`, 'Contacts']}
-            />
-            <Bar dataKey="count" fill="url(#barGradient)" radius={[8, 8, 0, 0]} />
-          </BarChart>
-        </ResponsiveContainer>
-      </div>
-    </div>
-  );
-}