Show original posted timestamp for videos

js/ui/components/VideoCard.js

@@ -5,6 +5,7 @@ export class VideoCard {
     index = 0,
     shareUrl = "#",
     timeAgo = "",
+    postedAt = null,
     pointerInfo = null,
     highlightClass = "",
     animationClass = "",
@@ -91,6 +92,7 @@ export class VideoCard {
     this.discussionCountEl = null;
     this.authorPicEl = null;
     this.authorNameEl = null;
+    this.timestampEl = null;
 
     this.playbackUrl =
       typeof video.url === "string" ? video.url.trim() : "";
@@ -105,11 +107,26 @@ export class VideoCard {
     this.showUnsupportedTorrentBadge =
       !this.playbackUrl && this.magnetProvided && !this.magnetSupported;
 
+    const normalizedPostedAt = Number.isFinite(postedAt)
+      ? Math.floor(postedAt)
+      : null;
+    this.postedAt = normalizedPostedAt;
+
+    if (this.postedAt !== null && this.video && typeof this.video === "object") {
+      this.video.rootCreatedAt = this.postedAt;
+    }
+
+    const fallbackTimestamp =
+      this.postedAt !== null
+        ? this.postedAt
+        : Number.isFinite(video?.created_at)
+          ? Math.floor(video.created_at)
+          : null;
+
     this.timeAgo =
-      timeAgo ||
-      (typeof this.formatters.formatTimeAgo === "function"
-        ? this.formatters.formatTimeAgo(video.created_at)
-        : "");
+      typeof timeAgo === "string" && timeAgo
+        ? timeAgo
+        : this.formatTimestampForLabel(fallbackTimestamp);
 
     this.build();
   }
@@ -440,6 +457,7 @@ export class VideoCard {
       textContent: this.timeAgo,
     });
     metadata.appendChild(timeEl);
+    this.timestampEl = timeEl;
 
     if (this.pointerInfo && this.pointerInfo.key) {
       const dot = this.createElement("span", {
@@ -980,6 +998,49 @@ export class VideoCard {
     }
   }
 
+  formatTimestampForLabel(timestamp) {
+    if (!Number.isFinite(timestamp)) {
+      return "";
+    }
+
+    const normalized = Math.floor(timestamp);
+    if (typeof this.formatters.formatTimeAgo === "function") {
+      try {
+        const formatted = this.formatters.formatTimeAgo(normalized);
+        return typeof formatted === "string" ? formatted : "";
+      } catch (error) {
+        if (this.window?.console?.warn) {
+          this.window.console.warn(
+            "[VideoCard] formatTimeAgo formatter threw",
+            error
+          );
+        }
+      }
+    }
+
+    return "";
+  }
+
+  updatePostedAt(timestamp) {
+    if (!Number.isFinite(timestamp)) {
+      return;
+    }
+
+    const normalized = Math.floor(timestamp);
+    this.postedAt = normalized;
+
+    if (this.video && typeof this.video === "object") {
+      this.video.rootCreatedAt = normalized;
+    }
+
+    const label = this.formatTimestampForLabel(normalized);
+    this.timeAgo = label;
+
+    if (this.timestampEl) {
+      this.timestampEl.textContent = label;
+    }
+  }
+
   bindEvents() {
     if (this.ensureGlobalMoreMenuHandlers) {
       this.ensureGlobalMoreMenuHandlers();

js/ui/views/VideoListView.js

@@ -98,6 +98,14 @@ export class VideoListView {
         typeof utils.buildShareUrlFromEventId === "function"
           ? utils.buildShareUrlFromEventId
           : () => "",
+      getKnownVideoPostedAt:
+        typeof utils.getKnownVideoPostedAt === "function"
+          ? utils.getKnownVideoPostedAt
+          : () => null,
+      resolveVideoPostedAt:
+        typeof utils.resolveVideoPostedAt === "function"
+          ? utils.resolveVideoPostedAt
+          : null,
       canManageBlacklist:
         typeof utils.canManageBlacklist === "function"
           ? utils.canManageBlacklist
@@ -325,7 +333,20 @@ export class VideoListView {
         canEdit && video.isPrivate ? "video-card--owner-private" : "";
       const isNewlyRendered = !previouslyRenderedIds.has(video.id);
       const animationClass = isNewlyRendered ? "video-card--enter" : "";
-      const timeAgo = this.formatters.formatTimeAgo(video.created_at);
+      const knownPostedAt = this.utils.getKnownVideoPostedAt(video);
+      const normalizedPostedAt = Number.isFinite(knownPostedAt)
+        ? Math.floor(knownPostedAt)
+        : null;
+      const fallbackTimestamp =
+        normalizedPostedAt !== null
+          ? normalizedPostedAt
+          : Number.isFinite(video?.created_at)
+            ? Math.floor(video.created_at)
+            : null;
+      const timeAgo =
+        fallbackTimestamp !== null
+          ? this.formatters.formatTimeAgo(fallbackTimestamp)
+          : "";
 
       let hasOlder = false;
       if (canEdit && video.videoRootId) {
@@ -344,6 +365,7 @@ export class VideoListView {
         shareUrl,
         pointerInfo,
         timeAgo,
+        postedAt: normalizedPostedAt,
         highlightClass,
         animationClass,
         capabilities: {
@@ -435,6 +457,34 @@ export class VideoListView {
       fragment.appendChild(cardEl);
       this.renderedVideoIds.add(video.id);
       this.videoCardInstances.push(videoCard);
+
+      const shouldResolvePostedAt =
+        normalizedPostedAt === null &&
+        typeof this.utils.resolveVideoPostedAt === "function";
+
+      if (shouldResolvePostedAt) {
+        Promise.resolve(this.utils.resolveVideoPostedAt(video))
+          .then((resolvedPostedAt) => {
+            if (!Number.isFinite(resolvedPostedAt)) {
+              return;
+            }
+            if (!this.videoCardInstances.includes(videoCard)) {
+              return;
+            }
+            if (videoCard.video?.id !== video.id) {
+              return;
+            }
+            videoCard.updatePostedAt(Math.floor(resolvedPostedAt));
+          })
+          .catch((error) => {
+            if (this.window?.console?.warn) {
+              this.window.console.warn(
+                "[VideoListView] Failed to resolve posted timestamp:",
+                error
+              );
+            }
+          });
+      }
     });
 
     this.container.innerHTML = "";