new interactive

app/components/hooks/useColorMapping.ts

@@ -21,7 +21,7 @@ export const useColorMapping = (entityMappings: EntityMapping[]) => {
   const getCurrentColor = useCallback(
     (selectedText: string): string => {
       if (!selectedText || !entityMappings) {
-        return COLOR_PALETTE[0].value;
+        return '#e5e7eb'; // Couleur grise par défaut au lieu du bleu
       }
 
       // Chercher le mapping correspondant au texte sélectionné
@@ -39,8 +39,8 @@ export const useColorMapping = (entityMappings: EntityMapping[]) => {
         return generateColorFromName(mapping.entity_type).value;
       }
 
-      // Générer une couleur basée sur le texte
-      return generateColorFromName(selectedText).value;
+      // Retourner gris par défaut si aucun mapping
+      return '#e5e7eb';
     },
     [entityMappings]
   );