diff --git a/locales/default.pot b/locales/default.pot
index 5a863d463..f0bc0574b 100644
--- a/locales/default.pot
+++ b/locales/default.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: BEdita 4 \n"
-"POT-Creation-Date: 2025-06-27 12:35:10 \n"
+"POT-Creation-Date: 2025-08-26 08:17:45 \n"
 "MIME-Version: 1.0 \n"
 "Content-Transfer-Encoding: 8bit \n"
 "Language-Team: BEdita I18N & I10N Team \n"
@@ -307,9 +307,6 @@ msgstr ""
 msgid "Events"
 msgstr ""
 
-msgid "Expired"
-msgstr ""
-
 msgid "Export"
 msgstr ""
 
@@ -364,9 +361,6 @@ msgstr ""
 msgid "From"
 msgstr ""
 
-msgid "Future"
-msgstr ""
-
 msgid "Gender"
 msgstr ""
 
@@ -1520,6 +1514,18 @@ msgstr ""
 msgid "User"
 msgstr ""
 
+#, javascript-format
+msgid "Created on ${ created }."
+msgstr ""
+
+#, javascript-format
+msgid "Modified on ${ modified }."
+msgstr ""
+
+#, javascript-format
+msgid "Publish start on ${ published }."
+msgstr ""
+
 msgid "Loading branches for position"
 msgstr ""
 
@@ -1584,16 +1590,16 @@ msgstr ""
 msgid "copied in the clipboard"
 msgstr ""
 
-#, javascript-format
-msgid "Created on ${ created }."
+msgid "Expired"
 msgstr ""
 
-#, javascript-format
-msgid "Modified on ${ modified }."
+msgid "Future"
 msgstr ""
 
-#, javascript-format
-msgid "Publish start on ${ published }."
+msgid "New"
+msgstr ""
+
+msgid "Uploaded"
 msgstr ""
 
 #, javascript-format
@@ -1706,9 +1712,6 @@ msgstr ""
 msgid "New caption"
 msgstr ""
 
-msgid "New"
-msgstr ""
-
 msgid "No captions"
 msgstr ""
 
diff --git a/locales/en_US/default.po b/locales/en_US/default.po
index 704938141..413e1e849 100644
--- a/locales/en_US/default.po
+++ b/locales/en_US/default.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: BEdita Manager \n"
-"POT-Creation-Date: 2025-06-27 12:35:10 \n"
+"POT-Creation-Date: 2025-08-26 08:17:45 \n"
 "PO-Revision-Date:  \n"
 "Last-Translator:  \n"
 "Language-Team: BEdita I18N & I10N Team \n"
@@ -310,9 +310,6 @@ msgstr ""
 msgid "Events"
 msgstr ""
 
-msgid "Expired"
-msgstr ""
-
 msgid "Export"
 msgstr ""
 
@@ -367,9 +364,6 @@ msgstr ""
 msgid "From"
 msgstr ""
 
-msgid "Future"
-msgstr ""
-
 msgid "Gender"
 msgstr ""
 
@@ -1523,6 +1517,18 @@ msgstr ""
 msgid "User"
 msgstr ""
 
+#, javascript-format
+msgid "Created on ${ created }."
+msgstr ""
+
+#, javascript-format
+msgid "Modified on ${ modified }."
+msgstr ""
+
+#, javascript-format
+msgid "Publish start on ${ published }."
+msgstr ""
+
 msgid "Loading branches for position"
 msgstr ""
 
@@ -1587,16 +1593,16 @@ msgstr ""
 msgid "copied in the clipboard"
 msgstr ""
 
-#, javascript-format
-msgid "Created on ${ created }."
+msgid "Expired"
 msgstr ""
 
-#, javascript-format
-msgid "Modified on ${ modified }."
+msgid "Future"
 msgstr ""
 
-#, javascript-format
-msgid "Publish start on ${ published }."
+msgid "New"
+msgstr ""
+
+msgid "Uploaded"
 msgstr ""
 
 #, javascript-format
