From 2f8af245ea8e763be5255f83863cc4477e27157a Mon Sep 17 00:00:00 2001
From: 2977094657 <2977094657@qq.com>
Date: Sat, 25 Apr 2026 23:24:44 +0800
Subject: [PATCH] =?UTF-8?q?feat(export):=20=E6=94=AF=E6=8C=81=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7=E5=BD=92=E6=A1=A3=20ZIP=20=E5=AF=BC=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增账号归档导出后端接口，支持创建、查询、取消导出任务和下载 ZIP 文件
- 支持按账号打包数据库、元信息文件和资源文件，并使用 ZIP 存储模式提升大文件归档速度
- 前端接入账号归档导出 API，支持导出目录选择、导出内容勾选、进度轮询和取消导出
- 简化全局导出弹窗，将入口聚焦为数据库与资源文件归档导出
- 开启侧边栏导出入口，并补充 README 中的导出说明
---
 README.md                                     |    4 +
 frontend/components/GlobalExportDialog.vue    | 1714 +++++------------
 frontend/components/SidebarRail.vue           |    5 +-
 frontend/composables/useApi.js                |   27 +
 src/wechat_decrypt_tool/api.py                |    2 +
 .../routers/account_archive_export.py         |  498 +++++
 6 files changed, 965 insertions(+), 1285 deletions(-)
 create mode 100644 src/wechat_decrypt_tool/routers/account_archive_export.py

diff --git a/README.md b/README.md
index c5e1b4c..770d546 100644
--- a/README.md
+++ b/README.md
@@ -176,6 +176,10 @@ npm run dist
 
 ## 使用指南
 
+### 导出
+
+侧边栏提供“导出”入口，点击下载图标可打开统一导出弹窗。当前导出界面只保留两个选项：导出数据库、导出资源文件；用户选择导出目录后会生成一个账号归档 ZIP。当两个选项都勾选时，导出会按账号目录直接归档，使用 ZIP 存储模式打包，尽量避免二次压缩带来的耗时。
+
 ### 获取解密密钥
 
 在使用本工具之前，您需要先获取微信数据库的解密密钥。推荐使用以下工具：
diff --git a/frontend/components/GlobalExportDialog.vue b/frontend/components/GlobalExportDialog.vue
index 8791bf9..082d135 100644
--- a/frontend/components/GlobalExportDialog.vue
+++ b/frontend/components/GlobalExportDialog.vue
@@ -1,18 +1,30 @@
 <template>
-  <div v-if="open" class="fixed inset-0 z-[135] flex items-center justify-center px-4 py-6">
-    <div class="absolute inset-0 bg-black/40 backdrop-blur-[2px]" @click="requestClose"></div>
+  <div v-if="open" class="fixed inset-0 z-[135] flex items-center justify-center overflow-y-auto bg-black/40 px-4 py-6">
+    <div class="absolute inset-0" @click="requestClose"></div>
 
-    <div class="relative flex max-h-[88vh] w-full max-w-[1180px] flex-col overflow-hidden rounded-[16px] border border-[#e6e6e6] bg-white shadow-2xl">
-      <div class="flex items-center gap-3 border-b border-[#efefef] px-5 py-4">
-        <div>
-          <div class="text-[16px] font-semibold text-[#222]">批量导出</div>
-          <div class="mt-1 text-[12px] text-[#7a7a7a]">
-            统一导出聊天记录、朋友圈和联系人，可按模块多选并分别设置导出粒度。
-          </div>
+    <div class="relative flex max-h-[90vh] w-full max-w-[680px] flex-col overflow-hidden rounded-lg border border-[#e5e7eb] bg-white">
+      <header class="flex items-start gap-3 border-b border-[#e5e7eb] px-5 py-4">
+        <div class="flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-[#d9f3e3] bg-[#f0fdf4] text-[#07C160]">
+          <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <path d="M12 3v11" />
+            <path d="M7.5 10.5L12 15l4.5-4.5" />
+            <path d="M4 19h16" />
+          </svg>
         </div>
+
+        <div class="min-w-0 flex-1">
+          <div class="flex flex-wrap items-center gap-2">
+            <h2 class="text-[16px] font-semibold text-[#111827]">导出账号归档</h2>
+            <span class="rounded-md border border-[#d1fae5] bg-[#f0fdf4] px-2 py-0.5 text-[11px] font-medium text-[#047857]">ZIP 归档</span>
+          </div>
+          <p class="mt-1 text-[12px] leading-5 text-[#6b7280]">
+            账号归档会直接打包已解密数据库和本地资源目录，适合备份、迁移或后续重新分析；普通导出会生成 HTML / JSON / TXT 等可阅读结果，更适合查看和分享。
+          </p>
+        </div>
+
         <button
           type="button"
-          class="ml-auto flex h-8 w-8 items-center justify-center rounded-md text-[#888] transition hover:bg-[#f4f4f4] hover:text-[#222] disabled:cursor-not-allowed disabled:opacity-50"
+          class="flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-[#6b7280] transition hover:bg-[#f3f4f6] hover:text-[#111827] disabled:cursor-not-allowed disabled:opacity-50"
           :disabled="running"
           title="关闭"
           @click="requestClose"
@@ -21,622 +33,271 @@
             <path d="M6 6l12 12M18 6L6 18" />
           </svg>
         </button>
-      </div>
+      </header>
 
-      <div class="flex-1 overflow-y-auto px-5 py-5">
-        <div class="space-y-5">
-          <div v-if="!selectedAccount" class="rounded-[12px] border border-amber-200 bg-amber-50 px-4 py-3 text-[13px] text-amber-900">
+      <main class="flex-1 overflow-y-auto px-5 py-4">
+        <div class="space-y-4">
+          <div v-if="!selectedAccount" class="rounded-md border border-[#fde68a] bg-[#fffbeb] px-3 py-2.5 text-[13px] leading-5 text-[#92400e]">
             当前未选择账号，请先导入或切换到一个已解密账号后再导出。
           </div>
 
-          <div v-if="globalError" class="rounded-[12px] border border-red-200 bg-red-50 px-4 py-3 text-[13px] text-red-700 whitespace-pre-wrap">
+          <div v-if="globalError" class="rounded-md border border-[#fecaca] bg-[#fef2f2] px-3 py-2.5 text-[13px] leading-5 text-[#b91c1c] whitespace-pre-wrap">
             {{ globalError }}
           </div>
 
-          <div v-if="globalMessage" class="rounded-[12px] border border-emerald-200 bg-emerald-50 px-4 py-3 text-[13px] text-emerald-700 whitespace-pre-wrap">
+          <div v-if="globalMessage" class="rounded-md border border-[#bbf7d0] bg-[#f0fdf4] px-3 py-2.5 text-[13px] leading-5 text-[#15803d] whitespace-pre-wrap">
             {{ globalMessage }}
           </div>
 
-          <div v-if="privacyMode" class="rounded-[12px] border border-amber-200 bg-amber-50 px-4 py-3 text-[13px] text-amber-900">
-            已开启隐私模式：聊天记录导出会隐藏会话/用户名/内容，且不会打包头像与多媒体文件。
-          </div>
-
-          <div class="rounded-[14px] border border-[#ececec] bg-[#fafafa] p-4">
-            <div class="flex flex-wrap items-start gap-4">
-              <div class="min-w-[180px] flex-1">
-                <div class="text-[13px] font-medium text-[#222]">导出目录</div>
-                <div class="mt-1 text-[12px] text-[#7a7a7a]">
-                  桌面端会直接写入目标目录；浏览器端会在任务完成后自动保存到选中的浏览器目录。
-                </div>
-                <div class="mt-3 min-h-[44px] rounded-[10px] border border-[#e4e4e4] bg-white px-3 py-2 text-[12px] leading-5 text-[#555] break-all">
-                  {{ exportFolder || '未选择' }}
-                </div>
-              </div>
-
-              <div class="flex shrink-0 flex-wrap gap-2">
-                <button
-                  type="button"
-                  class="rounded-[10px] border border-[#dcdcdc] bg-white px-3 py-2 text-[13px] text-[#333] transition hover:bg-[#f4f4f4] disabled:cursor-not-allowed disabled:opacity-50"
-                  :disabled="running"
-                  @click="chooseExportFolder"
-                >
-                  选择文件夹
-                </button>
-                <button
-                  v-if="exportFolder"
-                  type="button"
-                  class="rounded-[10px] border border-[#dcdcdc] bg-white px-3 py-2 text-[13px] text-[#333] transition hover:bg-[#f4f4f4] disabled:cursor-not-allowed disabled:opacity-50"
-                  :disabled="running"
-                  @click="clearExportFolderSelection"
-                >
-                  清空
-                </button>
-              </div>
+          <section class="rounded-lg border border-[#e5e7eb] bg-white">
+            <div class="border-b border-[#e5e7eb] px-4 py-3">
+              <div class="text-[14px] font-medium text-[#111827]">导出目录</div>
+              <div class="mt-0.5 text-[12px] text-[#6b7280]">选择 ZIP 文件的保存位置。</div>
             </div>
-          </div>
 
-          <div v-if="sourceError" class="rounded-[12px] border border-red-200 bg-red-50 px-4 py-3 text-[13px] text-red-700 whitespace-pre-wrap">
-            {{ sourceError }}
-          </div>
-
-          <div v-if="loadingSources" class="rounded-[12px] border border-[#ececec] bg-[#fafafa] px-4 py-3 text-[13px] text-[#666]">
-            正在加载导出数据源...
-          </div>
-
-          <section class="rounded-[14px] border border-[#ececec] bg-white p-4">
-            <div class="flex items-start gap-3">
-              <input v-model="moduleSelection.chat" type="checkbox" class="mt-1 h-4 w-4 rounded border-[#d0d0d0] text-[#07C160] focus:ring-[#07C160]" />
-              <div class="min-w-0 flex-1">
-                <div class="flex flex-wrap items-center gap-2">
-                  <div class="text-[15px] font-semibold text-[#222]">聊天记录</div>
-                  <div class="rounded-full bg-[#07C160]/10 px-2 py-0.5 text-[11px] text-[#07C160]">
-                    支持 JSON / TXT / HTML
-                  </div>
-                </div>
-                <div class="mt-1 text-[12px] text-[#7a7a7a]">
-                  可按全部、群聊、单聊或自定义会话导出，并支持多选消息类型。
+            <div class="px-4 py-4">
+              <div class="flex flex-col gap-2 sm:flex-row sm:items-center">
+                <div class="min-w-0 flex-1 rounded-md border border-dashed px-3 py-2.5 text-[12px] leading-5" :class="exportFolder ? 'border-[#86efac] bg-[#f0fdf4] text-[#166534]' : 'border-[#d1d5db] bg-[#f9fafb] text-[#6b7280]'">
+                  <div class="truncate" :title="exportFolder || '尚未选择导出目录'">{{ exportFolder || '尚未选择导出目录' }}</div>
                 </div>
 
