合并 upstream/dev 并增强备份快照回滚与缓存一致性

public/index.html

@@ -1196,6 +1196,20 @@ <h3 class="config-card-title">备份与恢复</h3>
                                     </div>
                                 </div>
                                 <div class="config-divider"></div>
+                                <div class="config-field-row">
+                                    <div class="config-field">
+                                        <label class="config-label">备份周期（小时）</label>
+                                        <input type="number" name="configBackup.intervalHours"
+                                            class="form-input config-input" min="1" max="8760" placeholder="24" />
+                                        <small class="config-hint">每 N 小时自动备份一次</small>
+                                    </div>
+                                    <div class="config-field">
+                                        <label class="config-label">锚点时间</label>
+                                        <input type="time" name="configBackup.scheduleTime" class="form-input config-input" />
+                                        <small class="config-hint">留空=进程启动后每 N 小时；填 HH:MM 则在该时刻首次触发，之后每 N 小时循环</small>
+                                    </div>
+                                </div>
+                                <div class="config-divider"></div>
                                 <div class="config-field">
                                     <label class="config-label">歌单快照备份路径</label>
                                     <input type="text" name="snapshot.backupPath" class="form-input config-input"
@@ -2301,6 +2315,14 @@ <h3>备份与恢复管理</h3>
                                     <div class="meta-value text-truncate" id="config-backup-dir-text" title="backups">
                                         backups</div>
                                 </div>
+                                <div class="config-backup-meta-item">
+                                    <div class="meta-label">下一次自动备份</div>
+                                    <div class="meta-value" id="config-backup-next-text">—</div>
+                                </div>
+                                <div class="config-backup-meta-item">
+                                    <div class="meta-label">上次自动备份</div>
+                                    <div class="meta-value" id="config-backup-last-text">—</div>
+                                </div>
                             </div>
                             <div class="config-backup-actions-wrap">
                                 <button type="button" class="btn-primary" id="btn-backup-config-now"
@@ -2412,15 +2434,30 @@ <h3>备份与恢复管理</h3>
                                 </svg>
                                 <span>备份配置</span>
                             </button>
-                            <button type="button" class="backup-tab-btn" id="tab-btn-openlist-records" onclick="app.switchOpenlistTab('records')">
+                            <button type="button" class="backup-tab-btn" id="tab-btn-openlist-media" onclick="app.switchOpenlistTab('media')">
                                 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:16px;height:16px;">
                                     <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                                     <polyline points="14 2 14 8 20 8"></polyline>
                                     <line x1="16" y1="13" x2="8" y2="13"></line>
                                     <line x1="16" y1="17" x2="8" y2="17"></line>
                                     <polyline points="10 9 9 9 8 9"></polyline>
                                 </svg>
-                                <span>文件记录</span>
+                                <span>媒体文件记录</span>
+                            </button>
+                            <button type="button" class="backup-tab-btn" id="tab-btn-openlist-system" onclick="app.switchOpenlistTab('system')">
+                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:16px;height:16px;">
+                                    <circle cx="12" cy="12" r="3"></circle>
+                                    <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
+                                </svg>
+                                <span>系统配置记录</span>
+                            </button>
+                            <button type="button" class="backup-tab-btn" id="tab-btn-openlist-snapshot" onclick="app.switchOpenlistTab('snapshot')">
+                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:16px;height:16px;">
+                                    <path d="M9 18V5l12-2v13"></path>
+                                    <circle cx="6" cy="18" r="3"></circle>
+                                    <circle cx="18" cy="16" r="3"></circle>
+                                </svg>
+                                <span>歌单快照记录</span>
                             </button>
                         </div>
                         <div id="openlist-pane-config" class="backup-tab-pane active">
@@ -2503,9 +2540,9 @@ <h3 class="config-card-title">OpenList 连接</h3>
                                             <div class="config-toggle-info">
                                                 <span class="config-toggle-label">
                                                     <span>播放缓存同时上传封面与歌词</span>
-                                                    <span class="help-icon" role="button" tabindex="0" onclick="app.toggleHelp(this)" data-help="开启后，下载 / 缓存目录里的图片和歌词也会一并上传">?</span>
+                                                    <span class="help-icon" role="button" tabindex="0" onclick="app.toggleHelp(this)" data-help="开启后，下载 / 缓存目录里的图片和歌词会随歌曲一并上传；在「上传后删除本地」模式下，这些附件也会随歌曲一起从本地删除">?</span>
                                                 </span>
