feat(ui): add clear-all button to history panel with red background

Author: Cunninger

worker.js

@@ -873,6 +873,19 @@ function getHTML() {
     '      cursor: pointer;',
     '      z-index: 1001;',
     '    }',
+    
+    '    .clear-all-btn {',
+    '      position: fixed;',
+    '      left: 300px;',
+    '      top: 20px;',
+    '      background: red;',
+    '      color: white;',
+    '      border: none;',
+    '      padding: 10px 15px;',
+    '      border-radius: 5px;',
+    '      cursor: pointer;',
+    '      z-index: 1001;',
+    '    }',
 
     '    /* 添加复制按钮样式 */',
     '    .result-header {',
@@ -1342,7 +1355,10 @@ function getHTML() {
     '</div>',
     '<button class="history-toggle" id="historyToggle">📋 识别历史</button>',
     '<div class="history-sidebar" id="historySidebar">',
+    '<div class="history-header">',
     '<h2>识别历史</h2>',
+    '<button class="clear-all-btn" id="clearAllHistory">清空全部</button>',
+    '</div>',
     '<div id="historyList"></div>',
     '</div>',
     '<div class="footer-content">',
@@ -1473,6 +1489,7 @@ function getHTML() {
     '    const tokenList = document.getElementById(\'tokenList\');',
     '    const historySidebar = document.getElementById(\'historySidebar\');',
     '    const historyToggle = document.getElementById(\'historyToggle\');',
+    '    const clearAllHistoryBtn = document.getElementById(\'clearAllHistory\');',
 
     '    let currentToken = \'\';',
     '    let tokens = [];',
@@ -1878,6 +1895,14 @@ function getHTML() {
     '      }',
     '    }',
 
+    '    // 清空所有历史记录',
+    '    clearAllHistoryBtn.addEventListener(\'click\', () => {',
+    '      if (confirm(\'确定要清空所有历史记录吗？\')) {',
+    '        localStorage.removeItem(historyManager.getHistoryKey(currentToken));',
+    '        historyManager.displayHistory(currentToken);',
+    '      }',
+    '    });',
+
     '    // URL输入相关功能',
     '    const urlInput = document.getElementById(\'urlInput\');',
     '    const toggleUrl = document.getElementById(\'toggleUrl\');',