-                <div class="mt-4 space-y-4" :class="moduleSelection.chat ? '' : 'pointer-events-none select-none opacity-50'">
-                  <div class="flex flex-wrap gap-4">
-                    <div>
-                      <div class="mb-2 text-[13px] font-medium text-[#333]">导出范围</div>
-                      <div class="flex flex-wrap gap-2">
-                        <button
-                          type="button"
-                          class="rounded-[999px] border px-3 py-1.5 text-[12px] transition"
-                          :class="chatScope === 'all' ? 'border-[#07C160] bg-[#07C160] text-white' : 'border-[#e1e1e1] bg-white text-[#444] hover:bg-[#f7f7f7]'"
-                          @click="setChatScope('all')"
-                        >
-                          全部 {{ chatSessionCounts.total }}
-                        </button>
-                        <button
-                          type="button"
-                          class="rounded-[999px] border px-3 py-1.5 text-[12px] transition"
-                          :class="chatScope === 'groups' ? 'border-[#07C160] bg-[#07C160] text-white' : 'border-[#e1e1e1] bg-white text-[#444] hover:bg-[#f7f7f7]'"
-                          @click="setChatScope('groups')"
-                        >
-                          群聊 {{ chatSessionCounts.groups }}
-                        </button>
-                        <button
-                          type="button"
-                          class="rounded-[999px] border px-3 py-1.5 text-[12px] transition"
-                          :class="chatScope === 'singles' ? 'border-[#07C160] bg-[#07C160] text-white' : 'border-[#e1e1e1] bg-white text-[#444] hover:bg-[#f7f7f7]'"
-                          @click="setChatScope('singles')"
-                        >
-                          单聊 {{ chatSessionCounts.singles }}
-                        </button>
-                        <button
-                          type="button"
-                          class="rounded-[999px] border px-3 py-1.5 text-[12px] transition"
-                          :class="chatScope === 'custom' ? 'border-[#07C160] bg-[#07C160] text-white' : 'border-[#e1e1e1] bg-white text-[#444] hover:bg-[#f7f7f7]'"
-                          @click="setChatScope('custom')"
-                        >
-                          自定义多选
-                        </button>
-                      </div>
-                    </div>
-
-                    <div>
-                      <div class="mb-2 text-[13px] font-medium text-[#333]">导出格式</div>
-                      <div class="flex flex-wrap gap-2">
-                        <label
-                          v-for="format in chatFormats"
-                          :key="format.value"
-                          class="cursor-pointer rounded-[999px] border px-3 py-1.5 text-[12px] transition"
-                          :class="chatFormat === format.value ? 'border-[#07C160] bg-[#07C160] text-white' : 'border-[#e1e1e1] bg-white text-[#444] hover:bg-[#f7f7f7]'"
-                        >
-                          <input v-model="chatFormat" type="radio" class="hidden" :value="format.value" />
-                          <span>{{ format.label }}</span>
-                        </label>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div class="grid gap-4 xl:grid-cols-[minmax(0,1fr)_320px]">
-                    <div class="space-y-3">
-                      <div class="text-[13px] font-medium text-[#333]">时间范围（可选）</div>
-                      <div class="flex flex-wrap items-center gap-2">
-                        <input
-                          v-model="chatStartLocal"
-                          type="datetime-local"
-                          class="min-w-[220px] rounded-[10px] border border-[#e1e1e1] px-3 py-2 text-[13px] text-[#333] outline-none focus:border-[#07C160] focus:ring-2 focus:ring-[#07C160]/15"
-                        />
-                        <span class="text-[#999]">至</span>
-                        <input
-                          v-model="chatEndLocal"
-                          type="datetime-local"
-                          class="min-w-[220px] rounded-[10px] border border-[#e1e1e1] px-3 py-2 text-[13px] text-[#333] outline-none focus:border-[#07C160] focus:ring-2 focus:ring-[#07C160]/15"
-                        />
-                      </div>
-                    </div>
-
-                    <div class="space-y-2 rounded-[12px] border border-[#ededed] bg-[#fafafa] p-3">
-                      <label class="flex items-center gap-2 text-[13px] text-[#333]">
-                        <input v-model="chatIncludeOfficial" type="checkbox" class="h-4 w-4 rounded border-[#d0d0d0] text-[#07C160] focus:ring-[#07C160]" />
-                        <span>包含公众号/官方账号会话</span>
-                      </label>
-                      <label class="flex items-center gap-2 text-[13px] text-[#333]">
-                        <input v-model="chatIncludeHidden" type="checkbox" class="h-4 w-4 rounded border-[#d0d0d0] text-[#07C160] focus:ring-[#07C160]" />
-                        <span>包含隐藏会话</span>
-                      </label>
-                    </div>
-                  </div>
-
-                  <div v-if="chatScope === 'custom'" class="rounded-[12px] border border-[#ececec] bg-[#fafafa] p-3">
-                    <div class="flex flex-wrap items-center gap-2">
-                      <input
-                        v-model="chatSearchQuery"
-                        type="text"
-                        placeholder="搜索会话（名称 / username）"
-                        class="min-w-[220px] flex-1 rounded-[10px] border border-[#e1e1e1] px-3 py-2 text-[13px] text-[#333] outline-none focus:border-[#07C160] focus:ring-2 focus:ring-[#07C160]/15"
-                      />
-                      <button
-                        type="button"
-                        class="rounded-[10px] border border-[#dcdcdc] bg-white px-3 py-2 text-[12px] text-[#333] transition hover:bg-[#f4f4f4]"
-                        @click="selectAllChatFiltered"
-                      >
-                        全选筛选结果
-                      </button>
-                      <button
-                        type="button"
-                        class="rounded-[10px] border border-[#dcdcdc] bg-white px-3 py-2 text-[12px] text-[#333] transition hover:bg-[#f4f4f4]"
-                        @click="clearChatSelection"
-                      >
-                        清空
-                      </button>
-                    </div>
-
-                    <div class="mt-3 max-h-[240px] overflow-y-auto rounded-[10px] border border-[#e7e7e7] bg-white">
-                      <label
-                        v-for="item in chatFilteredSessions"
-                        :key="item.username"
-                        class="flex cursor-pointer items-center gap-3 border-b border-[#f1f1f1] px-3 py-2 transition hover:bg-[#f8f8f8]"
-                        :class="isChatSelected(item.username) ? 'bg-[#07C160]/5' : ''"
-                      >
-                        <input v-model="chatSelectedUsernames" type="checkbox" :value="item.username" class="h-4 w-4 rounded border-[#d0d0d0] text-[#07C160] focus:ring-[#07C160]" />
-                        <div class="h-9 w-9 overflow-hidden rounded-[10px] bg-[#e9e9e9]">
-                          <img v-if="item.avatar" :src="item.avatar" :alt="item.name" class="h-full w-full object-cover" referrerpolicy="no-referrer" />
-                          <div v-else class="flex h-full w-full items-center justify-center text-[12px] font-semibold text-[#666]">
-                            {{ (item.name || item.username || '?').charAt(0) }}
-                          </div>
-                        </div>
-                        <div class="min-w-0 flex-1">
-                          <div class="truncate text-[13px] text-[#222]">
-                            {{ item.name }}
-                            <span v-if="item.isGroup" class="text-[11px] text-[#999]">（群）</span>
-                          </div>
-                          <div class="truncate text-[12px] text-[#8a8a8a]">{{ item.username }}</div>
-                        </div>
-                      </label>
-                      <div v-if="chatFilteredSessions.length === 0" class="px-3 py-4 text-[12px] text-[#888]">没有匹配的会话</div>
-                    </div>
-
-                    <div class="mt-2 text-[12px] text-[#7a7a7a]">已选 {{ chatSelectedUsernames.length }} 个会话</div>
-                  </div>
-
-                  <div>
-                    <div class="mb-2 text-[13px] font-medium text-[#333]">消息类型（可多选）</div>
-                    <div class="grid gap-2 rounded-[12px] border border-[#ececec] bg-[#fafafa] p-3 sm:grid-cols-2 xl:grid-cols-4">
-                      <label
-                        v-for="item in chatMessageTypeOptions"
-                        :key="item.value"
-                        class="flex items-center gap-2 text-[13px] text-[#444]"
-                      >
-                        <input v-model="chatMessageTypes" type="checkbox" :value="item.value" class="h-4 w-4 rounded border-[#d0d0d0] text-[#07C160] focus:ring-[#07C160]" />
-                        <span>{{ item.label }}</span>
-                      </label>
-                    </div>
-                  </div>
-
-                  <div v-if="chatFormat === 'html'" class="rounded-[12px] border border-[#ececec] bg-[#fafafa] p-3">
-                    <div class="text-[13px] font-medium text-[#333]">HTML 选项</div>
-                    <div class="mt-3 space-y-3">
-                      <label class="flex items-start gap-2 text-[13px] text-[#444]">
-                        <input
-                          v-model="chatDownloadRemoteMedia"
-                          type="checkbox"
-                          class="mt-0.5 h-4 w-4 rounded border-[#d0d0d0] text-[#07C160] focus:ring-[#07C160]"
-                          :disabled="privacyMode"
-                        />
-                        <span>允许联网下载链接 / 引用缩略图（隐私模式下自动忽略）</span>
-                      </label>
-
-                      <div class="flex flex-wrap items-center gap-2">
-                        <span class="text-[13px] text-[#444]">每页消息数</span>
-                        <input
-                          v-model.number="chatHtmlPageSize"
-                          type="number"
-                          min="0"
-                          step="100"
-                          class="w-[140px] rounded-[10px] border border-[#e1e1e1] px-3 py-2 text-[13px] text-[#333] outline-none focus:border-[#07C160] focus:ring-2 focus:ring-[#07C160]/15"
-                        />
-                        <span class="text-[12px] text-[#888]">推荐 1000，0 表示单文件</span>
-                      </div>
-                    </div>
-                  </div>
+                <div class="flex shrink-0 gap-2">
+                  <button
+                    type="button"
+                    class="inline-flex items-center gap-2 whitespace-nowrap rounded-md border border-[#d1d5db] bg-white px-3 py-2.5 text-[13px] font-medium text-[#111827] transition hover:bg-[#f9fafb] disabled:cursor-not-allowed disabled:opacity-50"
+                    :disabled="running"
+                    @click="chooseExportFolder"
+                  >
+                    <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                      <path d="M3 7a2 2 0 012-2h5l2 2h7a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2V7z" />
+                      <path d="M12 11v5" />
+                      <path d="M9.5 13.5H14.5" />
+                    </svg>
+                    选择目录
+                  </button>
+                  <button
+                    v-if="exportFolder"
+                    type="button"
+                    class="inline-flex items-center whitespace-nowrap rounded-md border border-[#d1d5db] bg-white px-3 py-2.5 text-[13px] font-medium text-[#374151] transition hover:bg-[#f9fafb] disabled:cursor-not-allowed disabled:opacity-50"
+                    :disabled="running"
+                    @click="clearExportFolderSelection"
+                  >
+                    清空
+                  </button>
                 </div>
               </div>
             </div>
           </section>
 
-          <section class="rounded-[14px] border border-[#ececec] bg-white p-4">
-            <div class="flex items-start gap-3">
-              <input v-model="moduleSelection.sns" type="checkbox" class="mt-1 h-4 w-4 rounded border-[#d0d0d0] text-[#07C160] focus:ring-[#07C160]" />
-              <div class="min-w-0 flex-1">
-                <div class="flex flex-wrap items-center gap-2">
-                  <div class="text-[15px] font-semibold text-[#222]">朋友圈</div>
-                  <div class="rounded-full bg-[#576b95]/10 px-2 py-0.5 text-[11px] text-[#576b95]">
-                    支持 HTML / JSON / TXT
-                  </div>
-                </div>
-                <div class="mt-1 text-[12px] text-[#7a7a7a]">
-                  可导出全部联系人朋友圈，或按联系人自定义多选。
-                </div>
-
-                <div class="mt-4 space-y-4" :class="moduleSelection.sns ? '' : 'pointer-events-none select-none opacity-50'">
-                  <div class="flex flex-wrap gap-4">
-                    <div>
-                      <div class="mb-2 text-[13px] font-medium text-[#333]">导出范围</div>
-                      <div class="flex flex-wrap gap-2">
-                        <button
-                          type="button"
-                          class="rounded-[999px] border px-3 py-1.5 text-[12px] transition"
-                          :class="snsScope === 'all' ? 'border-[#07C160] bg-[#07C160] text-white' : 'border-[#e1e1e1] bg-white text-[#444] hover:bg-[#f7f7f7]'"
-                          @click="setSnsScope('all')"
-                        >
-                          全部 {{ snsUsers.length }}
-                        </button>
-                        <button
-                          type="button"
-                          class="rounded-[999px] border px-3 py-1.5 text-[12px] transition"
-                          :class="snsScope === 'custom' ? 'border-[#07C160] bg-[#07C160] text-white' : 'border-[#e1e1e1] bg-white text-[#444] hover:bg-[#f7f7f7]'"
-                          @click="setSnsScope('custom')"
-                        >
-                          自定义多选
-                        </button>
-                      </div>
-                    </div>
-
-                    <div>
-                      <div class="mb-2 text-[13px] font-medium text-[#333]">导出格式</div>
-                      <div class="flex flex-wrap gap-2">
-                        <label
-                          v-for="format in snsFormats"
-                          :key="format.value"
-                          class="cursor-pointer rounded-[999px] border px-3 py-1.5 text-[12px] transition"
-                          :class="snsFormat === format.value ? 'border-[#07C160] bg-[#07C160] text-white' : 'border-[#e1e1e1] bg-white text-[#444] hover:bg-[#f7f7f7]'"
-                        >
-                          <input v-model="snsFormat" type="radio" class="hidden" :value="format.value" />
-                          <span>{{ format.label }}</span>
-                        </label>
-                      </div>
-                    </div>
-
-                    <label class="flex items-center gap-2 rounded-[12px] border border-[#ececec] bg-[#fafafa] px-3 py-2 text-[13px] text-[#444]">
-                      <input v-model="snsUseCache" type="checkbox" class="h-4 w-4 rounded border-[#d0d0d0] text-[#07C160] focus:ring-[#07C160]" />
-                      <span>复用缓存</span>
-                    </label>
-                  </div>
-
-                  <div v-if="snsScope === 'custom'" class="rounded-[12px] border border-[#ececec] bg-[#fafafa] p-3">
-                    <div class="flex flex-wrap items-center gap-2">
-                      <input
-                        v-model="snsSearchQuery"
-                        type="text"
-                        placeholder="搜索朋友圈联系人"
-                        class="min-w-[220px] flex-1 rounded-[10px] border border-[#e1e1e1] px-3 py-2 text-[13px] text-[#333] outline-none focus:border-[#07C160] focus:ring-2 focus:ring-[#07C160]/15"
-                      />
-                      <button
-                        type="button"
-                        class="rounded-[10px] border border-[#dcdcdc] bg-white px-3 py-2 text-[12px] text-[#333] transition hover:bg-[#f4f4f4]"
-                        @click="selectAllSnsFiltered"
-                      >
-                        全选筛选结果
-                      </button>
-                      <button
-                        type="button"
-                        class="rounded-[10px] border border-[#dcdcdc] bg-white px-3 py-2 text-[12px] text-[#333] transition hover:bg-[#f4f4f4]"
-                        @click="clearSnsSelection"
-                      >
-                        清空
-                      </button>
-                    </div>
-
-                    <div class="mt-3 max-h-[240px] overflow-y-auto rounded-[10px] border border-[#e7e7e7] bg-white">
-                      <label
-                        v-for="item in snsFilteredUsers"
-                        :key="item.username"
-                        class="flex cursor-pointer items-center gap-3 border-b border-[#f1f1f1] px-3 py-2 transition hover:bg-[#f8f8f8]"
-                        :class="isSnsSelected(item.username) ? 'bg-[#07C160]/5' : ''"
-                      >
-                        <input v-model="snsSelectedUsernames" type="checkbox" :value="item.username" class="h-4 w-4 rounded border-[#d0d0d0] text-[#07C160] focus:ring-[#07C160]" />
-                        <div class="h-9 w-9 overflow-hidden rounded-[10px] bg-[#e9e9e9]">
-                          <img v-if="item.avatar" :src="item.avatar" :alt="item.displayName" class="h-full w-full object-cover" referrerpolicy="no-referrer" />
-                          <div v-else class="flex h-full w-full items-center justify-center text-[12px] font-semibold text-[#666]">
-                            {{ (item.displayName || item.username || '?').charAt(0) }}
-                          </div>
-                        </div>
-                        <div class="min-w-0 flex-1">
-                          <div class="truncate text-[13px] text-[#222]">{{ item.displayName || item.username }}</div>
-                          <div class="truncate text-[12px] text-[#8a8a8a]">{{ item.username }} · {{ item.postCount || 0 }} 条</div>
-                        </div>
-                      </label>
-                      <div v-if="snsFilteredUsers.length === 0" class="px-3 py-4 text-[12px] text-[#888]">没有匹配的联系人</div>
-                    </div>
-
-                    <div class="mt-2 text-[12px] text-[#7a7a7a]">已选 {{ snsSelectedUsernames.length }} 个联系人</div>
-                  </div>
-                </div>
+          <section class="rounded-lg border border-[#e5e7eb] bg-white">
+            <div class="flex items-center justify-between gap-3 border-b border-[#e5e7eb] px-4 py-3">
+              <div>
+                <div class="text-[14px] font-medium text-[#111827]">导出内容</div>
+                <div class="mt-0.5 text-[12px] text-[#6b7280]">勾选要包含在归档中的内容。</div>
               </div>
