diff --git a/assets/js/propagation_map_hook.js b/assets/js/propagation_map_hook.js
index 7bffbb2f..ebebf9eb 100644
--- a/assets/js/propagation_map_hook.js
+++ b/assets/js/propagation_map_hook.js
@@ -688,16 +688,36 @@ export const PropagationMap = {
},
renderTimeline() {
- if (!this.timelineEl || this.timelineData.length <= 1) {
+ if (!this.timelineEl || this.timelineData.length === 0) {
if (this.timelineEl) this.timelineEl.style.display = "none"
return
}
+ // Single time: show as a simple data timestamp, no buttons
+ if (this.timelineData.length === 1) {
+ const dt = new Date(this.timelineData[0].time)
+ const utcLabel = `${dt.getUTCHours().toString().padStart(2, "0")}:00 UTC`
+ const dateLabel = `${dt.getUTCFullYear()}-${(dt.getUTCMonth() + 1).toString().padStart(2, "0")}-${dt.getUTCDate().toString().padStart(2, "0")}`
+ this.timelineEl.style.display = "block"
+ this.timelineEl.innerHTML = `
+
+ Data: ${dateLabel} ${utcLabel}
+
`
+ return
+ }
+
// Hide timeline if all times are within 1 hour (no real forecast spread)
const firstDt = new Date(this.timelineData[0].time)
const lastDt = new Date(this.timelineData[this.timelineData.length - 1].time)
if (lastDt - firstDt < 3600000) {
- this.timelineEl.style.display = "none"
+ const dt = firstDt
+ const utcLabel = `${dt.getUTCHours().toString().padStart(2, "0")}:00 UTC`
+ const dateLabel = `${dt.getUTCFullYear()}-${(dt.getUTCMonth() + 1).toString().padStart(2, "0")}-${dt.getUTCDate().toString().padStart(2, "0")}`
+ this.timelineEl.style.display = "block"
+ this.timelineEl.innerHTML = `
+
+ Data: ${dateLabel} ${utcLabel}
+
`
return
}