feat(transfer-queue): enhance empty state display and add hint for no tasks

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>

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',

src/locales/zh-CN.ts

@@ -2537,6 +2537,7 @@ export default {
       failedState: '失败',
       cancelledState: '已取消',
       noTasks: '没有正在整理的任务',
+      noTasksHint: '开始整理后，这里会显示任务进度和状态。',
       processing: '请稍候 ...',
       stopAll: '全部停止',
       startAll: '全部开始',

src/locales/zh-TW.ts

@@ -2538,6 +2538,7 @@ export default {
       failedState: '失敗',
       cancelledState: '已取消',
       noTasks: '沒有正在整理的任務',
+      noTasksHint: '開始整理後，這裡會顯示任務進度與狀態。',
       processing: '請稍候 ...',
       stopAll: '全部停止',
       startAll: '全部開始',