create-crm-tmp 1.0.2 → 1.1.0

package/template/src/components/header.tsx

@@ -1,11 +1,13 @@
 'use client';
 
 import { useSession, signOut } from '@/lib/auth-client';
-import { Bell, ChevronDown, LogOut, Calendar } from 'lucide-react';
+import { Bell, ChevronDown, LogOut, Calendar, Menu } from 'lucide-react';
 import { useState, useEffect, useRef } from 'react';
 import { useRouter } from 'next/navigation';
 import Link from 'next/link';
 import { cn } from '@/lib/utils';
+import { useMobileMenuContext } from '@/contexts/mobile-menu-context';
+import { useViewAs } from '@/contexts/view-as-context';
 
 interface Reminder {
   id: string;
@@ -56,6 +58,8 @@ function formatDateTime(dateString: string) {
 export function Header() {
   const { data: session } = useSession();
   const router = useRouter();
+  const { toggle: toggleMobileMenu } = useMobileMenuContext();
+  const { viewAsUser, isViewingAsOther } = useViewAs();
   const [showRemindersDropdown, setShowRemindersDropdown] = useState(false);
   const [showUserDropdown, setShowUserDropdown] = useState(false);
   const [reminders, setReminders] = useState<Reminder[]>([]);
@@ -64,7 +68,8 @@ export function Header() {
   const remindersRef = useRef<HTMLDivElement>(null);
   const userRef = useRef<HTMLDivElement>(null);
 
-  const userName = session?.user?.name || 'Utilisateur';
+  const realUserName = session?.user?.name || 'Utilisateur';
+  const userName = isViewingAsOther ? viewAsUser?.name || 'Utilisateur' : realUserName;
   const userEmail = session?.user?.email || '';
   const userInitial = userName?.[0]?.toUpperCase() || 'U';
 
@@ -147,8 +152,16 @@ export function Header() {
   return (
     <header className="sticky top-0 z-30 border-b border-gray-200 bg-white px-4 py-3 sm:px-6 lg:px-8">
       <div className="flex items-center justify-between gap-2 sm:gap-4">
-        {/* Left: Logo + Greeting */}
+        {/* Left: Burger + Logo + Greeting */}
         <div className="flex items-center gap-2 sm:gap-3">
+          {/* Bouton burger - visible uniquement sur mobile/tablette */}
+          <button
+            onClick={toggleMobileMenu}
+            className="cursor-pointer rounded-lg p-2 text-gray-600 transition-colors hover:bg-gray-100 lg:hidden"
+            aria-label="Ouvrir le menu"
+          >
+            <Menu className="h-5 w-5" />
+          </button>
           <div className="flex items-center gap-1.5 sm:gap-2">
             {/* <Rocket className="h-5 w-5 text-indigo-600 sm:h-6 sm:w-6" /> */}
             <span className="text-base font-bold text-gray-900 sm:text-lg">CRM Template</span>
@@ -191,13 +204,9 @@ export function Header() {
                 </div>
                 <div className="max-h-96 overflow-y-auto">
                   {loading ? (
-                    <div className="px-4 py-8 text-center text-sm text-gray-500">
-                      Chargement...
-                    </div>
+                    <div className="px-4 py-8 text-center text-sm text-gray-500">Chargement...</div>
                   ) : reminders.length === 0 ? (
-                    <div className="px-4 py-8 text-center text-sm text-gray-500">
-                      Aucun rappel
-                    </div>
+                    <div className="px-4 py-8 text-center text-sm text-gray-500">Aucun rappel</div>
                   ) : (
                     <div className="divide-y divide-gray-100">
                       {reminders.map((reminder) => {
@@ -285,7 +294,7 @@ export function Header() {
           <div className="relative" ref={userRef}>
             <button
               onClick={() => setShowUserDropdown(!showUserDropdown)}
-              className="flex items-center gap-1.5 sm:gap-2 cursor-pointer"
+              className="flex cursor-pointer items-center gap-1.5 sm:gap-2"
               aria-label="Menu utilisateur"
             >
               <div className="flex h-8 w-8 items-center justify-center rounded-full bg-indigo-100 text-xs font-semibold text-indigo-600 sm:h-9 sm:w-9 sm:text-sm">
@@ -297,8 +306,8 @@ export function Header() {
             {/* Dropdown utilisateur */}
             {showUserDropdown && (
               <div className="absolute right-0 mt-2 w-56 rounded-lg border border-gray-200 bg-white shadow-xl">
-                <div className="px-4 py-3 border-b border-gray-200">
-                  <p className="text-sm font-medium text-gray-900">{userName}</p>
+                <div className="border-b border-gray-200 px-4 py-3">
+                  <p className="text-sm font-medium text-gray-900">{realUserName}</p>
                   <p className="mt-0.5 text-xs text-gray-500">{userEmail}</p>
                 </div>
                 <div className="py-1">

package/template/src/components/page-header.tsx

@@ -1,60 +1,27 @@
-'use client';
-
-import { useMobileMenuContext } from '@/contexts/mobile-menu-context';
-
 interface PageHeaderProps {
   title: string;
   description?: string;
   action?: React.ReactNode;
 }
 
-export function PageHeader({ title, description, action }: PageHeaderProps) {
-  const { isOpen, toggle } = useMobileMenuContext();
-
+export function PageHeader({ title, description, action }: Readonly<PageHeaderProps>) {
   return (
     <div className="border-b border-gray-200 bg-white px-4 py-4 sm:px-6 lg:px-8 lg:py-6">
-      <div className="flex items-start gap-3">
-        {/* Mobile menu button */}
-        <button
-          onClick={toggle}
-          className="mt-1 shrink-0 cursor-pointer rounded-lg p-2 text-gray-700 transition-colors hover:bg-gray-100 lg:hidden"
-          aria-label="Toggle menu"
-        >
-          <svg className="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            {isOpen ? (
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth={2}
-                d="M6 18L18 6M6 6l12 12"
-              />
-            ) : (
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth={2}
-                d="M4 6h16M4 12h16M4 18h16"
-              />
-            )}
-          </svg>
-        </button>
-
-        <div className="min-w-0 flex-1">
-          {action ? (
-            <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
-              <div className="min-w-0 flex-1">
-                <h1 className="text-xl font-bold text-gray-900 sm:text-2xl">{title}</h1>
-                {description && <p className="mt-1 text-sm text-gray-600">{description}</p>}
-              </div>
-              <div className="shrink-0">{action}</div>
-            </div>
-          ) : (
-            <>
+      <div>
+        {action ? (
+          <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+            <div className="min-w-0 flex-1">
               <h1 className="text-xl font-bold text-gray-900 sm:text-2xl">{title}</h1>
               {description && <p className="mt-1 text-sm text-gray-600">{description}</p>}
-            </>
-          )}
-        </div>
+            </div>
+            <div className="shrink-0">{action}</div>
+          </div>
+        ) : (
+          <>
+            <h1 className="text-xl font-bold text-gray-900 sm:text-2xl">{title}</h1>
+            {description && <p className="mt-1 text-sm text-gray-600">{description}</p>}
+          </>
+        )}
       </div>
     </div>
   );

package/template/src/components/sidebar.tsx

@@ -1,9 +1,8 @@
 'use client';
 
 import Link from 'next/link';
-import { usePathname } from 'next/navigation';
+import { usePathname, useRouter } from 'next/navigation';
 import { useSession, signOut } from '@/lib/auth-client';
-import { useRouter } from 'next/navigation';
 import { useMemo, useState, useEffect } from 'react';
 import { useUserRole } from '@/hooks/use-user-role';
 import { useMobileMenuContext } from '@/contexts/mobile-menu-context';
@@ -29,7 +28,7 @@ export function Sidebar() {
   const { data: session } = useSession();
   const router = useRouter();
   const { isOpen: isMobileMenuOpen, setIsOpen: setIsMobileMenuOpen } = useMobileMenuContext();
-  const { isCollapsed, isPinned, setIsCollapsed, togglePin } = useSidebarContext();
+  const { isCollapsed, isPinned, setIsCollapsed } = useSidebarContext();
   const { viewAsUser, isViewingAsOther } = useViewAs();
   const [showViewAsModal, setShowViewAsModal] = useState(false);
   const [isMounted, setIsMounted] = useState(false);
@@ -128,7 +127,7 @@ export function Sidebar() {
           {/* Section Dashboard */}
           <div className={cn('px-3', isCollapsed && !isPinned && 'lg:px-2')}>
             {(!isCollapsed || isPinned) && (
-              <h2 className="mb-2 px-3 text-xs font-semibold tracking-wider text-gray-500 uppercase">
+              <h2 className="mb-2 px-3 text-xs font-semibold tracking-wider text-nowrap text-gray-500 uppercase">
                 CRM Template
               </h2>
             )}

package/template/src/contexts/dashboard-theme-context.tsx

@@ -0,0 +1,58 @@
+'use client';
+
+import { createContext, useContext, useEffect, useMemo, useState, type ReactNode } from 'react';
+import {
+  type DashboardTheme,
+  DASHBOARD_THEMES,
+  DEFAULT_THEME_KEY,
+  getThemeByKey,
+} from '@/lib/dashboard-themes';
+
+interface DashboardThemeContextType {
+  theme: DashboardTheme;
+  setThemeKey: (key: string) => void;
+  themes: DashboardTheme[];
+}
+
+const DashboardThemeContext = createContext<DashboardThemeContextType | undefined>(undefined);
+
+const STORAGE_KEY = 'dashboard_theme';
+
+export function DashboardThemeProvider({ children }: Readonly<{ children: ReactNode }>) {
+  const [themeKey, setThemeKeyState] = useState(DEFAULT_THEME_KEY);
+
+  // Charger le thème depuis le localStorage
+  useEffect(() => {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored && DASHBOARD_THEMES.some((t) => t.key === stored)) {
+      setThemeKeyState(stored);
+    }
+  }, []);
+
+  const setThemeKey = (key: string) => {
+    setThemeKeyState(key);
+    localStorage.setItem(STORAGE_KEY, key);
+  };
+
+  const theme = getThemeByKey(themeKey);
+
+  const value = useMemo(
+    () => ({ theme, setThemeKey, themes: DASHBOARD_THEMES }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [theme],
+  );
+
+  return (
+    <DashboardThemeContext.Provider value={value}>
+      {children}
+    </DashboardThemeContext.Provider>
+  );
+}
+
+export function useDashboardTheme() {
+  const context = useContext(DashboardThemeContext);
+  if (!context) {
+    throw new Error('useDashboardTheme doit être utilisé dans un DashboardThemeProvider');
+  }
+  return context;
+}

package/template/src/lib/audit-log.ts

@@ -41,5 +41,3 @@ export async function logAudit({
     console.error('Erreur lors de la création du log d’audit:', error);
   }
 }
-
-

package/template/src/lib/dashboard-themes.ts

@@ -0,0 +1,140 @@
+/**
+ * Thèmes de couleur pour le tableau de bord
+ * Chaque thème fournit des valeurs hex pour toutes les nuances nécessaires
+ */
+
+export interface DashboardTheme {
+  key: string;
+  label: string;
+  hex: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+  };
+}
+
+export const DASHBOARD_THEMES: DashboardTheme[] = [
+  {
+    key: 'orange',
+    label: 'Orange',
+    hex: {
+      50: '#fff7ed',
+      100: '#ffedd5',
+      200: '#fed7aa',
+      300: '#fdba74',
+      400: '#fb923c',
+      500: '#f97316',
+      600: '#ea580c',
+      700: '#c2410c',
+    },
+  },
+  {
+    key: 'blue',
+    label: 'Bleu',
+    hex: {
+      50: '#eff6ff',
+      100: '#dbeafe',
+      200: '#bfdbfe',
+      300: '#93c5fd',
+      400: '#60a5fa',
+      500: '#3b82f6',
+      600: '#2563eb',
+      700: '#1d4ed8',
+    },
+  },
+  {
+    key: 'violet',
+    label: 'Violet',
+    hex: {
+      50: '#f5f3ff',
+      100: '#ede9fe',
+      200: '#ddd6fe',
+      300: '#c4b5fd',
+      400: '#a78bfa',
+      500: '#8b5cf6',
+      600: '#7c3aed',
+      700: '#6d28d9',
+    },
+  },
+  {
+    key: 'emerald',
+    label: 'Émeraude',
+    hex: {
+      50: '#ecfdf5',
+      100: '#d1fae5',
+      200: '#a7f3d0',
+      300: '#6ee7b7',
+      400: '#34d399',
+      500: '#10b981',
+      600: '#059669',
+      700: '#047857',
+    },
+  },
+  {
+    key: 'rose',
+    label: 'Rose',
+    hex: {
+      50: '#fff1f2',
+      100: '#ffe4e6',
+      200: '#fecdd3',
+      300: '#fda4af',
+      400: '#fb7185',
+      500: '#f43f5e',
+      600: '#e11d48',
+      700: '#be123c',
+    },
+  },
+  {
+    key: 'cyan',
+    label: 'Cyan',
+    hex: {
+      50: '#ecfeff',
+      100: '#cffafe',
+      200: '#a5f3fc',
+      300: '#67e8f9',
+      400: '#22d3ee',
+      500: '#06b6d4',
+      600: '#0891b2',
+      700: '#0e7490',
+    },
+  },
+  {
+    key: 'amber',
+    label: 'Ambre',
+    hex: {
+      50: '#fffbeb',
+      100: '#fef3c7',
+      200: '#fde68a',
+      300: '#fcd34d',
+      400: '#fbbf24',
+      500: '#f59e0b',
+      600: '#d97706',
+      700: '#b45309',
+    },
+  },
+  {
+    key: 'indigo',
+    label: 'Indigo',
+    hex: {
+      50: '#eef2ff',
+      100: '#e0e7ff',
+      200: '#c7d2fe',
+      300: '#a5b4fc',
+      400: '#818cf8',
+      500: '#6366f1',
+      600: '#4f46e5',
+      700: '#4338ca',
+    },
+  },
+];
+
+export const DEFAULT_THEME_KEY = 'orange';
+
+export function getThemeByKey(key: string): DashboardTheme {
+  return DASHBOARD_THEMES.find((t) => t.key === key) || DASHBOARD_THEMES[0];
+}

package/template/src/lib/default-widgets.ts

@@ -0,0 +1,14 @@
+// Layout par défaut pour les nouveaux utilisateurs
+// Ce fichier est séparé du widget-registry pour être importable côté serveur
+export const DEFAULT_WIDGETS = [
+  { type: 'stat_total_contacts', x: 0, y: 0, w: 3, h: 2 },
+  { type: 'stat_new_contacts', x: 3, y: 0, w: 3, h: 2 },
+  { type: 'stat_completed_tasks', x: 6, y: 0, w: 3, h: 2 },
+  { type: 'stat_pending_tasks', x: 9, y: 0, w: 3, h: 2 },
+  { type: 'contacts_chart', x: 0, y: 2, w: 6, h: 4 },
+  { type: 'top_contacts', x: 6, y: 2, w: 6, h: 4 },
+  { type: 'activity_chart', x: 0, y: 6, w: 8, h: 4 },
+  { type: 'tasks_pie', x: 8, y: 6, w: 4, h: 4 },
+  { type: 'upcoming_tasks', x: 0, y: 10, w: 6, h: 5 },
+  { type: 'recent_activity', x: 6, y: 10, w: 6, h: 5 },
+];

package/template/src/lib/google-drive.ts

@@ -1,5 +1,9 @@
 /**
  * Utilitaires pour gérer les fichiers avec Google Drive API
+ *
+ * Google Drive est configuré de manière centralisée :
+ * un seul administrateur connecte son compte Google Drive,
+ * et tous les utilisateurs uploadent dans ce même Drive.
  */
 
 import { prisma } from '@/lib/prisma';
@@ -8,6 +12,30 @@ import { getValidAccessToken } from './google-calendar';
 // Nom de l'application (peut être configuré via variable d'environnement)
 const APP_NAME = process.env.APP_NAME || 'CRM Template';
 
+/**
+ * Récupère le compte Google de l'administrateur
+ * Tous les utilisateurs utilisent la configuration de l'admin pour Google Drive uniquement
+ */
+export async function getAdminGoogleAccount() {
+  const adminUser = await prisma.user.findFirst({
+    where: { role: 'ADMIN' },
+    include: {
+      googleAccount: true,
+    },
+    orderBy: {
+      createdAt: 'asc', // Prendre le premier admin créé
+    },
+  });
+
+  if (!adminUser || !adminUser.googleAccount) {
+    throw new Error(
+      'Aucun compte Google Drive configuré. Veuillez demander à un administrateur de connecter son compte Google Drive dans les paramètres.',
+    );
+  }
+
+  return adminUser.googleAccount;
+}
+
 /**
  * Crée ou récupère un dossier dans Google Drive
  */
@@ -145,19 +173,14 @@ async function setFilePublicWithLink(accessToken: string, fileId: string): Promi
  * Crée un dossier dans Google Drive pour un contact
  * Structure: CRM Template > Contacts > Contact - [Nom]
  * Retourne l'ID du dossier créé ou existant
+ * Utilise le compte Google Drive de l'administrateur
  */
 export async function getOrCreateContactFolder(
   userId: string,
   contactId: string,
   contactName: string,
 ): Promise<string> {
-  const googleAccount = await prisma.userGoogleAccount.findUnique({
-    where: { userId },
-  });
-
-  if (!googleAccount) {
-    throw new Error('Aucun compte Google connecté');
-  }
+  const googleAccount = await getAdminGoogleAccount();
 
   const accessToken = await getValidAccessToken(
     googleAccount.accessToken,
@@ -170,7 +193,7 @@ export async function getOrCreateContactFolder(
     const tokenExpiresAt = new Date();
     tokenExpiresAt.setSeconds(tokenExpiresAt.getSeconds() + 3600);
     await prisma.userGoogleAccount.update({
-      where: { userId },
+      where: { userId: googleAccount.userId },
       data: {
         accessToken,
         tokenExpiresAt,
@@ -193,6 +216,7 @@ export async function getOrCreateContactFolder(
 
 /**
  * Upload un fichier vers Google Drive dans le dossier du contact
+ * Utilise le compte Google Drive de l'administrateur
  */
 export async function uploadFileToDrive(
   userId: string,
@@ -202,13 +226,7 @@ export async function uploadFileToDrive(
 ): Promise<{ fileId: string; webViewLink: string }> {
   const folderId = await getOrCreateContactFolder(userId, contactId, contactName);
 
-  const googleAccount = await prisma.userGoogleAccount.findUnique({
-    where: { userId },
-  });
-
-  if (!googleAccount) {
-    throw new Error('Aucun compte Google connecté');
-  }
+  const googleAccount = await getAdminGoogleAccount();
 
   const accessToken = await getValidAccessToken(
     googleAccount.accessToken,
@@ -221,7 +239,7 @@ export async function uploadFileToDrive(
     const tokenExpiresAt = new Date();
     tokenExpiresAt.setSeconds(tokenExpiresAt.getSeconds() + 3600);
     await prisma.userGoogleAccount.update({
-      where: { userId },
+      where: { userId: googleAccount.userId },
       data: {
         accessToken,
         tokenExpiresAt,
@@ -305,18 +323,13 @@ export async function uploadFileToDrive(
 
 /**
  * Récupère les informations d'un fichier depuis Google Drive
+ * Utilise le compte Google Drive de l'administrateur
  */
 export async function getFileInfo(
   userId: string,
   fileId: string,
 ): Promise<{ name: string; size: string; mimeType: string; webViewLink: string }> {
-  const googleAccount = await prisma.userGoogleAccount.findUnique({
-    where: { userId },
-  });
-
-  if (!googleAccount) {
-    throw new Error('Aucun compte Google connecté');
-  }
+  const googleAccount = await getAdminGoogleAccount();
 
   const accessToken = await getValidAccessToken(
     googleAccount.accessToken,
@@ -342,15 +355,10 @@ export async function getFileInfo(
 
 /**
  * Supprime un fichier de Google Drive
+ * Utilise le compte Google Drive de l'administrateur
  */
 export async function deleteFileFromDrive(userId: string, fileId: string): Promise<void> {
-  const googleAccount = await prisma.userGoogleAccount.findUnique({
-    where: { userId },
-  });
-
-  if (!googleAccount) {
-    throw new Error('Aucun compte Google connecté');
-  }
+  const googleAccount = await getAdminGoogleAccount();
 
   const accessToken = await getValidAccessToken(
     googleAccount.accessToken,

package/template/src/lib/permissions.ts

@@ -11,6 +11,7 @@ export interface Permission {
 }
 
 export const PERMISSION_CATEGORIES = {
+  DASHBOARD: 'Tableau de bord',
   ANALYTICS: 'Analytics',
   CONTACTS: 'Contacts',
   TASKS: 'Tâches',
@@ -22,6 +23,26 @@ export const PERMISSION_CATEGORIES = {
 } as const;
 
 export const PERMISSIONS: Permission[] = [
+  // Tableau de bord
+  {
+    code: 'dashboard.view',
+    name: 'Voir le tableau de bord',
+    description: 'Permet d\'accéder au tableau de bord et de visualiser les widgets',
+    category: PERMISSION_CATEGORIES.DASHBOARD,
+  },
+  {
+    code: 'dashboard.widgets.manage',
+    name: 'Gérer les widgets',
+    description: 'Permet d\'ajouter, supprimer et réorganiser les widgets du tableau de bord',
+    category: PERMISSION_CATEGORIES.DASHBOARD,
+  },
+  {
+    code: 'dashboard.widgets.reset',
+    name: 'Réinitialiser le tableau de bord',
+    description: 'Permet de réinitialiser la disposition des widgets aux valeurs par défaut',
+    category: PERMISSION_CATEGORIES.DASHBOARD,
+  },
+
   // Analytics
   {
     code: 'analytics.view',
@@ -127,7 +148,8 @@ export const PERMISSIONS: Permission[] = [
   {
     code: 'tasks.view_other_users_events',
     name: 'Voir les événements des autres utilisateurs',
-    description: 'Permet de voir les événements (tâches, rendez-vous) des autres utilisateurs dans l\'agenda',
+    description:
+      "Permet de voir les événements (tâches, rendez-vous) des autres utilisateurs dans l'agenda",
     category: PERMISSION_CATEGORIES.TASKS,
   },
   {
@@ -236,6 +258,13 @@ export const PERMISSIONS: Permission[] = [
     description: 'Permet de configurer les synchronisations Google Sheets',
     category: PERMISSION_CATEGORIES.INTEGRATIONS,
   },
+  {
+    code: 'integrations.google_drive.manage',
+    name: 'Gérer Google Drive partagé',
+    description:
+      'Permet de configurer le compte Google Drive administrateur utilisé pour le stockage des fichiers',
+    category: PERMISSION_CATEGORIES.INTEGRATIONS,
+  },
 
   // Utilisateurs
   {
@@ -300,6 +329,18 @@ export const PERMISSIONS: Permission[] = [
     description: 'Permet de créer, modifier et supprimer des statuts',
     category: PERMISSION_CATEGORIES.SETTINGS,
   },
+  {
+    code: 'settings.closing_reasons.manage',
+    name: 'Gérer les motifs de fermeture',
+    description: 'Permet de créer, modifier et supprimer des motifs de fermeture de contacts',
+    category: PERMISSION_CATEGORIES.SETTINGS,
+  },
+  {
+    code: 'settings.workflows.manage',
+    name: 'Gérer les automatisations',
+    description: 'Permet de créer, modifier, activer et supprimer des workflows (automatisations)',
+    category: PERMISSION_CATEGORIES.SETTINGS,
+  },
 
   // Général
   {
@@ -309,6 +350,13 @@ export const PERMISSIONS: Permission[] = [
       'Permet de voir tous les contacts de toutes les entreprises (réservé aux administrateurs)',
     category: PERMISSION_CATEGORIES.GENERAL,
   },
+  {
+    code: 'general.audit_logs.view',
+    name: 'Voir les logs d’audit',
+    description:
+      'Permet de consulter les journaux d’audit (actions des utilisateurs, historique des modifications)',
+    category: PERMISSION_CATEGORIES.GENERAL,
+  },
 ];
 
 // Regrouper les permissions par catégorie
@@ -334,6 +382,9 @@ export const DEFAULT_ROLES = {
     name: 'Manager',
     description: "Gestion d'équipe et accès étendu aux leads",
     permissions: [
+      'dashboard.view',
+      'dashboard.widgets.manage',
+      'dashboard.widgets.reset',
       'analytics.view',
       'contacts.view_all',
       'contacts.create',
@@ -360,6 +411,8 @@ export const DEFAULT_ROLES = {
     name: 'Commercial',
     description: 'Accès de base pour la gestion des leads personnels',
     permissions: [
+      'dashboard.view',
+      'dashboard.widgets.manage',
       'contacts.view_own',
       'contacts.view_unassigned',
       'contacts.create',
@@ -380,6 +433,7 @@ export const DEFAULT_ROLES = {
     name: 'Télépro',
     description: 'Accès limité pour la qualification de leads',
     permissions: [
+      'dashboard.view',
       'contacts.view_own',
       'contacts.view_unassigned',
       'contacts.create',
@@ -395,6 +449,7 @@ export const DEFAULT_ROLES = {
     name: 'Comptable',
     description: 'Accès limité aux informations financières et reporting',
     permissions: [
+      'dashboard.view',
       'analytics.view',
       'analytics.export',
       'contacts.view_all',

package/template/src/lib/prisma.ts

@@ -11,7 +11,6 @@ const pool = new Pool({
   max: 10, // Nombre maximum de connexions dans le pool
   idleTimeoutMillis: 30000, // Fermer les connexions inactives après 30s
   connectionTimeoutMillis: 10000, // Timeout de connexion de 10s
-
 });
 
 const adapter = new PrismaPg(pool);