v0.3.10: 全面优化增强 — 17项Bug修复/稳定性/功能改进

P0 致命Bug修复:
- A1: openFolderDialog 类型/运行时崩溃(文件夹打开功能完全失效)
- A2: SourceEditor 受控textarea手动改DOM反模式
- A3: tabStore.updateTabContent 内容相同时误标isModified

死代码清理:
- B1: 删除menu:*/save/as/viewMode 三个永不触发的IPC通道

健壮性修复:
- E1: rehypeFixImages 路径规范化+防越界加固
- E2: getFileName 尾斜杠返回正确文件名
- E3: EditorToolbar 行内代码按钮改用toggleInlineCodeCommand
- E4: ErrorBoundary 内联样式抽为CSS类

功能增强:
- D1: 标签页拖拽排序(tabStore.moveTab + TabBar DnD + CSS)
- D2: Milkdown自动配对括号/引号(ProseMirror插件)
- D3: 状态栏自动保存开关可点击
- D4: 文档大纲活跃标题高亮(useActiveHeading hook)
- D5: 关闭窗口前flush防抖数据(flushSaveToDB)
- D6: 搜索替换支持正则表达式

类型/架构:
- C2: preload类型集中定义(ElectronAPI契约)
- __pycache__ typo修复

文档/版本:
- README/DESIGN同步为Milkdown + v0.3.10
- 项目结构树/技术栈/快捷键表更新

验证: typecheck(仅7预存), lint✅, test 96/96, vite build✅

DESIGN.md

@@ -1,8 +1,8 @@
-# MarkLite v0.1.1 — 架构设计文档
+# MarkLite v0.3.10 — 架构设计文档
 
 ## 1. 项目概述
 
-MarkLite 是一款轻量级的 Windows 本地 Markdown 编辑器桌面应用程序。基于 Electron + React + TypeScript 构建，采用 CodeMirror 6 编辑器、Zustand 状态管理、IndexedDB 持久化、unified/rehype Markdown 渲染管线。
+MarkLite 是一款轻量级的 Windows 本地 Markdown 编辑器桌面应用程序。基于 Electron + React + TypeScript 构建，采用 Milkdown v7 WYSIWYG 编辑器 + 源码编辑模式、Zustand 状态管理、IndexedDB 持久化、unified/rehype Markdown 渲染管线。
 
 ### 1.1 核心原则
 
@@ -20,7 +20,7 @@ MarkLite 是一款轻量级的 Windows 本地 Markdown 编辑器桌面应用程
 | 桌面框架 | Electron | v28 | 跨平台桌面应用框架 |
 | 前端框架 | React | v18 | 函数组件 + Hooks |
 | 类型系统 | TypeScript | v5.6 | 全量类型安全 |
-| 编辑器 | CodeMirror | v6 | 现代化代码编辑器 |
+| 编辑器 | Milkdown | v7 | WYSIWYG 编辑器 + 源码编辑模式 |
 | 状态管理 | Zustand | v5 | 轻量级状态管理 |
 | 持久化 | Dexie.js (IndexedDB) | v4 | 标签页状态 / 用户设置 / 最近文件 |
 | Markdown 解析 | unified / remark / rehype | v11 | 插件化渲染管线 |
@@ -44,29 +44,36 @@ MarkLite 是一款轻量级的 Windows 本地 Markdown 编辑器桌面应用程
 ┌───────────────────────▼──────────────────────────────────────┐
 │            Preload Script (src/preload/)  1 文件              │
 │  index.ts           contextBridge 类型安全暴露                │
-│  electronAPI        22 个方法/事件的类型安全接口               │
+│  electronAPI        18 个方法/事件的类型安全接口               │
 └───────────────────────┬──────────────────────────────────────┘
                         │
 ┌───────────────────────▼──────────────────────────────────────┐
 │       Renderer Process (src/renderer/)  React 18             │
 │                                                               │
