npm - aitu-app - Versions diffs - 0.5.14 - Mend

aitu-app 0.5.14

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 (237) hide show

package/.DS_Store +0 -0
package/README.md +47 -0
package/_headers +84 -0
package/_redirects +2 -0
package/assets/ChatMessagesArea-CkUX81uB.js +251 -0
package/assets/ChatMessagesArea-Di0Z80Zh.css +1 -0
package/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2 +0 -0
package/assets/KaTeX_AMS-Regular-DMm9YOAa.woff +0 -0
package/assets/KaTeX_AMS-Regular-DRggAlZN.ttf +0 -0
package/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf +0 -0
package/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff +0 -0
package/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2 +0 -0
package/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff +0 -0
package/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2 +0 -0
package/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf +0 -0
package/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf +0 -0
package/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff +0 -0
package/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2 +0 -0
package/assets/KaTeX_Fraktur-Regular-CB_wures.ttf +0 -0
package/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2 +0 -0
package/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff +0 -0
package/assets/KaTeX_Main-Bold-Cx986IdX.woff2 +0 -0
package/assets/KaTeX_Main-Bold-Jm3AIy58.woff +0 -0
package/assets/KaTeX_Main-Bold-waoOVXN0.ttf +0 -0
package/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2 +0 -0
package/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf +0 -0
package/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff +0 -0
package/assets/KaTeX_Main-Italic-3WenGoN9.ttf +0 -0
package/assets/KaTeX_Main-Italic-BMLOBm91.woff +0 -0
package/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2 +0 -0
package/assets/KaTeX_Main-Regular-B22Nviop.woff2 +0 -0
package/assets/KaTeX_Main-Regular-Dr94JaBh.woff +0 -0
package/assets/KaTeX_Main-Regular-ypZvNtVU.ttf +0 -0
package/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf +0 -0
package/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2 +0 -0
package/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff +0 -0
package/assets/KaTeX_Math-Italic-DA0__PXp.woff +0 -0
package/assets/KaTeX_Math-Italic-flOr_0UB.ttf +0 -0
package/assets/KaTeX_Math-Italic-t53AETM-.woff2 +0 -0
package/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf +0 -0
package/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2 +0 -0
package/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff +0 -0
package/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2 +0 -0
package/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff +0 -0
package/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf +0 -0
package/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf +0 -0
package/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff +0 -0
package/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2 +0 -0
package/assets/KaTeX_Script-Regular-C5JkGWo-.ttf +0 -0
package/assets/KaTeX_Script-Regular-D3wIWfF6.woff2 +0 -0
package/assets/KaTeX_Script-Regular-D5yQViql.woff +0 -0
package/assets/KaTeX_Size1-Regular-C195tn64.woff +0 -0
package/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf +0 -0
package/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2 +0 -0
package/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf +0 -0
package/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2 +0 -0
package/assets/KaTeX_Size2-Regular-oD1tc_U0.woff +0 -0
package/assets/KaTeX_Size3-Regular-CTq5MqoE.woff +0 -0
package/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf +0 -0
package/assets/KaTeX_Size4-Regular-BF-4gkZK.woff +0 -0
package/assets/KaTeX_Size4-Regular-DWFBv043.ttf +0 -0
package/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2 +0 -0
package/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff +0 -0
package/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2 +0 -0
package/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf +0 -0
package/assets/Tableau10-B-NsZVaP.js +1 -0
package/assets/Tableau10-Dnlau_Wv.js +1 -0
package/assets/ToolboxDrawer-By1XMh8B.js +87 -0
package/assets/ToolboxDrawer-fPqvDLQE.css +1 -0
package/assets/__vite-browser-external-BIHI7g3E.js +1 -0
package/assets/ai-analyze-Db-iXol6.js +1 -0
package/assets/arc-BZXVqUcI.js +1 -0
package/assets/arc-ajYHRRnk.js +1 -0
package/assets/array-B5oSNiGi.js +1 -0
package/assets/array-BKyUJesY.js +1 -0
package/assets/batch-image-generation-Baqb01Lm.js +6 -0
package/assets/batch-image-generation-CbLMWmjk.css +1 -0
package/assets/blockDiagram-38ab4fdb-BT3H_WVv.js +118 -0
package/assets/blockDiagram-38ab4fdb-u0xYP3Lt.js +118 -0
package/assets/c4Diagram-3d4e48cf-CBvM6zjM.js +10 -0
package/assets/c4Diagram-3d4e48cf-WOIEVidH.js +10 -0
package/assets/channel-BP25wTsw.js +1 -0
package/assets/channel-HzrLNFUg.js +1 -0
package/assets/classDiagram-70f12bd4-BMutcvFi.js +2 -0
package/assets/classDiagram-70f12bd4-Cl9U1r5F.js +2 -0
package/assets/classDiagram-v2-f2320105-C0agtbR4.js +2 -0
package/assets/classDiagram-v2-f2320105-tCBzATK6.js +2 -0
package/assets/clone-B69pF7Y_.js +1 -0
package/assets/clone-oX7o-l4R.js +1 -0
package/assets/createText-2e5e7dd3-CZ9_fscE.js +5 -0
package/assets/createText-2e5e7dd3-idrqgJjU.js +7 -0
package/assets/edges-e0da2a9e-C-RyePMV.js +4 -0
package/assets/edges-e0da2a9e-DJXAjJSL.js +4 -0
package/assets/erDiagram-9861fffd-DWJR_3zL.js +51 -0
package/assets/erDiagram-9861fffd-x2Kcy95-.js +51 -0
package/assets/flowDb-956e92f1-BgKjOIdz.js +10 -0
package/assets/flowDb-956e92f1-CF6y18Tn.js +10 -0
package/assets/flowDiagram-66a62f08-BPPw0wPU.js +4 -0
package/assets/flowDiagram-66a62f08-CSAllSFf.js +4 -0
package/assets/flowDiagram-v2-96b9c2cf-B-UGyXRi.js +1 -0
package/assets/flowDiagram-v2-96b9c2cf-Cm596kxZ.js +1 -0
package/assets/flowchart-elk-definition-4a651766-9XSRJbsr.js +139 -0
package/assets/flowchart-elk-definition-4a651766-DWFN9DN3.js +139 -0
package/assets/ganttDiagram-c361ad54-D9tbz9tQ.js +257 -0
package/assets/ganttDiagram-c361ad54-ot5pUYpT.js +257 -0
package/assets/gitGraphDiagram-72cf32ee-BFV3Mt8C.js +70 -0
package/assets/gitGraphDiagram-72cf32ee-C6qFzgGh.js +70 -0
package/assets/graph-BxwlF7JS.js +1 -0
package/assets/graph-D-2Ldvxg.js +1 -0
package/assets/grid-image-cM9AmYC8.js +1 -0
package/assets/has-CgdIPiQG.js +1 -0
package/assets/hasIn-4iY02rGN.js +1 -0
package/assets/index-3862675e-CVZnpwDN.js +1 -0
package/assets/index-3862675e-DqdI9cab.js +1 -0
package/assets/index-B2dvADz8.css +1 -0
package/assets/index-BicRPzXC.js +1 -0
package/assets/index-Bs7-jmv6.css +1 -0
package/assets/index-BwSGXyRr.js +99 -0
package/assets/index-C1XdOOAn.css +1 -0
package/assets/index-C4AKKbpQ.css +1 -0
package/assets/index-CkpXFt8n.js +1 -0
package/assets/index-CrxF9gFe.js +42 -0
package/assets/index-DBWqXBIQ.js +93 -0
package/assets/index-DI_5V2-m.js +3 -0
package/assets/index-DWUAFoZG.js +2064 -0
package/assets/index-Dn0YtZ2R.js +3 -0
package/assets/index-e05Rs4M6.js +12 -0
package/assets/index.dom-C3-224fz.js +1 -0
package/assets/infoDiagram-f8f76790-CnrpwoOt.js +7 -0
package/assets/infoDiagram-f8f76790-FKC1Sy9Y.js +7 -0
package/assets/init-A0kIFD9x.js +1 -0
package/assets/init-Gi6I4Gst.js +1 -0
package/assets/inspiration-board-B_-BBBHt.js +1 -0
package/assets/isEmpty-Dj2GV0v-.js +1 -0
package/assets/journeyDiagram-49397b02-B7fP21sU.js +139 -0
package/assets/journeyDiagram-49397b02-Dp3X9XWq.js +139 -0
package/assets/katex-BbEIqZs1.js +261 -0
package/assets/katex-Cu_Erd72.js +261 -0
package/assets/layout-BD3yCK_X.js +1 -0
package/assets/layout-DHHYqX7p.js +1 -0
package/assets/line-B3bNrkzn.js +1 -0
package/assets/line-B86HLuqu.js +1 -0
package/assets/linear-DU2Ciymb.js +1 -0
package/assets/linear-wCAlMhOS.js +1 -0
package/assets/mermaid.core-DfVvnpgz.js +91 -0
package/assets/mindmap-definition-fc14e90a-D1sxE3xG.js +425 -0
package/assets/mindmap-definition-fc14e90a-YuSOJC7P.js +425 -0
package/assets/ordinal-BRr1uYdk.js +1 -0
package/assets/ordinal-Cboi1Yqb.js +1 -0
package/assets/path-CY0bYimO.js +1 -0
package/assets/path-CbwjOpE9.js +1 -0
package/assets/photo-wall-splitter-BVU2e0aS.js +1 -0
package/assets/pick-Cvlwra4g.js +1 -0
package/assets/pieDiagram-8a3498a8-B6mJUqro.js +35 -0
package/assets/pieDiagram-8a3498a8-B91bWgo_.js +35 -0
package/assets/quadrantDiagram-120e2f19-BxS8fQEz.js +7 -0
package/assets/quadrantDiagram-120e2f19-DwudONqx.js +7 -0
package/assets/requirementDiagram-deff3bca-DygaMIoy.js +52 -0
package/assets/requirementDiagram-deff3bca-v9xlgfS8.js +52 -0
package/assets/sankeyDiagram-04a897e0-BV23dp4l.js +8 -0
package/assets/sankeyDiagram-04a897e0-BXCiXiyw.js +8 -0
package/assets/sequenceDiagram-704730f1-CObRpNi4.js +122 -0
package/assets/sequenceDiagram-704730f1-Ck69A6wI.js +122 -0
package/assets/settings-dialog-BlCO49C4.js +1 -0
package/assets/settings-dialog-QUxXj54T.css +1 -0
package/assets/stateDiagram-587899a1-J_G6I0oo.js +1 -0
package/assets/stateDiagram-587899a1-z-tKclr3.js +1 -0
package/assets/stateDiagram-v2-d93cdb3a-DsThtOzP.js +1 -0
package/assets/stateDiagram-v2-d93cdb3a-XIvq5t8a.js +1 -0
package/assets/styles-6aaf32cf-1fjuNMUk.js +207 -0
package/assets/styles-6aaf32cf-DT2rVNfQ.js +207 -0
package/assets/styles-9a916d00-fLeUSina.js +160 -0
package/assets/styles-9a916d00-q64Umkis.js +160 -0
package/assets/styles-c10674c1-BWlxVc3Q.js +116 -0
package/assets/styles-c10674c1-CtYpjMYU.js +116 -0
package/assets/svgDrawCommon-08f97a94-C_DhKfny.js +1 -0
package/assets/svgDrawCommon-08f97a94-DSBqmUv2.js +1 -0
package/assets/timeline-definition-85554ec2-AKpzwLPN.js +61 -0
package/assets/timeline-definition-85554ec2-dTkYwoLF.js +61 -0
package/assets/ttd-dialog-CxiaIUuJ.js +47 -0
package/assets/ttd-dialog-DCapefb6.css +1 -0
package/assets/upload-4sxUU7q_.js +1 -0
package/assets/video-recovery-service-BckHbSyK.js +1 -0
package/assets/web-vitals-DcvjKPr-.js +1 -0
package/assets/winbox.bundle.min-CoRPjCs5.js +1 -0
package/assets/xlsx-CkFp8p6R.js +105 -0
package/assets/xychartDiagram-e933f94c-DCmvL0ag.js +7 -0
package/assets/xychartDiagram-e933f94c-aqOiXp_u.js +7 -0
package/batch-image.html +1616 -0
package/favicon.ico +0 -0
package/icons/README.md +55 -0
package/icons/aitu10.png +0 -0
package/icons/android-chrome-192x192.png +0 -0
package/icons/android-chrome-512x512.png +0 -0
package/icons/apple-touch-icon.png +0 -0
package/icons/favicon-16x16.png +0 -0
package/icons/favicon-16x16.svg +539 -0
package/icons/favicon-32x32.png +0 -0
package/icons/favicon-32x32.svg +539 -0
package/icons/favicon-new.svg +539 -0
package/icons/favicon-new.svg.png +0 -0
package/icons/icon-192x192.svg +539 -0
package/icons/icon-512x512.svg +539 -0
package/icons/icon-96x96.png +0 -0
package/icons/icon-96x96.svg +539 -0
package/iframe-test.html +340 -0
package/index.html +105 -0
package/init.json +6 -0
package/logo/cardid.jpg +0 -0
package/logo/group-qr.png +0 -0
package/logo/logo_drawnix_h.svg +539 -0
package/logo/logo_drawnix_h_dark.svg +539 -0
package/logo/logo_drawnix_new.svg +539 -0
package/manifest.json +52 -0
package/package.json +31 -0
package/product_showcase/aitu-01.png +0 -0
package/product_showcase/aitu-02.png +0 -0
package/product_showcase/aitu-03.png +0 -0
package/product_showcase/aitu-04.png +0 -0
package/product_showcase/aitu-05.png +0 -0
package/product_showcase/aitu-06.png +0 -0
package/product_showcase/case-1.png +0 -0
package/product_showcase/case-2.png +0 -0
package/robots.txt +13 -0
package/sitemap.xml +29 -0
package/sw-debug/app.js +3069 -0
package/sw-debug/console-entry.js +80 -0
package/sw-debug/log-entry.js +452 -0
package/sw-debug/log-panel.js +309 -0
package/sw-debug/postmessage-entry.js +117 -0
package/sw-debug/status-panel.js +125 -0
package/sw-debug/styles.css +2103 -0
package/sw-debug/sw-communication.js +208 -0
package/sw-debug/utils.js +112 -0
package/sw-debug.html +685 -0
package/sw.js +58 -0
package/version.json +10 -0