@@ -1709,9 +1715,6 @@ msgstr ""
 msgid "New caption"
 msgstr ""
 
-msgid "New"
-msgstr ""
-
 msgid "No captions"
 msgstr ""
 
diff --git a/locales/it_IT/default.po b/locales/it_IT/default.po
index 8bb4372a3..a95dc55f1 100644
--- a/locales/it_IT/default.po
+++ b/locales/it_IT/default.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: BEdita Manager \n"
-"POT-Creation-Date: 2025-06-27 12:35:10 \n"
+"POT-Creation-Date: 2025-08-26 08:17:45 \n"
 "PO-Revision-Date:  \n"
 "Last-Translator:  \n"
 "Language-Team: BEdita I18N & I10N Team \n"
@@ -312,9 +312,6 @@ msgstr "Errore: %s"
 msgid "Events"
 msgstr "Eventi"
 
-msgid "Expired"
-msgstr "Scaduto"
-
 msgid "Export"
 msgstr "Esporta"
 
@@ -369,9 +366,6 @@ msgstr "Il formato selezionato non è disponibile"
 msgid "From"
 msgstr "Da"
 
-msgid "Future"
-msgstr "Futuro"
-
 msgid "Gender"
 msgstr "Genere"
 
@@ -1542,6 +1536,18 @@ msgstr "Data di inizio"
 msgid "User"
 msgstr "Utente"
 
+#, javascript-format
+msgid "Created on ${ created }."
+msgstr "Creato il ${ created }."
+
+#, javascript-format
+msgid "Modified on ${ modified }."
+msgstr "Modificato il ${ modified }."
+
+#, javascript-format
+msgid "Publish start on ${ published }."
+msgstr "Pubblicato il ${ published }."
+
 msgid "Loading branches for position"
 msgstr "Caricamento rami per posizione"
 
@@ -1606,17 +1612,17 @@ msgstr "Mostra"
 msgid "copied in the clipboard"
 msgstr "copiato negli appunti"
 
-#, javascript-format
-msgid "Created on ${ created }."
-msgstr "Creato il ${ created }."
+msgid "Expired"
+msgstr "Scaduto"
 
-#, javascript-format
-msgid "Modified on ${ modified }."
-msgstr "Modificato il ${ modified }."
+msgid "Future"
+msgstr "Futuro"
 
-#, javascript-format
-msgid "Publish start on ${ published }."
-msgstr "Pubblicato il ${ published }."
+msgid "New"
+msgstr "Nuovo"
+
+msgid "Uploaded"
+msgstr "Caricato"
 
 #, javascript-format
 msgid "Missing required data \"${ required }\". Retry"
@@ -1728,9 +1734,6 @@ msgstr "Formato"
 msgid "New caption"
 msgstr "Nuovo sottotitolo"
 
-msgid "New"
-msgstr "Nuovo"
-
 msgid "No captions"
 msgstr "Nessun sottotitolo"
 
