优化界面布局

public/js/main.js

@@ -3,6 +3,7 @@ document.addEventListener('DOMContentLoaded', () => {
     const loadingSpinner = document.getElementById('loading-spinner');
     const refreshBtn = document.getElementById('refresh-btn');
     const clearDownloadCacheBtn = document.getElementById('clear-download-cache-btn');
+    const clearTranscodeCacheBtn = document.getElementById('clear-transcode-cache-btn');
     const bucketSelect = document.getElementById('bucket-select');
     const loginScreen = document.getElementById('login-screen');
     const appContainer = document.getElementById('app-container');
@@ -1102,6 +1103,26 @@ document.addEventListener('DOMContentLoaded', () => {
     if (clearDownloadCacheBtn) {
         clearDownloadCacheBtn.addEventListener('click', clearDownloadCache);
     }
+    if (clearTranscodeCacheBtn) {
+        clearTranscodeCacheBtn.addEventListener('click', async () => {
+            clearTranscodeCacheBtn.disabled = true;
+            clearTranscodeCacheBtn.textContent = '清空中...';
+            try {
+                const res = await fetch('/api/clear-transcode-cache', { method: 'POST' });
+                if (!res.ok) {
+                    const data = await res.json().catch(() => ({}));
+                    throw new Error(data.error || '清空转码缓存失败');
+                }
+                alert('转码缓存已清空');
+            } catch (err) {
+                console.error('Clear transcode cache failed:', err);
+                alert(`清空转码缓存失败: ${err.message}`);
+            } finally {
+                clearTranscodeCacheBtn.disabled = false;
+                clearTranscodeCacheBtn.textContent = '清空转码缓存';
+            }
+        });
+    }
     if (stopTranscodeBtn) {
         stopTranscodeBtn.addEventListener('click', stopTranscode);
     }