package/sw-debug.html ADDED Viewed

@@ -0,0 +1,685 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Service Worker 调试面板</title>
+  <link rel="stylesheet" href="./sw-debug/styles.css">
+</head>
+<body>
+  <header>
+    <h1>
+      <span class="icon">⚙️</span>
+      Service Worker 调试面板
+      <span id="swStatus" class="status-indicator inactive">
+        <span class="dot"></span>
+        <span class="text">未连接</span>
+      </span>
+    </h1>
+    <div class="header-actions">
+      <button id="toggleTheme" class="icon-btn" title="切换深色/浅色主题">
+        <svg id="themeIcon" class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
+        </svg>
+      </button>
+      <button id="toggleDebug" class="danger">
+        <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/>
+        </svg>
+        停止调试
+      </button>
+      <button id="exportLogs" class="success">
+        <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"/>
+        </svg>
+        导出日志
+      </button>
+      <!-- 设置弹窗 -->
+      <div class="export-modal-overlay" id="settingsModalOverlay" style="display: none;">
+        <div class="export-modal" style="max-width: 450px;">
+          <div class="export-modal-header">
+            <h3>⚙️ 日志设置</h3>
+            <button class="close-btn" id="closeSettingsModal">&times;</button>
+          </div>
+          <div class="export-modal-content" style="padding: 16px;">
+            <div class="setting-group">
+              <label class="setting-label">日志最大保留条数</label>
+              <select id="settingMaxLogs" style="width: 100%; padding: 8px; border-radius: 4px; border: 1px solid var(--border-color);">
+                <option value="200">200 条</option>
+                <option value="500" selected>500 条（默认）</option>
+                <option value="1000">1000 条</option>
+                <option value="2000">2000 条</option>
+              </select>
+            </div>
+            <div class="setting-group" style="margin-top: 16px;">
+              <label class="setting-label">自动清理超过指定时间的日志</label>
+              <select id="settingAutoClean" style="width: 100%; padding: 8px; border-radius: 4px; border: 1px solid var(--border-color);">
+                <option value="0" selected>不自动清理</option>
+                <option value="30">30 分钟前</option>
+                <option value="60">1 小时前</option>
+                <option value="120">2 小时前</option>
+              </select>
+            </div>
+            <div class="setting-group" style="margin-top: 16px;">
+              <label style="display: flex; align-items: center; cursor: pointer;">
+                <input type="checkbox" id="settingKeepBookmarks" checked style="margin-right: 8px;">
+                自动清理时保留收藏的日志
+              </label>
+            </div>
+            <div style="margin-top: 20px; text-align: right;">
+              <button id="saveSettings" class="primary" style="padding: 8px 24px;">保存</button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 快捷键帮助弹窗 -->
+      <div class="export-modal-overlay" id="shortcutsModalOverlay" style="display: none;">
+        <div class="export-modal" style="max-width: 400px;">
+          <div class="export-modal-header">
+            <h3>⌨️ 键盘快捷键</h3>
+            <button class="close-btn" id="closeShortcutsModal">&times;</button>
+          </div>
+          <div class="export-modal-content" style="padding: 16px;">
+            <table style="width: 100%; border-collapse: collapse; font-size: 13px;">
+              <tr><td style="padding: 8px 0; width: 140px;"><kbd style="background:#e0e0e0;padding:2px 6px;border-radius:3px;">1</kbd> - <kbd style="background:#e0e0e0;padding:2px 6px;border-radius:3px;">5</kbd></td><td>切换 Tab</td></tr>
+              <tr><td style="padding: 8px 0;"><kbd style="background:#e0e0e0;padding:2px 6px;border-radius:3px;">Space</kbd></td><td>暂停/恢复实时日志</td></tr>
+              <tr><td style="padding: 8px 0;"><kbd style="background:#e0e0e0;padding:2px 6px;border-radius:3px;">Ctrl</kbd>+<kbd style="background:#e0e0e0;padding:2px 6px;border-radius:3px;">L</kbd></td><td>清空当前 Tab 日志</td></tr>
+              <tr><td style="padding: 8px 0;"><kbd style="background:#e0e0e0;padding:2px 6px;border-radius:3px;">Esc</kbd></td><td>关闭弹窗</td></tr>
+              <tr><td style="padding: 8px 0;"><kbd style="background:#e0e0e0;padding:2px 6px;border-radius:3px;">?</kbd></td><td>显示此帮助</td></tr>
+            </table>
+          </div>
+        </div>
+      </div>
+      <!-- 导出日志弹窗 -->
+      <div class="export-modal-overlay" id="exportModalOverlay">
+        <div class="export-modal">
+          <div class="export-modal-header">
+            <h3>📥 导出日志</h3>
+            <button class="export-modal-close" id="closeExportModal">&times;</button>
+          </div>
+          <div class="export-modal-body">
+            <!-- 全选 -->
+            <label class="export-checkbox export-select-all">
+              <input type="checkbox" id="selectAllExport">
+              <span>全选</span>
+            </label>
+            <!-- 基本信息 -->
+            <div class="export-section">
+              <label class="export-checkbox export-section-header">
+                <input type="checkbox" data-section="basic" checked>
+                <span>基本信息</span>
+              </label>
+              <div class="export-section-items">
+                <label class="export-checkbox">
+                  <input type="checkbox" name="basic" value="swStatus" checked>
+                  <span>SW 状态</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="basic" value="memory" checked>
+                  <span>内存信息</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="basic" value="cache" checked>
+                  <span>缓存信息</span>
+                </label>
+              </div>
+            </div>
+            <!-- Fetch 请求日志 -->
+            <div class="export-section">
+              <label class="export-checkbox export-section-header">
+                <input type="checkbox" data-section="fetch">
+                <span>Fetch 请求日志</span>
+              </label>
+              <div class="export-section-items">
+                <label class="export-checkbox">
+                  <input type="checkbox" name="fetch" value="sw-internal">
+                  <span>SW 内部 API</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="fetch" value="xhr">
+                  <span>XHR/API</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="fetch" value="image">
+                  <span>图片</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="fetch" value="video">
+                  <span>视频</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="fetch" value="font">
+                  <span>字体</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="fetch" value="static">
+                  <span>静态资源</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="fetch" value="cache-url">
+                  <span>缓存 URL</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="fetch" value="asset-library">
+                  <span>素材库</span>
+                </label>
+              </div>
+            </div>
+            <!-- 控制台日志 -->
+            <div class="export-section">
+              <label class="export-checkbox export-section-header">
+                <input type="checkbox" data-section="console">
+                <span>控制台日志</span>
+              </label>
+              <div class="export-section-items">
+                <label class="export-checkbox">
+                  <input type="checkbox" name="console" value="error">
+                  <span>Error</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="console" value="warn">
+                  <span>Warn</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="console" value="info">
+                  <span>Info</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="console" value="log">
+                  <span>Log</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="console" value="debug">
+                  <span>Debug</span>
+                </label>
+              </div>
+            </div>
+            <!-- PostMessage 日志 -->
+            <div class="export-section">
+              <label class="export-checkbox export-section-header">
+                <input type="checkbox" data-section="postmessage">
+                <span>PostMessage 日志</span>
+              </label>
+              <div class="export-section-items">
+                <label class="export-checkbox">
+                  <input type="checkbox" name="postmessage" value="send">
+                  <span>发送 → SW</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="postmessage" value="receive">
+                  <span>接收 ← SW</span>
+                </label>
+              </div>
+            </div>
+            <!-- LLM API 日志 -->
+            <div class="export-section">
+              <label class="export-checkbox export-section-header">
+                <input type="checkbox" data-section="llmapi" checked>
+                <span>LLM API 日志</span>
+              </label>
+              <div class="export-section-items">
+                <label class="export-checkbox">
+                  <input type="checkbox" name="llmapi" value="image" checked>
+                  <span>图片生成</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="llmapi" value="video" checked>
+                  <span>视频生成</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="llmapi" value="chat" checked>
+                  <span>对话</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="llmapi" value="character" checked>
+                  <span>角色</span>
+                </label>
+              </div>
+            </div>
+            <!-- 内存日志 -->
+            <div class="export-section">
+              <label class="export-checkbox export-section-header">
+                <input type="checkbox" data-section="memory">
+                <span>内存日志</span>
+              </label>
+              <div class="export-section-items">
+                <label class="export-checkbox">
+                  <input type="checkbox" name="memory" value="startup">
+                  <span>启动快照</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="memory" value="periodic">
+                  <span>定期快照</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="memory" value="error">
+                  <span>错误</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="memory" value="freeze">
+                  <span>卡死</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="memory" value="whitescreen">
+                  <span>白屏</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="memory" value="longtask">
+                  <span>长任务</span>
+                </label>
+                <label class="export-checkbox">
+                  <input type="checkbox" name="memory" value="beforeunload">
+                  <span>页面关闭</span>
+                </label>
+              </div>
+            </div>
+          </div>
+          <div class="export-modal-footer">
+            <button id="cancelExport" class="secondary">取消</button>
+            <button id="doExport" class="primary">确认导出</button>
+          </div>
+        </div>
+      </div>
+      <button id="clearLogs" class="danger">
+        <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>
+        </svg>
+        清空日志
+      </button>
+      <button id="refreshStatus">
+        <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <polyline points="23 4 23 10 17 10"/><polyline points="1 20 1 14 7 14"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/>
+        </svg>
+        刷新状态
+      </button>
+    </div>
+  </header>
+  <div class="container">
+    <div class="panels">
+      <!-- Left Panel: Status & Cache -->
+      <div class="left-panel">
+        <div class="panel">
+          <div class="panel-header">
+            SW 状态信息
+          </div>
+          <div class="panel-content">
+            <div class="stat-grid" id="statusGrid">
+              <div class="stat-item">
+                <span class="label">版本</span>
+                <span class="value" id="swVersion">-</span>
+              </div>
+              <div class="stat-item">
+                <span class="label">调试模式</span>
+                <span class="value" id="debugMode">关闭</span>
+              </div>
+              <div class="stat-item">
+                <span class="label">Pending 图片请求</span>
+                <span class="value" id="pendingImages">0</span>
+              </div>
+              <div class="stat-item">
+                <span class="label">Pending 视频请求</span>
+                <span class="value" id="pendingVideos">0</span>
+              </div>
+              <div class="stat-item">
+                <span class="label">视频 Blob 缓存</span>
+                <span class="value" id="videoBlobCache">0</span>
+              </div>
+              <div class="stat-item">
+                <span class="label">已完成请求缓存</span>
+                <span class="value" id="completedRequests">0</span>
+              </div>
+              <div class="stat-item">
+                <span class="label">工作流处理器</span>
+                <span class="value" id="workflowHandler">未初始化</span>
+              </div>
+              <div class="stat-item">
+                <span class="label">调试日志数</span>
+                <span class="value" id="debugLogsCount">0</span>
+              </div>
+            </div>
+            <div id="failedDomainsSection" style="margin-top: 16px; display: none;">
+              <div class="stat-item" style="flex-direction: column; align-items: flex-start;">
+                <span class="label">失败域名</span>
+                <div class="failed-domains" id="failedDomains"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="panel">
+          <div class="panel-header">
+            内存监控
+            <span id="memoryUpdateTime" style="font-size: 11px; opacity: 0.6; margin-left: 10px;"></span>
+          </div>
+          <div class="panel-content">
+            <div class="stat-grid" id="memoryGrid">
+              <div class="stat-item">
+                <span class="label">JS 堆已使用</span>
+                <span class="value" id="memoryUsed">-</span>
+              </div>
+              <div class="stat-item">
+                <span class="label">JS 堆总大小</span>
+                <span class="value" id="memoryTotal">-</span>
+              </div>
+              <div class="stat-item">
+                <span class="label">JS 堆上限</span>
+                <span class="value" id="memoryLimit">-</span>
+              </div>
+              <div class="stat-item">
+                <span class="label">使用率</span>
+                <span class="value" id="memoryPercent">-</span>
+              </div>
+            </div>
+            <p id="memoryWarning" style="display: none; margin-top: 12px; padding: 8px; background: #fff3cd; border-radius: 4px; font-size: 12px; color: #856404;">
+              ⚠️ 内存使用率较高，可能导致页面崩溃
+            </p>
+            <p id="memoryNotSupported" style="display: none; margin-top: 8px; font-size: 11px; opacity: 0.6;">
+              注：performance.memory 仅 Chrome 支持
+            </p>
+          </div>
+        </div>
+        <div class="panel">
+          <div class="panel-header">
+            缓存统计
+            <button id="refreshCache">刷新</button>
+          </div>
+          <div class="panel-content">
+            <ul class="cache-list" id="cacheList">
+              <li class="cache-item">
+                <span class="name">加载中...</span>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- Right Panel: Logs -->
+      <div class="panel logs-panel">
+        <div class="tabs">
+          <div class="tab active" data-tab="fetch">Fetch 请求日志 <span id="fetchCount" style="opacity:0.6"></span></div>
+          <div class="tab" data-tab="console">控制台日志 <span id="consoleCount" style="opacity:0.6">(0)</span><span id="consoleErrorDot" class="error-dot" style="display:none"></span></div>
+          <div class="tab" data-tab="postmessage">PostMessage日志 <span id="postmessageCount" style="opacity:0.6">(0)</span></div>
+          <div class="tab" data-tab="llmapi">LLM API <span id="llmapiErrorDot" class="error-dot" style="display:none"></span></div>
+          <div class="tab" data-tab="crash">内存日志 <span id="crashCount" style="opacity:0.6">(0)</span><span id="crashErrorDot" class="error-dot" style="display:none"></span></div>
+        </div>
+        <!-- Fetch Logs Tab -->
+        <div class="tab-content active" id="fetchTab">
+          <div class="stats-bar" id="fetchStatsBar">
+            <div class="stat"><span>总请求:</span> <span class="stat-value" id="statTotalRequests">0</span></div>
+            <div class="stat"><span>成功率:</span> <span class="stat-value" id="statSuccessRate">-</span></div>
+            <div class="stat"><span>平均耗时:</span> <span class="stat-value" id="statAvgDuration">-</span></div>
+            <div class="stat"><span>缓存命中:</span> <span class="stat-value" id="statCacheHit">-</span></div>
+            <div class="stat stat-clickable" id="statSlowRequestsWrapper" title="点击过滤慢请求 (>1s)"><span>慢请求:</span> <span class="stat-value" id="statSlowRequests">0</span></div>
+            <div class="stat stat-chart" title="耗时分布: <100ms | 100-500ms | 500ms-1s | >1s">
+              <span>分布:</span>
+              <div class="duration-chart" id="durationChart">
+                <div class="chart-bar fast" id="chartFast" style="width: 0%"></div>
+                <div class="chart-bar medium" id="chartMedium" style="width: 0%"></div>
+                <div class="chart-bar slow" id="chartSlow" style="width: 0%"></div>
+                <div class="chart-bar very-slow" id="chartVerySlow" style="width: 0%"></div>
+              </div>
+            </div>
+          </div>
+          <div class="logs-toolbar">
+            <select id="filterType">
+              <option value="">全部类型</option>
+              <option value="xhr">XHR/API</option>
+              <option value="sw-internal" selected>SW内部API</option>
+              <option value="image">图片</option>
+              <option value="video">视频</option>
+              <option value="font">字体</option>
+              <option value="static">静态资源</option>
+              <option value="navigation">导航</option>
+              <option value="cache-url">缓存URL</option>
+              <option value="asset-library">素材库</option>
+              <option value="passthrough">放行</option>
+            </select>
+            <select id="filterStatus">
+              <option value="">全部状态</option>
+              <option value="error">❌ 失败请求</option>
+              <option value="200">200 OK</option>
+              <option value="206">206 Partial</option>
+              <option value="304">304 Not Modified</option>
+              <option value="404">404 Not Found</option>
+              <option value="500">5xx Error</option>
+              <option value="slow">慢请求 (>1s)</option>
+            </select>
+            <select id="filterTimeRange">
+              <option value="">全部时间</option>
+              <option value="5">最近 5 分钟</option>
+              <option value="15">最近 15 分钟</option>
+              <option value="30">最近 30 分钟</option>
+              <option value="60">最近 1 小时</option>
+            </select>
+            <input type="text" id="filterUrl" placeholder="搜索 URL...">
+            <label class="regex-toggle" title="启用正则表达式搜索">
+              <input type="checkbox" id="filterUrlRegex">
+              <span style="font-size: 11px; margin-left: 2px;">.*</span>
+            </label>
+            <button id="togglePause" title="暂停/恢复实时更新 (快捷键: Space)">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="5 3 19 12 5 21 5 3"/></svg>
+              实时
+            </button>
+            <button id="toggleSelectMode" title="批量选择模式">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
+              选择
+            </button>
+            <div id="batchActions" class="batch-actions" style="display: none;">
+              <button id="selectAll">全选</button>
+              <button id="batchBookmark">
+                <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
+                收藏
+              </button>
+              <button id="batchDelete" class="danger">
+                <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
+                删除
+              </button>
+              <span id="selectedCount" class="selected-count">已选 0 条</span>
+            </div>
+            <button id="copyFetchLogs" title="复制日志">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
+              复制
+            </button>
+            <button id="exportFetchCSV" title="导出为 CSV">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"/></svg>
+              CSV
+            </button>
+            <button id="showShortcuts" class="icon-btn" title="显示快捷键帮助">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M6 8h.01M10 8h.01M14 8h.01M18 8h.01M8 12h8M6 16h.01M18 16h.01M10 16h4"/></svg>
+            </button>
+            <button id="showSettings" class="icon-btn" title="日志设置">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
+            </button>
+            <label class="bookmark-toggle" title="只显示收藏的日志">
+              <input type="checkbox" id="showBookmarksOnly">
+              <span>⭐</span>
+            </label>
+            <label class="switch-toggle">
+              <span class="switch-label">自动滚动</span>
+              <input type="checkbox" id="autoScroll" checked>
+              <span class="switch-slider"></span>
+            </label>
+          </div>
+          <div class="logs-container" id="logsContainer">
+            <div class="empty-state">
+              <span class="icon">📋</span>
+              <p>暂无日志，请先启用调试模式</p>
+              <button id="enableDebugBtn" class="primary">启用调试</button>
+            </div>
+          </div>
+        </div>
+        <!-- Console Logs Tab -->
+        <div class="tab-content" id="consoleTab">
+          <div class="logs-toolbar">
+            <select id="filterConsoleLevel">
+              <option value="">全部级别</option>
+              <option value="error">Error</option>
+              <option value="warn">Warn</option>
+              <option value="info">Info</option>
+              <option value="log">Log</option>
+              <option value="debug">Debug</option>
+            </select>
+            <input type="text" id="filterConsoleText" placeholder="搜索日志内容...">
+            <button id="clearConsoleLogs">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
+              清空
+            </button>
+            <button id="copyConsoleLogs">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
+              复制
+            </button>
+          </div>
+          <div class="logs-container" id="consoleContainer">
+            <div id="consoleLogsContainer">
+              <div class="empty-state">
+                <span class="icon">📝</span>
+                <p>暂无控制台日志</p>
+                <p style="font-size: 12px; opacity: 0.7;">warn/error 始终捕获；开启调试后也捕获 log/info/debug（仅在调试模式启用时完整记录）</p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- PostMessage Logs Tab -->
+        <div class="tab-content" id="postmessageTab">
+          <div class="logs-toolbar">
+            <select id="filterMessageDirection">
+              <option value="">全部方向</option>
+              <option value="send">发送 → SW</option>
+              <option value="receive">接收 ← SW</option>
+            </select>
+            <select id="filterMessageTypeSelect">
+              <option value="">全部消息类型</option>
+            </select>
+            <select id="filterPmTimeRange">
+              <option value="">全部时间</option>
+              <option value="5">最近 5 分钟</option>
+              <option value="15">最近 15 分钟</option>
+              <option value="30">最近 30 分钟</option>
+            </select>
+            <input type="text" id="filterMessageType" placeholder="搜索消息类型...">
+            <button id="clearPostmessageLogs">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
+              清空
+            </button>
+            <button id="copyPostmessageLogs">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
+              复制
+            </button>
+          </div>
+          <div class="logs-container" id="postmessageContainer">
+            <div id="postmessageLogsContainer">
+              <div class="empty-state">
+                <span class="icon">📨</span>
+                <p>暂无 PostMessage 日志</p>
+                <p style="font-size: 12px; opacity: 0.7;">记录主线程与 Service Worker 之间的消息通信（仅在调试模式启用时记录）</p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- LLM API Logs Tab -->
+        <div class="tab-content" id="llmapiTab">
+          <div class="logs-toolbar">
+            <select id="filterLLMApiType">
+              <option value="">全部类型</option>
+              <option value="image">图片生成</option>
+              <option value="video">视频生成</option>
+              <option value="chat">对话</option>
+              <option value="character">角色</option>
+            </select>
+            <select id="filterLLMApiStatus">
+              <option value="">全部状态</option>
+              <option value="success">成功</option>
+              <option value="error">失败</option>
+              <option value="pending">进行中</option>
+            </select>
+            <button id="refreshLLMApiLogs">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"/><polyline points="1 20 1 14 7 14"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg>
+              刷新
+            </button>
+            <button id="copyLLMApiLogs">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
+              复制
+            </button>
+            <button id="exportLLMApiLogs" class="success">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"/></svg>
+              导出
+            </button>
+            <button id="clearLLMApiLogs">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
+              清空
+            </button>
+          </div>
+          <div class="logs-container" id="llmapiContainer">
+            <div id="llmapiLogsContainer">
+              <div class="empty-state">
+                <span class="icon">🤖</span>
+                <p>暂无 LLM API 调用记录</p>
+                <p style="font-size: 12px; opacity: 0.7;">图片/视频/对话等 AI 接口调用会自动记录</p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- Crash Logs Tab -->
+        <div class="tab-content" id="crashTab">
+          <div class="logs-toolbar">
+            <select id="filterCrashType">
+              <option value="">全部类型</option>
+              <option value="startup">启动快照</option>
+              <option value="periodic">定期快照</option>
+              <option value="error">错误</option>
+              <option value="beforeunload">页面关闭</option>
+              <option value="freeze">卡死</option>
+              <option value="whitescreen">白屏</option>
+              <option value="longtask">长任务</option>
+            </select>
+            <button id="refreshCrashLogs">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"/><polyline points="1 20 1 14 7 14"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg>
+              刷新
+            </button>
+            <button id="copyCrashLogs">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
+              复制
+            </button>
+            <button id="clearCrashLogs">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
+              清空
+            </button>
+            <button id="exportCrashLogs">
+              <svg class="icon-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"/></svg>
+              导出
+            </button>
+          </div>
+          <div class="logs-container" id="crashContainer">
+            <div id="crashLogsContainer">
+              <div class="empty-state">
+                <span class="icon">💥</span>
+                <p>暂无内存日志</p>
+                <p style="font-size: 12px; opacity: 0.7;">页面启动、内存超限、错误和关闭时的快照会自动记录</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <script type="module" src="./sw-debug/app.js"></script>
+</body>
+</html>