+              <div class="rounded-md bg-[#f3f4f6] px-2 py-1 text-[12px] text-[#4b5563]">{{ contentSummary }}</div>
+            </div>
+
+            <div class="grid gap-3 p-4 sm:grid-cols-2">
+              <label
+                class="flex cursor-pointer gap-3 rounded-md border p-3 transition"
+                :class="includeDatabases ? 'border-[#22c55e] bg-[#f0fdf4]' : 'border-[#e5e7eb] bg-white hover:bg-[#f9fafb]'"
+              >
+                <input v-model="includeDatabases" type="checkbox" class="sr-only" />
+                <div class="flex h-8 w-8 shrink-0 items-center justify-center rounded-md border" :class="includeDatabases ? 'border-[#22c55e] bg-white text-[#16a34a]' : 'border-[#e5e7eb] bg-[#f9fafb] text-[#6b7280]'">
+                  <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                    <ellipse cx="12" cy="5" rx="8" ry="3" />
+                    <path d="M4 5v6c0 1.66 3.58 3 8 3s8-1.34 8-3V5" />
+                    <path d="M4 11v6c0 1.66 3.58 3 8 3s8-1.34 8-3v-6" />
+                  </svg>
+                </div>
+                <div class="min-w-0 flex-1">
+                  <div class="flex items-center justify-between gap-2">
+                    <span class="text-[14px] font-medium text-[#111827]">导出数据库</span>
+                    <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border" :class="includeDatabases ? 'border-[#22c55e] bg-[#22c55e] text-white' : 'border-[#d1d5db] text-transparent'">
+                      <svg class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                        <path fill-rule="evenodd" d="M16.704 5.29a1 1 0 010 1.42l-7.25 7.25a1 1 0 01-1.42 0L3.296 9.22a1 1 0 111.414-1.414l4.03 4.03 6.543-6.543a1 1 0 011.421 0z" clip-rule="evenodd" />
+                      </svg>
+                    </span>
+                  </div>
+                  <p class="mt-1 text-[12px] leading-5 text-[#6b7280]">包含 .db / .sqlite 数据库，以及必要的账号元信息文件。</p>
+                </div>
+              </label>
+
+              <label
+                class="flex cursor-pointer gap-3 rounded-md border p-3 transition"
+                :class="includeResources ? 'border-[#22c55e] bg-[#f0fdf4]' : 'border-[#e5e7eb] bg-white hover:bg-[#f9fafb]'"
+              >
+                <input v-model="includeResources" type="checkbox" class="sr-only" />
+                <div class="flex h-8 w-8 shrink-0 items-center justify-center rounded-md border" :class="includeResources ? 'border-[#22c55e] bg-white text-[#16a34a]' : 'border-[#e5e7eb] bg-[#f9fafb] text-[#6b7280]'">
+                  <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                    <path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z" />
+                    <path d="M3.3 7L12 12l8.7-5" />
+                    <path d="M12 22V12" />
+                  </svg>
+                </div>
+                <div class="min-w-0 flex-1">
+                  <div class="flex items-center justify-between gap-2">
+                    <span class="text-[14px] font-medium text-[#111827]">导出资源文件</span>
+                    <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border" :class="includeResources ? 'border-[#22c55e] bg-[#22c55e] text-white' : 'border-[#d1d5db] text-transparent'">
+                      <svg class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                        <path fill-rule="evenodd" d="M16.704 5.29a1 1 0 010 1.42l-7.25 7.25a1 1 0 01-1.42 0L3.296 9.22a1 1 0 111.414-1.414l4.03 4.03 6.543-6.543a1 1 0 011.421 0z" clip-rule="evenodd" />
+                      </svg>
+                    </span>
+                  </div>
+                  <p class="mt-1 text-[12px] leading-5 text-[#6b7280]">包含 resource、sns_resource 及朋友圈媒体缓存目录。</p>
+                </div>
+              </label>
             </div>
           </section>
 
-          <section class="rounded-[14px] border border-[#ececec] bg-white p-4">
-            <div class="flex items-start gap-3">
-              <input v-model="moduleSelection.contacts" type="checkbox" class="mt-1 h-4 w-4 rounded border-[#d0d0d0] text-[#07C160] focus:ring-[#07C160]" />
-              <div class="min-w-0 flex-1">
-                <div class="flex flex-wrap items-center gap-2">
-                  <div class="text-[15px] font-semibold text-[#222]">联系人</div>
-                  <div class="rounded-full bg-[#0ea5e9]/10 px-2 py-0.5 text-[11px] text-[#0ea5e9]">
-                    支持 JSON / CSV
-                  </div>
-                </div>
-                <div class="mt-1 text-[12px] text-[#7a7a7a]">
-                  可按联系人类型多选导出，也支持关键词过滤。
-                </div>
-
-                <div class="mt-4 space-y-4" :class="moduleSelection.contacts ? '' : 'pointer-events-none select-none opacity-50'">
-                  <div class="flex flex-wrap gap-4">
-                    <div>
-                      <div class="mb-2 text-[13px] font-medium text-[#333]">导出格式</div>
-                      <div class="flex flex-wrap gap-2">
-                        <label
-                          v-for="format in contactFormats"
-                          :key="format.value"
-                          class="cursor-pointer rounded-[999px] border px-3 py-1.5 text-[12px] transition"
-                          :class="contactsFormat === format.value ? 'border-[#07C160] bg-[#07C160] text-white' : 'border-[#e1e1e1] bg-white text-[#444] hover:bg-[#f7f7f7]'"
-                        >
-                          <input v-model="contactsFormat" type="radio" class="hidden" :value="format.value" />
-                          <span>{{ format.label }}</span>
-                        </label>
-                      </div>
-                    </div>
-
-                    <label class="flex items-center gap-2 rounded-[12px] border border-[#ececec] bg-[#fafafa] px-3 py-2 text-[13px] text-[#444]">
-                      <input v-model="contactsIncludeAvatarLink" type="checkbox" class="h-4 w-4 rounded border-[#d0d0d0] text-[#07C160] focus:ring-[#07C160]" />
-                      <span>包含头像链接</span>
-                    </label>
-                  </div>
-
-                  <div class="grid gap-4 md:grid-cols-[minmax(0,1fr)_320px]">
-                    <div>
-                      <div class="mb-2 text-[13px] font-medium text-[#333]">关键词过滤（可选）</div>
-                      <input
-                        v-model="contactsKeyword"
-                        type="text"
-                        placeholder="例如：备注名、昵称、username"
-                        class="w-full rounded-[10px] border border-[#e1e1e1] px-3 py-2 text-[13px] text-[#333] outline-none focus:border-[#07C160] focus:ring-2 focus:ring-[#07C160]/15"
-                      />
-                    </div>
-
-                    <div class="rounded-[12px] border border-[#ececec] bg-[#fafafa] p-3">
-                      <div class="mb-2 text-[13px] font-medium text-[#333]">联系人类型（可多选）</div>
-                      <div class="space-y-2">
-                        <label class="flex items-center gap-2 text-[13px] text-[#444]">
-                          <input v-model="contactTypes.friends" type="checkbox" class="h-4 w-4 rounded border-[#d0d0d0] text-[#07C160] focus:ring-[#07C160]" />
-                          <span>好友</span>
-                        </label>
-                        <label class="flex items-center gap-2 text-[13px] text-[#444]">
-                          <input v-model="contactTypes.groups" type="checkbox" class="h-4 w-4 rounded border-[#d0d0d0] text-[#07C160] focus:ring-[#07C160]" />
-                          <span>群聊</span>
-                        </label>
-                        <label class="flex items-center gap-2 text-[13px] text-[#444]">
-                          <input v-model="contactTypes.officials" type="checkbox" class="h-4 w-4 rounded border-[#d0d0d0] text-[#07C160] focus:ring-[#07C160]" />
-                          <span>公众号</span>
-                        </label>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+          <section v-if="task" class="rounded-lg border border-[#e5e7eb] bg-white">
+            <div class="flex flex-wrap items-center justify-between gap-3 border-b border-[#e5e7eb] px-4 py-3">
+              <div>
+                <div class="text-[14px] font-medium text-[#111827]">{{ task.label }}</div>
+                <div v-if="task.message" class="mt-0.5 text-[12px] text-[#6b7280]">{{ task.message }}</div>
               </div>
+              <span class="rounded-md px-2 py-1 text-[11px] font-medium" :class="statusClass(task.status)">{{ statusLabel(task.status) }}</span>
             </div>
-          </section>
-
-          <section v-if="taskRuns.length > 0" class="rounded-[14px] border border-[#ececec] bg-white p-4">
-            <div class="text-[15px] font-semibold text-[#222]">导出进度</div>
-            <div class="mt-3 space-y-3">
-              <div v-for="task in taskRuns" :key="task.key" class="rounded-[12px] border border-[#ececec] bg-[#fafafa] p-3">
-                <div class="flex flex-wrap items-center gap-2">
-                  <div class="text-[14px] font-medium text-[#222]">{{ task.label }}</div>
-                  <span class="rounded-full px-2 py-0.5 text-[11px]" :class="taskStatusClass(task.status)">
-                    {{ taskStatusLabel(task.status) }}
-                  </span>
+            <div class="space-y-3 p-4">
+              <div class="space-y-1.5">
+                <div class="flex items-center justify-between text-[12px] text-[#6b7280]">
+                  <span>{{ taskProgressLabel }}</span>
+                  <span class="font-medium text-[#374151]">{{ taskProgress }}%</span>
                 </div>
-
-                <div v-if="task.percent != null" class="mt-3">
-                  <div class="flex items-center justify-between text-[12px] text-[#666]">
-                    <span>{{ task.detail || task.message || '处理中...' }}</span>
-                    <span>{{ task.percent }}%</span>
-                  </div>
-                  <div class="mt-1 h-2 overflow-hidden rounded-full bg-white">
-                    <div class="h-full rounded-full bg-[#07C160] transition-all duration-300" :style="{ width: `${task.percent}%` }"></div>
-                  </div>
-                </div>
-
-                <div v-else-if="task.detail || task.message" class="mt-2 text-[12px] text-[#666] whitespace-pre-wrap">
-                  {{ task.detail || task.message }}
-                </div>
-
-                <div v-if="task.backendPath" class="mt-2 text-[12px] text-[#666] break-all">
-                  <span class="font-medium text-[#333]">后端产物：</span>{{ task.backendPath }}
-                </div>
-                <div v-if="task.outputPath" class="mt-1 text-[12px] text-[#666] break-all">
-                  <span class="font-medium text-[#333]">最终位置：</span>{{ task.outputPath }}
-                </div>
-                <div v-if="task.error" class="mt-2 text-[12px] text-red-600 whitespace-pre-wrap">
-                  {{ task.error }}
+                <div class="h-2 overflow-hidden rounded-sm bg-[#f3f4f6]">
+                  <div class="h-full rounded-sm transition-all duration-300" :class="progressBarClass" :style="{ width: `${taskProgress}%` }"></div>
                 </div>
               </div>
+
+              <div v-if="task.detail" class="rounded-md bg-[#f9fafb] px-3 py-2 text-[12px] leading-5 text-[#4b5563]">{{ task.detail }}</div>
+              <div v-if="task.outputPath" class="break-all rounded-md border border-[#e5e7eb] bg-white px-3 py-2 text-[12px] leading-5 text-[#374151]">
+                {{ task.outputPath }}
+              </div>
+              <div v-if="task.error" class="whitespace-pre-wrap rounded-md bg-[#fef2f2] px-3 py-2 text-[12px] leading-5 text-[#b91c1c]">{{ task.error }}</div>
             </div>
           </section>
         </div>
-      </div>
+      </main>
 
-      <div class="flex items-center justify-end gap-2 border-t border-[#efefef] px-5 py-4">
-        <button
-          type="button"
-          class="rounded-[10px] border border-[#dcdcdc] bg-white px-4 py-2 text-[13px] text-[#333] transition hover:bg-[#f4f4f4] disabled:cursor-not-allowed disabled:opacity-50"
-          :disabled="running"
-          @click="requestClose"
-        >
-          关闭
-        </button>
-        <button
-          type="button"
-          class="rounded-[10px] bg-[#07C160] px-4 py-2 text-[13px] font-medium text-white transition hover:bg-[#06ad56] disabled:cursor-not-allowed disabled:opacity-60"
-          :disabled="!canStartExport"
-          @click="startBatchExport"
-        >
-          {{ running ? '导出中...' : '开始批量导出' }}
-        </button>
-      </div>
+      <footer class="flex flex-col gap-3 border-t border-[#e5e7eb] bg-white px-5 py-4 sm:flex-row sm:items-center sm:justify-between">
+        <div class="text-[12px] leading-5 text-[#6b7280]">
+          <span class="font-medium text-[#374151]">当前账号：</span>{{ selectedAccount || '未选择' }}
+        </div>
+        <div class="flex justify-end">
+          <button
+            type="button"
+            class="inline-flex min-w-[112px] items-center justify-center gap-2 rounded-md px-4 py-2 text-[13px] font-medium transition disabled:cursor-not-allowed disabled:opacity-60"
+            :class="running ? 'border border-[#fecaca] bg-white text-[#b91c1c] hover:bg-[#fef2f2]' : (canStartExport ? 'bg-[#07C160] text-white hover:bg-[#06ad56]' : 'bg-[#d1d5db] text-white')"
+            :disabled="running ? cancelRequested : !canStartExport"
+            @click="running ? cancelExport() : startExport()"
+          >
+            <svg v-if="running && cancelRequested" class="h-4 w-4 animate-spin" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+              <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+              <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z" />
+            </svg>
+            {{ running ? (cancelRequested ? '正在取消...' : '取消导出') : '开始导出' }}
+          </button>
+        </div>
+      </footer>
     </div>
   </div>
 </template>
 
 <script setup>
