From bd878fceab42baca00100227324dd83bf1177660 Mon Sep 17 00:00:00 2001
From: bivashy <me@bivashy.dev>
Date: Thu, 8 Jan 2026 19:59:00 +0500
Subject: [PATCH] Add `playlistTitle`

---
 .../internal/import/uploadentry/UploadEntry.vue      |  6 +++---
 app/composeables/api/models/playlistProgressAllOf.ts |  1 +
 app/pages/import.vue                                 | 12 ++++++++++--
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/app/components/internal/import/uploadentry/UploadEntry.vue b/app/components/internal/import/uploadentry/UploadEntry.vue
index cc988d4..62251b5 100644
--- a/app/components/internal/import/uploadentry/UploadEntry.vue
+++ b/app/components/internal/import/uploadentry/UploadEntry.vue
@@ -1,16 +1,16 @@
 <template>
     <SingleUploadEntry v-if="entry.type === 'TRACK'" :title="(entry as SingleTrackProgressAllOf).title || ''" :size="''"
         :format="(entry as SingleTrackProgressAllOf).format || ''" />
-    <PlaylistUploadEntry v-if="entry.type === 'PLAYLIST'" title=""
+    <PlaylistUploadEntry v-if="entry.type === 'PLAYLIST'" :title="(entry as PlaylistProgressAllOf).playlistTitle || ''"
         :trackCount="(entry as PlaylistProgressAllOf).trackCount"
         :ytdlnStdout="(entry as PlaylistProgressAllOf).ytdlnStdout || ''"
         :status="(entry as PlaylistProgressAllOf).status || 'LOADING'" />
 </template>
 
 <script setup lang="ts">
-import type { PlaylistProgressAllOf, PlaylistProgressAllOfStatus, SingleTrackProgressAllOf, StreamProgress200Item } from '~/composeables/api/models';
-import SingleUploadEntry from './SingleUploadEntry.vue';
+import type { PlaylistProgressAllOf, SingleTrackProgressAllOf, StreamProgress200Item } from '~/composeables/api/models';
 import PlaylistUploadEntry from './PlaylistUploadEntry.vue';
+import SingleUploadEntry from './SingleUploadEntry.vue';
 
 interface Props {
     entry: StreamProgress200Item
diff --git a/app/composeables/api/models/playlistProgressAllOf.ts b/app/composeables/api/models/playlistProgressAllOf.ts
index 23fc795..d9d9250 100644
--- a/app/composeables/api/models/playlistProgressAllOf.ts
+++ b/app/composeables/api/models/playlistProgressAllOf.ts
@@ -10,5 +10,6 @@ export type PlaylistProgressAllOf = {
   ytdlnStdout?: string;
   overallProgress?: number;
   trackCount?: number;
+  playlistTitle?: string;
   status?: PlaylistProgressAllOfStatus;
 };
diff --git a/app/pages/import.vue b/app/pages/import.vue
index 78a1dbc..197f7a3 100644
--- a/app/pages/import.vue
+++ b/app/pages/import.vue
@@ -18,6 +18,15 @@ const currentPlaylistStore = useCurrentPlaylistStore();
 const progressEntries = ref<Map<string, StreamProgress200Item>>(new Map());
 let listener: EventSourceListener<StreamProgress200Item> | null = null;
 
+const sortedProgressEntries = computed(() => {
+    return Array.from(progressEntries.value.values())
+        .sort((a, b) => {
+            const timeA = a.timestamp || 0;
+            const timeB = b.timestamp || 0;
+            return timeB - timeA;
+        });
+});
+
 const unwatch = watch(() => currentPlaylistStore.id, (newId, oldId) => {
     if (newId !== -1 && newId !== oldId) {
         listenImports();
@@ -91,8 +100,7 @@ onUnmounted(() => {
                         Uploaded files
                     </h3>
                     <div class="space-y-2">
-                        <UploadEntry v-for="entry in Array.from(progressEntries.values())" :key="entry.id"
-                            :entry="entry" />
+                        <UploadEntry v-for="entry in sortedProgressEntries" :key="entry.id" :entry="entry" />
                         <Empty class="border border-dashed" v-if="progressEntries.size === 0">
                             <EmptyHeader>
                                 <EmptyMedia variant="icon">