-                                                <span class="config-toggle-desc">随同音频文件自动备份其本地封面图片与歌词文本</span>
+                                                <span class="config-toggle-desc">随同音频文件自动备份其本地封面图片与歌词文本；「上传后删除本地」模式下会一并删除</span>
                                             </div>
                                             <label class="toggle-switch">
                                                 <input type="checkbox" name="openlist.includeNonAudio" />
@@ -2518,7 +2555,7 @@ <h3 class="config-card-title">OpenList 连接</h3>
                                                 <line x1="12" y1="16" x2="12" y2="12"></line>
                                                 <line x1="12" y1="8" x2="12.01" y2="8"></line>
                                             </svg>
-                                            <span>数据备份类型请在「系统设置 → 云端备份范围」中选择。常规备份只上传并保留本地；如需恢复请使用下方恢复按钮。</span>
+                                            <span>数据备份类型请在「系统设置 → 云端备份范围」中选择。常规备份只上传并保留本地。「上传后删除本地」仅对下载 / 缓存目录中的歌曲及其歌词、封面等附件生效；系统配置、歌单与不喜欢快照、用户数据一律保留本地，不受该模式影响。如需恢复请使用下方恢复按钮。</span>
                                         </div>
                                         <div class="config-divider"></div>
                                         <div class="config-field">
@@ -2602,7 +2639,7 @@ <h3 class="config-card-title">OpenList 连接</h3>
                                 </div>
                                 <div>
                                     <h3 class="config-card-title">
-                                        <span>同步状态与文件记录</span>
+                                        <span>同步记录（媒体文件 / 系统配置 / 歌单快照）</span>
                                         <span class="help-icon" role="button" tabindex="0" onclick="app.toggleHelp(this)" data-help="查看已备份文件与同步结果（含图片等附件计数）">?</span>
                                     </h3>
                                     <p class="config-card-desc">实时查看文件备份进度、验证状态及失败重试</p>
@@ -2620,6 +2657,13 @@ <h3 class="config-card-title">
                                             </svg>
                                             立即全量同步
                                         </button>
+                                        <button type="button" id="olb-bulkretry" class="btn-secondary" onclick="app.retrySelectedOpenlist()" disabled>
+                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:15px;height:15px;">
+                                                <polyline points="23 4 23 10 17 10"></polyline>
+                                                <path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"></path>
+                                            </svg>
+                                            批量重试
+                                        </button>
                                         <button type="button" id="olb-bulkdel" class="btn-secondary btn-danger-soft" onclick="app.deleteSelectedOpenlist()" disabled>
                                             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:15px;height:15px;">
                                                 <polyline points="3 6 5 6 21 6"></polyline>
@@ -2646,6 +2690,11 @@ <h3 class="config-card-title">
                                             <option value="failed">失败</option>
                                             <option value="deleted">已删除</option>
                                         </select>
+                                        <select id="olb-filter-type" class="form-input config-input olb-select" onchange="app.applyOpenlistFilter()" title="按歌单快照类型筛选（仅歌单快照页生效）">
+                                            <option value="">全部类型</option>
+                                            <option value="list">我的歌单</option>
+                                            <option value="dislike">我不喜欢</option>
+                                        </select>
                                         <input type="text" id="olb-filter-name" class="form-input config-input olb-input" placeholder="文件名搜索" oninput="app.scheduleOpenlistReload()" />
                                         <input type="text" id="olb-filter-path" class="form-input config-input olb-input" placeholder="路径包含搜索" oninput="app.scheduleOpenlistReload()" />
                                         <div class="olb-filter-btns">

public/style.css