-import { computed, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useChatAccountsStore } from '~/stores/chatAccounts'
-import { usePrivacyStore } from '~/stores/privacy'
-import { toUnixSeconds } from '~/lib/chat/formatters'
 
 const props = defineProps({
-  open: {
-    type: Boolean,
-    default: false
-  }
+  open: { type: Boolean, default: false }
 })
 
 const emit = defineEmits(['close'])
 
 const api = useApi()
 const apiBase = useApiBase()
-
 const chatAccounts = useChatAccountsStore()
 const { selectedAccount } = storeToRefs(chatAccounts)
 
-const privacyStore = usePrivacyStore()
-const { privacyMode } = storeToRefs(privacyStore)
-
-const loadingSources = ref(false)
-const sourceError = ref('')
+const running = ref(false)
 const globalError = ref('')
 const globalMessage = ref('')
-const running = ref(false)
-
 const exportFolder = ref('')
 const exportFolderHandle = ref(null)
+const includeDatabases = ref(true)
+const includeResources = ref(true)
+const task = ref(null)
+const currentExportId = ref('')
+const cancelRequested = ref(false)
+const cancelSent = ref(false)
 
-const moduleSelection = reactive({
-  chat: true,
-  sns: true,
-  contacts: true
-})
-
-const chatFormats = [
-  { value: 'json', label: 'JSON' },
-  { value: 'txt', label: 'TXT' },
-  { value: 'html', label: 'HTML' }
-]
-
-const snsFormats = [
-  { value: 'html', label: 'HTML' },
-  { value: 'json', label: 'JSON' },
-  { value: 'txt', label: 'TXT' }
-]
-
-const contactFormats = [
-  { value: 'json', label: 'JSON' },
-  { value: 'csv', label: 'CSV' }
-]
-
-const chatMessageTypeOptions = [
-  { value: 'text', label: '文本' },
-  { value: 'image', label: '图片' },
-  { value: 'emoji', label: '表情' },
-  { value: 'video', label: '视频' },
-  { value: 'voice', label: '语音' },
-  { value: 'chatHistory', label: '聊天记录' },
-  { value: 'transfer', label: '转账' },
-  { value: 'redPacket', label: '红包' },
-  { value: 'file', label: '文件' },
-  { value: 'link', label: '链接' },
-  { value: 'quote', label: '引用' },
-  { value: 'system', label: '系统' },
-  { value: 'voip', label: '通话' }
-]
-
-const chatScope = ref('all')
-const chatFormat = ref('json')
-const chatIncludeOfficial = ref(true)
-const chatIncludeHidden = ref(false)
-const chatDownloadRemoteMedia = ref(true)
-const chatHtmlPageSize = ref(1000)
-const chatStartLocal = ref('')
-const chatEndLocal = ref('')
-const chatSearchQuery = ref('')
-const chatSelectedUsernames = ref([])
-const chatMessageTypes = ref(chatMessageTypeOptions.map((item) => item.value))
-const chatSessions = ref([])
-
-const snsFormat = ref('html')
-const snsScope = ref('all')
-const snsUseCache = ref(true)
-const snsSearchQuery = ref('')
-const snsSelectedUsernames = ref([])
-const snsUsers = ref([])
-
-const contactsFormat = ref('json')
-const contactsIncludeAvatarLink = ref(true)
-const contactsKeyword = ref('')
-const contactTypes = reactive({
-  friends: true,
-  groups: true,
-  officials: true
-})
-
-const taskRuns = ref([])
-
-const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
-
-const asNumber = (value) => {
-  const next = Number(value)
-  return Number.isFinite(next) ? next : 0
+const isDesktopExportRuntime = () => {
+  return !!(process.client && typeof window !== 'undefined' && window?.wechatDesktop?.chooseDirectory)
 }
 
-const clamp01 = (value) => Math.min(1, Math.max(0, value))
+const isWebDirectoryPickerSupported = () => {
+  return !!(process.client && typeof window !== 'undefined' && typeof window.showDirectoryPicker === 'function')
+}
+
+const hasExportTarget = computed(() => {
+  return isDesktopExportRuntime()
+    ? !!String(exportFolder.value || '').trim()
+    : !!exportFolderHandle.value
+})
+
+const hasSelectedContent = computed(() => !!includeDatabases.value || !!includeResources.value)
+
+const contentSummary = computed(() => {
+  if (includeDatabases.value && includeResources.value) return '数据库 + 资源文件'
+  if (includeDatabases.value) return '仅数据库'
+  if (includeResources.value) return '仅资源文件'
+  return '未选择内容'
+})
+
+const canStartExport = computed(() => {
+  if (running.value) return false
+  if (!selectedAccount.value) return false
+  if (!hasExportTarget.value) return false
+  return hasSelectedContent.value
+})
+
+const taskProgress = computed(() => {
+  const value = Number(task.value?.progress || 0)
+  if (!Number.isFinite(value)) return 0
+  return Math.max(0, Math.min(100, Math.round(value)))
+})
+
+const taskProgressLabel = computed(() => {
+  if (task.value?.status === 'done') return '\u5bfc\u51fa\u8fdb\u5ea6'
+  if (task.value?.status === 'cancelled') return '\u5df2\u53d6\u6d88'
+  if (task.value?.status === 'error') return '\u5bfc\u51fa\u5931\u8d25'
+  if (cancelRequested.value) return '\u6b63\u5728\u53d6\u6d88'
+  const processed = Number(task.value?.processedBytes || 0)
+  const total = Number(task.value?.totalBytes || 0)
+  if (total > 0) return `\u5bfc\u51fa\u8fdb\u5ea6\uff1a${formatBytes(processed)} / ${formatBytes(total)}`
+  return '\u5bfc\u51fa\u8fdb\u5ea6'
+})
+
+const progressBarClass = computed(() => {
+  if (task.value?.status === 'error') return 'bg-[#ef4444]'
+  if (task.value?.status === 'cancelled') return 'bg-[#9ca3af]'
+  return 'bg-[#07C160]'
+})
+
+const statusLabel = (status) => {
+  if (status === 'running') return '导出中'
+  if (status === 'done') return '已完成'
+  if (status === 'error') return '失败'
+  return '等待中'
+}
+
+const statusClass = (status) => {
+  if (status === 'running') return 'bg-blue-100 text-blue-700'
+  if (status === 'done') return 'bg-emerald-100 text-emerald-700'
+  if (status === 'error') return 'bg-red-100 text-red-700'
+  if (status === 'cancelled') return 'bg-gray-100 text-gray-600'
+  return 'bg-gray-100 text-gray-600'
+}
 
 const formatBytes = (value) => {
   const bytes = Number(value)
@@ -666,278 +327,21 @@ const sanitizeFileNamePart = (value, fallback = 'export') => {
   return cleaned || fallback
 }
 
-const normalizeUniqueUsernames = (list) => {
-  const seen = new Set()
-  return (Array.isArray(list) ? list : []).reduce((acc, item) => {
-    const username = String(item || '').trim()
-    if (!username || seen.has(username)) return acc
-    seen.add(username)
-    acc.push(username)
-    return acc
-  }, [])
-}
-
-const isDesktopExportRuntime = () => {
-  return !!(process.client && typeof window !== 'undefined' && window?.wechatDesktop?.chooseDirectory)
-}
-
-const isWebDirectoryPickerSupported = () => {
-  return !!(process.client && typeof window !== 'undefined' && typeof window.showDirectoryPicker === 'function')
-}
-
-const hasExportTarget = computed(() => {
-  return isDesktopExportRuntime()
-    ? !!String(exportFolder.value || '').trim()
-    : !!exportFolderHandle.value
-})
-
-const activeModuleCount = computed(() => {
-  return ['chat', 'sns', 'contacts'].filter((key) => !!moduleSelection[key]).length
-})
-
-const canStartExport = computed(() => {
-  if (running.value) return false
-  if (!selectedAccount.value) return false
-  if (!hasExportTarget.value) return false
-  return activeModuleCount.value > 0
-})
-
-const normalizeChatSession = (session) => {
-  return {
-    id: session?.id || session?.username || '',
-    username: String(session?.username || '').trim(),
-    name: String(session?.name || session?.username || '').trim(),
-    avatar: String(session?.avatar || '').trim(),
-    isGroup: !!session?.isGroup
-  }
-}
-
-const chatFilteredSessions = computed(() => {
-  const query = String(chatSearchQuery.value || '').trim().toLowerCase()
-  if (!query) return chatSessions.value
-  return chatSessions.value.filter((item) => {
-    const name = String(item?.name || '').toLowerCase()
-    const username = String(item?.username || '').toLowerCase()
-    return name.includes(query) || username.includes(query)
-  })
-})
-
-const chatSessionCounts = computed(() => {
-  const total = chatSessions.value.length
-  const groups = chatSessions.value.filter((item) => !!item?.isGroup).length
-  return {
-    total,
-    groups,
-    singles: total - groups
-  }
-})
-
-const snsFilteredUsers = computed(() => {
-  const query = String(snsSearchQuery.value || '').trim().toLowerCase()
-  if (!query) return snsUsers.value
-  return snsUsers.value.filter((item) => {
-    const name = String(item?.displayName || '').toLowerCase()
-    const username = String(item?.username || '').toLowerCase()
-    return name.includes(query) || username.includes(query)
-  })
-})
-
-const ensureAccountReady = async () => {
-  privacyStore.init()
-  await chatAccounts.ensureLoaded()
-}
-
-const loadChatSessions = async () => {
-  const account = String(selectedAccount.value || '').trim()
-  if (!account) {
-    chatSessions.value = []
-    return
-  }
-  const response = await api.listChatSessions({
-    account,
-    limit: 5000,
-    include_hidden: true,
-    include_official: true
-  })
-  const sessions = Array.isArray(response?.sessions) ? response.sessions : []
-  chatSessions.value = sessions
-    .map(normalizeChatSession)
-    .filter((item) => !!item.username)
-}
-
-const loadSnsUsers = async () => {
-  const account = String(selectedAccount.value || '').trim()
-  if (!account) {
-    snsUsers.value = []
-    return
-  }
-  const response = await api.listSnsUsers({ account, limit: 5000 })
-  const items = Array.isArray(response?.items) ? response.items : []
-  snsUsers.value = items
-    .map((item) => ({
-      username: String(item?.username || '').trim(),
-      displayName: String(item?.displayName || item?.username || '').trim(),
-      avatar: String(item?.avatar || '').trim(),
-      postCount: asNumber(item?.postCount)
-    }))
-    .filter((item) => !!item.username)
-}
-
-const ensureSourcesLoaded = async () => {
-  if (!selectedAccount.value) {
-    chatSessions.value = []
-    snsUsers.value = []
-    return
-  }
-  loadingSources.value = true
-  sourceError.value = ''
-  try {
-    await Promise.all([loadChatSessions(), loadSnsUsers()])
-  } catch (error) {
-    sourceError.value = error?.message || '加载导出数据源失败'
-  } finally {
-    loadingSources.value = false
-  }
-}
-
-const setChatScope = (scope) => {
-  chatScope.value = String(scope || 'all')
-  if (chatScope.value === 'custom' && chatSelectedUsernames.value.length === 0) {
-    chatSelectedUsernames.value = chatFilteredSessions.value.map((item) => item.username)
-  }
-}
-
-const setSnsScope = (scope) => {
-  snsScope.value = String(scope || 'all')
-  if (snsScope.value === 'custom' && snsSelectedUsernames.value.length === 0) {
-    snsSelectedUsernames.value = snsFilteredUsers.value.map((item) => item.username)
-  }
-}
-
-const isChatSelected = (username) => {
-  return normalizeUniqueUsernames(chatSelectedUsernames.value).includes(String(username || '').trim())
-}
-
-const isSnsSelected = (username) => {
-  return normalizeUniqueUsernames(snsSelectedUsernames.value).includes(String(username || '').trim())
-}
-
-const selectAllChatFiltered = () => {
-  const merged = [
-    ...normalizeUniqueUsernames(chatSelectedUsernames.value),
-    ...chatFilteredSessions.value.map((item) => item.username)
-  ]
-  chatSelectedUsernames.value = normalizeUniqueUsernames(merged)
-}
-
-const clearChatSelection = () => {
-  chatSelectedUsernames.value = []
-}
-
-const selectAllSnsFiltered = () => {
-  const merged = [
-    ...normalizeUniqueUsernames(snsSelectedUsernames.value),
-    ...snsFilteredUsers.value.map((item) => item.username)
-  ]
-  snsSelectedUsernames.value = normalizeUniqueUsernames(merged)
-}
-
-const clearSnsSelection = () => {
-  snsSelectedUsernames.value = []
-}
-
-const chooseExportFolder = async () => {
-  globalError.value = ''
-  globalMessage.value = ''
-  try {
-    if (!process.client) {
-      globalError.value = '当前环境不支持选择导出目录'
-      return
-    }
-
-    if (isDesktopExportRuntime()) {
-      const result = await window.wechatDesktop.chooseDirectory({ title: '选择导出目录' })
-      if (result && !result.canceled && Array.isArray(result.filePaths) && result.filePaths.length > 0) {
-        exportFolder.value = String(result.filePaths[0] || '').trim()
-        exportFolderHandle.value = null
-      }
-      return
-    }
-
-    if (isWebDirectoryPickerSupported()) {
-      const handle = await window.showDirectoryPicker()
-      if (handle) {
-        exportFolderHandle.value = handle
-        exportFolder.value = `浏览器目录：${String(handle.name || '已选择')}`
-      }
-      return
-    }
-
-    globalError.value = '当前浏览器不支持目录选择，请使用桌面端或 Chromium 新版浏览器'
-  } catch (error) {
-    const message = String(error?.message || '').trim()
-    if (error?.name === 'AbortError' || message.includes('The user aborted a request')) {
-      return
-    }
-    globalError.value = error?.message || '选择导出目录失败'
-  }
-}
-
-const clearExportFolderSelection = () => {
-  exportFolder.value = ''
-  exportFolderHandle.value = null
-}
-
-const taskStatusLabel = (status) => {
-  if (status === 'running') return '进行中'
-  if (status === 'done') return '已完成'
-  if (status === 'error') return '失败'
-  return '等待中'
-}
-
-const taskStatusClass = (status) => {
-  if (status === 'running') return 'bg-sky-100 text-sky-700'
-  if (status === 'done') return 'bg-emerald-100 text-emerald-700'
-  if (status === 'error') return 'bg-red-100 text-red-700'
-  return 'bg-gray-100 text-gray-600'
-}
-
-const createTask = (key, label) => ({
-  key,
-  label,
-  status: 'pending',
-  message: '',
-  detail: '',
-  percent: null,
-  error: '',
-  backendPath: '',
-  outputPath: ''
-})
-
-const guessZipFileName = (job, fallback) => {
-  const raw = String(job?.zipPath || '').trim()
-  if (raw) {
-    const name = raw.replace(/\\/g, '/').split('/').pop()
-    if (name) return name
-  }
-  return fallback
-}
-
 const buildBrowserOutputLabel = (fileName) => {
   const folderLabel = String(exportFolder.value || '浏览器目录').trim()
   return `${folderLabel}/${fileName}`
 }
 
-const saveResponseToBrowserFolder = async ({ response, fileName, task }) => {
+const saveResponseToBrowserFolder = async ({ response, fileName }) => {
   if (!exportFolderHandle.value || typeof exportFolderHandle.value.getFileHandle !== 'function') {
-    throw new Error('请先选择浏览器导出目录')
+    throw new Error('请先选择浏览器导出目录。')
   }
 
-  const safeName = sanitizeFileNamePart(fileName, 'export')
+  const safeName = sanitizeFileNamePart(fileName, 'wechat_archive.zip')
   const fileHandle = await exportFolderHandle.value.getFileHandle(safeName, { create: true })
   const writable = await fileHandle.createWritable()
 
-  const totalBytes = asNumber(response.headers.get('Content-Length'))
+  const totalBytes = Number(response.headers.get('Content-Length') || 0)
   let writtenBytes = 0
 
   if (response.body && typeof response.body.getReader === 'function') {
@@ -949,24 +353,22 @@ const saveResponseToBrowserFolder = async ({ response, fileName, task }) => {
         if (!value || !value.byteLength) continue
         await writable.write(value)
         writtenBytes += value.byteLength
-        task.detail = totalBytes > 0
-          ? `正在保存到浏览器目录：${formatBytes(writtenBytes)} / ${formatBytes(totalBytes)}`
-          : `正在保存到浏览器目录：${formatBytes(writtenBytes)}`
+        if (task.value) {
+          task.value.detail = totalBytes > 0
+            ? `正在保存到浏览器目录：${formatBytes(writtenBytes)} / ${formatBytes(totalBytes)}`
+            : `正在保存到浏览器目录：${formatBytes(writtenBytes)}`
+        }
       }
       await writable.close()
     } catch (error) {
-      try {
-        await reader.cancel()
-      } catch {}
-      try {
-        await writable.abort()
-      } catch {}
+      try { await reader.cancel() } catch {}
+      try { await writable.abort() } catch {}
       throw error
     }
   } else {
     const blob = await response.blob()
-    writtenBytes = asNumber(blob.size)
-    task.detail = `正在保存到浏览器目录：${formatBytes(writtenBytes)}`
+    writtenBytes = Number(blob.size || 0)
+    if (task.value) task.value.detail = `正在保存到浏览器目录：${formatBytes(writtenBytes)}`
     await writable.write(blob)
     await writable.close()
   }
@@ -974,420 +376,132 @@ const saveResponseToBrowserFolder = async ({ response, fileName, task }) => {
   return buildBrowserOutputLabel(safeName)
 }
 
-const downloadJobToBrowserFolder = async ({ url, fileName, task }) => {
-  const response = await fetch(url)
-  if (!response.ok) {
-    throw new Error(`下载导出文件失败（${response.status}）`)
-  }
-  return await saveResponseToBrowserFolder({ response, fileName, task })
-}
-
-const computeChatPercent = (job) => {
-  const progress = job?.progress || {}
-  const total = asNumber(progress.conversationsTotal)
-  const done = asNumber(progress.conversationsDone)
-  if (total <= 0) return null
-  const currentTotal = asNumber(progress.currentConversationMessagesTotal)
-  const currentDone = asNumber(progress.currentConversationMessagesExported)
-  const currentFraction = currentTotal > 0 ? clamp01(currentDone / currentTotal) : 0
-  const percent = clamp01((done + (String(job?.status || '') === 'running' ? currentFraction : 0)) / total)
-  return Math.round(percent * 100)
-}
-
-const updateChatTaskFromJob = (task, job) => {
-  const progress = job?.progress || {}
-  task.percent = computeChatPercent(job)
-  const convDone = asNumber(progress.conversationsDone)
-  const convTotal = asNumber(progress.conversationsTotal)
-  const msgDone = asNumber(progress.messagesExported)
-  const mediaCopied = asNumber(progress.mediaCopied)
-  const mediaMissing = asNumber(progress.mediaMissing)
-  const currentName = String(progress.currentConversationName || progress.currentConversationUsername || '').trim()
-  const currentDone = asNumber(progress.currentConversationMessagesExported)
-  const currentTotal = asNumber(progress.currentConversationMessagesTotal)
-  task.detail = `会话 ${convDone}/${convTotal} · 消息 ${msgDone} · 媒体 ${mediaCopied} · 缺失 ${mediaMissing}`
-  if (currentName && String(job?.status || '') === 'running') {
-    task.message = `当前：${currentName}（${currentDone}/${currentTotal}）`
-  }
-  task.backendPath = String(job?.zipPath || '').trim()
-}
-
-const computeSnsPercent = (job) => {
-  const progress = job?.progress || {}
-  const totalUsers = asNumber(progress.usersTotal)
-  const doneUsers = asNumber(progress.usersDone)
-  if (totalUsers <= 0) return null
-  const currentTotal = asNumber(progress.currentUserPostsTotal)
-  const currentDone = asNumber(progress.currentUserPostsDone)
-  const currentFraction = currentTotal > 0 ? clamp01(currentDone / currentTotal) : 0
-  const percent = clamp01((doneUsers + (String(job?.status || '') === 'running' ? currentFraction : 0)) / totalUsers)
-  return Math.round(percent * 100)
-}
-
-const updateSnsTaskFromJob = (task, job) => {
-  const progress = job?.progress || {}
-  task.percent = computeSnsPercent(job)
-  const usersDone = asNumber(progress.usersDone)
-  const usersTotal = asNumber(progress.usersTotal)
-  const postsDone = asNumber(progress.postsExported)
-  const postsTotal = asNumber(progress.postsTotal)
-  const mediaCopied = asNumber(progress.mediaCopied)
-  const mediaMissing = asNumber(progress.mediaMissing)
-  const currentName = String(progress.currentUserDisplayName || progress.currentUserUsername || '').trim()
-  const currentDone = asNumber(progress.currentUserPostsDone)
-  const currentTotal = asNumber(progress.currentUserPostsTotal)
-  task.detail = `联系人 ${usersDone}/${usersTotal} · 朋友圈 ${postsDone}/${postsTotal} · 媒体 ${mediaCopied} · 缺失 ${mediaMissing}`
-  if (currentName && String(job?.status || '') === 'running') {
-    task.message = `当前：${currentName}（${currentDone}/${currentTotal}）`
-  }
-  task.backendPath = String(job?.zipPath || '').trim()
-}
-
-const waitForJobDone = async ({ exportId, task, getter, updater, kind }) => {
-  let continuousFailures = 0
-  while (true) {
-    try {
-      const response = await getter(exportId)
-      const job = response?.job || null
-      if (!job) throw new Error('导出任务不存在')
-      continuousFailures = 0
-      updater(task, job)
-      const status = String(job?.status || '').trim()
-      if (status === 'done') return job
-      if (status === 'cancelled') throw new Error('导出任务已取消')
-      if (status === 'error') throw new Error(job?.error || `${kind}导出失败`)
-    } catch (error) {
-      continuousFailures += 1
-      if (continuousFailures >= 5) {
-        throw error
+const chooseExportFolder = async () => {
+  globalError.value = ''
+  globalMessage.value = ''
+  try {
+    if (isDesktopExportRuntime()) {
+      const result = await window.wechatDesktop.chooseDirectory({ title: '选择导出目录' })
+      if (result?.canceled) return
+      const selected = Array.isArray(result?.filePaths) ? result.filePaths[0] : ''
+      if (selected) {
+        exportFolder.value = String(selected || '').trim()
+        exportFolderHandle.value = null
       }
-      task.detail = `轮询状态失败，正在重试（${continuousFailures}/5）`
+      return
     }
-    await sleep(1200)
-  }
-}
 
-const buildChatMediaKinds = (messageTypes) => {
-  const selectedTypeSet = new Set(messageTypes.map((item) => String(item || '').trim()))
-  const mediaKindSet = new Set()
-  if (selectedTypeSet.has('chatHistory')) {
-    mediaKindSet.add('image')
-    mediaKindSet.add('emoji')
-    mediaKindSet.add('video')
-    mediaKindSet.add('video_thumb')
-    mediaKindSet.add('voice')
-    mediaKindSet.add('file')
-  }
-  if (selectedTypeSet.has('image')) mediaKindSet.add('image')
-  if (selectedTypeSet.has('emoji')) mediaKindSet.add('emoji')
-  if (selectedTypeSet.has('video')) {
-    mediaKindSet.add('video')
-    mediaKindSet.add('video_thumb')
-  }
-  if (selectedTypeSet.has('voice')) mediaKindSet.add('voice')
-  if (selectedTypeSet.has('file')) mediaKindSet.add('file')
-  return Array.from(mediaKindSet)
-}
-
-const runChatExport = async (task, stamp) => {
-  task.status = 'running'
-  task.message = '正在创建聊天导出任务...'
-  task.detail = ''
-  task.error = ''
-
-  const messageTypes = normalizeUniqueUsernames(chatMessageTypes.value)
-  const mediaKinds = buildChatMediaKinds(messageTypes)
-  const includeMedia = !privacyMode.value && mediaKinds.length > 0
-  const startTime = toUnixSeconds(chatStartLocal.value)
-  const endTime = toUnixSeconds(chatEndLocal.value)
-
-  let scope = String(chatScope.value || 'all')
-  let usernames = []
-  if (scope === 'custom') {
-    scope = 'selected'
-    usernames = normalizeUniqueUsernames(chatSelectedUsernames.value)
-  }
-
-  const response = await api.createChatExport({
-    account: selectedAccount.value,
-    scope,
-    usernames,
-    format: chatFormat.value,
-    start_time: startTime,
-    end_time: endTime,
-    include_hidden: !!chatIncludeHidden.value,
-    include_official: !!chatIncludeOfficial.value,
-    message_types: messageTypes,
-    include_media: includeMedia,
-    media_kinds: mediaKinds,
-    download_remote_media: chatFormat.value === 'html' && !privacyMode.value && !!chatDownloadRemoteMedia.value,
-    html_page_size: Math.max(0, Math.floor(Number(chatHtmlPageSize.value || 1000))),
-    output_dir: isDesktopExportRuntime() ? String(exportFolder.value || '').trim() : null,
-    privacy_mode: !!privacyMode.value,
-    file_name: isDesktopExportRuntime() ? null : `wechat_chat_export_${stamp}.zip`
-  })
-
-  const exportId = String(response?.job?.exportId || '').trim()
-  if (!exportId) throw new Error('聊天导出任务创建失败')
-
-  const job = await waitForJobDone({
-    exportId,
-    task,
-    getter: api.getChatExport,
-    updater: updateChatTaskFromJob,
-    kind: '聊天记录'
-  })
-
-  task.percent = 100
-  task.backendPath = String(job?.zipPath || '').trim()
-
-  if (isDesktopExportRuntime()) {
-    task.outputPath = task.backendPath
-    task.detail = `导出完成，共 ${asNumber(job?.progress?.messagesExported)} 条消息`
-    return
-  }
-
-  const fileName = guessZipFileName(job, `wechat_chat_export_${stamp}.zip`)
-  task.message = '正在保存到浏览器目录...'
-  task.outputPath = await downloadJobToBrowserFolder({
-    url: `${apiBase}/chat/exports/${encodeURIComponent(exportId)}/download`,
-    fileName,
-    task
-  })
-  task.detail = `浏览器目录保存完成，共 ${asNumber(job?.progress?.messagesExported)} 条消息`
-}
-
-const runSnsExport = async (task, stamp) => {
-  task.status = 'running'
-  task.message = '正在创建朋友圈导出任务...'
-  task.detail = ''
-  task.error = ''
-
-  let scope = String(snsScope.value || 'all')
-  let usernames = []
-  if (scope === 'custom') {
-    scope = 'selected'
-    usernames = normalizeUniqueUsernames(snsSelectedUsernames.value)
-  }
-
-  const response = await api.createSnsExport({
-    account: selectedAccount.value,
-    scope,
-    usernames,
-    format: snsFormat.value,
-    use_cache: !!snsUseCache.value,
-    output_dir: isDesktopExportRuntime() ? String(exportFolder.value || '').trim() : null,
-    file_name: isDesktopExportRuntime() ? null : `wechat_sns_export_${stamp}.zip`
-  })
-
-  const exportId = String(response?.job?.exportId || '').trim()
-  if (!exportId) throw new Error('朋友圈导出任务创建失败')
-
-  const job = await waitForJobDone({
-    exportId,
-    task,
-    getter: api.getSnsExport,
-    updater: updateSnsTaskFromJob,
-    kind: '朋友圈'
-  })
-
-  task.percent = 100
-  task.backendPath = String(job?.zipPath || '').trim()
-
-  if (isDesktopExportRuntime()) {
-    task.outputPath = task.backendPath
-    task.detail = `导出完成，共 ${asNumber(job?.progress?.postsExported)} 条朋友圈`
-    return
-  }
-
-  const fileName = guessZipFileName(job, `wechat_sns_export_${stamp}.zip`)
-  task.message = '正在保存到浏览器目录...'
-  task.outputPath = await downloadJobToBrowserFolder({
-    url: `${apiBase}/sns/exports/${encodeURIComponent(exportId)}/download`,
-    fileName,
-    task
-  })
-  task.detail = `浏览器目录保存完成，共 ${asNumber(job?.progress?.postsExported)} 条朋友圈`
-}
-
-const escapeCsvCell = (value) => {
-  const text = String(value == null ? '' : value)
-  if (/[",\n\r]/.test(text)) return `"${text.replace(/"/g, '""')}"`
-  return text
-}
-
-const buildContactsWebPayload = async () => {
-  const response = await api.listChatContacts({
-    account: selectedAccount.value,
-    keyword: contactsKeyword.value || '',
-    include_friends: contactTypes.friends,
-    include_groups: contactTypes.groups,
-    include_officials: contactTypes.officials
-  })
-
-  const contacts = Array.isArray(response?.contacts) ? response.contacts : []
-  const rows = contacts.map((item) => {
-    const row = {
-      username: String(item?.username || ''),
-      displayName: String(item?.displayName || ''),
-      remark: String(item?.remark || ''),
-      nickname: String(item?.nickname || ''),
-      alias: String(item?.alias || ''),
-      type: String(item?.type || ''),
-      region: String(item?.region || ''),
-      country: String(item?.country || ''),
-      province: String(item?.province || ''),
-      city: String(item?.city || ''),
-      source: String(item?.source || ''),
-      sourceScene: item?.sourceScene == null ? '' : String(item?.sourceScene)
+    if (!isWebDirectoryPickerSupported()) {
+      globalError.value = '当前环境不支持选择导出目录。'
+      return
     }
-    if (contactsIncludeAvatarLink.value) {
-      row.avatarLink = String(item?.avatarLink || '')
-    }
-    return row
-  })
 
-  return {
-    account: String(selectedAccount.value || '').trim(),
-    count: rows.length,
-    contacts: rows
+    const handle = await window.showDirectoryPicker({ mode: 'readwrite' })
+    exportFolderHandle.value = handle
+    exportFolder.value = `浏览器目录：${String(handle.name || '已选择')}`
+  } catch (error) {
+    if (error?.name === 'AbortError') return
+    globalError.value = error?.message || '选择导出目录失败。'
   }
 }
 
-const writeTextFileToBrowserFolder = async ({ fileName, content, task }) => {
-  if (!exportFolderHandle.value || typeof exportFolderHandle.value.getFileHandle !== 'function') {
-    throw new Error('请先选择浏览器导出目录')
-  }
-  const safeName = sanitizeFileNamePart(fileName, 'contacts')
-  task.detail = '正在保存到浏览器目录...'
-  const fileHandle = await exportFolderHandle.value.getFileHandle(safeName, { create: true })
-  const writable = await fileHandle.createWritable()
-  await writable.write(content)
-  await writable.close()
-  return buildBrowserOutputLabel(safeName)
-}
-
-const runContactsExport = async (task, stamp) => {
-  task.status = 'running'
-  task.message = '正在导出联系人...'
-  task.detail = ''
-  task.error = ''
-  task.percent = null
-
-  if (isDesktopExportRuntime()) {
-    const response = await api.exportChatContacts({
-      account: selectedAccount.value,
-      output_dir: String(exportFolder.value || '').trim(),
-      format: contactsFormat.value,
-      include_avatar_link: contactsIncludeAvatarLink.value,
-      keyword: contactsKeyword.value || '',
-      contact_types: {
-        friends: contactTypes.friends,
-        groups: contactTypes.groups,
-        officials: contactTypes.officials
-      }
-    })
-    task.outputPath = String(response?.outputPath || '').trim()
-    task.detail = `导出完成，共 ${asNumber(response?.count)} 个联系人`
-    return
-  }
-
-  const payload = await buildContactsWebPayload()
-  const extension = contactsFormat.value === 'csv' ? 'csv' : 'json'
-  const fileName = `contacts_${sanitizeFileNamePart(payload.account, 'account')}_${stamp}.${extension}`
-
-  if (contactsFormat.value === 'csv') {
-    const columns = [
-      ['username', '用户名'],
-      ['displayName', '显示名称'],
-      ['remark', '备注'],
-      ['nickname', '昵称'],
-      ['alias', '微信号'],
-      ['type', '类型'],
-      ['region', '地区'],
-      ['country', '国家/地区码'],
-      ['province', '省份'],
-      ['city', '城市'],
-      ['source', '来源'],
-      ['sourceScene', '来源场景码']
-    ]
-    if (contactsIncludeAvatarLink.value) {
-      columns.push(['avatarLink', '头像链接'])
-    }
-    const lines = [columns.map(([, label]) => escapeCsvCell(label)).join(',')]
-    for (const row of payload.contacts) {
-      lines.push(columns.map(([key]) => escapeCsvCell(row[key])).join(','))
-    }
-    task.outputPath = await writeTextFileToBrowserFolder({
-      fileName,
-      content: `\uFEFF${lines.join('\n')}`,
-      task
-    })
-  } else {
-    const jsonPayload = {
-      exportedAt: new Date().toISOString().replace(/\.\d{3}Z$/, 'Z'),
-      account: payload.account,
-      count: payload.count,
-      filters: {
-        keyword: String(contactsKeyword.value || ''),
-        contactTypes: {
-          friends: !!contactTypes.friends,
-          groups: !!contactTypes.groups,
-          officials: !!contactTypes.officials
-        },
-        includeAvatarLink: !!contactsIncludeAvatarLink.value
-      },
-      contacts: payload.contacts
-    }
-    task.outputPath = await writeTextFileToBrowserFolder({
-      fileName,
-      content: JSON.stringify(jsonPayload, null, 2),
-      task
-    })
-  }
-
-  task.detail = `浏览器目录保存完成，共 ${payload.count} 个联系人`
+const clearExportFolderSelection = () => {
+  exportFolder.value = ''
+  exportFolderHandle.value = null
 }
 
 const validateSelections = () => {
   const errors = []
-
-  if (!selectedAccount.value) {
-    errors.push('未选择账号')
-  }
-  if (!hasExportTarget.value) {
-    errors.push('请先选择导出目录')
-  }
-  if (activeModuleCount.value <= 0) {
-    errors.push('请至少勾选一个导出模块')
-  }
-
-  const startTime = toUnixSeconds(chatStartLocal.value)
-  const endTime = toUnixSeconds(chatEndLocal.value)
-  if (moduleSelection.chat && startTime && endTime && startTime > endTime) {
-    errors.push('聊天记录时间范围不合法：开始时间不能晚于结束时间')
-  }
-
-  if (moduleSelection.chat && normalizeUniqueUsernames(chatMessageTypes.value).length <= 0) {
-    errors.push('聊天记录至少勾选一个消息类型')
-  }
-
-  if (moduleSelection.chat && chatScope.value === 'custom' && normalizeUniqueUsernames(chatSelectedUsernames.value).length <= 0) {
-    errors.push('聊天记录已选择自定义会话，请至少勾选一个会话')
-  }
-
-  if (moduleSelection.sns && snsScope.value === 'custom' && normalizeUniqueUsernames(snsSelectedUsernames.value).length <= 0) {
-    errors.push('朋友圈已选择自定义联系人，请至少勾选一个联系人')
-  }
-
-  if (moduleSelection.contacts && !contactTypes.friends && !contactTypes.groups && !contactTypes.officials) {
-    errors.push('联系人导出至少勾选一种联系人类型')
-  }
-
+  if (!selectedAccount.value) errors.push('未选择账号。')
+  if (!hasExportTarget.value) errors.push('请先选择导出目录。')
+  if (!hasSelectedContent.value) errors.push('请至少选择数据库或资源文件。')
   return errors
 }
 
-const startBatchExport = async () => {
+const translateArchiveMessage = (message) => {
+  const text = String(message || '')
+  if (!text) return ''
+  return text
+    .replace('Waiting to start...', '等待开始...')
+    .replace('Preparing export...', '正在准备导出...')
+    .replace('Scanning export content...', '正在扫描导出内容...')
+    .replace('Calculating total archive size.', '\u6b63\u5728\u8ba1\u7b97\u5f52\u6863\u603b\u5927\u5c0f\u3002')
+    .replace('Preparing database and resource file list.', '正在准备数据库和资源文件列表。')
+    .replace('Scanning resource files...', '正在扫描资源文件...')
+    .replace(/Scanned (\d+) resource files\./, '已扫描 $1 个资源文件。')
+    .replace('Writing ZIP archive...', '正在写入 ZIP 归档...')
+    .replace('Packing account folder directly.', '\u6b63\u5728\u76f4\u63a5\u6253\u5305\u8d26\u53f7\u6587\u4ef6\u5939\u3002')
+    .replace(/Ready to pack (\d+) files \(([0-9.]+) MB\)\./, '\u5df2\u8ba1\u7b97\u603b\u5927\u5c0f\uff1a$1 \u4e2a\u6587\u4ef6\uff08$2 MB\uff09\u3002')
+    .replace(/Packed (\d+)\/(\d+) files \(([0-9.]+)\/([0-9.]+) MB\)\./, '\u5df2\u6253\u5305 $1/$2 \u4e2a\u6587\u4ef6\uff08$3/$4 MB\uff09\u3002')
+    .replace(/Packed (\d+) files \(([0-9.]+) MB\)\./, '\u5df2\u6253\u5305 $1 \u4e2a\u6587\u4ef6\uff08$2 MB\uff09\u3002')
+    .replace(/Found (\d+) database files and (\d+) resource files\./, '发现 $1 个数据库文件和 $2 个资源文件。')
+    .replace(/Processed (\d+)\/(\d+) files\./, '已处理 $1/$2 个文件。')
+    .replace('Finalizing ZIP archive...', '正在完成 ZIP 归档...')
+    .replace('Moving archive to target folder.', '正在移动归档到目标目录。')
+    .replace('Export completed.', '导出完成。')
+    .replace(/Exported (\d+) database files and (\d+) resource files\./, '已导出 $1 个数据库文件和 $2 个资源文件。')
+    .replace('Cancelling export...', '正在取消导出...')
+    .replace('Waiting for the current file operation to stop.', '正在等待当前文件写入停止。')
+    .replace('Export cancelled.', '导出已取消。')
+    .replace('Temporary archive has been removed.', '临时归档文件已删除。')
+    .replace('Export failed.', '导出失败。')
+}
+
+const shouldHideArchiveProgressDetail = (detail) => {
+  const text = String(detail || '').trim()
+  return /^Ready to pack \d+ files/.test(text) || /^Packed \d+\/\d+ files/.test(text) || /^Packed \d+ files/.test(text)
+}
+
+const normalizeArchiveJob = (job = {}) => {
+  const rawDetail = String(job.detail || '')
+  return {
+    label: '\u8d26\u53f7\u5f52\u6863',
+    status: String(job.status || 'running'),
+    message: job.message ? translateArchiveMessage(job.message) : '\u6b63\u5728\u6253\u5305...',
+    detail: rawDetail && !shouldHideArchiveProgressDetail(rawDetail) ? translateArchiveMessage(rawDetail) : '',
+    outputPath: String(job.zipPath || ''),
+    error: job.error || '',
+    progress: Number(job.progress || 0),
+    databaseCount: Number(job.databaseCount || 0),
+    resourceFileCount: Number(job.resourceFileCount || 0),
+    totalBytes: Number(job.totalBytes || 0),
+    processedBytes: Number(job.processedBytes || 0),
+    fileName: String(job.fileName || '')
+  }
+}
+
+const waitForArchiveJob = async (exportId) => {
+  while (true) {
+    const response = await api.getAccountArchiveExport(exportId)
+    const job = response?.job || {}
+    task.value = normalizeArchiveJob(job)
+
+    if (job.status === 'done' || job.status === 'error' || job.status === 'cancelled') {
+      return job
+    }
+
+    await new Promise((resolve) => setTimeout(resolve, 600))
+  }
+}
+
+const cancelExport = async () => {
+  if (!currentExportId.value || cancelSent.value) return
+  cancelRequested.value = true
+  cancelSent.value = true
+  if (task.value) {
+    task.value.message = '正在取消导出...'
+    task.value.detail = '正在等待当前文件写入停止。'
+  }
+  try {
+    await api.cancelAccountArchiveExport(currentExportId.value)
+  } catch (error) {
+    cancelSent.value = false
+    cancelRequested.value = false
+    globalError.value = error?.message || '取消导出失败。'
+  }
+}
+
+const startExport = async () => {
   globalError.value = ''
   globalMessage.value = ''
 
@@ -1397,55 +511,98 @@ const startBatchExport = async () => {
     return
   }
 
-  const queue = []
-  if (moduleSelection.chat) queue.push(createTask('chat', '聊天记录'))
-  if (moduleSelection.sns) queue.push(createTask('sns', '朋友圈'))
-  if (moduleSelection.contacts) queue.push(createTask('contacts', '联系人'))
-
-  taskRuns.value = queue
   running.value = true
-
-  const stamp = buildExportTimestamp()
+  currentExportId.value = ''
+  cancelRequested.value = false
+  cancelSent.value = false
+  task.value = {
+    label: '账号归档',
+    status: 'running',
+    message: '正在创建导出任务...',
+    detail: '',
+    outputPath: '',
+    error: '',
+    progress: 1
+  }
 
   try {
-    for (const task of taskRuns.value) {
-      try {
-        if (task.key === 'chat') {
-          await runChatExport(task, stamp)
-        } else if (task.key === 'sns') {
-          await runSnsExport(task, stamp)
-        } else if (task.key === 'contacts') {
-          await runContactsExport(task, stamp)
-        }
-        task.status = 'done'
-        task.error = ''
-      } catch (error) {
-        task.status = 'error'
-        task.percent = null
-        task.error = error?.message || '导出失败'
-      }
+    const stamp = buildExportTimestamp()
+    const fileName = `wechat_archive_${sanitizeFileNamePart(selectedAccount.value, 'account')}_${stamp}.zip`
+    const createResponse = await api.createAccountArchiveExport({
+      account: selectedAccount.value,
+      output_dir: isDesktopExportRuntime() ? String(exportFolder.value || '').trim() : null,
+      include_databases: !!includeDatabases.value,
+      include_resources: !!includeResources.value,
+      file_name: fileName
+    })
+
+    const createdJob = createResponse?.job || {}
+    currentExportId.value = String(createdJob.exportId || '').trim()
+    if (!currentExportId.value) throw new Error('创建导出任务失败。')
+    task.value = normalizeArchiveJob(createdJob)
+
+    const finalJob = await waitForArchiveJob(currentExportId.value)
+    task.value = normalizeArchiveJob(finalJob)
+
+    if (finalJob.status === 'cancelled') {
+      globalMessage.value = '导出已取消。'
+      return
+    }
+    if (finalJob.status === 'error') {
+      throw new Error(finalJob.error || '导出失败。')
     }
 
-    const successCount = taskRuns.value.filter((item) => item.status === 'done').length
-    const failedCount = taskRuns.value.filter((item) => item.status === 'error').length
-    globalMessage.value = `批量导出已结束：成功 ${successCount} 项，失败 ${failedCount} 项。`
-    if (failedCount > 0) {
-      globalError.value = '部分导出任务失败，请查看下方任务详情。'
+    const resultFileName = String(finalJob.fileName || fileName).trim()
+    task.value.detail = `打包完成：数据库 ${Number(finalJob.databaseCount || 0)} 个，资源文件 ${Number(finalJob.resourceFileCount || 0)} 个，总计 ${formatBytes(finalJob.totalBytes || 0)}。`
+
+    if (isDesktopExportRuntime()) {
+      task.value.outputPath = String(finalJob.zipPath || '').trim()
+    } else {
+      task.value.message = '正在保存到浏览器目录...'
+      task.value.progress = 98
+      const zipPath = String(finalJob.zipPath || '').trim()
+      const query = new URLSearchParams()
+      query.set('path', zipPath)
+      const downloadUrl = `${apiBase}/account/archive_export/download?${query.toString()}`
+      const downloadResponse = await fetch(downloadUrl)
+      if (!downloadResponse.ok) {
+        throw new Error(`下载导出文件失败（${downloadResponse.status}）。`)
+      }
+      task.value.outputPath = await saveResponseToBrowserFolder({
+        response: downloadResponse,
+        fileName: resultFileName
+      })
+      task.value.progress = 100
     }
+
+    task.value.status = 'done'
+    task.value.message = '导出完成。'
+    globalMessage.value = '导出完成。'
+  } catch (error) {
+    if (task.value) {
+      task.value.status = 'error'
+      task.value.error = error?.message || '导出失败。'
+    }
+    globalError.value = error?.message || '导出失败。'
   } finally {
     running.value = false
+    cancelRequested.value = false
+    cancelSent.value = false
   }
 }
 
 const requestClose = () => {
-  if (running.value) return
   emit('close')
 }
 
 const onWindowKeydown = (event) => {
   if (event?.key !== 'Escape') return
-  if (!props.open || running.value) return
+  if (!props.open) return
   event.preventDefault()
+  if (running.value) {
+    cancelExport()
+    return
+  }
   requestClose()
 }
 
@@ -1455,21 +612,12 @@ watch(
     if (!open) return
     globalError.value = ''
     globalMessage.value = ''
-    await ensureAccountReady()
-    await ensureSourcesLoaded()
+    task.value = null
+    await chatAccounts.ensureLoaded()
   }
 )
 
-watch(selectedAccount, async () => {
-  chatSelectedUsernames.value = []
-  snsSelectedUsernames.value = []
-  if (props.open) {
-    await ensureSourcesLoaded()
-  }
-})
-
-onMounted(async () => {
-  await ensureAccountReady()
+onMounted(() => {
   if (process.client && typeof window !== 'undefined') {
     window.addEventListener('keydown', onWindowKeydown)
   }
diff --git a/frontend/components/SidebarRail.vue b/frontend/components/SidebarRail.vue
index 02ad116..116b759 100644
--- a/frontend/components/SidebarRail.vue
+++ b/frontend/components/SidebarRail.vue
@@ -148,7 +148,7 @@
       <div
         v-if="showGlobalExportEntry"
         class="sidebar-rail-action w-full h-[var(--sidebar-rail-step)] flex items-center justify-center cursor-pointer group"
-        title="批量导出"
+        title="导出"
         @click="openExportDialog"
       >
         <div class="sidebar-rail-plate w-[var(--sidebar-rail-btn)] h-[var(--sidebar-rail-btn)] rounded-md flex items-center justify-center transition-colors bg-transparent">
@@ -387,7 +387,7 @@ const { enabled: realtimeEnabled, available: realtimeAvailable, checking: realti
 const { open: settingsDialogOpen, openDialog: openSettingsDialog } = useSettingsDialog()
 const { getChatAccountInfo, deleteChatAccount } = useApi()
 
-const showGlobalExportEntry = false
+const showGlobalExportEntry = true
 const accountDialogOpen = ref(false)
 const exportDialogOpen = ref(false)
 const accountInfoLoading = ref(false)
@@ -648,3 +648,4 @@ const toggleRealtime = async () => {
   color: var(--sidebar-rail-icon-active-color);
 }
 </style>
+
diff --git a/frontend/composables/useApi.js b/frontend/composables/useApi.js
index 87a7798..07fae1f 100644
--- a/frontend/composables/useApi.js
+++ b/frontend/composables/useApi.js
@@ -510,6 +510,30 @@ export const useApi = () => {
     })
   }
 
+  // Account archive export (databases + resource files)
+  const createAccountArchiveExport = async (payload = {}) => {
+    return await request('/account/archive_export', {
+      method: 'POST',
+      body: {
+        account: payload.account || null,
+        output_dir: payload.output_dir == null ? null : String(payload.output_dir || '').trim(),
+        include_databases: payload.include_databases == null ? true : !!payload.include_databases,
+        include_resources: payload.include_resources == null ? true : !!payload.include_resources,
+        file_name: payload.file_name || null
+      }
+    })
+  }
+
+  const getAccountArchiveExport = async (exportId) => {
+    if (!exportId) throw new Error('Missing exportId')
+    return await request(`/account/archive_export/${encodeURIComponent(String(exportId))}`)
+  }
+
+  const cancelAccountArchiveExport = async (exportId) => {
+    if (!exportId) throw new Error('Missing exportId')
+    return await request(`/account/archive_export/${encodeURIComponent(String(exportId))}`, { method: 'DELETE' })
+  }
+
   // WeChat Wrapped（年度总结）
   const getWrappedAnnual = async (params = {}) => {
     const query = new URLSearchParams()
@@ -662,6 +686,9 @@ export const useApi = () => {
     cancelSnsExport,
     listChatContacts,
     exportChatContacts,
+    createAccountArchiveExport,
+    getAccountArchiveExport,
+    cancelAccountArchiveExport,
     getWrappedAnnual,
     getWrappedAnnualMeta,
     getWrappedAnnualCard,
diff --git a/src/wechat_decrypt_tool/api.py b/src/wechat_decrypt_tool/api.py
index 57960d4..b52fbc9 100644
--- a/src/wechat_decrypt_tool/api.py
+++ b/src/wechat_decrypt_tool/api.py
@@ -28,6 +28,7 @@ from .routers.decrypt import router as _decrypt_router
 from .routers.import_decrypted import router as _import_decrypted_router
 from .routers.health import router as _health_router
 from .routers.admin import router as _admin_router
+from .routers.account_archive_export import router as _account_archive_export_router
 from .routers.keys import router as _keys_router
 from .routers.media import router as _media_router
 from .routers.sns import router as _sns_router
@@ -65,6 +66,7 @@ async def _log_server_errors(request: Request, call_next):
 
 app.include_router(_health_router)
 app.include_router(_admin_router)
+app.include_router(_account_archive_export_router)
 app.include_router(_wechat_detection_router)
 app.include_router(_import_decrypted_router)
 app.include_router(_decrypt_router)
diff --git a/src/wechat_decrypt_tool/routers/account_archive_export.py b/src/wechat_decrypt_tool/routers/account_archive_export.py
new file mode 100644
index 0000000..118587a
--- /dev/null
+++ b/src/wechat_decrypt_tool/routers/account_archive_export.py
@@ -0,0 +1,498 @@
+import os
+import re
+import shutil
+import stat
+import threading
+import time
+import uuid
+import zipfile
+from dataclasses import dataclass, field
+from pathlib import Path
+from typing import Any, Optional
+
+from fastapi import APIRouter, HTTPException
+from fastapi.responses import FileResponse
+from pydantic import BaseModel, Field
+
+from ..chat_helpers import _resolve_account_dir
+from ..path_fix import PathFixRoute
+
+router = APIRouter(route_class=PathFixRoute)
+
+
+class AccountArchiveExportRequest(BaseModel):
+    account: Optional[str] = Field(None, description="Account directory name. Defaults to the first available account.")
+    output_dir: Optional[str] = Field(None, description="Absolute output directory. Defaults to output/exports/{account}.")
+    include_databases: bool = Field(True, description="Whether to include decrypted database files.")
+    include_resources: bool = Field(True, description="Whether to include resource folders.")
+    file_name: Optional[str] = Field(None, description="Optional zip file name, with or without .zip.")
+
+
+class AccountArchiveCancelled(Exception):
+    pass
+
+
+@dataclass(frozen=True)
+class AccountArchiveFile:
+    path: Path
+    arcname: str
+    kind: str
+    size: int
+    mtime: float
+    mode: int
+
+
+@dataclass
+class AccountArchiveExportJob:
+    export_id: str
+    account: str = ""
+    status: str = "queued"
+    progress: int = 0
+    message: str = "Waiting to start..."
+    detail: str = ""
+    error: str = ""
+    zip_path: str = ""
+    file_name: str = ""
+    database_count: int = 0
+    resource_file_count: int = 0
+    total_bytes: int = 0
+    processed_bytes: int = 0
+    created_at: int = field(default_factory=lambda: int(time.time()))
+    updated_at: int = field(default_factory=lambda: int(time.time()))
+    cancel_requested: bool = False
+
+    def to_public_dict(self) -> dict[str, Any]:
+        return {
+            "exportId": self.export_id,
+            "account": self.account,
+            "status": self.status,
+            "progress": max(0, min(100, int(self.progress or 0))),
+            "message": self.message,
+            "detail": self.detail,
+            "error": self.error,
+            "zipPath": self.zip_path,
+            "fileName": self.file_name,
+            "databaseCount": int(self.database_count or 0),
+            "resourceFileCount": int(self.resource_file_count or 0),
+            "totalBytes": int(self.total_bytes or 0),
+            "processedBytes": int(self.processed_bytes or 0),
+            "createdAt": int(self.created_at or 0),
+            "updatedAt": int(self.updated_at or 0),
+            "cancelRequested": bool(self.cancel_requested),
+        }
+
+
+_SAFE_NAME_RE = re.compile(r"[^0-9A-Za-z._-]+")
+# 账号归档以账号目录为边界。数据库通常在账号目录顶层，资源文件通常在子目录中。
+_DB_SUFFIXES = {".db", ".sqlite", ".sqlite3", ".db3"}
+_META_FILE_NAMES = {"_source.json", "_media_keys.json", "_sns_realtime_sync_state.json"}
+_JOBS: dict[str, AccountArchiveExportJob] = {}
+_JOBS_LOCK = threading.RLock()
+
+
+def _safe_file_name(value: object, fallback: str) -> str:
+    text = str(value or "").strip().replace("\\", "/").split("/")[-1]
+    text = _SAFE_NAME_RE.sub("_", text).strip("._-")
+    return text or fallback
+
+
+def _normalize_zip_name(value: object, fallback: str) -> str:
+    name = _safe_file_name(value, fallback)
+    if not name.lower().endswith(".zip"):
+        name += ".zip"
+    return name
+
+
+def _resolve_output_dir(account_dir: Path, output_dir_raw: object) -> Path:
+    raw = str(output_dir_raw or "").strip()
+    if raw:
+        return Path(raw).expanduser().resolve()
+    return (account_dir.parents[1] / "exports" / account_dir.name).resolve()
+
+
+def _iter_database_files(account_dir: Path) -> list[Path]:
+    return sorted(
+        (
+            item
+            for item in account_dir.iterdir()
+            if item.is_file()
+            and (
+                item.suffix.lower() in _DB_SUFFIXES
+                or item.name in _META_FILE_NAMES
+            )
+        ),
+        key=lambda p: p.name.lower(),
+    )
+
+
+def _get_job(export_id: str) -> Optional[AccountArchiveExportJob]:
+    key = str(export_id or "").strip()
+    if not key:
+        return None
+    with _JOBS_LOCK:
+        return _JOBS.get(key)
+
+
+def _update_job(export_id: str, **changes: Any) -> Optional[AccountArchiveExportJob]:
+    with _JOBS_LOCK:
+        job = _JOBS.get(str(export_id or "").strip())
+        if not job:
+            return None
+        for key, value in changes.items():
+            if hasattr(job, key):
+                setattr(job, key, value)
+        job.updated_at = int(time.time())
+        return job
+
+
+def _check_cancel(job: AccountArchiveExportJob, tmp_path: Optional[Path] = None) -> None:
+    with _JOBS_LOCK:
+        cancelled = bool(job.cancel_requested)
+    if not cancelled:
+        return
+    if tmp_path is not None:
+        try:
+            if tmp_path.exists():
+                tmp_path.unlink()
+        except Exception:
+            pass
+    raise AccountArchiveCancelled()
+
+
+def _add_file(zip_file: zipfile.ZipFile, item: AccountArchiveFile) -> Optional[int]:
+    try:
+        modified = time.localtime(item.mtime)[:6]
+        if modified[0] < 1980:
+            modified = (1980, 1, 1, 0, 0, 0)
+        info = zipfile.ZipInfo(item.arcname, modified)
+        info.compress_type = zipfile.ZIP_STORED
+        info.file_size = item.size
+        info.external_attr = (item.mode & 0xFFFF) << 16
+        with item.path.open("rb") as source, zip_file.open(info, "w", force_zip64=True) as target:
+            shutil.copyfileobj(source, target, length=1024 * 1024)
+        return int(item.size)
+    except (FileNotFoundError, OSError):
+        return None
+
+
+def _is_database_or_meta_file(path: Path) -> bool:
+    return path.is_file() and (path.suffix.lower() in _DB_SUFFIXES or path.name in _META_FILE_NAMES)
+
+
+def _is_relative_to(path: Path, parent: Path) -> bool:
+    try:
+        path.relative_to(parent)
+        return True
+    except ValueError:
+        return False
+
+
+def _iter_selected_account_files(
+    *,
+    job: AccountArchiveExportJob,
+    account_dir: Path,
+    include_databases: bool,
+    include_resources: bool,
+    tmp_path: Optional[Path],
+    zip_path: Optional[Path],
+    output_dir: Optional[Path],
+):
+    """Fast metadata scan for selected account files.
+
+    Folder size is not stored as one reliable value by the filesystem. To show an
+    accurate total before packing, we still have to enumerate files, but os.scandir
+    reuses directory-entry metadata and avoids the heavier Path/os.walk/resolve path.
+    """
+
+    account_prefix = _safe_file_name(account_dir.name, "account")
+    pack_whole_account_folder = include_databases and include_resources
+    account_dir_str = os.path.abspath(os.fspath(account_dir))
+    excluded_files = set()
+    for candidate in (tmp_path, zip_path):
+        if candidate is None:
+            continue
+        try:
+            excluded_files.add(os.path.normcase(os.path.abspath(os.fspath(candidate))))
+        except OSError:
+            pass
+
+    skipped_output_dir: Optional[str] = None
+    if output_dir is not None:
+        try:
+            output_dir_str = os.path.abspath(os.fspath(output_dir))
+            # 如果用户把导出目录选在账号目录内部，避免把正在生成的导出文件再次打包进去。
+            if output_dir_str != account_dir_str and os.path.commonpath([account_dir_str, output_dir_str]) == account_dir_str:
+                skipped_output_dir = os.path.normcase(output_dir_str)
+        except (OSError, ValueError):
+            skipped_output_dir = None
+
+    stack: list[tuple[str, bool]] = [(account_dir_str, True)]
+    while stack:
+        root, is_account_root = stack.pop()
+        _check_cancel(job, tmp_path)
+        normalized_root = os.path.normcase(os.path.abspath(root))
+        if skipped_output_dir is not None and normalized_root == skipped_output_dir:
+            continue
+
+        try:
+            with os.scandir(root) as entries:
+                entry_list = list(entries)
+        except OSError:
+            continue
+
+        for entry in entry_list:
+            try:
+                if entry.is_dir(follow_symlinks=False):
+                    if is_account_root and not pack_whole_account_folder and not include_resources:
+                        continue
+                    stack.append((entry.path, False))
+                    continue
+
+                if not entry.is_file(follow_symlinks=False):
+                    continue
+
+                file_path_str = entry.path
+                if os.path.normcase(os.path.abspath(file_path_str)) in excluded_files:
+                    continue
+
+                name = entry.name
+                suffix = os.path.splitext(name)[1].lower()
+                is_top_level_database = is_account_root and (suffix in _DB_SUFFIXES or name in _META_FILE_NAMES)
+                if pack_whole_account_folder:
+                    kind = "database" if is_top_level_database else "resource"
+                elif include_databases and is_top_level_database:
+                    kind = "database"
+                elif include_resources and not is_account_root:
+                    kind = "resource"
+                else:
+                    continue
+
+                try:
+                    st = entry.stat(follow_symlinks=False)
+                except OSError:
+                    continue
+                if not stat.S_ISREG(st.st_mode):
+                    continue
+
+                try:
+                    rel = os.path.relpath(file_path_str, account_dir_str).replace(os.sep, "/")
+                except ValueError:
+                    continue
+
+                yield AccountArchiveFile(
+                    path=Path(file_path_str),
+                    arcname=f"{account_prefix}/{rel}",
+                    kind=kind,
+                    size=int(st.st_size),
+                    mtime=float(st.st_mtime),
+                    mode=int(st.st_mode),
+                )
+            except OSError:
+                continue
+
+def _run_account_archive_export(export_id: str, payload: dict[str, Any]) -> None:
+    job = _update_job(export_id, status="running", progress=1, message="Preparing export...", detail="")
+    if not job:
+        return
+
+    zip_path: Optional[Path] = None
+    tmp_path: Optional[Path] = None
+
+    try:
+        include_databases = bool(payload.get("include_databases"))
+        include_resources = bool(payload.get("include_resources"))
+        if not include_databases and not include_resources:
+            raise ValueError("Please select at least one export option.")
+
+        _check_cancel(job)
+        account_dir = _resolve_account_dir(payload.get("account"))
+        account_name = account_dir.name
+        output_dir = _resolve_output_dir(account_dir, payload.get("output_dir"))
+        output_dir.mkdir(parents=True, exist_ok=True)
+
+        stamp = time.strftime("%Y%m%d_%H%M%S")
+        fallback_name = f"wechat_archive_{_safe_file_name(account_name, 'account')}_{stamp}.zip"
+        zip_name = _normalize_zip_name(payload.get("file_name"), fallback_name)
+        zip_path = (output_dir / zip_name).resolve()
+        tmp_path = zip_path.with_suffix(zip_path.suffix + ".tmp")
+
+        _update_job(
+            export_id,
+            account=account_name,
+            file_name=zip_name,
+            zip_path=str(zip_path),
+            progress=1,
+            message="Scanning export content...",
+            detail="Calculating total archive size.",
+            total_bytes=0,
+            processed_bytes=0,
+        )
+
+        if tmp_path.exists():
+            tmp_path.unlink()
+
+        selected_files = list(_iter_selected_account_files(
+            job=job,
+            account_dir=account_dir,
+            include_databases=include_databases,
+            include_resources=include_resources,
+            tmp_path=tmp_path,
+            zip_path=zip_path,
+            output_dir=output_dir,
+        ))
+        if not selected_files:
+            raise FileNotFoundError("No exportable files found for this account.")
+
+        planned_db_count = sum(1 for item in selected_files if item.kind == "database")
+        planned_resource_count = sum(1 for item in selected_files if item.kind != "database")
+        total_files = len(selected_files)
+        total_bytes = sum(max(0, int(item.size or 0)) for item in selected_files)
+        if include_databases and not include_resources and planned_db_count <= 0:
+            raise FileNotFoundError("No database files found for this account.")
+        if include_resources and not include_databases and planned_resource_count <= 0:
+            raise FileNotFoundError("No resource files found for this account.")
+
+        _update_job(
+            export_id,
+            progress=5,
+            database_count=planned_db_count,
+            resource_file_count=planned_resource_count,
+            total_bytes=total_bytes,
+            processed_bytes=0,
+            message="Writing ZIP archive...",
+            detail=f"Ready to pack {total_files} files ({total_bytes / 1024 / 1024:.1f} MB).",
+        )
+
+        db_count = 0
+        resource_file_count = 0
+        processed_bytes = 0
+        processed = 0
+        last_progress_at = time.monotonic()
+
+        # Use ZIP_STORED intentionally: account archives are mostly SQLite,
+        # images, videos and cache files. Re-compressing them is CPU-heavy and
+        # often saves little space. This makes archive export behave like a fast
+        # folder pack/copy operation.
+        with zipfile.ZipFile(tmp_path, "w", compression=zipfile.ZIP_STORED, allowZip64=True) as zf:
+            for item in selected_files:
+                _check_cancel(job, tmp_path)
+                added_size = _add_file(zf, item)
+                if added_size is not None:
+                    processed += 1
+                    if item.kind == "database":
+                        db_count += 1
+                    else:
+                        resource_file_count += 1
+                    processed_bytes += added_size
+
+                now = time.monotonic()
+                if processed <= 5 or processed % 20 == 0 or (now - last_progress_at) >= 0.5:
+                    last_progress_at = now
+                    if total_bytes > 0:
+                        progress = min(95, 5 + int((processed_bytes / total_bytes) * 90))
+                    else:
+                        progress = min(95, 5 + int((processed / max(1, total_files)) * 90))
+                    _update_job(
+                        export_id,
+                        progress=progress,
+                        database_count=db_count,
+                        resource_file_count=resource_file_count,
+                        total_bytes=total_bytes,
+                        processed_bytes=processed_bytes,
+                        message="Writing ZIP archive...",
+                        detail=(
+                            f"Packed {processed}/{total_files} files "
+                            f"({processed_bytes / 1024 / 1024:.1f}/{total_bytes / 1024 / 1024:.1f} MB)."
+                        ),
+                    )
+
+        _check_cancel(job, tmp_path)
+        _update_job(export_id, progress=97, message="Finalizing ZIP archive...", detail="Moving archive to target folder.")
+        if zip_path.exists():
+            zip_path.unlink()
+        shutil.move(str(tmp_path), str(zip_path))
+
+        _update_job(
+            export_id,
+            status="done",
+            progress=100,
+            message="Export completed.",
+            detail=f"Exported {db_count} database files and {resource_file_count} resource files.",
+            database_count=db_count,
+            resource_file_count=resource_file_count,
+            total_bytes=total_bytes,
+            processed_bytes=processed_bytes,
+            zip_path=str(zip_path),
+            file_name=zip_path.name,
+        )
+    except AccountArchiveCancelled:
+        try:
+            if tmp_path is not None and tmp_path.exists():
+                tmp_path.unlink()
+        except Exception:
+            pass
+        _update_job(export_id, status="cancelled", message="Export cancelled.", detail="Temporary archive has been removed.")
+    except Exception as exc:
+        try:
+            if tmp_path is not None and tmp_path.exists():
+                tmp_path.unlink()
+        except Exception:
+            pass
+        _update_job(export_id, status="error", error=str(exc), message="Export failed.", detail="")
+
+
+@router.post("/api/account/archive_export", summary="Create account archive export job")
+async def export_account_archive(req: AccountArchiveExportRequest):
+    if not req.include_databases and not req.include_resources:
+        raise HTTPException(status_code=400, detail="Please select at least one export option.")
+
+    payload = {
+        "account": req.account,
+        "output_dir": req.output_dir,
+        "include_databases": bool(req.include_databases),
+        "include_resources": bool(req.include_resources),
+        "file_name": req.file_name,
+    }
+    export_id = uuid.uuid4().hex
+    job = AccountArchiveExportJob(export_id=export_id)
+    with _JOBS_LOCK:
+        _JOBS[export_id] = job
+
+    thread = threading.Thread(target=_run_account_archive_export, args=(export_id, payload), daemon=True)
+    thread.start()
+    return {"status": "success", "job": job.to_public_dict()}
+
+
+@router.get("/api/account/archive_export/download", summary="Download account archive by file path")
+async def download_account_archive(path: str):
+    zip_path = Path(str(path or "").strip()).expanduser().resolve()
+    if not zip_path.exists() or not zip_path.is_file():
+        raise HTTPException(status_code=404, detail="Export file not found.")
+    if zip_path.suffix.lower() != ".zip":
+        raise HTTPException(status_code=400, detail="Invalid export file.")
+    return FileResponse(str(zip_path), media_type="application/zip", filename=zip_path.name)
+
+
+@router.get("/api/account/archive_export/{export_id}", summary="Get account archive export job")
+async def get_account_archive_export(export_id: str):
+    job = _get_job(export_id)
+    if not job:
+        raise HTTPException(status_code=404, detail="Export not found.")
+    return {"status": "success", "job": job.to_public_dict()}
+
+
+@router.delete("/api/account/archive_export/{export_id}", summary="Cancel account archive export job")
+async def cancel_account_archive_export(export_id: str):
+    job = _get_job(export_id)
+    if not job:
+        raise HTTPException(status_code=404, detail="Export not found.")
+
+    with _JOBS_LOCK:
+        if job.status in {"done", "error", "cancelled"}:
+            return {"status": "success", "job": job.to_public_dict()}
+        job.cancel_requested = True
+        job.message = "Cancelling export..."
+        job.detail = "Waiting for the current file operation to stop."
+        job.updated_at = int(time.time())
+
+    return {"status": "success", "job": job.to_public_dict()}