feat: set creation_time on file creation and render recently created icon

Signed-off-by: Cristian Scheid <cristianscheid@gmail.com>

Author: cristianscheid

apps/files/src/components/FileEntry/FileEntryPreview.vue

@@ -80,6 +80,7 @@ export default Vue.extend({
 		LinkIcon,
 		NetworkIcon,
 		TagIcon,
+		RecentlyCreatedIcon,
 	},
 
 	props: {
@@ -118,6 +119,29 @@ export default Vue.extend({
 			return this.source.attributes.favorite === 1
 		},
 
+		isRecentlyCreated(): boolean {
+			if (this.source.attributes.upload_time) {
+				return false
+			}
+
+			const creationDate = this.source.attributes.creationdate
+				? new Date(this.source.attributes.creationdate)
+				: null
+
+			if (!creationDate) {
+				return false
+			}
+
+			const oneDayAgo = new Date()
+			oneDayAgo.setDate(oneDayAgo.getDate() - 1)
+
+			return creationDate > oneDayAgo
+		},
+
+		isRecentView(): boolean {
+			return this.$route?.params?.view === 'recent'
+		},
+
 		userConfig(): UserConfig {
 			return this.userConfigStore.userConfig
 		},

apps/files/src/components/FileEntry/RecentlyCreatedIcon.vue

@@ -0,0 +1,78 @@
+<!--
+  - SPDX-FileCopyrightText: 2026 Nextcloud GmbH and Nextcloud contributors
+  - SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+<template>
+	<NcIconSvgWrapper class="recently-created-marker-icon" :name="t('files', 'Recently created')" :svg="PlusSvg" />
+</template>
+
+<script lang="ts">
+import PlusSvg from '@mdi/svg/svg/plus.svg?raw'
+import { translate as t } from '@nextcloud/l10n'
+import { defineComponent } from 'vue'
+import NcIconSvgWrapper from '@nextcloud/vue/components/NcIconSvgWrapper'
+
+/**
+ * A recently created icon to be used for overlaying recently created entries like the file preview / icon
+ * It has a stroke around the icon to ensure enough contrast for accessibility.
+ *
+ * If the background has a hover state you might want to also apply it to the stroke like this:
+ * ```scss
+ * .parent:hover :deep(.favorite-marker-icon svg path) {
+ *      stroke: var(--color-background-hover);
+ * }
+ * ```
+ */
+export default defineComponent({
+	name: 'RecentlyCreatedIcon',
+	components: {
+		NcIconSvgWrapper,
+	},
+
+	data() {
+		return {
+			PlusSvg,
+		}
+	},
+
+	async mounted() {
+		await this.$nextTick()
+		// MDI default viewBox is "0 0 24 24" but we add a stroke of 10px so we must adjust it
+		const el = this.$el.querySelector('svg')
+		el?.setAttribute?.('viewBox', '-4 -4 30 30')
+	},
+
+	methods: {
+		t,
+	},
+})
+</script>
+
+<style lang="scss" scoped>
+.recently-created-marker-icon {
+	color: var(--color-element-success);
+	// Override NcIconSvgWrapper defaults (clickable area)
+	min-width: unset !important;
+	min-height: unset !important;
+
+	:deep() {
+		svg {
+			// We added a stroke for a11y so we must increase the size to include the stroke
+			width: 20px !important;
+			height: 20px !important;
+
+			// Override NcIconSvgWrapper defaults of 20px
+			max-width: unset !important;
+			max-height: unset !important;
+
+			// Show a border around the icon for better contrast
+			path {
+				stroke: var(--color-main-background);
+				stroke-width: 8px;
+				stroke-linejoin: round;
+				paint-order: stroke;
+			}
+		}
+	}
+}
+</style>

apps/files/src/components/FilesListVirtual.vue

@@ -584,7 +584,7 @@ export default defineComponent({
 			& > span {
 				justify-content: flex-start;
 
-				&:not(.files-list__row-icon-favorite) svg {
+				&:not(.files-list__row-icon-favorite):not(.files-list__row-icon-recently-created) svg {
 					width: var(--icon-preview-size);
 					height: var(--icon-preview-size);
 				}
@@ -616,7 +616,8 @@ export default defineComponent({
 				}
 			}
 
-			&-favorite {
+			&-favorite,
+			&-recently-created {
 				position: absolute;
 				top: 0px;
 				right: -10px;
@@ -813,8 +814,9 @@ export default defineComponent({
 		}
 	}
 
-	// Star icon in the top right
-	.files-list__row-icon-favorite {
+	// Icon in the top right
+	.files-list__row-icon-favorite,
+	.files-list__row-icon-recently-created {
 		position: absolute;
 		top: 0;
 		right: 0;

lib/private/Files/Cache/Cache.php

@@ -230,6 +230,12 @@ public function getFolderContentsById($fileId) {
 	 * @throws \RuntimeException
 	 */
 	public function put($file, array $data) {
+		// do not carry over creation_time to file versions, as each new version would otherwise
+		// create a filecache_extended entry with the same creation_time as the original file
+		if (str_starts_with($file, 'files_versions/')) {
+			unset($data['creation_time']);
+		}
+
 		if (($id = $this->getId($file)) > -1) {
 			$this->update($id, $data);
 			return $id;

lib/private/Files/Node/Folder.php

@@ -186,6 +186,7 @@ public function newFile($path, $content = null) {
 				throw new NotPermittedException('Could not create path "' . $fullPath . '"');
 			}
 			$node = new File($this->root, $this->view, $fullPath, null, $this);
+			$this->view->putFileInfo($fullPath, ['creation_time' => time()]);
 			$this->sendHooks(['postWrite', 'postCreate'], [$node]);
 			return $node;
 		}