diff --git a/resources/js/app/app.js b/resources/js/app/app.js
index 87f4983f0..24f1b3a85 100644
--- a/resources/js/app/app.js
+++ b/resources/js/app/app.js
@@ -114,6 +114,8 @@ const _vueInstance = new Vue({
         ModuleProperties: () => import(/* webpackChunkName: "module-properties" */'app/components/module/module-properties'),
         ModuleSetup: () => import(/* webpackChunkName: "module-setup" */'app/components/module/module-setup'),
         AddRelatedById: () => import(/* webpackChunkName: "add-related-by-id" */'app/components/add-related-by-id/add-related-by-id'),
+        UploadedObject: () => import(/* webpackChunkName: "uploaded-object" */'app/components/uploaded-object/uploaded-object.vue'),
+        RibbonItem: () => import(/* webpackChunkName: "ribbon-item" */'./components/ribbon-item/ribbon-item.vue'),
         AppIcon,
     },
 
@@ -641,3 +643,5 @@ Vue.component('ModuleSetup', _vueInstance.$options.components.ModuleSetup);
 Vue.component('ObjectCategories', _vueInstance.$options.components.ObjectCategories);
 Vue.component('ObjectCaptions', _vueInstance.$options.components.ObjectCaptions);
 Vue.component('ObjectInfo', _vueInstance.$options.components.ObjectInfo);
+Vue.component('RibbonItem', _vueInstance.$options.components.RibbonItem);
+Vue.component('UploadedObject', _vueInstance.$options.components.UploadedObject);
diff --git a/resources/js/app/components/drop-upload.vue b/resources/js/app/components/drop-upload.vue
index 01d1c60f9..856c1ddd7 100644
--- a/resources/js/app/components/drop-upload.vue
+++ b/resources/js/app/components/drop-upload.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="drop-area mb-1 p-1 is-flex is-flex-column" :class="double ? 'drop-area-double' : ''" @drop.prevent="dropFiles" @dragover.prevent="onDragOver"
+    <div class="drop-upload drop-area mb-1 p-1 is-flex is-flex-column" :class="double ? 'drop-area-double' : ''" @drop.prevent="dropFiles" @dragover.prevent="onDragOver"
         @dragleave.prevent="onDragLeave">
         <div class="upload-placeholder" v-if="!Array.from(uploadProgressInfo.values()).length">
             <input class="file-input" type="file" multiple @change="inputFiles" :accept="fileAcceptMimeTypes(objectType)">
@@ -256,6 +256,7 @@ export default {
         },
 
         uploadSuccessful(file, object) {
+            object.meta.fromUpload = true;
             this.$emit('new-relations', [object]);
             this.removeProgressItem(file);
         },
@@ -310,3 +311,9 @@ export default {
     },
 }
 </script>
