npm - aitu-app - Versions diffs - 0.6.78 → 0.6.80 - Mend

aitu-app 0.6.78 → 0.6.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (203) hide show

package/sw-debug/gist-management.js CHANGED Viewed

@@ -57,7 +57,7 @@ export function initGistManagement() {
     // Toolbar
     refreshBtn: document.getElementById('refreshGistBtn'),
     status: document.getElementById('gistStatus'),
     // Config section
     tokenStatus: document.getElementById('gistTokenStatus'),
     gistId: document.getElementById('gistId'),
@@ -65,7 +65,7 @@ export function initGistManagement() {
     passwordStatus: document.getElementById('gistPasswordStatus'),
     deviceId: document.getElementById('gistDeviceId'),
     lastSync: document.getElementById('gistLastSync'),
     // Shard section
     shardTotalCount: document.getElementById('shardTotalCount'),
     shardActiveCount: document.getElementById('shardActiveCount'),
@@ -73,7 +73,7 @@ export function initGistManagement() {
     shardFileCount: document.getElementById('shardFileCount'),
     shardTotalSize: document.getElementById('shardTotalSize'),
     shardList: document.getElementById('gistShardList'),
     // Diagnostics - Tasks
     localTaskCount: document.getElementById('localTaskCount'),
     remoteTaskCount: document.getElementById('remoteTaskCount'),
@@ -81,21 +81,21 @@ export function initGistManagement() {
     remoteOnlyTaskCount: document.getElementById('remoteOnlyTaskCount'),
     syncedTaskCount: document.getElementById('syncedTaskCount'),
     taskComparisonTable: document.getElementById('taskComparisonTable'),
     // Diagnostics - Boards
     localBoardCount: document.getElementById('localBoardCount'),
     remoteBoardCount: document.getElementById('remoteBoardCount'),
     localOnlyBoardCount: document.getElementById('localOnlyBoardCount'),
     remoteOnlyBoardCount: document.getElementById('remoteOnlyBoardCount'),
     boardComparisonTable: document.getElementById('boardComparisonTable'),
     // Diagnostics - Media
     localMediaCount: document.getElementById('localMediaCount'),
     remoteMediaCount: document.getElementById('remoteMediaCount'),
     localOnlyMediaCount: document.getElementById('localOnlyMediaCount'),
     remoteOnlyMediaCount: document.getElementById('remoteOnlyMediaCount'),
     mediaComparisonTable: document.getElementById('mediaComparisonTable'),
     // Files browser
     fileList: document.getElementById('gistFileList'),
     fileContent: document.getElementById('gistFileContent'),
@@ -108,14 +108,14 @@ export function initGistManagement() {
   }
   // Section collapse/expand
-  document.querySelectorAll('.gist-section-header').forEach(header => {
+  document.querySelectorAll('.gist-section-header').forEach((header) => {
     header.addEventListener('click', () => {
       const section = header.closest('.gist-section');
       section.classList.toggle('collapsed');
       const sectionType = header.dataset.section;
       const isExpanded = !section.classList.contains('collapsed');
       // Auto-refresh sync logs when section is expanded
       if (sectionType === 'synclogs') {
         if (isExpanded) {
@@ -131,16 +131,18 @@ export function initGistManagement() {
           }
         }
       }
       // Auto-load diagnostics data when section is expanded
       if (sectionType === 'diagnostics' && isExpanded) {
         loadFullDiagnostics();
       }
     });
   });
   // Auto-start sync log refresh if section is already expanded (on page load)
-  const syncLogsSection = document.querySelector('[data-section="synclogs"]')?.closest('.gist-section');
+  const syncLogsSection = document
+    .querySelector('[data-section="synclogs"]')
+    ?.closest('.gist-section');
   if (syncLogsSection && !syncLogsSection.classList.contains('collapsed')) {
     // Delay to ensure initialization is complete
     setTimeout(() => {
@@ -150,34 +152,41 @@ export function initGistManagement() {
       }
     }, 500);
   }
   // Auto-load diagnostics if section is already expanded (on page load)
-  const diagnosticsSection = document.querySelector('[data-section="diagnostics"]')?.closest('.gist-section');
-  if (diagnosticsSection && !diagnosticsSection.classList.contains('collapsed')) {
+  const diagnosticsSection = document
+    .querySelector('[data-section="diagnostics"]')
+    ?.closest('.gist-section');
+  if (
+    diagnosticsSection &&
+    !diagnosticsSection.classList.contains('collapsed')
+  ) {
     setTimeout(() => {
       loadFullDiagnostics();
     }, 600);
   }
   // Sub-tab switching
-  document.querySelectorAll('.gist-subtab').forEach(tab => {
+  document.querySelectorAll('.gist-subtab').forEach((tab) => {
     tab.addEventListener('click', () => {
       const subtabName = tab.dataset.subtab;
       switchSubtab(subtabName);
     });
   });
   // Refresh local diagnostics button
-  document.getElementById('refreshLocalDiagnostics')?.addEventListener('click', () => {
-    console.log('[Diagnostics] Manual refresh triggered');
-    loadLocalDiagnostics();
-  });
+  document
+    .getElementById('refreshLocalDiagnostics')
+    ?.addEventListener('click', () => {
+      loadLocalDiagnostics();
+    });
   // Load remote diagnostics button (triggers full diagnostics including remote)
-  document.getElementById('loadRemoteDiagnostics')?.addEventListener('click', () => {
-    console.log('[Diagnostics] Loading remote data...');
-    loadFullDiagnostics();
-  });
+  document
+    .getElementById('loadRemoteDiagnostics')
+    ?.addEventListener('click', () => {
+      loadFullDiagnostics();
+    });
   // Debug operation buttons
   initDebugOperations();
@@ -192,12 +201,12 @@ export function initGistManagement() {
 function switchSubtab(subtabName) {
   // Update tab buttons
-  document.querySelectorAll('.gist-subtab').forEach(tab => {
+  document.querySelectorAll('.gist-subtab').forEach((tab) => {
     tab.classList.toggle('active', tab.dataset.subtab === subtabName);
   });
   // Update tab content
-  document.querySelectorAll('.gist-subtab-content').forEach(content => {
+  document.querySelectorAll('.gist-subtab-content').forEach((content) => {
     content.classList.toggle('active', content.id === `${subtabName}Subtab`);
   });
 }
@@ -209,9 +218,12 @@ function switchSubtab(subtabName) {
 function updateStatus(msg, type = 'info') {
   if (!elements.status) return;
   elements.status.textContent = msg;
-  elements.status.style.color = type === 'error' ? 'var(--error-color)' :
-                                type === 'success' ? 'var(--success-color)' :
-                                'var(--text-secondary)';
+  elements.status.style.color =
+    type === 'error'
+      ? 'var(--error-color)'
+      : type === 'success'
+      ? 'var(--success-color)'
+      : 'var(--text-secondary)';
 }
 // ====================================
@@ -223,7 +235,9 @@ async function loadLocalConfigInfo() {
     // Device ID
     const deviceId = getDeviceIdExported();
     if (elements.deviceId) {
-      elements.deviceId.textContent = deviceId ? deviceId.substring(0, 16) + '...' : '-';
+      elements.deviceId.textContent = deviceId
+        ? deviceId.substring(0, 16) + '...'
+        : '-';
       elements.deviceId.title = deviceId || '';
     }
@@ -231,15 +245,17 @@ async function loadLocalConfigInfo() {
     const config = await getSyncConfig();
     if (config) {
       if (elements.gistId) {
-        elements.gistId.textContent = config.gistId ?
-          config.gistId.substring(0, 12) + '...' : '未配置';
+        elements.gistId.textContent = config.gistId
+          ? config.gistId.substring(0, 12) + '...'
+          : '未配置';
         elements.gistId.title = config.gistId || '';
         elements.gistId.classList.toggle('warning', !config.gistId);
       }
       if (elements.lastSync) {
-        elements.lastSync.textContent = config.lastSyncTime ?
-          formatTime(config.lastSyncTime) : '从未同步';
+        elements.lastSync.textContent = config.lastSyncTime
+          ? formatTime(config.lastSyncTime)
+          : '从未同步';
         elements.lastSync.classList.toggle('warning', !config.lastSyncTime);
       }
     }
@@ -264,7 +280,6 @@ async function loadLocalConfigInfo() {
     if (localMasterIndex) {
       renderShardStats(localMasterIndex);
     }
   } catch (error) {
     console.error('Failed to load local config:', error);
   }
@@ -276,14 +291,14 @@ async function loadLocalConfigInfo() {
 async function refreshGistData() {
   updateStatus('正在加载...', 'info');
   try {
     // 1. Get Token
     const encryptedToken = localStorage.getItem('github_sync_token');
     if (!encryptedToken) {
       throw new Error('未找到 GitHub Token');
     }
     try {
       currentToken = await decryptToken(encryptedToken);
       if (elements.tokenStatus) {
@@ -302,7 +317,7 @@ async function refreshGistData() {
     const creds = await getGistCredentials();
     currentGistId = creds.gistId;
     currentCustomPassword = creds.customPassword;
     if (!currentGistId) {
       throw new Error('未配置 Gist ID');
     }
@@ -332,7 +347,6 @@ async function refreshGistData() {
     await runDiagnostics(gist);
     updateStatus('加载完成', 'success');
   } catch (error) {
     console.error('Gist Refresh Error:', error);
     updateStatus(error.message, 'error');
@@ -346,9 +360,9 @@ async function refreshGistData() {
 async function fetchGist(gistId) {
   const response = await fetch(`https://api.github.com/gists/${gistId}`, {
     headers: {
-      'Authorization': `token ${currentToken}`,
-      'Accept': 'application/vnd.github.v3+json'
-    }
+      Authorization: `token ${currentToken}`,
+      Accept: 'application/vnd.github.v3+json',
+    },
   });
   if (!response.ok) {
@@ -362,16 +376,15 @@ async function parseGistFile(fileData) {
   try {
     let content = fileData.content;
     if (fileData.truncated) {
-      console.log('[parseGistFile] File is truncated, fetching from raw_url...');
       const res = await fetch(fileData.raw_url);
       content = await res.text();
     }
-    console.log('[parseGistFile] Content length:', content?.length, 'preview:', content?.substring(0, 100));
-    const decrypted = await decryptGistFile(content, currentGistId, currentCustomPassword);
-    console.log('[parseGistFile] Decrypted length:', decrypted?.length, 'preview:', decrypted?.substring(0, 100));
+    const decrypted = await decryptGistFile(
+      content,
+      currentGistId,
+      currentCustomPassword
+    );
     const parsed = JSON.parse(decrypted);
-    console.log('[parseGistFile] Parsed result type:', typeof parsed, Array.isArray(parsed) ? 'array' : 'object');
     return parsed;
   } catch (e) {
     console.error('[parseGistFile] Failed to parse gist file:', e);
@@ -395,16 +408,17 @@ function renderShardStats(masterIndex) {
     elements.shardTotalCount.textContent = shardList.length;
   }
   if (elements.shardActiveCount) {
-    elements.shardActiveCount.textContent = stats.activeShards ||
-      shardList.filter(s => s.status === 'active').length;
+    elements.shardActiveCount.textContent =
+      stats.activeShards ||
+      shardList.filter((s) => s.status === 'active').length;
   }
   if (elements.shardFullCount) {
-    elements.shardFullCount.textContent = stats.fullShards ||
-      shardList.filter(s => s.status === 'full').length;
+    elements.shardFullCount.textContent =
+      stats.fullShards || shardList.filter((s) => s.status === 'full').length;
   }
   if (elements.shardFileCount) {
-    elements.shardFileCount.textContent = stats.totalFiles ||
-      Object.keys(masterIndex.fileIndex || {}).length;
+    elements.shardFileCount.textContent =
+      stats.totalFiles || Object.keys(masterIndex.fileIndex || {}).length;
   }
   if (elements.shardTotalSize) {
     elements.shardTotalSize.textContent = formatSize(stats.totalSize || 0);
@@ -413,20 +427,27 @@ function renderShardStats(masterIndex) {
   // Render shard list
   if (elements.shardList) {
     if (shardList.length === 0) {
-      elements.shardList.innerHTML = '<div class="empty-state" style="padding: 20px;">无分片数据</div>';
+      elements.shardList.innerHTML =
+        '<div class="empty-state" style="padding: 20px;">无分片数据</div>';
       return;
     }
-    elements.shardList.innerHTML = shardList.map(shard => `
+    elements.shardList.innerHTML = shardList
+      .map(
+        (shard) => `
       <div class="gist-shard-item">
-        <span class="gist-shard-id">${escapeHtml(shard.alias || shard.gistId?.substring(0, 8))}</span>
+        <span class="gist-shard-id">${escapeHtml(
+          shard.alias || shard.gistId?.substring(0, 8)
+        )}</span>
         <span class="gist-shard-info">
           <span>${shard.fileCount || 0} 文件</span>
           <span>${formatSize(shard.totalSize || 0)}</span>
         </span>
         <span class="gist-shard-status ${shard.status}">${shard.status}</span>
       </div>
-    `).join('');
+    `
+      )
+      .join('');
   }
 }
@@ -436,45 +457,59 @@ function renderShardStats(masterIndex) {
 function renderFileList(files) {
   if (!elements.fileList) return;
   const fileNames = Object.keys(files).sort();
   if (fileNames.length === 0) {
-    elements.fileList.innerHTML = '<div class="empty-state" style="padding: 20px;">无文件</div>';
+    elements.fileList.innerHTML =
+      '<div class="empty-state" style="padding: 20px;">无文件</div>';
     return;
   }
-  elements.fileList.innerHTML = fileNames.map(fileName => {
-    let type = 'Text';
-    if (fileName.endsWith('.png') || fileName.endsWith('.jpg') || fileName.endsWith('.jpeg')) {
-      type = 'Image';
-    } else if (fileName.startsWith('board_') && fileName.endsWith('.json')) {
-      type = 'Board';
-    } else if (fileName.endsWith('.drawnix')) {
-      type = 'Canvas';
-    } else if (fileName === 'tasks.json' || fileName === 'master-index.json' || fileName === 'workspace.json' || fileName === 'prompts.json') {
-      type = 'Data';
-    } else if (fileName === 'shard-manifest.json') {
-      type = 'Manifest';
-    } else if (fileName.startsWith('media_') && fileName.endsWith('.json')) {
-      type = 'Media';
-    }
-    return `
+  elements.fileList.innerHTML = fileNames
+    .map((fileName) => {
+      let type = 'Text';
+      if (
+        fileName.endsWith('.png') ||
+        fileName.endsWith('.jpg') ||
+        fileName.endsWith('.jpeg')
+      ) {
+        type = 'Image';
+      } else if (fileName.startsWith('board_') && fileName.endsWith('.json')) {
+        type = 'Board';
+      } else if (fileName.endsWith('.drawnix')) {
+        type = 'Canvas';
+      } else if (
+        fileName === 'tasks.json' ||
+        fileName === 'master-index.json' ||
+        fileName === 'workspace.json' ||
+        fileName === 'prompts.json'
+      ) {
+        type = 'Data';
+      } else if (fileName === 'shard-manifest.json') {
+        type = 'Manifest';
+      } else if (fileName.startsWith('media_') && fileName.endsWith('.json')) {
+        type = 'Media';
+      }
+      return `
       <div class="gist-file-item" data-filename="${escapeHtml(fileName)}">
         <span class="file-name">${escapeHtml(fileName)}</span>
         <span class="file-type">${type}</span>
       </div>
     `;
-  }).join('');
+    })
+    .join('');
   // Add click handlers
-  elements.fileList.querySelectorAll('.gist-file-item').forEach(item => {
+  elements.fileList.querySelectorAll('.gist-file-item').forEach((item) => {
     item.addEventListener('click', () => {
       // Update active state
-      elements.fileList.querySelectorAll('.gist-file-item').forEach(i => i.classList.remove('active'));
+      elements.fileList
+        .querySelectorAll('.gist-file-item')
+        .forEach((i) => i.classList.remove('active'));
       item.classList.add('active');
       const fileName = item.dataset.filename;
       showFileContent(fileName, files[fileName]);
     });
@@ -483,10 +518,11 @@ function renderFileList(files) {
 async function showFileContent(fileName, fileData) {
   if (!elements.previewName || !elements.fileContent) return;
   elements.previewName.textContent = fileName;
-  elements.fileContent.innerHTML = '<div class="loading-state">正在加载...</div>';
+  elements.fileContent.innerHTML =
+    '<div class="loading-state">正在加载...</div>';
   try {
     let content = fileData.content;
     if (fileData.truncated) {
@@ -498,22 +534,36 @@ async function showFileContent(fileName, fileData) {
     let decryptedContent = content;
     let decryptFailed = false;
     try {
-      decryptedContent = await decryptGistFile(content, currentGistId, currentCustomPassword);
+      decryptedContent = await decryptGistFile(
+        content,
+        currentGistId,
+        currentCustomPassword
+      );
     } catch (e) {
       console.warn('Decryption failed, showing raw', e);
       decryptFailed = true;
     }
     // Parse JSON if possible
     let parsedData = null;
     try {
       parsedData = JSON.parse(decryptedContent);
-    } catch {}
+    } catch (err) {
+      void err;
+    }
     // Render based on file type
-    if (fileName.startsWith('media_') && fileName.endsWith('.json') && parsedData) {
+    if (
+      fileName.startsWith('media_') &&
+      fileName.endsWith('.json') &&
+      parsedData
+    ) {
       renderMediaFilePreview(parsedData, decryptFailed);
-    } else if (fileName.startsWith('board_') && fileName.endsWith('.json') && parsedData) {
+    } else if (
+      fileName.startsWith('board_') &&
+      fileName.endsWith('.json') &&
+      parsedData
+    ) {
       renderBoardFilePreview(parsedData, decryptFailed);
     } else if (fileName === 'tasks.json' && parsedData) {
       renderTasksFilePreview(parsedData, decryptFailed);
@@ -523,14 +573,20 @@ async function showFileContent(fileName, fileData) {
       renderMasterIndexPreview(parsedData, decryptFailed);
     } else {
       // Default: show formatted JSON or raw text
-      let displayContent = parsedData ? JSON.stringify(parsedData, null, 2) : decryptedContent;
+      let displayContent = parsedData
+        ? JSON.stringify(parsedData, null, 2)
+        : decryptedContent;
       if (decryptFailed) {
         displayContent = content + '\n\n[解密失败]';
       }
-      elements.fileContent.innerHTML = `<pre class="file-raw-content">${escapeHtml(displayContent)}</pre>`;
+      elements.fileContent.innerHTML = `<pre class="file-raw-content">${escapeHtml(
+        displayContent
+      )}</pre>`;
     }
   } catch (e) {
-    elements.fileContent.innerHTML = `<div class="error-state">加载失败: ${escapeHtml(e.message)}</div>`;
+    elements.fileContent.innerHTML = `<div class="error-state">加载失败: ${escapeHtml(
+      e.message
+    )}</div>`;
   }
 }
@@ -542,7 +598,7 @@ function renderMediaFilePreview(data, decryptFailed) {
   const isVideo = isVideoUrl(url);
   const mimeType = data.mimeType || (isVideo ? 'video/*' : 'image/*');
   const size = data.size ? formatSize(data.size) : '未知';
   // Get preview URL - use the stored data URL if available
   let previewUrl = '';
   if (data.data && data.data.startsWith('data:')) {
@@ -552,8 +608,9 @@ function renderMediaFilePreview(data, decryptFailed) {
   } else {
     previewUrl = url;
   }
-  const previewHtml = isVideo ? `
+  const previewHtml = isVideo
+    ? `
     <video
       class="media-file-preview"
       src="${escapeHtml(previewUrl)}"
@@ -561,14 +618,15 @@ function renderMediaFilePreview(data, decryptFailed) {
       muted
       onerror="this.outerHTML='<div class=\\'preview-error\\'>视频加载失败</div>'"
     ></video>
-  ` : `
+  `
+    : `
     <img
       class="media-file-preview"
       src="${escapeHtml(previewUrl)}"
       onerror="this.outerHTML='<div class=\\'preview-error\\'>图片加载失败</div>'"
     />
   `;
   elements.fileContent.innerHTML = `
     <div class="file-preview-card">
       <div class="preview-section">
@@ -589,9 +647,15 @@ function renderMediaFilePreview(data, decryptFailed) {
         </div>
         <div class="info-row">
           <span class="info-label">原始 URL</span>
-          <span class="info-value url-value" title="${escapeHtml(url)}">${escapeHtml(url)}</span>
+          <span class="info-value url-value" title="${escapeHtml(
+            url
+          )}">${escapeHtml(url)}</span>
         </div>
-        ${decryptFailed ? '<div class="warning-badge">解密失败，显示原始数据</div>' : ''}
+        ${
+          decryptFailed
+            ? '<div class="warning-badge">解密失败，显示原始数据</div>'
+            : ''
+        }
       </div>
     </div>
   `;
@@ -605,7 +669,7 @@ function renderBoardFilePreview(data, decryptFailed) {
   const id = data.id || '';
   const createdAt = data.createdAt ? formatTime(data.createdAt) : '未知';
   const updatedAt = data.updatedAt ? formatTime(data.updatedAt) : '未知';
   // Count elements
   const elements_arr = data.elements || [];
   let imageCount = 0;
@@ -613,8 +677,8 @@ function renderBoardFilePreview(data, decryptFailed) {
   let textCount = 0;
   let shapeCount = 0;
   let otherCount = 0;
-  elements_arr.forEach(el => {
+  elements_arr.forEach((el) => {
     const type = el.type || '';
     if (type === 'image' || type.includes('image')) {
       imageCount++;
@@ -622,15 +686,20 @@ function renderBoardFilePreview(data, decryptFailed) {
       videoCount++;
     } else if (type === 'text' || type.includes('text')) {
       textCount++;
-    } else if (type === 'geometry' || type === 'line' || type === 'arrow' || type.includes('shape')) {
+    } else if (
+      type === 'geometry' ||
+      type === 'line' ||
+      type === 'arrow' ||
+      type.includes('shape')
+    ) {
       shapeCount++;
     } else {
       otherCount++;
     }
   });
   const totalElements = elements_arr.length;
   elements.fileContent.innerHTML = `
     <div class="file-preview-card">
       <div class="preview-header">
@@ -668,11 +737,17 @@ function renderBoardFilePreview(data, decryptFailed) {
           <span class="info-label">更新时间</span>
           <span class="info-value">${updatedAt}</span>
         </div>
-        ${decryptFailed ? '<div class="warning-badge">解密失败，显示原始数据</div>' : ''}
+        ${
+          decryptFailed
+            ? '<div class="warning-badge">解密失败，显示原始数据</div>'
+            : ''
+        }
       </div>
       <details class="raw-data-toggle">
         <summary>查看原始数据</summary>
-        <pre class="file-raw-content">${escapeHtml(JSON.stringify(data, null, 2))}</pre>
+        <pre class="file-raw-content">${escapeHtml(
+          JSON.stringify(data, null, 2)
+        )}</pre>
       </details>
     </div>
   `;
@@ -684,19 +759,19 @@ function renderBoardFilePreview(data, decryptFailed) {
 function renderTasksFilePreview(data, decryptFailed) {
   const tasks = data.completedTasks || (Array.isArray(data) ? data : []);
   const taskCount = tasks.length;
   // Count by type
   let imageTaskCount = 0;
   let videoTaskCount = 0;
-  tasks.forEach(task => {
+  tasks.forEach((task) => {
     if (task.type === 'image') imageTaskCount++;
     else if (task.type === 'video') videoTaskCount++;
   });
   // Show recent tasks
   const recentTasks = tasks.slice(-5).reverse();
   elements.fileContent.innerHTML = `
     <div class="file-preview-card">
       <div class="preview-header">
@@ -716,22 +791,44 @@ function renderTasksFilePreview(data, decryptFailed) {
           <span class="stat-label">视频任务</span>
         </div>
       </div>
-      ${recentTasks.length > 0 ? `
+      ${
+        recentTasks.length > 0
+          ? `
         <div class="preview-list">
           <h4>最近任务</h4>
-          ${recentTasks.map(task => `
+          ${recentTasks
+            .map(
+              (task) => `
             <div class="list-item">
-              <span class="item-type ${task.type || 'other'}">${task.type === 'image' ? '图片' : task.type === 'video' ? '视频' : '其他'}</span>
-              <span class="item-name" title="${escapeHtml(task.name || task.prompt || '')}">${escapeHtml((task.name || task.prompt || '').substring(0, 50))}</span>
-              <span class="item-time">${task.completedAt ? formatTime(task.completedAt) : ''}</span>
+              <span class="item-type ${task.type || 'other'}">${
+                task.type === 'image'
+                  ? '图片'
+                  : task.type === 'video'
+                  ? '视频'
+                  : '其他'
+              }</span>
+              <span class="item-name" title="${escapeHtml(
+                task.name || task.prompt || ''
+              )}">${escapeHtml(
+                (task.name || task.prompt || '').substring(0, 50)
+              )}</span>
+              <span class="item-time">${
+                task.completedAt ? formatTime(task.completedAt) : ''
+              }</span>
             </div>
-          `).join('')}
+          `
+            )
+            .join('')}
         </div>
-      ` : ''}
+      `
+          : ''
+      }
       ${decryptFailed ? '<div class="warning-badge">解密失败</div>' : ''}
       <details class="raw-data-toggle">
         <summary>查看原始数据</summary>
-        <pre class="file-raw-content">${escapeHtml(JSON.stringify(data, null, 2))}</pre>
+        <pre class="file-raw-content">${escapeHtml(
+          JSON.stringify(data, null, 2)
+        )}</pre>
       </details>
     </div>
   `;
@@ -744,7 +841,7 @@ function renderWorkspaceFilePreview(data, decryptFailed) {
   const folders = data.folders || [];
   const boardMetadata = data.boardMetadata || [];
   const currentBoardId = data.currentBoardId || '无';
   elements.fileContent.innerHTML = `
     <div class="file-preview-card">
       <div class="preview-header">
@@ -766,22 +863,43 @@ function renderWorkspaceFilePreview(data, decryptFailed) {
           <span class="info-value">${escapeHtml(currentBoardId)}</span>
         </div>
       </div>
-      ${boardMetadata.length > 0 ? `
+      ${
+        boardMetadata.length > 0
+          ? `
         <div class="preview-list">
           <h4>画板列表</h4>
-          ${boardMetadata.slice(0, 10).map(board => `
+          ${boardMetadata
+            .slice(0, 10)
+            .map(
+              (board) => `
             <div class="list-item">
-              <span class="item-name">${escapeHtml(board.name || board.id || '未命名')}</span>
-              <span class="item-time">${board.updatedAt ? formatTime(board.updatedAt) : ''}</span>
+              <span class="item-name">${escapeHtml(
+                board.name || board.id || '未命名'
+              )}</span>
+              <span class="item-time">${
+                board.updatedAt ? formatTime(board.updatedAt) : ''
+              }</span>
             </div>
-          `).join('')}
-          ${boardMetadata.length > 10 ? `<div class="list-more">还有 ${boardMetadata.length - 10} 个...</div>` : ''}
+          `
+            )
+            .join('')}
+          ${
+            boardMetadata.length > 10
+              ? `<div class="list-more">还有 ${
+                  boardMetadata.length - 10
+                } 个...</div>`
+              : ''
+          }
         </div>
-      ` : ''}
+      `
+          : ''
+      }
       ${decryptFailed ? '<div class="warning-badge">解密失败</div>' : ''}
       <details class="raw-data-toggle">
         <summary>查看原始数据</summary>
-        <pre class="file-raw-content">${escapeHtml(JSON.stringify(data, null, 2))}</pre>
+        <pre class="file-raw-content">${escapeHtml(
+          JSON.stringify(data, null, 2)
+        )}</pre>
       </details>
     </div>
   `;
@@ -796,7 +914,7 @@ function renderMasterIndexPreview(data, decryptFailed) {
   const version = data.version || '未知';
   const appVersion = data.appVersion || '未知';
   const updatedAt = data.updatedAt ? formatTime(data.updatedAt) : '未知';
   elements.fileContent.innerHTML = `
     <div class="file-preview-card">
       <div class="preview-header">
@@ -829,7 +947,9 @@ function renderMasterIndexPreview(data, decryptFailed) {
       ${decryptFailed ? '<div class="warning-badge">解密失败</div>' : ''}
       <details class="raw-data-toggle">
         <summary>查看原始数据</summary>
-        <pre class="file-raw-content">${escapeHtml(JSON.stringify(data, null, 2))}</pre>
+        <pre class="file-raw-content">${escapeHtml(
+          JSON.stringify(data, null, 2)
+        )}</pre>
       </details>
     </div>
   `;
@@ -844,74 +964,55 @@ function renderMasterIndexPreview(data, decryptFailed) {
  * Automatically tries to get remote data if Token is available
  */
 async function loadFullDiagnostics() {
-  console.log('[Diagnostics] Loading full diagnostics (local + remote)...');
   // First load local data immediately
   await loadLocalDiagnostics();
   // Then try to load remote data
   try {
     // Check if Token is available
     const encryptedToken = localStorage.getItem('github_sync_token');
     if (!encryptedToken) {
-      console.log('[Diagnostics] No GitHub Token configured, skipping remote data');
       updateRemoteStatus('未配置 Token');
       return;
     }
     // Try to decrypt token
     let token;
     try {
       token = await decryptToken(encryptedToken);
       currentToken = token;
-      console.log('[Diagnostics] Token decrypted successfully');
     } catch (e) {
       console.warn('[Diagnostics] Failed to decrypt token:', e);
       updateRemoteStatus('Token 解密失败');
       return;
     }
     // Get Gist credentials
     const creds = await getGistCredentials();
     if (!creds.gistId) {
-      console.log('[Diagnostics] No Gist ID configured');
       updateRemoteStatus('未配置 Gist');
       return;
     }
     currentGistId = creds.gistId;
     currentCustomPassword = creds.customPassword;
     // Update status
     updateRemoteStatus('正在加载...');
-    // Fetch Gist data
-    console.log('[Diagnostics] Fetching Gist data...');
     const gist = await fetchGist(currentGistId);
     currentGistData = gist;
     // Parse master-index.json if exists
     if (gist.files && gist.files['master-index.json']) {
-      console.log('[Diagnostics] Parsing master-index.json...');
       remoteMasterIndex = await parseGistFile(gist.files['master-index.json']);
-      console.log('[Diagnostics] Parsed master-index:', remoteMasterIndex);
-      if (remoteMasterIndex) {
-        console.log('[Diagnostics] master-index.boards:', remoteMasterIndex.boards);
-        console.log('[Diagnostics] master-index keys:', Object.keys(remoteMasterIndex));
-      }
-    } else {
-      console.log('[Diagnostics] No master-index.json found in gist files');
     }
     // Run full diagnostics comparison
     await runDiagnostics(gist);
     // Render remote files list
     renderFileList(gist.files || {});
-    console.log('[Diagnostics] Full diagnostics loaded successfully');
     updateRemoteStatus(null); // Clear status
   } catch (error) {
     console.error('[Diagnostics] Failed to load remote data:', error);
     updateRemoteStatus(`加载失败: ${error.message}`);
@@ -925,7 +1026,7 @@ function updateRemoteStatus(message) {
   const remoteTaskCountEl = document.getElementById('remoteTaskCount');
   const remoteBoardCountEl = document.getElementById('remoteBoardCount');
   const remoteMediaCountEl = document.getElementById('remoteMediaCount');
   if (message) {
     if (remoteTaskCountEl) remoteTaskCountEl.textContent = message;
     if (remoteBoardCountEl) remoteBoardCountEl.textContent = message;
@@ -938,8 +1039,6 @@ function updateRemoteStatus(message) {
  * Called when diagnostics section is expanded
  */
 async function loadLocalDiagnostics() {
-  console.log('[Diagnostics] Loading local diagnostics data...');
   // Get elements directly instead of relying on cached elements
   const localTaskCountEl = document.getElementById('localTaskCount');
   const localBoardCountEl = document.getElementById('localBoardCount');
@@ -951,81 +1050,111 @@ async function loadLocalDiagnostics() {
   const remoteOnlyTaskCountEl = document.getElementById('remoteOnlyTaskCount');
   const syncedTaskCountEl = document.getElementById('syncedTaskCount');
   const localOnlyBoardCountEl = document.getElementById('localOnlyBoardCount');
-  const remoteOnlyBoardCountEl = document.getElementById('remoteOnlyBoardCount');
+  const remoteOnlyBoardCountEl = document.getElementById(
+    'remoteOnlyBoardCount'
+  );
   const localOnlyMediaCountEl = document.getElementById('localOnlyMediaCount');
-  const remoteOnlyMediaCountEl = document.getElementById('remoteOnlyMediaCount');
+  const remoteOnlyMediaCountEl = document.getElementById(
+    'remoteOnlyMediaCount'
+  );
   const taskComparisonTableEl = document.getElementById('taskComparisonTable');
-  const boardComparisonTableEl = document.getElementById('boardComparisonTable');
-  const mediaComparisonTableEl = document.getElementById('mediaComparisonTable');
-  console.log('[Diagnostics] Elements found:', {
-    localTaskCount: !!localTaskCountEl,
-    localBoardCount: !!localBoardCountEl,
-    localMediaCount: !!localMediaCountEl,
-    taskComparisonTable: !!taskComparisonTableEl,
-  });
+  const boardComparisonTableEl = document.getElementById(
+    'boardComparisonTable'
+  );
+  const mediaComparisonTableEl = document.getElementById(
+    'mediaComparisonTable'
+  );
   try {
     // First, diagnose the databases to understand the structure
     const dbDiagnosis = {};
     try {
       dbDiagnosis.workspace = await diagnoseDatabase('aitu-workspace');
       dbDiagnosis.taskQueue = await diagnoseDatabase('sw-task-queue');
-      console.log('[Diagnostics] Database structure:', dbDiagnosis);
     } catch (e) {
       console.warn('[Diagnostics] Failed to diagnose databases:', e);
     }
     // Load local tasks
     const localTasks = await getLocalTasks();
-    console.log('[Diagnostics] Local tasks:', localTasks.length, localTasks.slice(0, 2));
     if (localTaskCountEl) {
       localTaskCountEl.textContent = localTasks.length;
     }
     // Load local boards
     const localBoards = await getLocalBoards();
-    console.log('[Diagnostics] Local boards:', localBoards.length, localBoards.slice(0, 2));
     if (localBoardCountEl) {
       localBoardCountEl.textContent = localBoards.length;
     }
     // Load local media
     const localMedia = await listCacheStorageMedia();
-    console.log('[Diagnostics] Local media:', localMedia.length);
     if (localMediaCountEl) {
       localMediaCountEl.textContent = localMedia.length;
     }
     // Show local-only data in tables
     if (localTasks.length > 0) {
-      renderLocalOnlyTable(taskComparisonTableEl, localTasks.slice(0, 20), 'task');
+      renderLocalOnlyTable(
+        taskComparisonTableEl,
+        localTasks.slice(0, 20),
+        'task'
+      );
     } else {
       if (taskComparisonTableEl) {
-        const dbInfo = dbDiagnosis.taskQueue ?
-          `数据库信息: ${JSON.stringify(dbDiagnosis.taskQueue.stores, null, 2)}` : '';
-        taskComparisonTableEl.innerHTML = `<div class="empty-state" style="padding: 20px;">本地无任务数据${dbInfo ? '<pre style="text-align:left;font-size:10px;margin-top:10px;white-space:pre-wrap;">' + escapeHtml(dbInfo) + '</pre>' : ''}</div>`;
+        const dbInfo = dbDiagnosis.taskQueue
+          ? `数据库信息: ${JSON.stringify(
+              dbDiagnosis.taskQueue.stores,
+              null,
+              2
+            )}`
+          : '';
+        taskComparisonTableEl.innerHTML = `<div class="empty-state" style="padding: 20px;">本地无任务数据${
+          dbInfo
+            ? '<pre style="text-align:left;font-size:10px;margin-top:10px;white-space:pre-wrap;">' +
+              escapeHtml(dbInfo) +
+              '</pre>'
+            : ''
+        }</div>`;
       }
     }
     if (localBoards.length > 0) {
-      renderLocalOnlyTable(boardComparisonTableEl, localBoards.slice(0, 20), 'board');
+      renderLocalOnlyTable(
+        boardComparisonTableEl,
+        localBoards.slice(0, 20),
+        'board'
+      );
     } else {
       if (boardComparisonTableEl) {
-        const dbInfo = dbDiagnosis.workspace ?
-          `数据库信息: ${JSON.stringify(dbDiagnosis.workspace.stores, null, 2)}` : '';
-        boardComparisonTableEl.innerHTML = `<div class="empty-state" style="padding: 20px;">本地无画板数据${dbInfo ? '<pre style="text-align:left;font-size:10px;margin-top:10px;white-space:pre-wrap;">' + escapeHtml(dbInfo) + '</pre>' : ''}</div>`;
+        const dbInfo = dbDiagnosis.workspace
+          ? `数据库信息: ${JSON.stringify(
+              dbDiagnosis.workspace.stores,
+              null,
+              2
+            )}`
+          : '';
+        boardComparisonTableEl.innerHTML = `<div class="empty-state" style="padding: 20px;">本地无画板数据${
+          dbInfo
+            ? '<pre style="text-align:left;font-size:10px;margin-top:10px;white-space:pre-wrap;">' +
+              escapeHtml(dbInfo) +
+              '</pre>'
+            : ''
+        }</div>`;
       }
     }
     if (localMedia.length > 0) {
-      renderLocalOnlyMediaTable(mediaComparisonTableEl, localMedia.slice(0, 30));
+      renderLocalOnlyMediaTable(
+        mediaComparisonTableEl,
+        localMedia.slice(0, 30)
+      );
     } else {
       if (mediaComparisonTableEl) {
-        mediaComparisonTableEl.innerHTML = '<div class="empty-state" style="padding: 20px;">本地无缓存媒体</div>';
+        mediaComparisonTableEl.innerHTML =
+          '<div class="empty-state" style="padding: 20px;">本地无缓存媒体</div>';
       }
     }
     // Update remote counts to show "未加载"
     if (remoteTaskCountEl) remoteTaskCountEl.textContent = '未加载';
     if (remoteBoardCountEl) remoteBoardCountEl.textContent = '未加载';
@@ -1037,13 +1166,12 @@ async function loadLocalDiagnostics() {
     if (remoteOnlyBoardCountEl) remoteOnlyBoardCountEl.textContent = '-';
     if (localOnlyMediaCountEl) localOnlyMediaCountEl.textContent = '-';
     if (remoteOnlyMediaCountEl) remoteOnlyMediaCountEl.textContent = '-';
-    console.log('[Diagnostics] Local diagnostics loaded successfully');
   } catch (error) {
     console.error('[Diagnostics] Failed to load local data:', error);
     if (taskComparisonTableEl) {
-      taskComparisonTableEl.innerHTML = `<div class="empty-state" style="padding: 20px; color: var(--error-color);">加载失败: ${escapeHtml(error.message)}</div>`;
+      taskComparisonTableEl.innerHTML = `<div class="empty-state" style="padding: 20px; color: var(--error-color);">加载失败: ${escapeHtml(
+        error.message
+      )}</div>`;
     }
   }
 }
@@ -1053,24 +1181,29 @@ async function loadLocalDiagnostics() {
  */
 function renderLocalOnlyTable(container, items, type) {
   if (!container) return;
   if (items.length === 0) {
-    container.innerHTML = '<div class="empty-state" style="padding: 20px;">无数据</div>';
+    container.innerHTML =
+      '<div class="empty-state" style="padding: 20px;">无数据</div>';
     return;
   }
-  container.innerHTML = items.map(item => {
-    const id = item.id || '';
-    const details = getItemDetails(item, type);
-    return `
+  container.innerHTML = items
+    .map((item) => {
+      const id = item.id || '';
+      const details = getItemDetails(item, type);
+      return `
       <div class="gist-comparison-row">
-        <span class="item-id" title="${escapeHtml(id)}">${escapeHtml(truncateId(id))}</span>
+        <span class="item-id" title="${escapeHtml(id)}">${escapeHtml(
+        truncateId(id)
+      )}</span>
         <span class="item-details">${escapeHtml(details)}</span>
         <span class="item-status local-only">本地</span>
       </div>
     `;
-  }).join('');
+    })
+    .join('');
   if (items.length >= 20) {
     container.innerHTML += `
       <div class="gist-comparison-row" style="justify-content: center; color: var(--text-muted); font-style: italic;">
@@ -1085,23 +1218,28 @@ function renderLocalOnlyTable(container, items, type) {
  */
 function renderLocalOnlyMediaTable(container, items) {
   if (!container) return;
   if (items.length === 0) {
-    container.innerHTML = '<div class="empty-state" style="padding: 20px;">无缓存媒体</div>';
+    container.innerHTML =
+      '<div class="empty-state" style="padding: 20px;">无缓存媒体</div>';
     return;
   }
-  container.innerHTML = items.map(item => {
-    const filename = item.filename || extractFilename(item.url) || item.url;
-    return `
+  container.innerHTML = items
+    .map((item) => {
+      const filename = item.filename || extractFilename(item.url) || item.url;
+      return `
       <div class="gist-comparison-row">
-        <span class="item-id" title="${escapeHtml(item.url)}">${escapeHtml(filename)}</span>
+        <span class="item-id" title="${escapeHtml(item.url)}">${escapeHtml(
+        filename
+      )}</span>
         <span class="item-details"></span>
         <span class="item-status local-only">本地缓存</span>
       </div>
     `;
-  }).join('');
+    })
+    .join('');
   if (items.length >= 30) {
     container.innerHTML += `
       <div class="gist-comparison-row" style="justify-content: center; color: var(--text-muted); font-style: italic;">
@@ -1129,60 +1267,57 @@ async function compareTasksData(gist) {
   const remoteOnlyTaskCountEl = document.getElementById('remoteOnlyTaskCount');
   const syncedTaskCountEl = document.getElementById('syncedTaskCount');
   const taskComparisonTableEl = document.getElementById('taskComparisonTable');
   try {
     // Get local tasks
     const localTasks = await getLocalTasks();
-    const localTaskMap = new Map(localTasks.map(t => [t.id, t]));
-    console.log('[Diagnostics] compareTasksData - Local tasks:', localTasks.length);
+    const localTaskMap = new Map(localTasks.map((t) => [t.id, t]));
     // Get remote tasks
     let remoteTasks = [];
     if (gist.files && gist.files['tasks.json']) {
-      console.log('[Diagnostics] Found tasks.json, parsing...');
-      const tasksData = await parseGistFile(gist.files['tasks.json']);
-      console.log('[Diagnostics] Parsed tasks.json:', tasksData);
-      // TasksData 结构: { completedTasks: Task[] }
+      const tasksData = await parseGistFile(gist.files['tasks.json']); // TasksData 结构: { completedTasks: Task[] }
       if (tasksData && Array.isArray(tasksData.completedTasks)) {
         remoteTasks = tasksData.completedTasks;
-        console.log('[Diagnostics] Extracted completedTasks:', remoteTasks.length);
       } else if (Array.isArray(tasksData)) {
         // 兼容旧格式（直接数组）
         remoteTasks = tasksData;
-        console.log('[Diagnostics] Using legacy array format:', remoteTasks.length);
       }
-    } else {
-      console.log('[Diagnostics] No tasks.json found in gist files:', Object.keys(gist.files || {}));
     }
-    const remoteTaskMap = new Map(remoteTasks.map(t => [t.id, t]));
-    console.log('[Diagnostics] compareTasksData - Remote tasks:', remoteTasks.length);
+    const remoteTaskMap = new Map(remoteTasks.map((t) => [t.id, t]));
     // Compare
     const localIds = new Set(localTaskMap.keys());
     const remoteIds = new Set(remoteTaskMap.keys());
-    const localOnly = [...localIds].filter(id => !remoteIds.has(id));
-    const remoteOnly = [...remoteIds].filter(id => !localIds.has(id));
-    const synced = [...localIds].filter(id => remoteIds.has(id));
+    const localOnly = [...localIds].filter((id) => !remoteIds.has(id));
+    const remoteOnly = [...remoteIds].filter((id) => !localIds.has(id));
+    const synced = [...localIds].filter((id) => remoteIds.has(id));
     // Update summary (use direct element references)
     if (localTaskCountEl) localTaskCountEl.textContent = localTasks.length;
     if (remoteTaskCountEl) remoteTaskCountEl.textContent = remoteTasks.length;
-    if (localOnlyTaskCountEl) localOnlyTaskCountEl.textContent = localOnly.length;
-    if (remoteOnlyTaskCountEl) remoteOnlyTaskCountEl.textContent = remoteOnly.length;
+    if (localOnlyTaskCountEl)
+      localOnlyTaskCountEl.textContent = localOnly.length;
+    if (remoteOnlyTaskCountEl)
+      remoteOnlyTaskCountEl.textContent = remoteOnly.length;
     if (syncedTaskCountEl) syncedTaskCountEl.textContent = synced.length;
     // Render comparison table
-    renderComparisonTable(taskComparisonTableEl, {
-      localOnly: localOnly.map(id => ({ id, data: localTaskMap.get(id) })),
-      remoteOnly: remoteOnly.map(id => ({ id, data: remoteTaskMap.get(id) })),
-      synced: synced.map(id => ({
-        id,
-        local: localTaskMap.get(id),
-        remote: remoteTaskMap.get(id),
-      })),
-    }, 'task');
+    renderComparisonTable(
+      taskComparisonTableEl,
+      {
+        localOnly: localOnly.map((id) => ({ id, data: localTaskMap.get(id) })),
+        remoteOnly: remoteOnly.map((id) => ({
+          id,
+          data: remoteTaskMap.get(id),
+        })),
+        synced: synced.map((id) => ({
+          id,
+          local: localTaskMap.get(id),
+          remote: remoteTaskMap.get(id),
+        })),
+      },
+      'task'
+    );
   } catch (error) {
     console.error('Task comparison failed:', error);
     if (taskComparisonTableEl) {
@@ -1198,22 +1333,22 @@ async function compareBoardsData(gist) {
   const localBoardCountEl = document.getElementById('localBoardCount');
   const remoteBoardCountEl = document.getElementById('remoteBoardCount');
   const localOnlyBoardCountEl = document.getElementById('localOnlyBoardCount');
-  const remoteOnlyBoardCountEl = document.getElementById('remoteOnlyBoardCount');
-  const boardComparisonTableEl = document.getElementById('boardComparisonTable');
+  const remoteOnlyBoardCountEl = document.getElementById(
+    'remoteOnlyBoardCount'
+  );
+  const boardComparisonTableEl = document.getElementById(
+    'boardComparisonTable'
+  );
   try {
     // Get local boards
     const localBoards = await getLocalBoards();
-    const localBoardMap = new Map(localBoards.map(b => [b.id, b]));
-    console.log('[Diagnostics] compareBoardsData - Local boards:', localBoards.length);
+    const localBoardMap = new Map(localBoards.map((b) => [b.id, b]));
     // Get remote boards from gist files (board_{id}.json format)
     const remoteBoards = [];
     if (gist.files) {
       const fileNames = Object.keys(gist.files);
-      console.log('[Diagnostics] Gist files:', fileNames);
       // 查找 board_{id}.json 格式的文件
       for (const [fileName, fileData] of Object.entries(gist.files)) {
         if (fileName.startsWith('board_') && fileName.endsWith('.json')) {
@@ -1222,37 +1357,43 @@ async function compareBoardsData(gist) {
           remoteBoards.push({ id: boardId, fileName, fileData });
         }
       }
-      console.log('[Diagnostics] Remote boards (board_*.json):', remoteBoards.length, remoteBoards.map(b => b.fileName));
     }
-    const remoteBoardMap = new Map(remoteBoards.map(b => [b.id, b]));
-    console.log('[Diagnostics] compareBoardsData - Total remote boards:', remoteBoards.length);
+    const remoteBoardMap = new Map(remoteBoards.map((b) => [b.id, b]));
     // Compare
     const localIds = new Set(localBoardMap.keys());
     const remoteIds = new Set(remoteBoardMap.keys());
-    const localOnly = [...localIds].filter(id => !remoteIds.has(id));
-    const remoteOnly = [...remoteIds].filter(id => !localIds.has(id));
-    const synced = [...localIds].filter(id => remoteIds.has(id));
+    const localOnly = [...localIds].filter((id) => !remoteIds.has(id));
+    const remoteOnly = [...remoteIds].filter((id) => !localIds.has(id));
+    const synced = [...localIds].filter((id) => remoteIds.has(id));
     // Update summary (use direct element references)
     if (localBoardCountEl) localBoardCountEl.textContent = localBoards.length;
-    if (remoteBoardCountEl) remoteBoardCountEl.textContent = remoteBoards.length;
-    if (localOnlyBoardCountEl) localOnlyBoardCountEl.textContent = localOnly.length;
-    if (remoteOnlyBoardCountEl) remoteOnlyBoardCountEl.textContent = remoteOnly.length;
+    if (remoteBoardCountEl)
+      remoteBoardCountEl.textContent = remoteBoards.length;
+    if (localOnlyBoardCountEl)
+      localOnlyBoardCountEl.textContent = localOnly.length;
+    if (remoteOnlyBoardCountEl)
+      remoteOnlyBoardCountEl.textContent = remoteOnly.length;
     // Render comparison table
-    renderComparisonTable(boardComparisonTableEl, {
-      localOnly: localOnly.map(id => ({ id, data: localBoardMap.get(id) })),
-      remoteOnly: remoteOnly.map(id => ({ id, data: remoteBoardMap.get(id) })),
-      synced: synced.map(id => ({
-        id,
-        local: localBoardMap.get(id),
-        remote: remoteBoardMap.get(id),
-      })),
-    }, 'board');
+    renderComparisonTable(
+      boardComparisonTableEl,
+      {
+        localOnly: localOnly.map((id) => ({ id, data: localBoardMap.get(id) })),
+        remoteOnly: remoteOnly.map((id) => ({
+          id,
+          data: remoteBoardMap.get(id),
+        })),
+        synced: synced.map((id) => ({
+          id,
+          local: localBoardMap.get(id),
+          remote: remoteBoardMap.get(id),
+        })),
+      },
+      'board'
+    );
   } catch (error) {
     console.error('Board comparison failed:', error);
     if (boardComparisonTableEl) {
@@ -1268,31 +1409,35 @@ async function compareMediaData() {
   const localMediaCountEl = document.getElementById('localMediaCount');
   const remoteMediaCountEl = document.getElementById('remoteMediaCount');
   const localOnlyMediaCountEl = document.getElementById('localOnlyMediaCount');
-  const remoteOnlyMediaCountEl = document.getElementById('remoteOnlyMediaCount');
-  const mediaComparisonTableEl = document.getElementById('mediaComparisonTable');
+  const remoteOnlyMediaCountEl = document.getElementById(
+    'remoteOnlyMediaCount'
+  );
+  const mediaComparisonTableEl = document.getElementById(
+    'mediaComparisonTable'
+  );
   try {
     // Get local cache media
     const localMedia = await listCacheStorageMedia();
-    const localUrls = new Set(localMedia.map(m => m.url));
-    console.log('[Diagnostics] compareMediaData - Local media:', localMedia.length);
+    const localUrls = new Set(localMedia.map((m) => m.url));
     // Get remote media from master index
     const masterIndex = remoteMasterIndex || localMasterIndex;
-    const remoteMedia = masterIndex?.fileIndex ? Object.keys(masterIndex.fileIndex) : [];
+    const remoteMedia = masterIndex?.fileIndex
+      ? Object.keys(masterIndex.fileIndex)
+      : [];
     const remoteUrls = new Set(remoteMedia);
-    console.log('[Diagnostics] compareMediaData - Remote media (from master index):', remoteMedia.length);
     // Compare
-    const localOnly = [...localUrls].filter(url => !remoteUrls.has(url));
-    const remoteOnly = [...remoteUrls].filter(url => !localUrls.has(url));
-    const synced = [...localUrls].filter(url => remoteUrls.has(url));
+    const localOnly = [...localUrls].filter((url) => !remoteUrls.has(url));
+    const remoteOnly = [...remoteUrls].filter((url) => !localUrls.has(url));
+    const synced = [...localUrls].filter((url) => remoteUrls.has(url));
     // Update summary (use direct element references)
     if (localMediaCountEl) localMediaCountEl.textContent = localMedia.length;
     if (remoteMediaCountEl) remoteMediaCountEl.textContent = remoteMedia.length;
-    if (localOnlyMediaCountEl) localOnlyMediaCountEl.textContent = localOnly.length;
-    if (remoteOnlyMediaCountEl) remoteOnlyMediaCountEl.textContent = remoteOnly.length;
+    if (localOnlyMediaCountEl)
+      localOnlyMediaCountEl.textContent = localOnly.length;
+    if (remoteOnlyMediaCountEl)
+      remoteOnlyMediaCountEl.textContent = remoteOnly.length;
     // Render comparison table
     renderMediaComparisonTable(mediaComparisonTableEl, {
@@ -1301,7 +1446,6 @@ async function compareMediaData() {
       synced,
       masterIndex,
     });
   } catch (error) {
     console.error('Media comparison failed:', error);
     if (mediaComparisonTableEl) {
@@ -1320,7 +1464,7 @@ function renderComparisonTable(container, data, type) {
   const rows = [];
   // Local only items
-  data.localOnly.forEach(item => {
+  data.localOnly.forEach((item) => {
     rows.push({
       id: item.id,
       status: 'local-only',
@@ -1330,7 +1474,7 @@ function renderComparisonTable(container, data, type) {
   });
   // Remote only items
-  data.remoteOnly.forEach(item => {
+  data.remoteOnly.forEach((item) => {
     rows.push({
       id: item.id,
       status: 'remote-only',
@@ -1340,7 +1484,7 @@ function renderComparisonTable(container, data, type) {
   });
   // Synced items (show first 10 to avoid overwhelming)
-  data.synced.slice(0, 10).forEach(item => {
+  data.synced.slice(0, 10).forEach((item) => {
     const hasConflict = checkConflict(item.local, item.remote);
     rows.push({
       id: item.id,
@@ -1351,21 +1495,33 @@ function renderComparisonTable(container, data, type) {
   });
   if (rows.length === 0) {
-    container.innerHTML = '<div class="empty-state" style="padding: 20px;">无数据</div>';
+    container.innerHTML =
+      '<div class="empty-state" style="padding: 20px;">无数据</div>';
     return;
   }
   // Sort: local-only first, then remote-only, then conflicts, then synced
-  const statusOrder = { 'local-only': 0, 'remote-only': 1, 'conflict': 2, 'synced': 3 };
+  const statusOrder = {
+    'local-only': 0,
+    'remote-only': 1,
+    conflict: 2,
+    synced: 3,
+  };
   rows.sort((a, b) => statusOrder[a.status] - statusOrder[b.status]);
-  container.innerHTML = rows.map(row => `
+  container.innerHTML = rows
+    .map(
+      (row) => `
     <div class="gist-comparison-row">
-      <span class="item-id" title="${escapeHtml(row.id)}">${escapeHtml(truncateId(row.id))}</span>
+      <span class="item-id" title="${escapeHtml(row.id)}">${escapeHtml(
+        truncateId(row.id)
+      )}</span>
       <span class="item-details">${escapeHtml(row.details)}</span>
       <span class="item-status ${row.status}">${row.statusText}</span>
     </div>
-  `).join('');
+  `
+    )
+    .join('');
   // Add note if there are more synced items
   if (data.synced.length > 10) {
@@ -1383,7 +1539,7 @@ function renderMediaComparisonTable(container, data) {
   const rows = [];
   // Synced (show first 20, priority display)
-  data.synced.slice(0, 20).forEach(url => {
+  data.synced.slice(0, 20).forEach((url) => {
     rows.push({
       url,
       status: 'synced',
@@ -1392,7 +1548,7 @@ function renderMediaComparisonTable(container, data) {
   });
   // Local only
-  data.localOnly.slice(0, 20).forEach(url => {
+  data.localOnly.slice(0, 20).forEach((url) => {
     rows.push({
       url,
       status: 'local-only',
@@ -1401,7 +1557,7 @@ function renderMediaComparisonTable(container, data) {
   });
   // Remote only
-  data.remoteOnly.slice(0, 20).forEach(url => {
+  data.remoteOnly.slice(0, 20).forEach((url) => {
     const fileInfo = data.masterIndex?.fileIndex?.[url];
     rows.push({
       url,
@@ -1412,39 +1568,46 @@ function renderMediaComparisonTable(container, data) {
   });
   if (rows.length === 0) {
-    container.innerHTML = '<div class="empty-state" style="padding: 20px;">无媒体数据</div>';
+    container.innerHTML =
+      '<div class="empty-state" style="padding: 20px;">无媒体数据</div>';
     return;
   }
   // Sort: synced first, then local-only, then remote-only
-  const statusOrder = { 'synced': 0, 'local-only': 1, 'remote-only': 2 };
+  const statusOrder = { synced: 0, 'local-only': 1, 'remote-only': 2 };
   rows.sort((a, b) => statusOrder[a.status] - statusOrder[b.status]);
-  container.innerHTML = rows.map(row => {
-    const isVideo = isVideoUrl(row.url);
-    const previewHtml = getMediaPreviewHtml(row.url, isVideo);
-    const filename = extractFilename(row.url);
-    return `
+  container.innerHTML = rows
+    .map((row) => {
+      const isVideo = isVideoUrl(row.url);
+      const previewHtml = getMediaPreviewHtml(row.url, isVideo);
+      const filename = extractFilename(row.url);
+      return `
       <div class="gist-comparison-row media-row">
         <div class="media-preview-container">
           ${previewHtml}
         </div>
         <div class="media-info">
-          <span class="item-id" title="${escapeHtml(row.url)}">${escapeHtml(filename)}</span>
-          <span class="item-details">${row.shard ? `分片: ${row.shard}` : ''}</span>
+          <span class="item-id" title="${escapeHtml(row.url)}">${escapeHtml(
+        filename
+      )}</span>
+          <span class="item-details">${
+            row.shard ? `分片: ${row.shard}` : ''
+          }</span>
         </div>
         <span class="item-status ${row.status}">${row.statusText}</span>
       </div>
     `;
-  }).join('');
+    })
+    .join('');
   // Add notes for truncated lists
-  const totalHidden =
-    Math.max(0, data.localOnly.length - 20) +
-    Math.max(0, data.remoteOnly.length - 20) +
+  const totalHidden =
+    Math.max(0, data.localOnly.length - 20) +
+    Math.max(0, data.remoteOnly.length - 20) +
     Math.max(0, data.synced.length - 10);
   if (totalHidden > 0) {
     container.innerHTML += `
       <div class="gist-comparison-row" style="justify-content: center; color: var(--text-muted); font-style: italic;">
@@ -1460,18 +1623,18 @@ function renderMediaComparisonTable(container, data) {
 function getItemDetails(item, type) {
   if (!item) return '';
   if (type === 'task') {
     const status = item.status || 'unknown';
     const taskType = item.type || '';
     return `${taskType} - ${status}`;
   }
   if (type === 'board') {
     const name = item.name || item.title || '';
     return name;
   }
   return '';
 }
@@ -1506,11 +1669,13 @@ function extractFilename(url) {
 function isVideoUrl(url) {
   if (!url) return false;
   const lowerUrl = url.toLowerCase();
-  return lowerUrl.includes('video') ||
-         lowerUrl.endsWith('.mp4') ||
-         lowerUrl.endsWith('.webm') ||
-         lowerUrl.endsWith('.mov') ||
-         lowerUrl.includes('/v/');
+  return (
+    lowerUrl.includes('video') ||
+    lowerUrl.endsWith('.mp4') ||
+    lowerUrl.endsWith('.webm') ||
+    lowerUrl.endsWith('.mov') ||
+    lowerUrl.includes('/v/')
+  );
 }
 /**
@@ -1518,14 +1683,14 @@ function isVideoUrl(url) {
  */
 function getMediaPreviewHtml(url, isVideo) {
   if (!url) return '<div class="media-preview-placeholder">?</div>';
   // Handle virtual cache URLs
   let previewUrl = url;
   if (url.startsWith('/__aitu_cache__/')) {
     // Virtual URL, use as-is (SW will intercept)
     previewUrl = url;
   }
   if (isVideo) {
     return `
       <video
@@ -1555,11 +1720,11 @@ function formatTime(timestamp) {
   const date = new Date(timestamp);
   const now = new Date();
   const diff = now - date;
   if (diff < 60000) return '刚刚';
   if (diff < 3600000) return `${Math.floor(diff / 60000)} 分钟前`;
   if (diff < 86400000) return `${Math.floor(diff / 3600000)} 小时前`;
   return date.toLocaleDateString('zh-CN', {
     month: 'short',
     day: 'numeric',
@@ -1592,29 +1757,53 @@ function escapeHtml(str) {
 function initDebugOperations() {
   // Connection tests
-  document.getElementById('debugTestConnection')?.addEventListener('click', debugTestConnection);
-  document.getElementById('debugListGists')?.addEventListener('click', debugListGists);
+  document
+    .getElementById('debugTestConnection')
+    ?.addEventListener('click', debugTestConnection);
+  document
+    .getElementById('debugListGists')
+    ?.addEventListener('click', debugListGists);
   // Task operations
-  document.getElementById('debugPreviewTaskMerge')?.addEventListener('click', debugPreviewTaskMerge);
-  document.getElementById('debugImportRemoteTasks')?.addEventListener('click', debugImportRemoteTasks);
+  document
+    .getElementById('debugPreviewTaskMerge')
+    ?.addEventListener('click', debugPreviewTaskMerge);
+  document
+    .getElementById('debugImportRemoteTasks')
+    ?.addEventListener('click', debugImportRemoteTasks);
   // Board operations
-  document.getElementById('debugPreviewBoardMerge')?.addEventListener('click', debugPreviewBoardMerge);
-  document.getElementById('debugDownloadBoard')?.addEventListener('click', debugDownloadBoard);
+  document
+    .getElementById('debugPreviewBoardMerge')
+    ?.addEventListener('click', debugPreviewBoardMerge);
+  document
+    .getElementById('debugDownloadBoard')
+    ?.addEventListener('click', debugDownloadBoard);
   // Media operations
-  document.getElementById('debugListShardFiles')?.addEventListener('click', debugListShardFiles);
-  document.getElementById('debugTestMediaDownload')?.addEventListener('click', debugTestMediaDownload);
+  document
+    .getElementById('debugListShardFiles')
+    ?.addEventListener('click', debugListShardFiles);
+  document
+    .getElementById('debugTestMediaDownload')
+    ?.addEventListener('click', debugTestMediaDownload);
   // Log diagnostics
-  document.getElementById('debugCheckSyncLogDb')?.addEventListener('click', debugCheckSyncLogDb);
-  document.getElementById('debugWriteTestLog')?.addEventListener('click', debugWriteTestLog);
-  document.getElementById('debugPerformanceTest')?.addEventListener('click', debugPerformanceTest);
+  document
+    .getElementById('debugCheckSyncLogDb')
+    ?.addEventListener('click', debugCheckSyncLogDb);
+  document
+    .getElementById('debugWriteTestLog')
+    ?.addEventListener('click', debugWriteTestLog);
+  document
+    .getElementById('debugPerformanceTest')
+    ?.addEventListener('click', debugPerformanceTest);
   // Database diagnostics
-  document.getElementById('debugDiagnoseDb')?.addEventListener('click', debugDiagnoseAllDatabases);
+  document
+    .getElementById('debugDiagnoseDb')
+    ?.addEventListener('click', debugDiagnoseAllDatabases);
   // Initialize Sync Log Viewer
   initSyncLogViewer();
 }
@@ -1625,13 +1814,13 @@ function initDebugOperations() {
 async function debugLog(level, message, details = null) {
   // Map level to sync log level
   const levelMap = {
-    'info': 'info',
-    'success': 'success',
-    'warning': 'warning',
-    'error': 'error',
+    info: 'info',
+    success: 'success',
+    warning: 'warning',
+    error: 'error',
   };
   const syncLevel = levelMap[level] || 'debug';
   // Write to IndexedDB sync logs
   const logEntry = {
     id: `debug-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
@@ -1642,7 +1831,7 @@ async function debugLog(level, message, details = null) {
     message: `[调试] ${message}`,
     data: details,
   };
   try {
     const db = await openSyncLogDb();
     const tx = db.transaction('logs', 'readwrite');
@@ -1652,7 +1841,7 @@ async function debugLog(level, message, details = null) {
       req.onsuccess = resolve;
       req.onerror = () => reject(req.error);
     });
     // Trigger a silent refresh of sync logs if visible
     if (syncLogAutoRefreshEnabled) {
       silentRefreshSyncLogs();
@@ -1686,7 +1875,7 @@ function openSyncLogDb() {
 async function debugTestConnection() {
   debugLog('info', '开始测试 GitHub API 连接...');
   try {
     // Check token
     const encryptedToken = localStorage.getItem('github_sync_token');
@@ -1694,23 +1883,27 @@ async function debugTestConnection() {
       debugLog('error', 'Token 未配置', '请先在应用中配置 GitHub Token');
       return;
     }
     const token = await decryptToken(encryptedToken);
     debugLog('success', 'Token 解密成功');
     // Test API
     const response = await fetch('https://api.github.com/user', {
       headers: {
-        'Authorization': `token ${token}`,
-        'Accept': 'application/vnd.github.v3+json'
-      }
+        Authorization: `token ${token}`,
+        Accept: 'application/vnd.github.v3+json',
+      },
     });
     if (!response.ok) {
-      debugLog('error', `API 请求失败: ${response.status}`, await response.text());
+      debugLog(
+        'error',
+        `API 请求失败: ${response.status}`,
+        await response.text()
+      );
       return;
     }
     const user = await response.json();
     debugLog('success', `连接成功! 用户: ${user.login}`, {
       id: user.id,
@@ -1719,15 +1912,16 @@ async function debugTestConnection() {
       email: user.email,
       plan: user.plan?.name,
     });
     // Check rate limit
     const rateLimit = {
       limit: response.headers.get('x-ratelimit-limit'),
       remaining: response.headers.get('x-ratelimit-remaining'),
-      reset: new Date(parseInt(response.headers.get('x-ratelimit-reset')) * 1000).toLocaleTimeString(),
+      reset: new Date(
+        parseInt(response.headers.get('x-ratelimit-reset')) * 1000
+      ).toLocaleTimeString(),
     };
     debugLog('info', 'API 速率限制', rateLimit);
   } catch (error) {
     debugLog('error', `连接测试失败: ${error.message}`);
   }
@@ -1735,37 +1929,41 @@ async function debugTestConnection() {
 async function debugListGists() {
   debugLog('info', '获取用户的所有 Gists...');
   try {
     await ensureToken();
     const response = await fetch('https://api.github.com/gists?per_page=100', {
       headers: {
-        'Authorization': `token ${currentToken}`,
-        'Accept': 'application/vnd.github.v3+json'
-      }
+        Authorization: `token ${currentToken}`,
+        Accept: 'application/vnd.github.v3+json',
+      },
     });
     if (!response.ok) {
       debugLog('error', `获取 Gists 失败: ${response.status}`);
       return;
     }
     const gists = await response.json();
     // Filter for sync gists
-    const syncGists = gists.filter(g =>
-      g.description?.includes('Opentu') ||
-      Object.keys(g.files).some(f =>
-        (f.startsWith('board_') && f.endsWith('.json')) ||
-        f.endsWith('.drawnix') ||
-        f === 'tasks.json' ||
-        f === 'master-index.json'
-      )
+    const syncGists = gists.filter(
+      (g) =>
+        g.description?.includes('Opentu') ||
+        Object.keys(g.files).some(
+          (f) =>
+            (f.startsWith('board_') && f.endsWith('.json')) ||
+            f.endsWith('.drawnix') ||
+            f === 'tasks.json' ||
+            f === 'master-index.json'
+        )
     );
-    debugLog('success', `找到 ${syncGists.length} 个同步相关的 Gists`,
-      syncGists.map(g => ({
+    debugLog(
+      'success',
+      `找到 ${syncGists.length} 个同步相关的 Gists`,
+      syncGists.map((g) => ({
         id: g.id,
         description: g.description?.substring(0, 50),
         files: Object.keys(g.files).length,
@@ -1773,7 +1971,6 @@ async function debugListGists() {
         updated: new Date(g.updated_at).toLocaleDateString(),
       }))
     );
   } catch (error) {
     debugLog('error', `获取 Gists 失败: ${error.message}`);
   }
@@ -1783,19 +1980,21 @@ async function debugListGists() {
 async function debugPreviewTaskMerge() {
   debugLog('info', '预览任务合并...');
   try {
     await ensureToken();
     await ensureGistData();
     // Get local tasks
     const localTasks = await getLocalTasks();
     debugLog('info', `本地任务: ${localTasks.length} 个`);
     // Get remote tasks (TasksData 结构: { completedTasks: Task[] })
     let remoteTasks = [];
     if (currentGistData?.files?.['tasks.json']) {
-      const tasksData = await parseGistFile(currentGistData.files['tasks.json']);
+      const tasksData = await parseGistFile(
+        currentGistData.files['tasks.json']
+      );
       if (tasksData && Array.isArray(tasksData.completedTasks)) {
         remoteTasks = tasksData.completedTasks;
       } else if (Array.isArray(tasksData)) {
@@ -1804,11 +2003,11 @@ async function debugPreviewTaskMerge() {
       }
     }
     debugLog('info', `远程任务: ${remoteTasks.length} 个`);
     // Build maps
-    const localMap = new Map(localTasks.map(t => [t.id, t]));
-    const remoteMap = new Map(remoteTasks.map(t => [t.id, t]));
+    const localMap = new Map(localTasks.map((t) => [t.id, t]));
+    const remoteMap = new Map(remoteTasks.map((t) => [t.id, t]));
     // Analyze merge
     const mergeResult = {
       localOnly: [],
@@ -1816,17 +2015,21 @@ async function debugPreviewTaskMerge() {
       conflicts: [],
       identical: [],
     };
     // Check local tasks
     for (const [id, local] of localMap) {
       const remote = remoteMap.get(id);
       if (!remote) {
-        mergeResult.localOnly.push({ id, type: local.type, status: local.status });
+        mergeResult.localOnly.push({
+          id,
+          type: local.type,
+          status: local.status,
+        });
       } else {
         // Compare
         const localUpdated = local.updatedAt || local.createdAt || 0;
         const remoteUpdated = remote.updatedAt || remote.createdAt || 0;
         if (localUpdated === remoteUpdated && local.status === remote.status) {
           mergeResult.identical.push({ id });
         } else {
@@ -1839,20 +2042,26 @@ async function debugPreviewTaskMerge() {
         }
       }
     }
     // Check remote only
     for (const [id, remote] of remoteMap) {
       if (!localMap.has(id)) {
-        mergeResult.remoteOnly.push({ id, type: remote.type, status: remote.status });
+        mergeResult.remoteOnly.push({
+          id,
+          type: remote.type,
+          status: remote.status,
+        });
       }
     }
     debugLog('success', '任务合并预览完成', mergeResult);
     if (mergeResult.remoteOnly.length > 0) {
-      debugLog('warning', `有 ${mergeResult.remoteOnly.length} 个远程任务在本地不存在，可能需要导入`);
+      debugLog(
+        'warning',
+        `有 ${mergeResult.remoteOnly.length} 个远程任务在本地不存在，可能需要导入`
+      );
     }
   } catch (error) {
     debugLog('error', `预览任务合并失败: ${error.message}`);
   }
@@ -1860,18 +2069,20 @@ async function debugPreviewTaskMerge() {
 async function debugImportRemoteTasks() {
   debugLog('info', '开始导入远程任务...');
   try {
     await ensureToken();
     await ensureGistData();
     // Get local and remote tasks
     const localTasks = await getLocalTasks();
-    const localIds = new Set(localTasks.map(t => t.id));
+    const localIds = new Set(localTasks.map((t) => t.id));
     let remoteTasks = [];
     if (currentGistData?.files?.['tasks.json']) {
-      const tasksData = await parseGistFile(currentGistData.files['tasks.json']);
+      const tasksData = await parseGistFile(
+        currentGistData.files['tasks.json']
+      );
       // TasksData 结构: { completedTasks: Task[] }
       if (tasksData && Array.isArray(tasksData.completedTasks)) {
         remoteTasks = tasksData.completedTasks;
@@ -1880,42 +2091,43 @@ async function debugImportRemoteTasks() {
         remoteTasks = tasksData;
       }
     }
     // Find tasks to import
-    const tasksToImport = remoteTasks.filter(t => !localIds.has(t.id));
+    const tasksToImport = remoteTasks.filter((t) => !localIds.has(t.id));
     if (tasksToImport.length === 0) {
       debugLog('info', '没有需要导入的任务');
       return;
     }
     debugLog('info', `将导入 ${tasksToImport.length} 个任务`);
     // Import to SW task queue via IndexedDB
     const db = await openDatabase('sw-task-queue', 2, (db) => {
       if (!db.objectStoreNames.contains('tasks')) {
         db.createObjectStore('tasks', { keyPath: 'id' });
       }
     });
     const tx = db.transaction('tasks', 'readwrite');
     const store = tx.objectStore('tasks');
     for (const task of tasksToImport) {
       store.put(task);
     }
     await new Promise((resolve, reject) => {
       tx.oncomplete = resolve;
       tx.onerror = () => reject(tx.error);
     });
     db.close();
-    debugLog('success', `成功导入 ${tasksToImport.length} 个任务`,
-      tasksToImport.map(t => ({ id: t.id, type: t.type, status: t.status }))
+    debugLog(
+      'success',
+      `成功导入 ${tasksToImport.length} 个任务`,
+      tasksToImport.map((t) => ({ id: t.id, type: t.type, status: t.status }))
     );
   } catch (error) {
     debugLog('error', `导入任务失败: ${error.message}`);
   }
@@ -1925,19 +2137,21 @@ async function debugImportRemoteTasks() {
 async function debugPreviewBoardMerge() {
   debugLog('info', '预览画板合并...');
   try {
     await ensureToken();
     await ensureGistData();
     // Get local boards
     const localBoards = await getLocalBoards();
     debugLog('info', `本地画板: ${localBoards.length} 个`);
     // Get remote boards (board_{id}.json format)
     const remoteBoards = [];
     if (currentGistData?.files) {
-      for (const [fileName, fileData] of Object.entries(currentGistData.files)) {
+      for (const [fileName, fileData] of Object.entries(
+        currentGistData.files
+      )) {
         if (fileName.startsWith('board_') && fileName.endsWith('.json')) {
           // 提取 board ID: board_{id}.json -> {id}
           const boardId = fileName.replace('board_', '').replace('.json', '');
@@ -1946,33 +2160,36 @@ async function debugPreviewBoardMerge() {
       }
     }
     debugLog('info', `远程画板: ${remoteBoards.length} 个`);
     // Build comparison
-    const localIds = new Set(localBoards.map(b => b.id));
-    const remoteIds = new Set(remoteBoards.map(b => b.id));
+    const localIds = new Set(localBoards.map((b) => b.id));
+    const remoteIds = new Set(remoteBoards.map((b) => b.id));
     const result = {
-      localOnly: localBoards.filter(b => !remoteIds.has(b.id)).map(b => ({
-        id: b.id,
-        name: b.name || b.title,
-        elements: b.elements?.length || 0,
-      })),
-      remoteOnly: remoteBoards.filter(b => !localIds.has(b.id)).map(b => ({
-        id: b.id,
-        fileName: b.fileName,
-      })),
-      both: [...localIds].filter(id => remoteIds.has(id)),
+      localOnly: localBoards
+        .filter((b) => !remoteIds.has(b.id))
+        .map((b) => ({
+          id: b.id,
+          name: b.name || b.title,
+          elements: b.elements?.length || 0,
+        })),
+      remoteOnly: remoteBoards
+        .filter((b) => !localIds.has(b.id))
+        .map((b) => ({
+          id: b.id,
+          fileName: b.fileName,
+        })),
+      both: [...localIds].filter((id) => remoteIds.has(id)),
     };
     debugLog('success', '画板对比完成', result);
     if (result.localOnly.length > 0) {
       debugLog('info', `${result.localOnly.length} 个本地画板未同步到远程`);
     }
     if (result.remoteOnly.length > 0) {
       debugLog('warning', `${result.remoteOnly.length} 个远程画板在本地不存在`);
     }
   } catch (error) {
     debugLog('error', `预览画板合并失败: ${error.message}`);
   }
@@ -1980,11 +2197,11 @@ async function debugPreviewBoardMerge() {
 async function debugDownloadBoard() {
   debugLog('info', '下载画板...');
   try {
     await ensureToken();
     await ensureGistData();
     // Get available boards (board_{id}.json format)
     const remoteBoards = [];
     if (currentGistData?.files) {
@@ -1994,18 +2211,18 @@ async function debugDownloadBoard() {
         }
       }
     }
     if (remoteBoards.length === 0) {
       debugLog('warning', '没有可下载的画板');
       return;
     }
     // Download first board as example
     const boardFile = remoteBoards[0];
     debugLog('info', `下载画板: ${boardFile}`);
     const boardData = await parseGistFile(currentGistData.files[boardFile]);
     if (boardData) {
       debugLog('success', `画板下载成功: ${boardFile}`, {
         id: boardData.id,
@@ -2013,11 +2230,11 @@ async function debugDownloadBoard() {
         elements: boardData.elements?.length || 0,
         updatedAt: boardData.updatedAt,
       });
       // Show element types
       if (boardData.elements?.length > 0) {
         const elementTypes = {};
-        boardData.elements.forEach(el => {
+        boardData.elements.forEach((el) => {
           const type = el.type || 'unknown';
           elementTypes[type] = (elementTypes[type] || 0) + 1;
         });
@@ -2026,7 +2243,6 @@ async function debugDownloadBoard() {
     } else {
       debugLog('error', '画板解析失败');
     }
   } catch (error) {
     debugLog('error', `下载画板失败: ${error.message}`);
   }
@@ -2036,46 +2252,56 @@ async function debugDownloadBoard() {
 async function debugListShardFiles() {
   debugLog('info', '获取分片文件列表...');
   try {
     await ensureToken();
     // Get master index
-    const masterIndex = remoteMasterIndex || localMasterIndex || await getLocalMasterIndex();
+    const masterIndex =
+      remoteMasterIndex || localMasterIndex || (await getLocalMasterIndex());
     if (!masterIndex) {
       debugLog('warning', '未找到分片索引');
       return;
     }
     const shards = Object.values(masterIndex.shards || {});
     debugLog('info', `找到 ${shards.length} 个分片`);
     // List files in each shard
     for (const shard of shards) {
-      debugLog('info', `分片 ${shard.alias}: ${shard.fileCount} 文件, ${formatSize(shard.totalSize)}`, {
-        gistId: shard.gistId,
-        status: shard.status,
-        createdAt: formatTime(shard.createdAt),
-      });
+      debugLog(
+        'info',
+        `分片 ${shard.alias}: ${shard.fileCount} 文件, ${formatSize(
+          shard.totalSize
+        )}`,
+        {
+          gistId: shard.gistId,
+          status: shard.status,
+          createdAt: formatTime(shard.createdAt),
+        }
+      );
     }
     // List file index
     const fileIndex = masterIndex.fileIndex || {};
     const fileCount = Object.keys(fileIndex).length;
     debugLog('success', `文件索引: ${fileCount} 个文件`);
     // Sample files
     const sampleFiles = Object.entries(fileIndex).slice(0, 5);
     if (sampleFiles.length > 0) {
-      debugLog('info', '示例文件', sampleFiles.map(([url, info]) => ({
-        url: extractFilename(url),
-        shard: info.shardId,
-        size: formatSize(info.size),
-        type: info.type,
-      })));
-    }
+      debugLog(
+        'info',
+        '示例文件',
+        sampleFiles.map(([url, info]) => ({
+          url: extractFilename(url),
+          shard: info.shardId,
+          size: formatSize(info.size),
+          type: info.type,
+        }))
+      );
+    }
   } catch (error) {
     debugLog('error', `获取分片文件失败: ${error.message}`);
   }
@@ -2083,46 +2309,47 @@ async function debugListShardFiles() {
 async function debugTestMediaDownload() {
   debugLog('info', '测试媒体下载...');
   try {
     await ensureToken();
     // Get master index
-    const masterIndex = remoteMasterIndex || localMasterIndex || await getLocalMasterIndex();
+    const masterIndex =
+      remoteMasterIndex || localMasterIndex || (await getLocalMasterIndex());
     if (!masterIndex?.fileIndex) {
       debugLog('warning', '未找到文件索引');
       return;
     }
     // Get a sample file
     const files = Object.entries(masterIndex.fileIndex);
     if (files.length === 0) {
       debugLog('warning', '索引中没有文件');
       return;
     }
     const [url, fileInfo] = files[0];
     debugLog('info', `测试下载: ${extractFilename(url)}`, fileInfo);
     // Get shard info
     const shard = masterIndex.shards?.[fileInfo.shardId];
     if (!shard) {
       debugLog('error', `找不到分片: ${fileInfo.shardId}`);
       return;
     }
     // Fetch shard gist
     debugLog('info', `从分片 ${shard.alias} (${shard.gistId}) 下载...`);
     const shardGist = await fetchGist(shard.gistId);
     const fileName = fileInfo.filename;
     if (!shardGist.files?.[fileName]) {
       debugLog('error', `分片中找不到文件: ${fileName}`);
       return;
     }
     const fileData = shardGist.files[fileName];
     debugLog('success', '文件获取成功', {
       filename: fileName,
@@ -2130,13 +2357,12 @@ async function debugTestMediaDownload() {
       truncated: fileData.truncated,
       type: fileData.type,
     });
     // Check if it's base64 encoded
     if (fileData.content) {
       const isBase64 = fileData.content.match(/^[A-Za-z0-9+/=]+$/);
       debugLog('info', `内容格式: ${isBase64 ? 'Base64 编码' : '文本'}`);
     }
   } catch (error) {
     debugLog('error', `测试媒体下载失败: ${error.message}`);
   }
@@ -2146,7 +2372,7 @@ async function debugTestMediaDownload() {
 async function debugCheckSyncLogDb() {
   debugLog('info', '检查同步日志数据库...');
   try {
     // 1. Check if IndexedDB is available
     if (!window.indexedDB) {
@@ -2154,30 +2380,32 @@ async function debugCheckSyncLogDb() {
       return;
     }
     debugLog('success', 'IndexedDB 可用');
     // 2. List all databases
     if (indexedDB.databases) {
       const dbs = await indexedDB.databases();
-      const dbNames = dbs.map(db => `${db.name} (v${db.version})`);
+      const dbNames = dbs.map((db) => `${db.name} (v${db.version})`);
       debugLog('info', `已有数据库: ${dbs.length} 个`, dbNames);
-      const hasUnifiedLogDb = dbs.some(db => db.name === 'aitu-unified-logs');
+      const hasUnifiedLogDb = dbs.some((db) => db.name === 'aitu-unified-logs');
       if (!hasUnifiedLogDb) {
         debugLog('warning', '统一日志数据库 aitu-unified-logs 不存在');
       }
     }
     // 3. Try to open the sync log database
     const stats = await getSyncLogStats();
     debugLog('success', '日志数据库连接成功', stats);
     // 4. Query recent logs
     const logs = await querySyncLogs({ limit: 5 });
     if (logs.length === 0) {
       debugLog('warning', '日志数据库为空 - 主应用可能尚未写入日志');
     } else {
-      debugLog('success', `找到 ${logs.length} 条最新日志`,
-        logs.map(l => ({
+      debugLog(
+        'success',
+        `找到 ${logs.length} 条最新日志`,
+        logs.map((l) => ({
           time: new Date(l.timestamp).toLocaleTimeString(),
           level: l.level,
           category: l.category,
@@ -2185,7 +2413,6 @@ async function debugCheckSyncLogDb() {
         }))
       );
     }
   } catch (error) {
     debugLog('error', `检查日志数据库失败: ${error.message}`);
   }
@@ -2193,11 +2420,11 @@ async function debugCheckSyncLogDb() {
 async function debugWriteTestLog() {
   debugLog('info', '写入测试日志到统一日志数据库...');
   try {
     const UNIFIED_LOG_DB = 'aitu-unified-logs';
     const UNIFIED_LOG_STORE = 'logs';
     // Open database
     const db = await new Promise((resolve, reject) => {
       const request = indexedDB.open(UNIFIED_LOG_DB, 1);
@@ -2206,16 +2433,20 @@ async function debugWriteTestLog() {
       request.onupgradeneeded = (event) => {
         const database = event.target.result;
         if (!database.objectStoreNames.contains(UNIFIED_LOG_STORE)) {
-          const store = database.createObjectStore(UNIFIED_LOG_STORE, { keyPath: 'id' });
+          const store = database.createObjectStore(UNIFIED_LOG_STORE, {
+            keyPath: 'id',
+          });
           store.createIndex('timestamp', 'timestamp', { unique: false });
           store.createIndex('category', 'category', { unique: false });
           store.createIndex('level', 'level', { unique: false });
           store.createIndex('sessionId', 'sessionId', { unique: false });
-          store.createIndex('category_timestamp', ['category', 'timestamp'], { unique: false });
+          store.createIndex('category_timestamp', ['category', 'timestamp'], {
+            unique: false,
+          });
         }
       };
     });
     // Write test log (unified log format)
     const testEntry = {
       id: `log-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`,
@@ -2225,21 +2456,20 @@ async function debugWriteTestLog() {
       message: '这是来自 sw-debug 面板的测试日志',
       data: { source: 'sw-debug', test: true },
     };
     const tx = db.transaction(UNIFIED_LOG_STORE, 'readwrite');
     const store = tx.objectStore(UNIFIED_LOG_STORE);
     store.add(testEntry);
     await new Promise((resolve, reject) => {
       tx.oncomplete = () => resolve();
       tx.onerror = () => reject(tx.error);
     });
     db.close();
     debugLog('success', '测试日志写入成功', testEntry);
     debugLog('info', '请刷新同步日志区域查看');
   } catch (error) {
     debugLog('error', `写入测试日志失败: ${error.message}`);
   }
@@ -2250,23 +2480,23 @@ async function debugWriteTestLog() {
  */
 async function debugPerformanceTest() {
   debugLog('info', '开始性能基准测试 (1000 次日志写入)...');
   try {
     const UNIFIED_LOG_DB = 'aitu-unified-logs';
     const UNIFIED_LOG_STORE = 'logs';
     const iterations = 1000;
     // Open database
     const db = await new Promise((resolve, reject) => {
       const request = indexedDB.open(UNIFIED_LOG_DB, 1);
       request.onerror = () => reject(request.error);
       request.onsuccess = () => resolve(request.result);
     });
     // Test 1: Memory write speed (sync)
     const memoryLogs = [];
     const memoryStart = performance.now();
     for (let i = 0; i < iterations; i++) {
       memoryLogs.push({
         id: `perf-${Date.now()}-${i}`,
@@ -2277,47 +2507,55 @@ async function debugPerformanceTest() {
         data: { iteration: i },
       });
     }
     const memoryEnd = performance.now();
     const memoryTimeMs = memoryEnd - memoryStart;
     const memoryAvgUs = (memoryTimeMs / iterations) * 1000;
-    debugLog('success', `内存写入: ${memoryTimeMs.toFixed(2)}ms (${memoryAvgUs.toFixed(2)}μs/条)`, {
-      iterations,
-      totalMs: memoryTimeMs.toFixed(2),
-      avgMicroseconds: memoryAvgUs.toFixed(2),
-      logsPerSecond: Math.round(iterations / (memoryTimeMs / 1000)),
-    });
+    debugLog(
+      'success',
+      `内存写入: ${memoryTimeMs.toFixed(2)}ms (${memoryAvgUs.toFixed(2)}μs/条)`,
+      {
+        iterations,
+        totalMs: memoryTimeMs.toFixed(2),
+        avgMicroseconds: memoryAvgUs.toFixed(2),
+        logsPerSecond: Math.round(iterations / (memoryTimeMs / 1000)),
+      }
+    );
     // Test 2: IndexedDB write speed (async batch)
     const dbStart = performance.now();
     const tx = db.transaction(UNIFIED_LOG_STORE, 'readwrite');
     const store = tx.objectStore(UNIFIED_LOG_STORE);
     // Batch write
     for (const log of memoryLogs) {
       store.add(log);
     }
     await new Promise((resolve, reject) => {
       tx.oncomplete = () => resolve();
       tx.onerror = () => reject(tx.error);
     });
     const dbEnd = performance.now();
     const dbTimeMs = dbEnd - dbStart;
     const dbAvgUs = (dbTimeMs / iterations) * 1000;
-    debugLog('success', `IndexedDB 写入: ${dbTimeMs.toFixed(2)}ms (${dbAvgUs.toFixed(2)}μs/条)`, {
-      iterations,
-      totalMs: dbTimeMs.toFixed(2),
-      avgMicroseconds: dbAvgUs.toFixed(2),
-      logsPerSecond: Math.round(iterations / (dbTimeMs / 1000)),
-    });
+    debugLog(
+      'success',
+      `IndexedDB 写入: ${dbTimeMs.toFixed(2)}ms (${dbAvgUs.toFixed(2)}μs/条)`,
+      {
+        iterations,
+        totalMs: dbTimeMs.toFixed(2),
+        avgMicroseconds: dbAvgUs.toFixed(2),
+        logsPerSecond: Math.round(iterations / (dbTimeMs / 1000)),
+      }
+    );
     db.close();
     // Summary
     const passed = memoryAvgUs < 100; // Target: < 100μs per log
     if (passed) {
@@ -2331,7 +2569,6 @@ async function debugPerformanceTest() {
         actual: `${memoryAvgUs.toFixed(2)}μs/条`,
       });
     }
   } catch (error) {
     debugLog('error', `性能测试失败: ${error.message}`);
   }
@@ -2342,34 +2579,38 @@ async function debugPerformanceTest() {
  */
 async function debugDiagnoseAllDatabases() {
   debugLog('info', '开始诊断所有数据库...');
   const dbsToCheck = [
     'aitu-workspace',
     'sw-task-queue',
     'aitu-unified-logs',
     'aitu-storage',
   ];
   try {
     // List all databases
     if (indexedDB.databases) {
       const allDbs = await indexedDB.databases();
-      debugLog('info', `系统中共有 ${allDbs.length} 个数据库`,
-        allDbs.map(db => `${db.name} (v${db.version})`).join(', ')
+      debugLog(
+        'info',
+        `系统中共有 ${allDbs.length} 个数据库`,
+        allDbs.map((db) => `${db.name} (v${db.version})`).join(', ')
       );
     }
     // Diagnose each database
     for (const dbName of dbsToCheck) {
       try {
         const diagnosis = await diagnoseDatabase(dbName);
-        const storeInfo = Object.entries(diagnosis.stores).map(([name, info]) => ({
-          store: name,
-          count: info.count,
-          keyPath: info.keyPath,
-          sampleKeys: info.sampleKeys?.join(', ') || '-',
-        }));
+        const storeInfo = Object.entries(diagnosis.stores).map(
+          ([name, info]) => ({
+            store: name,
+            count: info.count,
+            keyPath: info.keyPath,
+            sampleKeys: info.sampleKeys?.join(', ') || '-',
+          })
+        );
         debugLog('success', `${dbName} (v${diagnosis.version})`, {
           stores: storeInfo,
         });
@@ -2377,27 +2618,38 @@ async function debugDiagnoseAllDatabases() {
         debugLog('warning', `${dbName}: ${error.message}`);
       }
     }
     // Test actual data retrieval
     debugLog('info', '测试数据获取...');
     const localTasks = await getLocalTasks();
-    debugLog('info', `本地任务: ${localTasks.length} 条`,
-      localTasks.slice(0, 3).map(t => ({ id: t.id?.substring(0, 12), type: t.type, status: t.status }))
+    debugLog(
+      'info',
+      `本地任务: ${localTasks.length} 条`,
+      localTasks.slice(0, 3).map((t) => ({
+        id: t.id?.substring(0, 12),
+        type: t.type,
+        status: t.status,
+      }))
     );
     const localBoards = await getLocalBoards();
-    debugLog('info', `本地画板: ${localBoards.length} 个`,
-      localBoards.slice(0, 3).map(b => ({ id: b.id?.substring(0, 12), name: b.name }))
+    debugLog(
+      'info',
+      `本地画板: ${localBoards.length} 个`,
+      localBoards
+        .slice(0, 3)
+        .map((b) => ({ id: b.id?.substring(0, 12), name: b.name }))
     );
     const localMedia = await listCacheStorageMedia();
-    debugLog('info', `本地缓存媒体: ${localMedia.length} 个`,
-      localMedia.slice(0, 3).map(m => m.filename)
+    debugLog(
+      'info',
+      `本地缓存媒体: ${localMedia.length} 个`,
+      localMedia.slice(0, 3).map((m) => m.filename)
     );
     debugLog('success', '数据库诊断完成');
   } catch (error) {
     debugLog('error', `数据库诊断失败: ${error.message}`);
   }
@@ -2407,7 +2659,7 @@ async function debugDiagnoseAllDatabases() {
 async function ensureToken() {
   if (currentToken) return;
   const encryptedToken = localStorage.getItem('github_sync_token');
   if (!encryptedToken) {
     throw new Error('未配置 GitHub Token');
@@ -2417,7 +2669,7 @@ async function ensureToken() {
 async function ensureGistData() {
   if (currentGistData) return;
   const creds = await getGistCredentials();
   if (!creds.gistId) {
     throw new Error('未配置 Gist ID');
@@ -2446,33 +2698,49 @@ function openDatabase(name, version, upgradeCallback) {
 function initSyncLogViewer() {
   // Refresh button
-  document.getElementById('refreshSyncLogs')?.addEventListener('click', refreshSyncLogs);
+  document
+    .getElementById('refreshSyncLogs')
+    ?.addEventListener('click', refreshSyncLogs);
   // Auto-refresh button
-  document.getElementById('toggleAutoRefresh')?.addEventListener('click', toggleAutoRefresh);
+  document
+    .getElementById('toggleAutoRefresh')
+    ?.addEventListener('click', toggleAutoRefresh);
   // Copy button
-  document.getElementById('copySyncLogs')?.addEventListener('click', handleCopySyncLogs);
+  document
+    .getElementById('copySyncLogs')
+    ?.addEventListener('click', handleCopySyncLogs);
   // Export button
-  document.getElementById('exportSyncLogs')?.addEventListener('click', handleExportSyncLogs);
+  document
+    .getElementById('exportSyncLogs')
+    ?.addEventListener('click', handleExportSyncLogs);
   // Clear button
-  document.getElementById('clearSyncLogs')?.addEventListener('click', handleClearSyncLogs);
+  document
+    .getElementById('clearSyncLogs')
+    ?.addEventListener('click', handleClearSyncLogs);
   // Filters
-  document.getElementById('syncLogLevelFilter')?.addEventListener('change', handleSyncLogFilterChange);
-  document.getElementById('syncLogCategoryFilter')?.addEventListener('change', handleSyncLogFilterChange);
-  document.getElementById('syncLogSessionFilter')?.addEventListener('change', handleSyncLogFilterChange);
+  document
+    .getElementById('syncLogLevelFilter')
+    ?.addEventListener('change', handleSyncLogFilterChange);
+  document
+    .getElementById('syncLogCategoryFilter')
+    ?.addEventListener('change', handleSyncLogFilterChange);
+  document
+    .getElementById('syncLogSessionFilter')
+    ?.addEventListener('change', handleSyncLogFilterChange);
   // Clickable stat cards for filtering
-  document.querySelectorAll('.sync-log-stat.clickable').forEach(card => {
+  document.querySelectorAll('.sync-log-stat.clickable').forEach((card) => {
     card.addEventListener('click', () => {
       const filterLevel = card.dataset.filter;
       handleStatCardClick(card, filterLevel);
     });
   });
   // Search with debounce
   let searchTimeout;
   document.getElementById('syncLogSearch')?.addEventListener('input', (e) => {
@@ -2483,7 +2751,7 @@ function initSyncLogViewer() {
       loadSyncLogs();
     }, 300);
   });
   // Pagination
   document.getElementById('syncLogPrevPage')?.addEventListener('click', () => {
     if (syncLogCurrentPage > 1) {
@@ -2491,7 +2759,7 @@ function initSyncLogViewer() {
       loadSyncLogs();
     }
   });
   document.getElementById('syncLogNextPage')?.addEventListener('click', () => {
     const totalPages = Math.ceil(syncLogTotalEntries / syncLogPageSize);
     if (syncLogCurrentPage < totalPages) {
@@ -2506,17 +2774,17 @@ function initSyncLogViewer() {
  */
 function handleStatCardClick(clickedCard, filterLevel) {
   // Update active state
-  document.querySelectorAll('.sync-log-stat.clickable').forEach(card => {
+  document.querySelectorAll('.sync-log-stat.clickable').forEach((card) => {
     card.classList.remove('active');
   });
   clickedCard.classList.add('active');
   // Update dropdown filter to match
   const levelFilter = document.getElementById('syncLogLevelFilter');
   if (levelFilter) {
     levelFilter.value = filterLevel;
   }
   // Apply filter
   syncLogCurrentFilters.level = filterLevel;
   syncLogCurrentPage = 1;
@@ -2530,32 +2798,37 @@ async function handleCopySyncLogs() {
   try {
     // Query all logs with current filters (no pagination limit)
     const query = { ...syncLogCurrentFilters, limit: 10000 };
-    Object.keys(query).forEach(key => {
+    Object.keys(query).forEach((key) => {
       if (!query[key]) delete query[key];
     });
     const logs = await querySyncLogs(query);
     if (logs.length === 0) {
       alert('没有可复制的日志');
       return;
     }
     // Format logs for clipboard
-    const formattedLogs = logs.map(log => {
-      const time = new Date(log.timestamp).toLocaleString('zh-CN');
-      const level = log.level?.toUpperCase() || 'INFO';
-      const category = log.category || '';
-      const message = log.message || '';
-      const data = log.data ? JSON.stringify(log.data) : '';
-      const error = log.error ? `\n  Error: ${log.error.message || log.error}` : '';
-      return `[${time}] [${level}]${category ? ` [${category}]` : ''} ${message}${data ? `\n  Data: ${data}` : ''}${error}`;
-    }).join('\n\n');
+    const formattedLogs = logs
+      .map((log) => {
+        const time = new Date(log.timestamp).toLocaleString('zh-CN');
+        const level = log.level?.toUpperCase() || 'INFO';
+        const category = log.category || '';
+        const message = log.message || '';
+        const data = log.data ? JSON.stringify(log.data) : '';
+        const error = log.error
+          ? `\n  Error: ${log.error.message || log.error}`
+          : '';
+        return `[${time}] [${level}]${
+          category ? ` [${category}]` : ''
+        } ${message}${data ? `\n  Data: ${data}` : ''}${error}`;
+      })
+      .join('\n\n');
     await navigator.clipboard.writeText(formattedLogs);
     debugLog('success', `已复制 ${logs.length} 条日志到剪贴板`);
   } catch (error) {
     console.error('Failed to copy logs:', error);
     debugLog('error', `复制日志失败: ${error.message}`);
@@ -2567,21 +2840,20 @@ async function handleCopySyncLogs() {
  */
 function toggleAutoRefresh() {
   syncLogAutoRefreshEnabled = !syncLogAutoRefreshEnabled;
   const btn = document.getElementById('toggleAutoRefresh');
   const label = document.getElementById('autoRefreshLabel');
   if (syncLogAutoRefreshEnabled) {
     // Start auto-refresh
     syncLogAutoRefreshInterval = setInterval(async () => {
-      console.log('[SyncLogViewer] Auto-refreshing...');
       await silentRefreshSyncLogs();
     }, AUTO_REFRESH_INTERVAL);
     // Update UI
     btn?.classList.add('active');
     if (label) label.textContent = '停止';
     // Initial refresh
     silentRefreshSyncLogs();
   } else {
@@ -2590,7 +2862,7 @@ function toggleAutoRefresh() {
       clearInterval(syncLogAutoRefreshInterval);
       syncLogAutoRefreshInterval = null;
     }
     // Update UI
     btn?.classList.remove('active');
     if (label) label.textContent = '自动';
@@ -2605,36 +2877,31 @@ async function silentRefreshSyncLogs() {
     // Load stats
     const stats = await getSyncLogStats();
     updateSyncLogStats(stats);
     // Check if there are new logs
     if (stats.total !== syncLogTotalEntries && syncLogCurrentPage === 1) {
       syncLogTotalEntries = stats.total;
       await loadSyncLogs();
     }
   } catch (error) {
     console.error('Failed to auto-refresh sync logs:', error);
   }
 }
 async function refreshSyncLogs() {
-  console.log('[SyncLogViewer] Refreshing sync logs...');
   try {
     // Load stats
     const stats = await getSyncLogStats();
-    console.log('[SyncLogViewer] Stats:', stats);
     updateSyncLogStats(stats);
     // Load sessions for filter
     const sessions = await getSyncSessions();
-    console.log('[SyncLogViewer] Sessions:', sessions.length);
     populateSessionFilter(sessions);
     // Reset to first page and load logs
     syncLogCurrentPage = 1;
     syncLogTotalEntries = stats.total;
     await loadSyncLogs();
   } catch (error) {
     console.error('Failed to refresh sync logs:', error);
   }
@@ -2642,27 +2909,39 @@ async function refreshSyncLogs() {
 function updateSyncLogStats(stats) {
   document.getElementById('syncLogTotal').textContent = stats.total || 0;
-  document.getElementById('syncLogErrors').textContent = stats.byLevel?.error || 0;
-  document.getElementById('syncLogWarnings').textContent = stats.byLevel?.warning || 0;
-  document.getElementById('syncLogSuccesses').textContent = stats.byLevel?.success || 0;
-  document.getElementById('syncLogSessions').textContent = stats.sessionCount || 0;
+  document.getElementById('syncLogErrors').textContent =
+    stats.byLevel?.error || 0;
+  document.getElementById('syncLogWarnings').textContent =
+    stats.byLevel?.warning || 0;
+  document.getElementById('syncLogSuccesses').textContent =
+    stats.byLevel?.success || 0;
+  document.getElementById('syncLogSessions').textContent =
+    stats.sessionCount || 0;
 }
 function populateSessionFilter(sessions) {
   const select = document.getElementById('syncLogSessionFilter');
   if (!select) return;
   // Keep first option
   select.innerHTML = '<option value="">全部会话</option>';
   // Add sessions (most recent first)
-  sessions.slice(0, 20).forEach(session => {
+  sessions.slice(0, 20).forEach((session) => {
     const option = document.createElement('option');
     option.value = session.sessionId;
     const date = new Date(session.startTime);
-    const dateStr = date.toLocaleDateString('zh-CN', { month: 'short', day: 'numeric' });
-    const timeStr = date.toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' });
-    option.textContent = `${dateStr} ${timeStr} (${session.logCount}条${session.hasErrors ? ', 有错误' : ''})`;
+    const dateStr = date.toLocaleDateString('zh-CN', {
+      month: 'short',
+      day: 'numeric',
+    });
+    const timeStr = date.toLocaleTimeString('zh-CN', {
+      hour: '2-digit',
+      minute: '2-digit',
+    });
+    option.textContent = `${dateStr} ${timeStr} (${session.logCount}条${
+      session.hasErrors ? ', 有错误' : ''
+    })`;
     select.appendChild(option);
   });
 }
@@ -2681,49 +2960,54 @@ function handleSyncLogFilterChange() {
 async function loadSyncLogs() {
   const container = document.getElementById('syncLogList');
   if (!container) return;
   try {
     const query = {
       ...syncLogCurrentFilters,
       limit: syncLogPageSize * syncLogCurrentPage, // We'll slice later
     };
     // Remove empty filters
-    Object.keys(query).forEach(key => {
+    Object.keys(query).forEach((key) => {
       if (!query[key]) delete query[key];
     });
     const allLogs = await querySyncLogs(query);
     // Calculate pagination
     const startIndex = (syncLogCurrentPage - 1) * syncLogPageSize;
     const logs = allLogs.slice(startIndex, startIndex + syncLogPageSize);
     syncLogTotalEntries = allLogs.length;
     if (logs.length === 0) {
-      container.innerHTML = '<div class="empty-state" style="padding: 40px;">没有找到匹配的日志</div>';
+      container.innerHTML =
+        '<div class="empty-state" style="padding: 40px;">没有找到匹配的日志</div>';
       updatePagination();
       return;
     }
     // 使用 createConsoleEntry 渲染日志（复用控制台日志组件）
     container.innerHTML = '';
-    logs.forEach(log => {
+    logs.forEach((log) => {
       const isExpanded = syncLogExpandedIds.has(log.id);
-      const entry = createConsoleEntry(log, isExpanded, (id, expanded) => {
-        if (expanded) {
-          syncLogExpandedIds.add(id);
-        } else {
-          syncLogExpandedIds.delete(id);
+      const entry = createConsoleEntry(
+        log,
+        isExpanded,
+        (id, expanded) => {
+          if (expanded) {
+            syncLogExpandedIds.add(id);
+          } else {
+            syncLogExpandedIds.delete(id);
+          }
+        },
+        {
+          showDate: true, // 同步日志显示日期
+          showLevelLabel: true, // 同步日志显示中文级别标签
         }
-      }, {
-        showDate: true,      // 同步日志显示日期
-        showLevelLabel: true // 同步日志显示中文级别标签
-      });
+      );
       container.appendChild(entry);
     });
     updatePagination();
   } catch (error) {
     console.error('Failed to load sync logs:', error);
     container.innerHTML = `<div class="empty-state" style="padding: 40px;">加载日志失败: ${error.message}</div>`;
@@ -2732,13 +3016,14 @@ async function loadSyncLogs() {
 function updatePagination() {
   const totalPages = Math.ceil(syncLogTotalEntries / syncLogPageSize) || 1;
-  document.getElementById('syncLogPageInfo').textContent =
-    `第 ${syncLogCurrentPage} / ${totalPages} 页 (共 ${syncLogTotalEntries} 条)`;
+  document.getElementById(
+    'syncLogPageInfo'
+  ).textContent = `第 ${syncLogCurrentPage} / ${totalPages} 页 (共 ${syncLogTotalEntries} 条)`;
   const prevBtn = document.getElementById('syncLogPrevPage');
   const nextBtn = document.getElementById('syncLogNextPage');
   if (prevBtn) prevBtn.disabled = syncLogCurrentPage <= 1;
   if (nextBtn) nextBtn.disabled = syncLogCurrentPage >= totalPages;
 }
@@ -2746,7 +3031,7 @@ function updatePagination() {
 async function handleExportSyncLogs() {
   try {
     const json = await exportSyncLogs(syncLogCurrentFilters);
     // Create download
     const blob = new Blob([json], { type: 'application/json' });
     const url = URL.createObjectURL(blob);
@@ -2757,9 +3042,8 @@ async function handleExportSyncLogs() {
     a.click();
     document.body.removeChild(a);
     URL.revokeObjectURL(url);
     debugLog('success', '日志导出成功');
   } catch (error) {
     console.error('Failed to export logs:', error);
     debugLog('error', `日志导出失败: ${error.message}`);
@@ -2770,12 +3054,11 @@ async function handleClearSyncLogs() {
   if (!confirm('确定要清空所有同步日志吗？此操作不可恢复。')) {
     return;
   }
   try {
     await clearSyncLogs();
     debugLog('success', '日志已清空');
     await refreshSyncLogs();
   } catch (error) {
     console.error('Failed to clear logs:', error);
     debugLog('error', `清空日志失败: ${error.message}`);