1. Système d'Analytics (Nouveauté Majeure)

Modèle de Données : Ajout de la table AnalyticsEvent dans prisma/schema.prisma pour suivre les vues de pages, les clics et le temps de rétention (DWELL_TIME).
API Backend : Création de la route app/api/analytics/route.ts pour enregistrer les événements en base de données.
Tracking Client : Création du composant AnalyticsTracker.tsx (intégré dans le layout principal) qui capture automatiquement :
Le changement de page (Page Views).
Les clics sur les boutons et liens importants.
Le temps passé sur chaque page.
2. Intégration Base de Données (PostgreSQL/Prisma)
Fiches Entreprises : Mise à jour de app/directory/[id]/page.tsx pour récupérer les données réelles depuis PostgreSQL via Prisma au lieu d'utiliser les données de test (mockData).
Navigation Dashboard : Correction du bouton "Voir ma fiche" dans le tableau de bord pour qu'il redirige correctement vers le profil public de l'entrepreneur.
3. Administration & Metrics
Nouvelle Application Admin : Initialisation d'un dossier admin/ (application Next.js séparée) destinée à la gestion de la plateforme et à la visualisation des statistiques (Metrics & Analytics).
4. Authentification & Inscription
Nouvelle Page : Création de app/register/page.tsx pour permettre l'inscription des nouveaux utilisateurs.
Gestion de Session : Amélioration de UserProvider.tsx pour une meilleure gestion de l'état utilisateur à travers l'application.
5. Maintenance & Types
Mise à jour des types globaux dans types.ts et rafraîchissement du package-lock.json suite à l'ajout de dépendances.

components/AnalyticsTracker.tsx

@@ -0,0 +1,90 @@
+"use client";
+
+import { useEffect, useRef } from 'react';
+import { usePathname } from 'next/navigation';
+
+export default function AnalyticsTracker() {
+  const pathname = usePathname();
+  const startTimeRef = useRef<number>(Date.now());
+
+  // Helper to send events
+  const sendEvent = async (data: {
+    type: string;
+    path: string;
+    label?: string;
+    value?: number;
+    metadata?: any;
+  }) => {
+    try {
+      // Use standard fetch for development reliability
+      await fetch('/api/analytics', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(data),
+      });
+    } catch (err) {
+      console.error('[Analytics] Error:', err);
+    }
+  };
+
+  // 1. Track Page Views
+  useEffect(() => {
+    sendEvent({
+      type: 'PAGE_VIEW',
+      path: pathname,
+      metadata: {
+        userAgent: navigator.userAgent,
+        screen: `${window.innerWidth}x${window.innerHeight}`,
+      }
+    });
+
+    // Reset start time for dwell time calculation
+    startTimeRef.current = Date.now();
+
+    // 2. Track Dwell Time on cleanup (when leaving page)
+    return () => {
+      const dwellTime = Math.round((Date.now() - startTimeRef.current) / 1000);
+      if (dwellTime > 0) {
+        sendEvent({
+          type: 'DWELL_TIME',
+          path: pathname,
+          value: dwellTime,
+        });
+      }
+    };
+  }, [pathname]);
+
+  // 3. Track Global Clicks
+  useEffect(() => {
+    const handleClick = (e: MouseEvent) => {
+      const target = e.target as HTMLElement;
+      
+      // Look for clickable elements (buttons, links)
+      const clickable = target.closest('button, a, [role="button"]');
+      if (clickable) {
+        const label = clickable.textContent?.trim().slice(0, 50) || 
+                      (clickable as HTMLAnchorElement).href || 
+                      clickable.getAttribute('aria-label') || 
+                      'Unnamed Action';
+
+        sendEvent({
+          type: 'CLICK',
+          path: window.location.pathname,
+          label,
+          metadata: {
+            tagName: clickable.tagName,
+            id: clickable.id,
+            className: clickable.className,
+          }
+        });
+      }
+    };
+
+    window.addEventListener('click', handleClick);
+    return () => window.removeEventListener('click', handleClick);
+  }, []);
+
+  return null; // Invisible component
+}

components/UserProvider.tsx

@@ -6,7 +6,7 @@ import { MOCK_USER } from '../lib/mockData';
 
 interface UserContextType {
     user: User | null;
-    login: () => void;
+    login: (user: User) => void;
     logout: () => void;
 }
 
@@ -15,12 +15,21 @@ const UserContext = createContext<UserContextType | undefined>(undefined);
 export function UserProvider({ children }: { children: ReactNode }) {
     const [user, setUser] = useState<User | null>(null);
 
-    const login = () => {
-        setUser(MOCK_USER);
+    React.useEffect(() => {
+        const savedUser = localStorage.getItem('afro_user');
+        if (savedUser) {
+            setUser(JSON.parse(savedUser));
+        }
+    }, []);
+
+    const login = (userData: User) => {
+        setUser(userData);
+        localStorage.setItem('afro_user', JSON.stringify(userData));
     };
 
     const logout = () => {
         setUser(null);
+        localStorage.removeItem('afro_user');
     };
 
     return (

components/dashboard/DashboardProfile.tsx

@@ -18,6 +18,18 @@ const DashboardProfile = ({ business, setBusiness }: { business: Business, setBu
     const [videoInput, setVideoInput] = useState(business.videoUrl || '');
     const [videoPreviewId, setVideoPreviewId] = useState<string | null>(getYouTubeId(business.videoUrl || ''));
     const [isGenerating, setIsGenerating] = useState(false);
+    const [isMounted, setIsMounted] = useState(false);
+
+    // Sync formData when business prop changes (initial fetch)
+    React.useEffect(() => {
+        setFormData(business);
+        setVideoInput(business.videoUrl || '');
+        setVideoPreviewId(getYouTubeId(business.videoUrl || ''));
+    }, [business]);
+
+    React.useEffect(() => {
+        setIsMounted(true);
+    }, []);
 
     const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => {
         setFormData({ ...formData, [e.target.name]: e.target.value });
@@ -44,9 +56,33 @@ const DashboardProfile = ({ business, setBusiness }: { business: Business, setBu
         setIsGenerating(false);
     };
 
-    const handleSave = () => {
-        setBusiness(formData);
-        alert('Profil mis à jour avec succès !');
+    const handleSave = async () => {
+        try {
+            const res = await fetch('/api/businesses', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'x-user-id': business?.ownerId || (typeof window !== 'undefined' ? JSON.parse(localStorage.getItem('afro_user') || '{}').id : '')
+                },
+                body: JSON.stringify({
+                    ...formData,
+                    ownerId: business?.ownerId || (typeof window !== 'undefined' ? JSON.parse(localStorage.getItem('afro_user') || '{}').id : null)
+                })
+            });
+            
+            const data = await res.json();
+            
+            if (data.error) {
+                alert('Erreur: ' + data.error);
+            } else {
+                setBusiness(data);
+                alert('Profil mis à jour avec succès !');
+                // Optional: refresh page to show in directory
+            }
+        } catch (error) {
+            console.error('Save error:', error);
+            alert('Erreur lors de la sauvegarde');
+        }
     };
 
     return (