feat: 同步进度指示行 + 列表倒序 + 等待产品折叠

Author: Astro-Han

quantclass_sync_internal/gui/assets/app.js

@@ -57,6 +57,7 @@ document.addEventListener('alpine:init', () => {
         pollTimer: null,      // setTimeout 句柄
         syncProducts: [],     // 同步过程中已处理产品列表（每项含 name/status/elapsed/files_count/error）
         allProducts: [],      // 全部待同步产品名（用于计算等待中列表）
+        showWaiting: false,   // 等待中产品列表是否展开
 
         // ===== 初始化 =====
         // 先调 get_config() 判断视图：config_exists → main，否则 → setup
@@ -175,6 +176,7 @@ document.addEventListener('alpine:init', () => {
             this.runSummary = null;
             this.syncProducts = [];
             this.allProducts = [];
+            this.showWaiting = false;
             try {
                 const result = await window.pywebview.api.start_sync();
                 if (result.started) {
@@ -204,6 +206,7 @@ document.addEventListener('alpine:init', () => {
             this.runSummary = null;
             this.syncProducts = [];
             this.allProducts = [];
+            this.showWaiting = false;
             try {
                 // true 表示仅重试失败产品
                 const result = await window.pywebview.api.start_sync(true);

quantclass_sync_internal/gui/assets/index.html

@@ -338,6 +338,14 @@ <h2 class="setup-title">QuantClass Sync 初始设置</h2>
             </div>
             <span class="qs-progress-text" x-text="total > 0 ? completed + ' / ' + total : '准备中...'"></span>
           </div>
+          <!-- 进度指示行 -->
+          <div x-show="total === 0" style="font-size:0.92em; color:#6b7280; margin:6px 0 2px;">
+            正在准备同步计划...
+          </div>
+          <div x-show="total > 0" style="font-size:0.92em; color:#6b7280; margin:6px 0 2px;">
+            <span x-text="'已完成 ' + completed + '/' + total"></span>
+            <span x-show="currentProduct"> · 最新: <span style="font-weight:600" x-text="currentProduct"></span></span>
+          </div>
           <!-- 耗时/预估 -->
           <div class="qs-meta-row">
             <span x-text="'已用时: ' + formatDuration(elapsedSeconds)"></span>
@@ -346,8 +354,8 @@ <h2 class="setup-title">QuantClass Sync 初始设置</h2>
           <!-- 产品列表 -->
           <div class="qs-card" style="padding:10px 14px;">
             <ul class="qs-product-list">
-              <!-- 已完成产品 -->
-              <template x-for="sp in syncProducts" :key="sp.name">
+              <!-- 已完成产品（倒序：最新完成的显示在最前面） -->
+              <template x-for="sp in syncProducts.slice().reverse()" :key="sp.name">
                 <li class="qs-product-item">
                   <!-- 状态图标：✓绿/✗红/–灰 -->
                   <div class="qs-product-icon"
@@ -366,9 +374,18 @@ <h2 class="setup-title">QuantClass Sync 初始设置</h2>
                   </template>
                 </li>
               </template>
-              <!-- 等待中产品（灰色弱化） -->
+              <!-- 等待中产品折叠头 -->
+              <template x-if="waitingProducts().length > 0">
+                <li class="qs-product-item" style="cursor:pointer; user-select:none;"
+                    @click="showWaiting = !showWaiting">
+                  <div class="qs-product-icon icon-wait" x-text="showWaiting ? '▾' : '▸'" style="color:#c4c8ce;"></div>
+                  <span class="qs-product-name muted"
+                    x-text="'还有 ' + waitingProducts().length + ' 个产品等待中'"></span>
+                </li>
+              </template>
+              <!-- 等待中产品展开列表 -->
               <template x-for="name in waitingProducts()" :key="'wait-' + name">
-                <li class="qs-product-item">
+                <li class="qs-product-item" x-show="showWaiting">
                   <div class="qs-product-icon icon-wait">&middot;</div>
                   <span class="qs-product-name muted" x-text="name"></span>
                   <span class="qs-product-meta" style="color:#d0d4da;">等待中</span>