+<style scoped>
+div.drop-upload {
+    min-width: 800px;
+    max-width: 1000px;
+}
+</style>
diff --git a/resources/js/app/components/ribbon-item/ribbon-item.vue b/resources/js/app/components/ribbon-item/ribbon-item.vue
new file mode 100644
index 000000000..5eb1cd55e
--- /dev/null
+++ b/resources/js/app/components/ribbon-item/ribbon-item.vue
@@ -0,0 +1,81 @@
+<template>
+    <div
+        class="ribbon-item ribbon"
+        :class="itemClass(item, dataList)"
+        v-if="visible"
+    >
+        <span v-if="itemLabel(item)">{{ itemLabel(item) }}</span>
+    </div>
+</template>
+<script>
+import moment from 'moment';
+import { t } from 'ttag';
+
+export default {
+    name: 'RibbonItem',
+    props: {
+        dataList: {
+            type: Boolean,
+            default: false
+        },
+        item: {
+            type: Object,
+            required: true
+        },
+        stage: {
+            type: Boolean,
+            default: false
+        },
+    },
+    data() {
+        return {
+            msgExpired: t`Expired`,
+            msgFuture: t`Future`,
+            msgNew: t`New`,
+            msgUploaded: t`Uploaded`,
+        };
+    },
+    computed: {
+        visible() {
+            return this.stage || Date.parse(this.item.attributes.publish_start) > Date.now() || Date.parse(this.item.attributes.publish_end) < Date.now();
+        },
+    },
+    methods: {
+        itemClass(item, dataList) {
+            const type = item?.type;
+
+            return `ribbon ${type ? 'has-background-module-' + type : ''} ${dataList ? 'in-data-list' : ''}`;
+        },
+
+        itemLabel(item) {
+            if (this.stage) {
+                return this.itemNew(item) && item?.meta?.fromUpload ? this.msgUploaded : this.msgNew;
+            }
+            if (!item.attributes.publish_start) {
+                return '';
+            }
+
+            return Date.parse(item.attributes.publish_start) > Date.now() ? this.msgFuture : this.msgExpired;
+        },
+
+        itemNew(item) {
+            const now = new Date();
+            const sd = moment(item.meta.created);
+            const ed = moment(now);
+            const diff = moment.duration(ed.diff(sd)).asMinutes();
+
+            return diff <= 1;
+        },
+    },
+}
+</script>
+<style scoped>
+div.ribbon-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+div.ribbon-item span {
+    margin-right: 0.5rem;
+}
+</style>
diff --git a/resources/js/app/components/uploaded-object/uploaded-object.vue b/resources/js/app/components/uploaded-object/uploaded-object.vue
new file mode 100644
index 000000000..4fb6c895e
--- /dev/null
+++ b/resources/js/app/components/uploaded-object/uploaded-object.vue
@@ -0,0 +1,142 @@
+<template>
+    <article
+        class="uploaded-object"
+        :class="`${item.type} has-shadow-color-${item.type} has-status-${item.attributes.status}`"
+    >
+        <div class="left">
+            <span
+                class="tag"
+                :class="'has-background-module-' + item.type"
+            >
+                {{ item.type }}
+            </span>
+        </div>
+        <div class="left">
+            <span class="icon-calendar-check-o" v-title="datesInfo(item)" />
+            <span
+                class="status is-uppercase has-text-size-smallest"
+                :class="item.attributes.status"
+                v-if="item?.attributes?.status"
+            >
+                {{ item.attributes.status }}
+            </span>
+        </div>
+        <div>
+            <clipboard-item
+                label="ID"
+                :text="item.id.toString()"
+            />
+        </div>
+        <div>
+            <clipboard-item
+                label="uname"
+                :text="item.attributes.uname.toString()"
+            />
+        </div>
+        <div class="left">
+            <span
+                :title="item?.attributes?.title || item?.attributes?.name || item?.attributes?.uname || '-'"
+                v-html="$helpers.truncate(item?.attributes?.title || item?.attributes?.name || item?.attributes?.uname || '-', 50)"
+            />
+        </div>
+        <div>
+            <a
+                class="button button-outlined is-small mr-1"
+                :href="$helpers.buildViewUrl(item.id)"
+                target="_blank"
+            >
+                <app-icon icon="carbon:launch" />
+                <span class="ml-05">{{ msgEdit }}</span>
+            </a>
+        </div>
+        <div>
+            <div
+                :class="`ribbon ${item?.type ? 'has-background-module-' + item?.type : ''}`"
+                v-if="createdNow(item)"
+            >
+                {{ msgNew }}
+            </div>
+        </div>
+    </article>
+</template>
+<script>
+import moment from 'moment';
+import { t } from 'ttag';
+
+export default {
+    name: 'UploadedObject',
+    components: {
+        ClipboardItem: () => import(/* webpackChunkName: "clipboard-item" */'app/components/clipboard-item/clipboard-item'),
+        Thumbnail:() => import(/* webpackChunkName: "thumbnail" */'app/components/thumbnail/thumbnail'),
+    },
+    props: {
+        item: {
+            type: Object,
+            required: true
+        }
+    },
+    data() {
+        return {
+            msgEdit: t`Edit`,
+            msgNew: t`NEW`,
+        }
+    },
+    methods: {
+        createdNow(item) {
+            const creationDate = item?.meta?.created;
+            if (!creationDate) {
+                return false;
+            }
+            const start = moment(new Date());
+            const end = moment(new Date(creationDate));
+            const diffDays = Math.abs(Math.round(moment.duration(end.diff(start)).asDays()));
+            const diffHours = Math.abs(Math.round(moment.duration(end.diff(start)).asHours()));
+            const diffMinutes = Math.abs(Math.round(moment.duration(end.diff(start)).asMinutes()));
+
+            return diffDays === 0 && diffHours === 0 && diffMinutes === 0;
+        },
+
+        datesInfo(obj) {
+            if (obj?.meta?.created === undefined || obj?.meta?.modified === undefined) {
+                return '';
+            }
+            const created = new Date(obj.meta.created).toLocaleDateString() + ' ' + new Date(obj.meta.created).toLocaleTimeString();
+            const modified = new Date(obj.meta.modified).toLocaleDateString() + ' ' + new Date(obj.meta.modified).toLocaleTimeString();
+            if (!obj?.attributes?.publish_start) {
+                return t`Created on ${created}.` + ' ' + t`Modified on ${modified}.`;
+            }
+            const published = new Date(obj.meta.publish_start).toLocaleDateString() + ' ' + new Date(obj.attributes.publish_start).toLocaleTimeString();
+
+            return t`Created on ${created}.` + ' ' + t`Modified on ${modified}.` + ' ' + t`Publish start on ${published}.`;
+        },
+    },
+}
+</script>
+<style scoped>
+article.uploaded-object {
+    border-bottom: 1px solid #8e959e;
+    margin-bottom: 1rem;
+    overflow: hidden;
+    display: grid;
+    grid-template-columns: 10% 10% 10% 10% 40% 10% 10%;
+    min-width: 800px;
+    max-width: 1000px;
+}
+article.uploaded-object > div {
+    display: flex;
+    padding: 0.5rem;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}
+article.uploaded-object > div.left {
+    justify-content: flex-start;
+}
+article.uploaded-object .ribbon {
+    padding: 0.25rem;
+    color: #fff;
+    font-weight: bold;
+    font-size: 0.75rem;
+    border-radius: 0.5rem;
+}
+</style>
diff --git a/templates/Element/Form/multiupload.twig b/templates/Element/Form/multiupload.twig
index 45f1b6856..bee125a7d 100644
--- a/templates/Element/Form/multiupload.twig
+++ b/templates/Element/Form/multiupload.twig
@@ -10,20 +10,7 @@
         >
         </drop-upload>
         <div v-for="item in uploaded" :key="item.id">