@@ -493,7 +493,8 @@ body {
     margin: 1rem;
     display: flex;
     flex-direction: column;
-    gap: 2rem;
+    gap: 1rem;
+    /* [修复] 原 2rem 间距在菜单项较多时白白占用约 32px 纵向空间，导致列表更容易溢出 */
     position: sticky;
     top: 1rem;
     height: calc(100vh - 2rem);
@@ -524,15 +525,28 @@ body {
     gap: 0.5rem;
     overflow-y: auto;
     min-height: 0;
-    /* Hide scrollbar for Chrome, Safari and Opera */
-    -ms-overflow-style: none;
-    /* IE and Edge */
-    scrollbar-width: none;
-    /* Firefox */
+    padding-right: 4px;
+    /* [修复] 菜单项多达 10 条时常溢出，此前滚动条被隐藏导致用户以为「菜单变少」。
+       改为细滚动条：既保留视觉简洁，又让溢出可被发现、可滚动。 */
+    scrollbar-width: thin;
+    scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
 }
 
 .sidebar-nav::-webkit-scrollbar {
-    display: none;
+    width: 6px;
+}
+
+.sidebar-nav::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+.sidebar-nav::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.2);
+    border-radius: 3px;
+}
+
+.sidebar-nav::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 255, 255, 0.35);
 }
 
 .nav-item {
@@ -565,6 +579,18 @@ body {
     box-shadow: var(--shadow-md);
 }
 
+/* [修复] 视口较矮时（笔记本常见 700~800px）侧栏进一步收紧，避免底部菜单被挤出可视区 */
+@media (max-height: 900px) {
+    .sidebar {
+        padding: 1.25rem 1rem;
+        gap: 0.75rem;
+    }
+
+    .nav-item {
+        padding: 0.625rem 1rem;
+    }
+}
+
 .sidebar-divider {
     height: 1px;
     background: var(--glass-border);
@@ -4812,11 +4838,23 @@ input:-webkit-autofill:active {
     padding: 0.25rem 0.5rem;
     border-radius: 6px;
     border: 1px solid rgba(255, 255, 255, 0.06);
+    display: flex;
+    align-items: center;
+    gap: 0.4rem;
+    min-width: 0;
+    overflow: hidden;
+}
+
+/* ID 文本单独截断，避免挤掉后面的类型标签 */
+.col-id .col-id-text {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    display: inline-block;
-    max-width: fit-content;
+    min-width: 0;
+}
+
+.col-id .kind-tag {
+    flex-shrink: 0;
 }
 
 .col-size {
@@ -4928,15 +4966,21 @@ input:-webkit-autofill:active {
 
     /* 快照ID显示优化 */
     .col-id {
-        display: block !important;
+        display: flex !important;
+        flex-wrap: wrap;
         font-family: monospace;
         font-size: 0.85rem;
         color: var(--text-secondary);
-        word-break: break-all;
-        white-space: normal;
         margin-top: -0.25rem;
     }
 
+    .col-id .col-id-text {
+        overflow: visible;
+        text-overflow: unset;
+        white-space: normal;
+        word-break: break-all;
+    }
+
     /* 操作按钮区域：使用网格布局，一行三个按钮 */
     .snapshot-actions {
         display: grid !important;
@@ -6876,6 +6920,31 @@ input:-webkit-autofill:active {
     background: var(--badge-color, currentColor);
 }
 
+.olb-detail-table {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: fixed;
+    font-size: 0.85rem;
+}
+
+.olb-detail-table td {
+    padding: 0.45rem 0.6rem;
+    vertical-align: top;
+    border-bottom: 1px solid rgba(148, 163, 184, 0.15);
+    word-break: break-all;
+}
+
+.olb-detail-key {
+    width: 96px;
+    white-space: nowrap;
+    color: var(--text-secondary);
+    font-weight: 500;
+}
+
+.olb-detail-val {
+    color: var(--text-primary);
+}
+
 .olb-user-tag {
     display: inline-block;
     padding: 1px 7px;

src/defaultConfig.ts

@@ -138,7 +138,6 @@ const config: LX.Config = {
   'openlist.password': '', // OpenList 密码
   'openlist.token': '', // OpenList 用户令牌(与账号密码二选一)
   'openlist.root': '/lx_music', // OpenList 中 lx-music 备份根目录
-  'openlist.keepLocalAfterUpload': true, // 上传 OpenList 后是否保留本地文件
   'openlist.verifyInterval': 5, // 远端可用性校验周期(分钟)
   'openlist.syncInterval': 60, // 双向同步周期(分钟)
   'openlist.userBackups': '[]', // 各用户备份目录配置(JSON 数组)