fix: "save X min ago" only min to min/hours/days

web/src/components/SaveStatus.vue

@@ -8,7 +8,8 @@ const props = defineProps<{
 
 defineEmits<{ retry: [] }>()
 
-const HOUR_MS = 60 * 60 * 1000
+const MINUTE_MS = 60 * 1000
+const HOUR_MS = 60 * MINUTE_MS
 const TICK_MS = 15000
 
 const now = ref(Date.now())
@@ -32,6 +33,18 @@ function formatClock(date: Date) {
 	return `${hours}:${minutes}`
 }
 
+function formatElapsed(diffMs: number) {
+	const minutes = Math.floor(diffMs / MINUTE_MS)
+	if (minutes < 60) {
+		return `${minutes} min`
+	}
+	const hours = Math.floor(minutes / 60)
+	if (hours < 24) {
+		return `${hours} h`
+	}
+	return `${Math.floor(hours / 24)} d`
+}
+
 const savedText = computed(() => {
 	if (!props.savedAt) {
 		return 'Saved'
@@ -40,8 +53,7 @@ const savedText = computed(() => {
 	if (diffMs < HOUR_MS) {
 		return `Saved at ${formatClock(props.savedAt)}`
 	}
-	const minutes = Math.floor(diffMs / 60000)
-	return minutes === 1 ? 'Saved 1 min ago' : `Saved ${minutes} min ago`
+	return `Saved ${formatElapsed(diffMs)} ago`
 })
 </script>