create-crm-tmp 1.1.3 → 2.1.0

package/template/prisma/schema.prisma

@@ -45,7 +45,6 @@ model User {
   role                           Role                    @default(USER)
   customRoleId                   String? // Profil personnalisé optionnel
   customRole                     CustomRole?             @relation(fields: [customRoleId], references: [id], onDelete: SetNull)
-  eventColor                     String? // Couleur pour les événements de l'utilisateur
   createdAt                      DateTime                @default(now())
   updatedAt                      DateTime                @updatedAt
   sessions                       Session[]
@@ -67,13 +66,33 @@ model User {
   auditLogsAsActor               AuditLog[]              @relation("AuditActor")
   auditLogsAsTargetUser          AuditLog[]              @relation("AuditTargetUser")
   workflows                      Workflow[]              @relation("WorkflowOwner")
+  contactViews                   ContactView[]
+  contactViewPins                ContactViewPin[]
+  companiesAssignedCommercial    Company[]               @relation("CompanyAssignedCommercial")
+  companiesAssignedTelepro       Company[]               @relation("CompanyAssignedTelepro")
+  companiesCreatedBy             Company[]               @relation("CompanyCreatedBy")
+  companyActivities              CompanyActivity[]
+  workflowActionsTaskAssigned    WorkflowAction[] @relation("WorkflowActionTaskAssignedUser")
+  workflowActionsAssignCommercial WorkflowAction[] @relation("WorkflowActionAssignCommercial")
+  workflowActionsAssignTelepro   WorkflowAction[] @relation("WorkflowActionAssignTelepro")
+  workflowActionsNotifyUser      WorkflowAction[] @relation("WorkflowActionNotifyUser")
   dashboardWidgets               DashboardWidget[]
+  integrationImportLogs          IntegrationImportLog[]
+  googleSheetSyncJobs            GoogleSheetSyncJob[]
+  reminderStates                 UserReminderState[]
 
   @@unique([email])
   @@index([customRoleId])
   @@map("user")
 }
 
+enum ReminderStateStatus {
+  UNREAD
+  READ
+  DISMISSED
+  CLEARED
+}
+
 model AuditLog {
   id            String   @id @default(cuid())
   actorId       String?
@@ -136,26 +155,80 @@ model Verification {
   updatedAt  DateTime @updatedAt
 
   @@index([identifier])
+  @@index([value])
   @@map("verification")
 }
 
+model Organization {
+  id                  String   @id @default("company")
+  name                String?
+  legalRepresentative String?  // Nom du représentant légal ou statutaire
+  address             String?
+  city                String?
+  postalCode          String?
+  country             String?
+  phone               String?
+  email               String?
+  website             String?
+  siret               String?
+  vatNumber           String?
+  logo                String?
+  cerfaTemplateFileId String?
+  contractTemplateFileId String?
+  signaturePosition   Json?   // Position de la signature électronique {page, x, y, width, height}
+  retractionPosition  Json?   // Position pour le formulaire de rétractation
+  createdAt           DateTime  @default(now())
+  updatedAt           DateTime  @updatedAt
+
+  @@map("company")
+}
+
 model Company {
-  id         String   @id @default("company")
-  name       String?
-  address    String?
-  city       String?
-  postalCode String?
-  country    String?
-  phone      String?
-  email      String?
-  website    String?
-  siret      String?
-  vatNumber  String?
-  logo       String?
+  id                   String    @id @default(cuid())
+  name                 String
+  phone                String?
+  email                String?
+  address              String?
+  city                 String?
+  postalCode           String?
+  website              String?
+  siret                String?
+  industry             String?
+  notes                String?   @db.Text
+  assignedCommercialId String?
+  assignedCommercial   User?     @relation("CompanyAssignedCommercial", fields: [assignedCommercialId], references: [id], onDelete: SetNull)
+  assignedTeleproId    String?
+  assignedTelepro      User?     @relation("CompanyAssignedTelepro", fields: [assignedTeleproId], references: [id], onDelete: SetNull)
+  createdById          String?
+  createdBy            User?     @relation("CompanyCreatedBy", fields: [createdById], references: [id], onDelete: SetNull)
+  createdAt            DateTime  @default(now())
+  updatedAt            DateTime  @updatedAt
+  contacts             Contact[]
+  activities           CompanyActivity[]
+
+  @@index([assignedCommercialId])
+  @@index([assignedTeleproId])
+  @@index([createdById])
+  @@index([name])
+  @@map("companies")
+}
+
+model CompanyActivity {
+  id         String   @id @default(cuid())
+  companyId  String
+  company    Company  @relation(fields: [companyId], references: [id], onDelete: Cascade)
+  type       String   // COMPANY_UPDATE, CONTACT_ADDED, NOTE
+  title      String?
+  content    String   @db.Text
+  metadata   Json?    // Détails des changements (champs modifiés, etc.)
+  userId     String?
+  user       User?    @relation(fields: [userId], references: [id], onDelete: SetNull)
   createdAt  DateTime @default(now())
-  updatedAt  DateTime @updatedAt
 
-  @@map("company")
+  @@index([companyId])
+  @@index([companyId, createdAt])
+  @@index([userId])
+  @@map("company_activity")
 }
 
 model SmtpConfig {
@@ -181,6 +254,8 @@ model Status {
   name                   String
   color                  String // Couleur au format hexadécimal (ex: #3B82F6)
   order                  Int                     @default(0) // Ordre d'affichage
+  isSystem               Boolean                 @default(false)
+  requiresClosingReason  Boolean                 @default(false)
   createdAt              DateTime                @default(now())
   updatedAt              DateTime                @updatedAt
   contacts               Contact[]
@@ -222,11 +297,12 @@ enum InteractionType {
 
 enum TaskType {
   CALL
-  MEETING
+  MEETING // Rendez-vous physique
   EMAIL
   VIDEO_CONFERENCE
   OTHER
   TASK
+  PHYSICAL_APPOINTMENT // Rendez-vous physique avec localisation
 }
 
 enum TaskPriority {
@@ -248,11 +324,12 @@ model Contact {
   city                 String?
   postalCode           String?
   origin               String? // Origine du contact
-  companyName          String? // Nom de l'entreprise (texte brut)
-  isCompany            Boolean       @default(false) // Indique si le contact est une entreprise
-  companyId            String? // ID de l'entreprise à laquelle ce contact est lié
-  companyRelation      Contact?      @relation("ContactCompany", fields: [companyId], references: [id], onDelete: SetNull)
-  contacts             Contact[]     @relation("ContactCompany") // Contacts liés à cette entreprise (via companyId)
+  companyName          String?       // Nom de société en texte libre (sans liaison entreprise)
+  companyId            String?
+  company              Company?      @relation(fields: [companyId], references: [id], onDelete: SetNull)
+  jobTitle             String?       // Intitulé du poste (pour hiérarchie dans l'entreprise)
+  website              String?       // Site internet (URL cliquable)
+  socialNetworks       Json?         // Réseaux sociaux : [{ platform: string, url: string }]
   statusId             String?
   status               Status?       @relation(fields: [statusId], references: [id], onDelete: SetNull)
   closingReason        String?       // Motif de fermeture (si statut Fermé)
@@ -268,13 +345,24 @@ model Contact {
   tasks                Task[]
   files                ContactFile[]
   scheduledWorkflowActions ScheduledWorkflowAction[]
+  // KYC fields
+  placeOfBirth         String? // Lieu de naissance
+  dateOfBirth          DateTime? // Date de naissance
+  idType               String? // Type de pièce d'identité (texte libre)
+  idNumber             String? // Numéro de pièce d'identité
+  idExpiryDate         DateTime? // Date d'expiration de la pièce d'identité
+  idDocumentUrl        String?
+  idVerifiedByAdmin    Boolean       @default(false) // Vérifié par un admin
 
   @@index([statusId])
   @@index([assignedCommercialId])
   @@index([assignedTeleproId])
   @@index([createdById])
   @@index([companyId])
-  @@index([isCompany])
+  @@index([phone])
+  @@index([createdAt])
+  @@index([updatedAt])
+  @@index([statusId, updatedAt])
   @@map("contact")
 }
 
@@ -295,6 +383,7 @@ model Interaction {
 
   @@index([contactId])
   @@index([userId])
+  @@index([contactId, createdAt])
   @@map("interaction")
 }
 
@@ -329,10 +418,17 @@ model Task {
   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
+  googleCalendarId      String? // Calendrier Google contenant l'évènement (null = primary pour les anciennes lignes)
   googleMeetLink        String? // URL du Google Meet
   durationMinutes       Int? // Durée de la réunion en minutes (pour Google Meet)
   internalNote          String? // Note personnelle (non partagée dans les emails)
   notifyContact         Boolean? // Si le contact a été prévenu lors de la création
+  // Champs pour les rendez-vous physiques
+  location              String? // Adresse complète du lieu
+  locationAddress       String? // Rue
+  locationCity          String? // Ville
+  locationPostalCode    String? // Code postal
+  isAtHome              Boolean      @default(false) // Rendez-vous au domicile du contact
   createdAt             DateTime     @default(now())
   updatedAt             DateTime     @updatedAt
 
@@ -341,35 +437,62 @@ model Task {
   @@index([createdById])
   @@index([scheduledAt])
   @@index([googleEventId])
+  @@index([assignedUserId, completed, scheduledAt])
+  @@index([assignedUserId, createdAt])
   @@map("task")
 }
 
+model UserReminderState {
+  id              String              @id @default(cuid())
+  userId          String
+  user            User                @relation(fields: [userId], references: [id], onDelete: Cascade)
+  reminderId      String
+  status          ReminderStateStatus
+  createdAt       DateTime            @default(now())
+  updatedAt       DateTime            @updatedAt
+  /** Expiration logique de la ligne (TTL rétention). */
+  expiresAt       DateTime?
+  /** Pour `reminderId === __all__` + CLEARED : instant de coupure affichage (indépendant de updatedAt). */
+  clearedCutoffAt DateTime?
+  /** Métadonnées (ex. fenêtre undo après clear-all). */
+  metadata        Json?
+
+  @@unique([userId, reminderId])
+  @@index([userId, status])
+  @@index([updatedAt])
+  @@index([userId, expiresAt])
+  @@map("user_reminder_state")
+}
+
 model UserGoogleAccount {
-  id             String   @id @default(cuid())
-  userId         String   @unique
-  user           User     @relation(fields: [userId], references: [id], onDelete: Cascade)
-  accessToken    String
-  refreshToken   String
-  tokenExpiresAt DateTime
-  email          String? // Email du compte Google connecté
-  createdAt      DateTime @default(now())
-  updatedAt      DateTime @updatedAt
+  id                             String   @id @default(cuid())
+  userId                         String   @unique
+  user                           User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+  accessToken                    String
+  refreshToken                   String
+  tokenExpiresAt                 DateTime
+  email                          String? // Email du compte Google connecté
+  defaultGoogleCalendarId        String? // Calendrier par défaut pour créer des événements (sinon primary)
+  agendaVisibleGoogleCalendarIds Json? // IDs des calendriers dont les événements sont affichés dans l'agenda CRM
+  agendaGoogleEventColor         String? // Couleur d'affichage (#RRGGBB) des événements Google dans l'agenda CRM
+  createdAt                      DateTime @default(now())
+  updatedAt                      DateTime @updatedAt
 
   @@map("user_google_account")
 }
 
 model ContactFile {
-  id              String   @id @default(cuid())
-  contactId       String
-  contact         Contact  @relation(fields: [contactId], references: [id], onDelete: Cascade)
-  fileName        String   // Nom original du fichier
-  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: SetNull)
-  createdAt       DateTime @default(now())
-  updatedAt       DateTime @updatedAt
+  id           String   @id @default(cuid())
+  contactId    String
+  contact      Contact  @relation(fields: [contactId], references: [id], onDelete: Cascade)
+  fileName     String
+  fileSize     Int
+  mimeType     String
+  storagePath  String
+  uploadedById String?
+  uploadedBy   User?    @relation("ContactFileUploadedBy", fields: [uploadedById], references: [id], onDelete: SetNull)
+  createdAt    DateTime @default(now())
+  updatedAt    DateTime @updatedAt
 
   @@index([contactId])
   @@index([uploadedById])
@@ -436,6 +559,60 @@ model GoogleSheetSyncConfig {
   @@map("google_sheet_sync_config")
 }
 
+model IntegrationImportLog {
+  id              String   @id @default(cuid())
+  integrationType String   // "google_sheet" | "meta_lead" | "google_ads"
+  configId        String
+  configName      String
+  action          String   // "created" | "updated" | "synced" | "deleted"
+  actorId         String?
+  actor           User?    @relation(fields: [actorId], references: [id], onDelete: SetNull)
+  totalImported   Int      @default(0)
+  totalDuplicates Int      @default(0)
+  totalUpdated    Int      @default(0)
+  totalErrors     Int      @default(0)
+  errorDetails    Json?
+  createdAt       DateTime @default(now())
+
+  @@index([integrationType, configId])
+  @@index([createdAt])
+  @@map("integration_import_log")
+}
+
+enum GoogleSheetSyncJobStatus {
+  QUEUED
+  RUNNING
+  SUCCEEDED
+  FAILED
+}
+
+enum GoogleSheetSyncJobTriggerType {
+  MANUAL
+  SCHEDULED
+}
+
+model GoogleSheetSyncJob {
+  id                String                        @id @default(cuid())
+  status            GoogleSheetSyncJobStatus      @default(QUEUED)
+  triggerType       GoogleSheetSyncJobTriggerType @default(MANUAL)
+  requestedByUserId String?
+  requestedByUser   User?                         @relation(fields: [requestedByUserId], references: [id], onDelete: SetNull)
+  configId          String?
+  payload           Json?
+  result            Json?
+  error             String?
+  startedAt         DateTime?
+  finishedAt        DateTime?
+  createdAt         DateTime                      @default(now())
+  updatedAt         DateTime                      @updatedAt
+
+  @@index([status])
+  @@index([createdAt])
+  @@index([requestedByUserId])
+  @@index([triggerType, createdAt])
+  @@map("google_sheet_sync_job")
+}
+
 model ClosingReason {
   id        String   @id @default(cuid())
   name      String   // Libellé du motif de fermeture (ex: Faux numéro, Pas intéressé, etc.)
@@ -469,18 +646,29 @@ model Template {
 }
 
 enum WorkflowTriggerType {
-  CONTACT_CREATED      // Nouveau contact créé
-  STATUS_CHANGED       // Changement de statut
-  TIME_BASED           // Basé sur le temps
-  MANUAL               // Déclencheur manuel
+  CONTACT_CREATED              // Nouveau contact créé
+  STATUS_CHANGED               // Changement de statut
+  TIME_BASED                   // Basé sur le temps
+  MANUAL                       // Déclencheur manuel
+  TASK_COMPLETED               // Tâche complétée
+  CONTACT_ASSIGNMENT_CHANGED   // Changement d'assignation du contact
+}
+
+enum WorkflowTimeReference {
+  CONTACT_CREATED_DATE   // Date de création du contact
+  LAST_STATUS_CHANGE     // Dernier changement de statut
+  LAST_INTERACTION       // Dernière interaction
 }
 
 enum WorkflowActionType {
   SEND_EMAIL           // Envoyer un email
   SEND_SMS             // Envoyer un SMS
-  CHANGE_STATUS         // Changer le statut
-  CREATE_TASK           // Créer une tâche
-  WAIT                  // Attendre
+  CHANGE_STATUS        // Changer le statut
+  CREATE_TASK          // Créer une tâche
+  WAIT                 // Attendre
+  ASSIGN_CONTACT       // Assigner le contact à un commercial/télépro
+  ADD_NOTE             // Ajouter une note au contact
+  NOTIFY_USER          // Notifier un utilisateur (créer une tâche pour lui)
 }
 
 enum WorkflowConditionOperator {
@@ -506,8 +694,12 @@ model Workflow {
   triggerToStatus     Status? @relation("WorkflowTriggerToStatus", fields: [triggerToStatusId], references: [id], onDelete: SetNull)
   
   // Pour TIME_BASED
-  triggerTimeDays     Int?    // Nombre de jours après un événement
-  triggerTimeHours    Int?    // Nombre d'heures après un événement
+  triggerTimeDays       Int?    // Nombre de jours après un événement
+  triggerTimeHours      Int?    // Nombre d'heures après un événement
+  triggerTimeReference  WorkflowTimeReference? // Événement de référence pour TIME_BASED
+  
+  // Pour TASK_COMPLETED
+  triggerTaskType       TaskType? // Type de tâche (optionnel, null = toutes)
   
   actions     WorkflowAction[]
   scheduledActions ScheduledWorkflowAction[]
@@ -515,7 +707,7 @@ model Workflow {
   updatedAt   DateTime @updatedAt
 
   @@index([userId])
-  @@index([active])
+  @@index([active, triggerType])
   @@map("workflow")
 }
 
@@ -547,13 +739,32 @@ model WorkflowAction {
   newStatus   Status? @relation("WorkflowActionNewStatus", fields: [newStatusId], references: [id], onDelete: SetNull)
   
   // Pour CREATE_TASK
-  taskTitle       String? // Titre de la tâche
-  taskDescription String? // Description de la tâche
+  taskTitle          String? // Titre de la tâche
+  taskDescription    String? // Description de la tâche
+  taskType           TaskType? // Type de tâche (CALL, MEETING, etc.) — défaut OTHER
+  taskPriority       TaskPriority? // Priorité (LOW, MEDIUM, HIGH, URGENT) — défaut MEDIUM
+  taskAssignedUserId String? // Utilisateur assigné à la tâche
+  taskAssignedUser   User?  @relation("WorkflowActionTaskAssignedUser", fields: [taskAssignedUserId], references: [id], onDelete: SetNull)
+  
+  // Pour ASSIGN_CONTACT
+  assignCommercialId String? // Commercial à assigner
+  assignCommercial   User?  @relation("WorkflowActionAssignCommercial", fields: [assignCommercialId], references: [id], onDelete: SetNull)
+  assignTeleproId    String? // Télépro à assigner
+  assignTelepro      User?  @relation("WorkflowActionAssignTelepro", fields: [assignTeleproId], references: [id], onDelete: SetNull)
+  
+  // Pour ADD_NOTE
+  noteContent        String? @db.Text // Contenu de la note (supporte les variables de template)
+  
+  // Pour NOTIFY_USER
+  notifyUserId       String? // Utilisateur à notifier
+  notifyUser         User?  @relation("WorkflowActionNotifyUser", fields: [notifyUserId], references: [id], onDelete: SetNull)
   
   // Condition (optionnelle)
-  conditionOperator WorkflowConditionOperator? // Opérateur de condition
-  conditionStatusId String? // Statut pour la condition
-  conditionStatus   Status? @relation("WorkflowActionConditionStatus", fields: [conditionStatusId], references: [id], onDelete: SetNull)
+  conditionOperator  WorkflowConditionOperator? // Opérateur de condition
+  conditionStatusId  String? // Statut pour la condition
+  conditionStatus    Status? @relation("WorkflowActionConditionStatus", fields: [conditionStatusId], references: [id], onDelete: SetNull)
+  conditionOrigin    String? // Origine du contact pour la condition
+  conditionHasCompany Boolean? // true = contact doit avoir une société, false = ne doit pas
   
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
@@ -585,17 +796,50 @@ model ScheduledWorkflowAction {
   @@map("scheduled_workflow_action")
 }
 
+model ContactView {
+  id         String           @id @default(cuid())
+  name       String
+  userId     String
+  user       User             @relation(fields: [userId], references: [id], onDelete: Cascade)
+  isPublic   Boolean          @default(false)
+  isDefault  Boolean          @default(false)
+  entityType String           @default("contacts") // "contacts" | "companies"
+  filters    Json             @default("[]")
+  columns    Json?
+  sortConfig Json?
+  createdAt  DateTime         @default(now())
+  updatedAt  DateTime         @updatedAt
+  pins       ContactViewPin[]
+
+  @@index([userId])
+  @@index([isPublic])
+  @@index([entityType, isPublic])
+  @@map("contact_view")
+}
+
+model ContactViewPin {
+  id       String      @id @default(cuid())
+  userId   String
+  user     User        @relation(fields: [userId], references: [id], onDelete: Cascade)
+  viewId   String
+  view     ContactView @relation(fields: [viewId], references: [id], onDelete: Cascade)
+  pinOrder Int         @default(0)
+
+  @@unique([userId, viewId])
+  @@index([userId])
+  @@map("contact_view_pin")
+}
+
 model DashboardWidget {
-  id        String   @id @default(cuid())
-  userId    String
-  user      User     @relation(fields: [userId], references: [id], onDelete: Cascade)
-  type      String   // Identifiant du type de widget (ex: stat_total_contacts, contacts_chart, etc.)
-  x         Int      @default(0)
-  y         Int      @default(0)
-  w         Int      @default(6)  // Largeur sur grille de 12
-  h         Int      @default(4)  // Hauteur en unités
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
+  id       String @id @default(cuid())
+  userId   String
+  user     User   @relation(fields: [userId], references: [id], onDelete: Cascade)
+  type     String
+  x        Int    @default(0)
+  y        Int    @default(0)
+  w        Int    @default(4)
+  h        Int    @default(3)
+  settings Json   @default("{}")
 
   @@index([userId])
   @@map("dashboard_widget")

package/template/src/app/(auth)/invite/[token]/page.tsx

@@ -3,10 +3,13 @@
 import { useState, useEffect } from 'react';
 import { useRouter, useParams } from 'next/navigation';
 import { Eye, EyeOff } from 'lucide-react';
+import { useAppToast } from '@/contexts/app-toast-context';
+import { devToast } from '@/lib/utils';
 
 export default function InvitePage() {
   const router = useRouter();
   const params = useParams();
+  const toast = useAppToast();
   const token = params.token as string;
 
   const [password, setPassword] = useState('');
@@ -19,6 +22,14 @@ export default function InvitePage() {
   const [showPassword, setShowPassword] = useState(false);
   const [showConfirmPassword, setShowConfirmPassword] = useState(false);
 
+  useEffect(() => {
+    if (!error) return;
+    toast.error(error);
+    if (userEmail) {
+      setError('');
+    }
+  }, [error, toast, userEmail]);
+
   // Vérifier que le token est valide au chargement
   useEffect(() => {
     const validateToken = async () => {
@@ -27,17 +38,20 @@ export default function InvitePage() {
         const data = await response.json();
 
         if (!response.ok) {
-          setError(data.error || 'Lien invalide ou expiré');
+          const msg = data.error || 'Lien invalide ou expiré';
           setValidating(false);
+          toast.error(msg);
+          router.replace('/signin');
           return;
         }
 
         setUserEmail(data.email);
         setUserName(data.name || '');
         setValidating(false);
-      } catch (err) {
-        setError('Erreur lors de la validation du lien');
+      } catch {
         setValidating(false);
+        toast.error('Ce lien d\'invitation n\'est plus valide. Contactez votre administrateur.');
+        router.replace('/signin');
       }
     };
 
@@ -79,8 +93,8 @@ export default function InvitePage() {
       router.push(
         '/signin?message=Mot de passe défini avec succès, vous pouvez maintenant vous connecter',
       );
-    } catch (err: any) {
-      setError(err.message);
+    } catch (err: unknown) {
+      setError(devToast('Erreur lors de la définition du mot de passe', err));
     } finally {
       setLoading(false);
     }
@@ -96,23 +110,8 @@ export default function InvitePage() {
     );
   }
 
-  if (error && !userEmail) {
-    return (
-      <div className="flex min-h-screen items-center justify-center px-4">
-        <div className="w-full max-w-md rounded-2xl bg-white p-8 shadow-xl">
-          <div className="text-center">
-            <h1 className="text-2xl font-bold text-red-600">Lien invalide</h1>
-            <p className="mt-4 text-gray-600">{error}</p>
-            <button
-              onClick={() => router.push('/signin')}
-              className="mt-6 cursor-pointer rounded-lg bg-indigo-600 px-4 py-2 text-white hover:bg-indigo-700"
-            >
-              Retour à la connexion
-            </button>
-          </div>
-        </div>
-      </div>
-    );
+  if (!userEmail && !validating) {
+    return null;
   }
 
   return (
@@ -130,19 +129,18 @@ export default function InvitePage() {
           <p className="mt-1 text-sm break-all text-gray-500">{userEmail}</p>
         </div>
 
-        {error && <div className="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-600">{error}</div>}
-
         <form onSubmit={handleSubmit} className="space-y-6">
           <div>
-            <label className="block text-sm font-medium text-gray-700">Mot de passe</label>
+            <label htmlFor="password" className="block text-sm font-medium text-gray-700">Mot de passe</label>
             <div className="relative mt-1">
               <input
+                id="password"
                 type={showPassword ? 'text' : 'password'}
                 required
                 minLength={6}
                 value={password}
                 onChange={(e) => setPassword(e.target.value)}
-                className="block w-full rounded-lg border border-gray-300 px-4 py-3 pr-10 text-gray-900 placeholder-gray-400 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500 focus:outline-none"
+                className="block w-full rounded-lg border border-gray-300 px-4 py-3 pr-10 text-gray-900 placeholder-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 focus:border-indigo-500"
                 placeholder="••••••••"
               />
               <button
@@ -158,17 +156,18 @@ export default function InvitePage() {
           </div>
 
           <div>
-            <label className="block text-sm font-medium text-gray-700">
+            <label htmlFor="confirmPassword" className="block text-sm font-medium text-gray-700">
               Confirmer le mot de passe
             </label>
             <div className="relative mt-1">
               <input
+                id="confirmPassword"
                 type={showConfirmPassword ? 'text' : 'password'}
                 required
                 minLength={6}
                 value={confirmPassword}
                 onChange={(e) => setConfirmPassword(e.target.value)}
-                className="block w-full rounded-lg border border-gray-300 px-4 py-3 pr-10 text-gray-900 placeholder-gray-400 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500 focus:outline-none"
+                className="block w-full rounded-lg border border-gray-300 px-4 py-3 pr-10 text-gray-900 placeholder-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 focus:border-indigo-500"
                 placeholder="••••••••"
               />
               <button
@@ -189,7 +188,7 @@ export default function InvitePage() {
           <button
             type="submit"
             disabled={loading}
-            className="w-full cursor-pointer rounded-lg bg-indigo-600 px-4 py-3 font-semibold text-white transition-colors hover:bg-indigo-700 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
+            className="w-full cursor-pointer rounded-lg bg-indigo-600 px-4 py-3 font-semibold text-white transition-colors hover:bg-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
           >
             {loading ? 'Création du compte...' : 'Créer mon compte'}
           </button>

package/template/src/app/(auth)/layout.tsx

@@ -1,3 +1,3 @@
 export default function AuthLayout({ children }: { children: React.ReactNode }) {
-  return <div className="bg-lienar-to-br min-h-screen from-blue-50 to-indigo-100">{children}</div>;
+  return <div className="bg-gradient-to-br min-h-screen from-blue-50 to-indigo-100">{children}</div>;
 }