PostDetails: Affichage date collecte initiale + date mise à jour en case de re-analyse

browser-extension/src/entrypoints/posts/Posts/PostDetailPage.tsx

@@ -76,10 +76,15 @@ function PostDetailPage() {
               <h1 className="mt-2 mb-1 ">
                 Analyse des commentaires malveillants
               </h1>
-              <span className="text-base mt-0">
+              <div className="text-base mt-0">
                 Données collectées le{" "}
-                {formatAnalysisDate(post.latestAnalysisDate)}
-              </span>
+                {formatAnalysisDate(post.firstAnalysisDate)}
+              </div>
+              {post.analysisCount > 1 && (
+                <div className="text-base mt-0 italic">
+                  Mise à jour le {formatAnalysisDate(post.latestAnalysisDate)}
+                </div>
+              )}
             </div>
             <h3 className="text-left">Publication analysée</h3>
             <Card>

browser-extension/src/entrypoints/posts/Shared/PostSummary.stories.tsx

@@ -38,6 +38,8 @@ const inProgressPost: Post = {
   comments: Array<PostComment>(100).fill(exampleComment),
   latestAnalysisDate: "2026-03-22T00:00:00.000Z",
   latestAnalysisStatus: "IN_PROGRESS",
+  firstAnalysisDate: "2026-03-22T00:00:00.000Z",
+  analysisCount: 1,
 };
 
 const completedPost: Post = {

browser-extension/src/shared/model/post/Post.ts

@@ -12,6 +12,15 @@ export type Post = PostSharedProperties & {
    */
   comments: PostComment[];
 
+  /**
+   * Date of first PostSnapshot
+   */
+  firstAnalysisDate: string;
+
+  /**
+   * Number of PostSnapshot associated to this post
+   */
+  analysisCount: number;
   /**
    * Date of the latest snapshot on which this post is based.
    */

browser-extension/src/shared/model/post/buildPostFromSnapshots.ts

@@ -30,6 +30,8 @@ export function buildPostFromSnapshots(snapshots: PostSnapshot[]): Post {
     textContent: latest.textContent,
     title: latest.title,
     comments: buildCommentsFromSnapshots(oldestFirst),
+    firstAnalysisDate: oldest.scrapedAt,
+    analysisCount: snapshots.length,
     latestAnalysisDate: latest.scrapedAt,
     latestAnalysisStatus: latest.classificationStatus,
   };

browser-extension/src/shared/utils/__tests__/post-util.test.ts

@@ -16,18 +16,9 @@ import { Post, PostComment } from "@/shared/model/post/Post";
  * @returns Array containing a single Post with dummy data
  */
 function createDummyPostWithDate(publishedAt: PublicationDate): Post {
-  return {
-    postId: "dummy-post-1",
-    socialNetwork: SocialNetwork.YouTube,
-    url: "https://www.youtube.com/watch?v=dummy",
+  return createDummyPost({
     publishedAt,
-    author: {
-      name: "Dummy Author",
-      accountHref: "https://youtube.com/@dummyauthor",
-    },
-    latestAnalysisDate: new Date().toLocaleDateString(),
-    comments: [],
-  };
+  });
 }
 
 /**
@@ -48,6 +39,8 @@ function createDummyPost(overrides: Partial<Post> = {}): Post {
       name: "Dummy Author",
       accountHref: "https://youtube.com/@dummyauthor",
     },
+    firstAnalysisDate: new Date().toLocaleDateString(),
+    analysisCount: 1,
     latestAnalysisDate: new Date().toLocaleDateString(),
     comments: [],
     ...overrides,