-            <a :href="`/view/${item.id}`">
-                <div style="display: grid; grid-template-columns: 50px 1fr; border-bottom: dashed gray 1px;">
-                    <figure class="center-icon icon-opaque" v-if="item?.meta?.thumb_url">
-                        <img :src="item?.meta?.thumb_url" :alt="item.attributes.title" style="height: 50px; width: 50px; object-fit: cover;"/>
-                    </figure>
-                    <span style="padding: 0.5rem" v-else>
-                        <app-icon icon="carbon:document"></app-icon>
-                        <: extension(item?.meta?.media_url) :>
-                    </span>
-                    <span style="padding: 1rem">
-                        <: item.attributes.title :>
-                    </span>
-                </div>
-            </a>
+            <uploaded-object :item="item"/>
         </div>
     </div>
 </modules-index>
diff --git a/templates/Element/Form/related_item.twig b/templates/Element/Form/related_item.twig
index 642da7eff..a6622c198 100644
--- a/templates/Element/Form/related_item.twig
+++ b/templates/Element/Form/related_item.twig
@@ -36,31 +36,19 @@
         </div>
     {% endif %}
 
-
     {# RIBBON (new items) #}
-    {% if stage %}
-        <div :class="`ribbon ${related?.type ? 'has-background-module-' + related?.type : ''} ${dataList ? 'in-data-list' : ''}`">
-            {{ __('NEW') }}
-        </div>
-    {% endif %}
-
-    <div v-if="Date.parse(related.attributes.publish_start) > Date.now()" :class="`ribbon ${related?.type ? 'has-background-module-' + related?.type : ''} ${dataList ? 'in-data-list' : ''}`">
-         {{ __('Future') }}
-    </div>
-    <div v-if="Date.parse(related.attributes.publish_end) < Date.now()" :class="`ribbon ${related?.type ? 'has-background-module-' + related?.type : ''} ${dataList ? 'in-data-list' : ''}`">
-         {{ __('Expired') }}
-    </div>
-    <div v-if="Date.parse(related.attributes.publish_end) < Date.now()" :class="`ribbon ${related?.type ? 'has-background-module-' + related?.type : ''} ${dataList ? 'in-data-list' : ''}`">
-        {{ __('Expired') }}
-    </div>
-
+    <ribbon-item
+        :stage={{ stage|json_encode }}
+        :item="related"
+        :data-list="dataList"
+    >
+    </ribbon-item>
 
     {# THUMBNAIL #}
     {% if not translation %}
         <thumbnail :related="related"></thumbnail>
     {% endif %}
 
-
     {# BODY #}
     <div class="box-body p-05">