-│  components/ (11)   Toolbar · TabBar · Editor · Preview       │
-│                     Sidebar · StatusBar · WelcomeScreen       │
-│                     Toast · ModifiedBanner · DropOverlay      │
+│  components/ (23)  Toolbar · TabBar · Editor · EditorToolbar  │
+│                    SourceEditor · Preview · Sidebar · FileTree│
+│                    OutlinePanel · StatusBar · WelcomeScreen   │
+│                    Toast · ConfirmDialog · ModifiedBanner     │
+│                    SearchReplace · DropOverlay · ErrorBoundary│
+│                    AboutDialog · LoadingSpinner · Icons       │
 │                                                               │
 │  stores/ (3)        tabStore · editorStore · sidebarStore     │
-│  hooks/ (6)         useTheme · useSettings · useKeyboard      │
-│                     useDragDrop · useFileWatch · useUnsaved   │
-│  lib/ (3)           markdown · fileUtils · constants          │
-│  db/ (4)            schema · tab · settings · recentFiles     │
-│  types/ (6)         tab · file · settings · ipc · index       │
+│  hooks/ (19)        useTheme · useSettings · useSettingsInit │
+│                     useKeyboard · useDragDrop · useFileWatch  │
+│                     useAutoSave · useIpcListeners ...          │
+│  lib/ (4)           markdown · fileUtils · errorHandler       │
+│                     constants                                  │
+│  db/ (4)            schema · tabRepository · settingsRepo     │
+│                     recentFilesRepository                     │
+│  types/ (5)         tab · file · settings · ipc · index       │
 │  styles/ (3)        variables · global · markdown-body        │
 └──────────────────────────────────────────────────────────────┘
 
 ┌──────────────────────────────────────────────────────────────┐
-│               Shared (src/shared/)  2 文件                    │
+│               Shared (src/shared/)  3 文件                    │
 │  ipc-channels.ts    IPC 通道名常量                            │
 │  types.ts           共享类型定义                              │
+│  constants.ts       共享常量 (版本号、文件大小限制等)          │
 └──────────────────────────────────────────────────────────────┘
 ```
 
@@ -205,21 +212,30 @@ db.version(1).stores({
 | `window:confirmClose` | 无 | 请求确认关闭 |
 | `sidebar:dirChanged` | 无 | 目录结构变化 |
 
-## 6. 编辑器架构 — CodeMirror 6
+## 6. 编辑器架构 — Milkdown v7 (WYSIWYG) + SourceEditor (textarea)
 
-### 6.1 功能特性
+### 6.1 双编辑模式
 
-- Markdown 语法高亮
-- 行号显示
-- 代码折叠 (foldGutter)
-- 括号匹配 (bracketMatching)
-- 搜索替换 (search) — 中文本地化
-- 历史记录 (history) — 支持 undo/redo
-- Tab 缩进 (indentWithTab)
-- 自动换行 (lineWrapping)
-- 暗色主题 (oneDark)
+- **编辑模式 (Milkdown)**：基于 ProseMirror 的 WYSIWYG Markdown 编辑器，支持格式化工具栏（粗体/斜体/删除线/标题/列表/引用/代码块/链接/图片/分割线）、搜索替换面板（含正则支持）、自动配对括号/引号、undo/redo
+- **源码模式 (SourceEditor)**：原生 textarea 控制 Markdown 原文，支持 Tab 缩进、Ctrl+B/I 快捷键
 
-### 6.2 滚动与选区持久化
+两种模式共享同一 tabStore 数据源，可随时切换。
+
+### 6.2 插件体系
+
+| 插件 | 说明 |
+|------|------|
+| commonmark | 基础 Markdown 语法 |
+| gfm | GitHub Flavored Markdown（表格/任务列表/删除线等） |
+| history | undo/redo |
+| listener | 内容变更监听 |
+| indent | Tab 缩进 |
+| trailing | 尾随换行 |
+| clipboard | 剪贴板增强 |
+| searchPlugin (自研) | 搜索高亮装饰 |
+| autoPairPlugin (自研) | 自动配对括号/引号 |
+
+### 6.3 滚动与选区持久化
 
 切换标签时自动保存/恢复：
 - 滚动位置 (`scrollTop`)