From c5fa6aad6808cc06eefa8ade923c880cea4a4b9c Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sat, 6 Jun 2026 23:17:42 +0800
Subject: [PATCH] feat(transfer-queue): enhance empty state display and add
 hint for no tasks

---
 src/components/dialog/TransferQueueDialog.vue | 60 ++++++++++++++++++-
 src/locales/en-US.ts                          |  1 +
 src/locales/zh-CN.ts                          |  1 +
 src/locales/zh-TW.ts                          |  1 +
 4 files changed, 61 insertions(+), 2 deletions(-)

diff --git a/src/components/dialog/TransferQueueDialog.vue b/src/components/dialog/TransferQueueDialog.vue
index 2ef0d639..360a5ad3 100644
--- a/src/components/dialog/TransferQueueDialog.vue
+++ b/src/components/dialog/TransferQueueDialog.vue
@@ -311,8 +311,16 @@ onUnmounted(() => {
       <VProgressLinear v-if="dataList.length > 0" :model-value="overallProgressComputed" color="primary" />
       <VDivider v-else />
 
-      <VCardText v-if="dataList.length === 0" class="text-center">
-        {{ t('dialog.transferQueue.noTasks') }}
+      <VCardText v-if="dataList.length === 0" class="transfer-queue-empty">
+        <VIcon class="transfer-queue-empty__icon" icon="mdi-sync" size="30" />
+
+        <div class="transfer-queue-empty__headline">
+          {{ t('dialog.transferQueue.noTasks') }}
+        </div>
+
+        <div class="transfer-queue-empty__description">
+          {{ t('dialog.transferQueue.noTasksHint') }}
+        </div>
       </VCardText>
 
       <VCardText v-if="dataList.length > 0">
@@ -366,3 +374,51 @@ onUnmounted(() => {
     </VCard>
   </VDialog>
 </template>
+
+<style scoped>
+.transfer-queue-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.75rem;
+  min-block-size: 13rem;
+  padding-block: 2.5rem !important;
+  padding-inline: 1.5rem !important;
+  text-align: center;
+}
+
+.transfer-queue-empty__icon {
+  color: rgba(var(--v-theme-on-surface), 0.32);
+}
+
+.transfer-queue-empty__headline {
+  color: rgba(var(--v-theme-on-surface), 0.9);
+  font-size: 1.15rem;
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+.transfer-queue-empty__description {
+  color: rgba(var(--v-theme-on-surface), 0.6);
+  font-size: 0.92rem;
+  line-height: 1.65;
+  max-inline-size: 25rem;
+}
+
+@media (width <= 600px) {
+  .transfer-queue-empty {
+    min-block-size: 11rem;
+    padding-block: 2rem !important;
+    padding-inline: 1rem !important;
+  }
+
+  .transfer-queue-empty__headline {
+    font-size: 1.05rem;
+  }
+
+  .transfer-queue-empty__description {
+    font-size: 0.9rem;
+  }
+}
+</style>
diff --git a/src/locales/en-US.ts b/src/locales/en-US.ts
index d0f531b3..b10dfb96 100644
--- a/src/locales/en-US.ts
+++ b/src/locales/en-US.ts
@@ -2585,6 +2585,7 @@ export default {
       failedState: 'Failed',
       cancelledState: 'Cancelled',
       noTasks: 'No tasks being organized',
+      noTasksHint: 'Task progress and status will appear here once organization starts.',
       processing: 'Please wait ...',
       stopAll: 'Stop All',
       startAll: 'Start All',
diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index e1eaddd4..e205f74e 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -2537,6 +2537,7 @@ export default {
       failedState: '失败',
       cancelledState: '已取消',
       noTasks: '没有正在整理的任务',
+      noTasksHint: '开始整理后，这里会显示任务进度和状态。',
       processing: '请稍候 ...',
       stopAll: '全部停止',
       startAll: '全部开始',
diff --git a/src/locales/zh-TW.ts b/src/locales/zh-TW.ts
index 531893db..db4aa8b2 100644
--- a/src/locales/zh-TW.ts
+++ b/src/locales/zh-TW.ts
@@ -2538,6 +2538,7 @@ export default {
       failedState: '失敗',
       cancelledState: '已取消',
       noTasks: '沒有正在整理的任務',
+      noTasksHint: '開始整理後，這裡會顯示任務進度與狀態。',
       processing: '請稍候 ...',
       stopAll: '全部停止',
       startAll: '全部開始',