Merge pull request #293 from hicccc77/dev

Dev
修复实时更新偶发失效的问题；删除AI对话有关组件与依赖
2026-03-26 15:45:51 +00:00 · 2026-02-22 15:26:46 +08:00 · 2026-02-22 15:26:13 +08:00 · 2026-02-22 14:26:44 +08:00 · 2026-02-22 14:26:41 +08:00 · 2026-02-22 13:02:04 +08:00
38 changed files with 1278 additions and 3787 deletions
--- a/README.md
+++ b/README.md
@@ -19,6 +19,7 @@ WeFlow 是一个**完全本地**的微信**实时**聊天记录查看、分析
 </a>
 <a href="https://github.com/hicccc77/WeFlow/issues">
 <img src="https://img.shields.io/github/issues/hicccc77/WeFlow?style=flat-square" alt="Issues">
+<img src="https://gh-down-badges.linkof.link/hicccc77/WeFlow/" alt="Downloads" />
 </a>
 <a href="https://t.me/weflow_cc">
 <img src="https://img.shields.io/badge/Telegram%20频道-0088cc?style=flat-square&logo=telegram&logoColor=0088cc&labelColor=white" alt="Telegram">
--- a/electron/main.ts
+++ b/electron/main.ts
@@ -21,7 +21,7 @@ import { videoService } from './services/videoService'
 import { snsService, isVideoUrl } from './services/snsService'
 import { contactExportService } from './services/contactExportService'
 import { windowsHelloService } from './services/windowsHelloService'
-import { llamaService } from './services/llamaService'
+
 import { registerNotificationHandlers, showNotification } from './windows/notificationWindow'
 import { httpService } from './services/httpService'

@@ -173,6 +173,20 @@ function createWindow(options: { autoShow?: boolean } = {}) {
    }
  )

+  // 忽略微信 CDN 域名的证书错误（部分节点证书配置不正确）
+  win.webContents.on('certificate-error', (event, url, _error, _cert, callback) => {
+    const trusted = ['.qq.com', '.qpic.cn', '.weixin.qq.com', '.wechat.com']
+    try {
+      const host = new URL(url).hostname
+      if (trusted.some(d => host.endsWith(d))) {
+        event.preventDefault()
+        callback(true)
+        return
+      }
+    } catch {}
+    callback(false)
+  })
+
  return win
 }

@@ -811,63 +825,6 @@ function registerIpcHandlers() {
    return await chatService.getContact(username)
  })

-  // Llama AI
-  ipcMain.handle('llama:init', async () => {
-    return await llamaService.init()
-  })
-
-  ipcMain.handle('llama:loadModel', async (_, modelPath: string) => {
-    return llamaService.loadModel(modelPath)
-  })
-
-  ipcMain.handle('llama:createSession', async (_, systemPrompt?: string) => {
-    return llamaService.createSession(systemPrompt)
-  })
-
-  ipcMain.handle('llama:chat', async (event, message: string, options?: { thinking?: boolean }) => {
-    // We use a callback to stream back to the renderer
-    const webContents = event.sender
-    try {
-      if (!webContents) return { success: false, error: 'No sender' }
-
-      const response = await llamaService.chat(message, options, (token) => {
-        if (!webContents.isDestroyed()) {
-          webContents.send('llama:token', token)
-        }
-      })
-      return { success: true, response }
-    } catch (e) {
-      return { success: false, error: String(e) }
-    }
-  })
-
-  ipcMain.handle('llama:downloadModel', async (event, url: string, savePath: string) => {
-    const webContents = event.sender
-    try {
-      await llamaService.downloadModel(url, savePath, (payload) => {
-        if (!webContents.isDestroyed()) {
-          webContents.send('llama:downloadProgress', payload)
-        }
-      })
-      return { success: true }
-    } catch (e) {
-      return { success: false, error: String(e) }
-    }
-  })
-
-  ipcMain.handle('llama:getModelsPath', async () => {
-    return llamaService.getModelsPath()
-  })
-
-  ipcMain.handle('llama:checkFileExists', async (_, filePath: string) => {
-    const { existsSync } = await import('fs')
-    return existsSync(filePath)
-  })
-
-  ipcMain.handle('llama:getModelStatus', async (_, modelPath: string) => {
-    return llamaService.getModelStatus(modelPath)
-  })
-

  ipcMain.handle('chat:getContactAvatar', async (_, username: string) => {
    return await chatService.getContactAvatar(username)
@@ -937,6 +894,10 @@ function registerIpcHandlers() {
    return snsService.getTimeline(limit, offset, usernames, keyword, startTime, endTime)
  })

+  ipcMain.handle('sns:getSnsUsernames', async () => {
+    return snsService.getSnsUsernames()
+  })
+
  ipcMain.handle('sns:debugResource', async (_, url: string) => {
    return snsService.debugResource(url)
  })
--- a/electron/preload.ts
+++ b/electron/preload.ts
@@ -276,6 +276,7 @@ contextBridge.exposeInMainWorld('electronAPI', {
  sns: {
    getTimeline: (limit: number, offset: number, usernames?: string[], keyword?: string, startTime?: number, endTime?: number) =>
      ipcRenderer.invoke('sns:getTimeline', limit, offset, usernames, keyword, startTime, endTime),
+    getSnsUsernames: () => ipcRenderer.invoke('sns:getSnsUsernames'),
    debugResource: (url: string) => ipcRenderer.invoke('sns:debugResource', url),
    proxyImage: (payload: { url: string; key?: string | number }) => ipcRenderer.invoke('sns:proxyImage', payload),
    downloadImage: (payload: { url: string; key?: string | number }) => ipcRenderer.invoke('sns:downloadImage', payload),
@@ -287,27 +288,6 @@ contextBridge.exposeInMainWorld('electronAPI', {
    selectExportDir: () => ipcRenderer.invoke('sns:selectExportDir')
  },

-  // Llama AI
-  llama: {
-    loadModel: (modelPath: string) => ipcRenderer.invoke('llama:loadModel', modelPath),
-    createSession: (systemPrompt?: string) => ipcRenderer.invoke('llama:createSession', systemPrompt),
-    chat: (message: string, options?: any) => ipcRenderer.invoke('llama:chat', message, options),
-    downloadModel: (url: string, savePath: string) => ipcRenderer.invoke('llama:downloadModel', url, savePath),
-    getModelsPath: () => ipcRenderer.invoke('llama:getModelsPath'),
-    checkFileExists: (filePath: string) => ipcRenderer.invoke('llama:checkFileExists', filePath),
-    getModelStatus: (modelPath: string) => ipcRenderer.invoke('llama:getModelStatus', modelPath),
-    onToken: (callback: (token: string) => void) => {
-      const listener = (_: any, token: string) => callback(token)
-      ipcRenderer.on('llama:token', listener)
-      return () => ipcRenderer.removeListener('llama:token', listener)
-    },
-    onDownloadProgress: (callback: (payload: { downloaded: number; total: number; speed: number }) => void) => {
-      const listener = (_: any, payload: { downloaded: number; total: number; speed: number }) => callback(payload)
-      ipcRenderer.on('llama:downloadProgress', listener)
-      return () => ipcRenderer.removeListener('llama:downloadProgress', listener)
-    }
-  },
-
  // HTTP API 服务
  http: {
    start: (port?: number) => ipcRenderer.invoke('http:start', port),
--- a/electron/services/chatService.ts
+++ b/electron/services/chatService.ts
@@ -103,7 +103,7 @@ export interface ContactInfo {
  remark?: string
  nickname?: string
  avatarUrl?: string
-  type: 'friend' | 'group' | 'official' | 'other'
+  type: 'friend' | 'group' | 'official' | 'former_friend' | 'other'
 }

 // 表情包缓存
@@ -603,7 +603,7 @@ class ChatService {
      // 使用execQuery直接查询加密的contact.db
      // kind='contact', path=null表示使用已打开的contact.db
      const contactQuery = `
-        SELECT username, remark, nick_name, alias, local_type
+        SELECT username, remark, nick_name, alias, local_type, flag, quan_pin
        FROM contact
      `

@@ -651,45 +651,23 @@ class ChatService {
      for (const row of rows) {
        const username = row.username || ''

-        // 过滤系统账号和特殊账号 - 完全复制cipher的逻辑
        if (!username) continue
-        if (username === 'filehelper' || username === 'fmessage' || username === 'floatbottle' ||
-          username === 'medianote' || username === 'newsapp' || username.startsWith('fake_') ||
-          username === 'weixin' || username === 'qmessage' || username === 'qqmail' ||
-          username === 'tmessage' || username.startsWith('wxid_') === false &&
-          username.includes('@') === false && username.startsWith('gh_') === false &&
-          /^[a-zA-Z0-9_-]+$/.test(username) === false) {
-          continue
-        }

-        // 判断类型 - 正确规则：wxid开头且有alias的是好友
-        let type: 'friend' | 'group' | 'official' | 'other' = 'other'
-        const localType = row.local_type || 0
+        const excludeNames = ['medianote', 'floatbottle', 'qmessage', 'qqmail', 'fmessage']
+        let type: 'friend' | 'group' | 'official' | 'former_friend' | 'other' = 'other'
+        const localType = this.getRowInt(row, ['local_type', 'localType', 'WCDB_CT_local_type'], 0)
+        const flag = Number(row.flag ?? 0)
+        const quanPin = this.getRowField(row, ['quan_pin', 'quanPin', 'WCDB_CT_quan_pin']) || ''

        if (username.includes('@chatroom')) {
          type = 'group'
        } else if (username.startsWith('gh_')) {
          type = 'official'
-        } else if (localType === 3 || localType === 4) {
-          type = 'official'
-        } else if (username.startsWith('wxid_') && row.alias) {
-          // wxid开头且有alias的是好友
+        } else if (/^(?!.*(gh_|@chatroom)).*$/.test(username) && localType === 1 && !excludeNames.includes(username)) {
          type = 'friend'
-        } else if (localType === 1) {
-          // local_type=1 也是好友
-          type = 'friend'
-        } else if (localType === 2) {
-          // local_type=2 是群成员但非好友，跳过
-          continue
-        } else if (localType === 0) {
-          // local_type=0 可能是好友或其他，检查是否有备注或昵称
-          if (row.remark || row.nick_name) {
-            type = 'friend'
-          } else {
-            continue
-          }
+        } else if (/^(?!.*(gh_|@chatroom)).*$/.test(username) && localType === 0 && quanPin) {
+          type = 'former_friend'
        } else {
-          // 其他未知类型，跳过
          continue
        }

--- a/electron/services/llamaService.ts
+++ b/electron/services/llamaService.ts
@@ -1,371 +0,0 @@
-import fs from "fs";
-import { app, BrowserWindow } from "electron";
-import path from "path";
-import { ConfigService } from './config';
-
-// Define interfaces locally to avoid static import of types that might not be available or cause issues
-type LlamaModel = any;
-type LlamaContext = any;
-type LlamaChatSession = any;
-
-export class LlamaService {
-    private _model: LlamaModel | null = null;
-    private _context: LlamaContext | null = null;
-    private _sequence: any = null;
-    private _session: LlamaChatSession | null = null;
-    private _llama: any = null;
-    private _nodeLlamaCpp: any = null;
-    private configService = new ConfigService();
-    private _initialized = false;
-
-    constructor() {
-        // 延迟初始化，只在需要时初始化
-    }
-
-    public async init() {
-        if (this._initialized) return;
-        
-        try {
-            // Dynamic import to handle ESM module in CJS context
-            this._nodeLlamaCpp = await import("node-llama-cpp");
-            this._llama = await this._nodeLlamaCpp.getLlama();
-            this._initialized = true;
-            console.log("[LlamaService] Llama initialized");
-        } catch (error) {
-            console.error("[LlamaService] Failed to initialize Llama:", error);
-        }
-    }
-
-    public async loadModel(modelPath: string) {
-        if (!this._llama) await this.init();
-
-        try {
-            console.log("[LlamaService] Loading model from:", modelPath);
-            if (!this._llama) {
-                throw new Error("Llama not initialized");
-            }
-            this._model = await this._llama.loadModel({
-                modelPath: modelPath,
-                gpuLayers: 'max', // Offload all layers to GPU if possible
-                useMlock: false   // Disable mlock to avoid "VirtualLock" errors (common on Windows)
-            });
-
-            if (!this._model) throw new Error("Failed to load model");
-
-            this._context = await this._model.createContext({
-                contextSize: 8192, // Balanced context size for better performance
-                batchSize: 2048    // Increase batch size for better prompt processing speed
-            });
-
-            if (!this._context) throw new Error("Failed to create context");
-
-            this._sequence = this._context.getSequence();
-
-            const { LlamaChatSession } = this._nodeLlamaCpp;
-            this._session = new LlamaChatSession({
-                contextSequence: this._sequence
-            });
-
-            console.log("[LlamaService] Model loaded successfully");
-            return true;
-        } catch (error) {
-            console.error("[LlamaService] Failed to load model:", error);
-            throw error;
-        }
-    }
-
-    public async createSession(systemPrompt?: string) {
-        if (!this._context) throw new Error("Model not loaded");
-        if (!this._nodeLlamaCpp) await this.init();
-
-        const { LlamaChatSession } = this._nodeLlamaCpp;
-
-        if (!this._sequence) {
-            this._sequence = this._context.getSequence();
-        }
-
-        this._session = new LlamaChatSession({
-            contextSequence: this._sequence,
-            systemPrompt: systemPrompt
-        });
-
-        return true;
-    }
-
-    public async chat(message: string, options: { thinking?: boolean } = {}, onToken: (token: string) => void) {
-        if (!this._session) throw new Error("Session not initialized");
-
-        const thinking = options.thinking ?? false;
-
-        // Sampling parameters based on mode
-        const samplingParams = thinking ? {
-            temperature: 0.6,
-            topP: 0.95,
-            topK: 20,
-            repeatPenalty: 1.5 // PresencePenalty=1.5
-        } : {
-            temperature: 0.7,
-            topP: 0.8,
-            topK: 20,
-            repeatPenalty: 1.5
-        };
-
-        try {
-            const response = await this._session.prompt(message, {
-                ...samplingParams,
-                onTextChunk: (chunk: string) => {
-                    onToken(chunk);
-                }
-            });
-            return response;
-        } catch (error) {
-            console.error("[LlamaService] Chat error:", error);
-            throw error;
-        }
-    }
-
-    public async getModelStatus(modelPath: string) {
-        try {
-            const exists = fs.existsSync(modelPath);
-            if (!exists) {
-                return { exists: false, path: modelPath };
-            }
-            const stats = fs.statSync(modelPath);
-            return {
-                exists: true,
-                path: modelPath,
-                size: stats.size
-            };
-        } catch (error) {
-            return { exists: false, error: String(error) };
-        }
-    }
-
-    private resolveModelDir(): string {
-        const configured = this.configService.get('whisperModelDir') as string | undefined;
-        if (configured) return configured;
-        return path.join(app.getPath('documents'), 'WeFlow', 'models');
-    }
-
-    public async downloadModel(url: string, savePath: string, onProgress: (payload: { downloaded: number; total: number; speed: number }) => void): Promise<void> {
-        // Ensure directory exists
-        const dir = path.dirname(savePath);
-        if (!fs.existsSync(dir)) {
-            fs.mkdirSync(dir, { recursive: true });
-        }
-
-        console.info(`[LlamaService] Multi-threaded download check for: ${savePath}`);
-
-        if (fs.existsSync(savePath)) {
-            fs.unlinkSync(savePath);
-        }
-
-        // 1. Get total size and check range support
-        let probeResult;
-        try {
-            probeResult = await this.probeUrl(url);
-        } catch (err) {
-            console.warn("[LlamaService] Probe failed, falling back to single-thread.", err);
-            return this.downloadSingleThread(url, savePath, onProgress);
-        }
-
-        const { totalSize, acceptRanges, finalUrl } = probeResult;
-        console.log(`[LlamaService] Total size: ${totalSize}, Accept-Ranges: ${acceptRanges}`);
-
-        if (totalSize <= 0 || !acceptRanges) {
-            console.warn("[LlamaService] Ranges not supported or size unknown, falling back to single-thread.");
-            return this.downloadSingleThread(finalUrl, savePath, onProgress);
-        }
-
-        const threadCount = 4;
-        const chunkSize = Math.ceil(totalSize / threadCount);
-        const fd = fs.openSync(savePath, 'w');
-
-        let downloadedLength = 0;
-        let lastDownloadedLength = 0;
-        let lastTime = Date.now();
-        let speed = 0;
-
-        const speedInterval = setInterval(() => {
-            const now = Date.now();
-            const duration = (now - lastTime) / 1000;
-            if (duration > 0) {
-                speed = (downloadedLength - lastDownloadedLength) / duration;
-                lastDownloadedLength = downloadedLength;
-                lastTime = now;
-                onProgress({ downloaded: downloadedLength, total: totalSize, speed });
-            }
-        }, 1000);
-
-        try {
-            const promises = [];
-            for (let i = 0; i < threadCount; i++) {
-                const start = i * chunkSize;
-                const end = i === threadCount - 1 ? totalSize - 1 : (i + 1) * chunkSize - 1;
-
-                promises.push(this.downloadChunk(finalUrl, fd, start, end, (bytes) => {
-                    downloadedLength += bytes;
-                }));
-            }
-
-            await Promise.all(promises);
-            console.log("[LlamaService] Multi-threaded download complete");
-
-            // Final progress update
-            onProgress({ downloaded: totalSize, total: totalSize, speed: 0 });
-        } catch (err) {
-            console.error("[LlamaService] Multi-threaded download failed:", err);
-            throw err;
-        } finally {
-            clearInterval(speedInterval);
-            fs.closeSync(fd);
-        }
-    }
-
-    private async probeUrl(url: string): Promise<{ totalSize: number, acceptRanges: boolean, finalUrl: string }> {
-        const protocol = url.startsWith('https') ? require('https') : require('http');
-        const options = {
-            method: 'GET',
-            headers: {
-                'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
-                'Referer': 'https://www.modelscope.cn/',
-                'Range': 'bytes=0-0'
-            }
-        };
-
-        return new Promise((resolve, reject) => {
-            const req = protocol.get(url, options, (res: any) => {
-                if ([301, 302, 307, 308].includes(res.statusCode)) {
-                    const location = res.headers.location;
-                    const nextUrl = new URL(location, url).href;
-                    this.probeUrl(nextUrl).then(resolve).catch(reject);
-                    return;
-                }
-
-                if (res.statusCode !== 206 && res.statusCode !== 200) {
-                    reject(new Error(`Probe failed: HTTP ${res.statusCode}`));
-                    return;
-                }
-
-                const contentRange = res.headers['content-range'];
-                let totalSize = 0;
-                if (contentRange) {
-                    const parts = contentRange.split('/');
-                    totalSize = parseInt(parts[parts.length - 1], 10);
-                } else {
-                    totalSize = parseInt(res.headers['content-length'] || '0', 10);
-                }
-
-                const acceptRanges = res.headers['accept-ranges'] === 'bytes' || !!contentRange;
-                resolve({ totalSize, acceptRanges, finalUrl: url });
-                res.destroy();
-            });
-            req.on('error', reject);
-        });
-    }
-
-    private async downloadChunk(url: string, fd: number, start: number, end: number, onData: (bytes: number) => void): Promise<void> {
-        const protocol = url.startsWith('https') ? require('https') : require('http');
-        const options = {
-            headers: {
-                'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
-                'Referer': 'https://www.modelscope.cn/',
-                'Range': `bytes=${start}-${end}`
-            }
-        };
-
-        return new Promise((resolve, reject) => {
-            const req = protocol.get(url, options, (res: any) => {
-                if (res.statusCode !== 206) {
-                    reject(new Error(`Chunk download failed: HTTP ${res.statusCode}`));
-                    return;
-                }
-
-                let currentOffset = start;
-                res.on('data', (chunk: Buffer) => {
-                    try {
-                        fs.writeSync(fd, chunk, 0, chunk.length, currentOffset);
-                        currentOffset += chunk.length;
-                        onData(chunk.length);
-                    } catch (err) {
-                        reject(err);
-                        res.destroy();
-                    }
-                });
-
-                res.on('end', () => resolve());
-                res.on('error', reject);
-            });
-            req.on('error', reject);
-        });
-    }
-
-    private async downloadSingleThread(url: string, savePath: string, onProgress: (payload: { downloaded: number; total: number; speed: number }) => void): Promise<void> {
-        return new Promise((resolve, reject) => {
-            const protocol = url.startsWith('https') ? require('https') : require('http');
-            const options = {
-                headers: {
-                    'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
-                    'Referer': 'https://www.modelscope.cn/'
-                }
-            };
-
-            const request = protocol.get(url, options, (response: any) => {
-                if ([301, 302, 307, 308].includes(response.statusCode)) {
-                    const location = response.headers.location;
-                    const nextUrl = new URL(location, url).href;
-                    this.downloadSingleThread(nextUrl, savePath, onProgress).then(resolve).catch(reject);
-                    return;
-                }
-
-                if (response.statusCode !== 200) {
-                    reject(new Error(`Fallback download failed: HTTP ${response.statusCode}`));
-                    return;
-                }
-
-                const totalLength = parseInt(response.headers['content-length'] || '0', 10);
-                let downloadedLength = 0;
-                let lastDownloadedLength = 0;
-                let lastTime = Date.now();
-                let speed = 0;
-
-                const fileStream = fs.createWriteStream(savePath);
-                response.pipe(fileStream);
-
-                const speedInterval = setInterval(() => {
-                    const now = Date.now();
-                    const duration = (now - lastTime) / 1000;
-                    if (duration > 0) {
-                        speed = (downloadedLength - lastDownloadedLength) / duration;
-                        lastDownloadedLength = downloadedLength;
-                        lastTime = now;
-                        onProgress({ downloaded: downloadedLength, total: totalLength, speed });
-                    }
-                }, 1000);
-
-                response.on('data', (chunk: any) => {
-                    downloadedLength += chunk.length;
-                });
-
-                fileStream.on('finish', () => {
-                    clearInterval(speedInterval);
-                    fileStream.close();
-                    resolve();
-                });
-
-                fileStream.on('error', (err: any) => {
-                    clearInterval(speedInterval);
-                    fs.unlink(savePath, () => { });
-                    reject(err);
-                });
-            });
-            request.on('error', reject);
-        });
-    }
-
-    public getModelsPath() {
-        return this.resolveModelDir();
-    }
-}
-
-export const llamaService = new LlamaService();
--- a/electron/services/snsService.ts
+++ b/electron/services/snsService.ts
@@ -147,6 +147,18 @@ class SnsService {
        return join(this.getSnsCacheDir(), `${hash}${ext}`)
    }

+    // 获取所有发过朋友圈的用户名列表
+    async getSnsUsernames(): Promise<{ success: boolean; usernames?: string[]; error?: string }> {
+        const result = await wcdbService.execQuery('sns', null, 'SELECT DISTINCT user_name FROM SnsTimeLine')
+        if (!result.success || !result.rows) {
+            // 尝试 userName 列名
+            const result2 = await wcdbService.execQuery('sns', null, 'SELECT DISTINCT userName FROM SnsTimeLine')
+            if (!result2.success || !result2.rows) return { success: false, error: result.error || result2.error }
+            return { success: true, usernames: result2.rows.map((r: any) => r.userName).filter(Boolean) }
+        }
+        return { success: true, usernames: result.rows.map((r: any) => r.user_name).filter(Boolean) }
+    }
+
    async getTimeline(limit: number = 20, offset: number = 0, usernames?: string[], keyword?: string, startTime?: number, endTime?: number): Promise<{ success: boolean; timeline?: SnsPost[]; error?: string }> {
        const result = await wcdbService.getSnsTimeline(limit, offset, usernames, keyword, startTime, endTime)

--- a/electron/services/wcdbCore.ts
+++ b/electron/services/wcdbCore.ts
@@ -66,8 +66,12 @@ export class WcdbCore {
  private wcdbVerifyUser: any = null
  private wcdbStartMonitorPipe: any = null
  private wcdbStopMonitorPipe: any = null
+  private wcdbGetMonitorPipeName: any = null

  private monitorPipeClient: any = null
+  private monitorCallback: ((type: string, json: string) => void) | null = null
+  private monitorReconnectTimer: any = null
+  private monitorPipePath: string = ''


  private avatarUrlCache: Map<string, { url?: string; updatedAt: number }> = new Map()
@@ -92,63 +96,94 @@ export class WcdbCore {
  // 使用命名管道 IPC
  startMonitor(callback: (type: string, json: string) => void): boolean {
    if (!this.wcdbStartMonitorPipe) {
-      this.writeLog('startMonitor: wcdbStartMonitorPipe not available')
      return false
    }

+    this.monitorCallback = callback
+
    try {
      const result = this.wcdbStartMonitorPipe()
      if (result !== 0) {
-        this.writeLog(`startMonitor: wcdbStartMonitorPipe failed with ${result}`)
        return false
      }

-      const net = require('net')
-      const PIPE_PATH = '\\\\.\\pipe\\weflow_monitor'
-
-      setTimeout(() => {
-        this.monitorPipeClient = net.createConnection(PIPE_PATH, () => {
-          this.writeLog('Monitor pipe connected')
-        })
-
-        let buffer = ''
-        this.monitorPipeClient.on('data', (data: Buffer) => {
-          buffer += data.toString('utf8')
-          const lines = buffer.split('\n')
-          buffer = lines.pop() || ''
-          for (const line of lines) {
-            if (line.trim()) {
-              try {
-                const parsed = JSON.parse(line)
-                callback(parsed.action || 'update', line)
-              } catch {
-                callback('update', line)
-              }
-            }
+      // 从 DLL 获取动态管道名（含 PID）
+      let pipePath = '\\\\.\\pipe\\weflow_monitor'
+      if (this.wcdbGetMonitorPipeName) {
+        try {
+          const namePtr = [null as any]
+          if (this.wcdbGetMonitorPipeName(namePtr) === 0 && namePtr[0]) {
+            pipePath = this.koffi.decode(namePtr[0], 'char', -1)
+            this.wcdbFreeString(namePtr[0])
          }
-        })
+        } catch {}
+      }

-        this.monitorPipeClient.on('error', (err: Error) => {
-          this.writeLog(`Monitor pipe error: ${err.message}`)
-        })
-
-        this.monitorPipeClient.on('close', () => {
-          this.writeLog('Monitor pipe closed')
-          this.monitorPipeClient = null
-        })
-      }, 100)
-
-      this.writeLog('Monitor started via named pipe IPC')
+      this.connectMonitorPipe(pipePath)
      return true
    } catch (e) {
-      console.error('打开数据库异常:', e)
+      console.error('[wcdbCore] startMonitor exception:', e)
      return false
    }
  }

+  // 连接命名管道，支持断开后自动重连
+  private connectMonitorPipe(pipePath: string) {
+    this.monitorPipePath = pipePath
+    const net = require('net')
+
+    setTimeout(() => {
+      if (!this.monitorCallback) return
+
+      this.monitorPipeClient = net.createConnection(this.monitorPipePath, () => {
+      })
+
+      let buffer = ''
+      this.monitorPipeClient.on('data', (data: Buffer) => {
+        buffer += data.toString('utf8')
+        const lines = buffer.split('\n')
+        buffer = lines.pop() || ''
+        for (const line of lines) {
+          if (line.trim()) {
+            try {
+              const parsed = JSON.parse(line)
+              this.monitorCallback?.(parsed.action || 'update', line)
+            } catch {
+              this.monitorCallback?.('update', line)
+            }
+          }
+        }
+      })
+
+      this.monitorPipeClient.on('error', () => {
+      })
+
+      this.monitorPipeClient.on('close', () => {
+        this.monitorPipeClient = null
+        this.scheduleReconnect()
+      })
+    }, 100)
+  }
+
+  // 定时重连
+  private scheduleReconnect() {
+    if (this.monitorReconnectTimer || !this.monitorCallback) return
+    this.monitorReconnectTimer = setTimeout(() => {
+      this.monitorReconnectTimer = null
+      if (this.monitorCallback && !this.monitorPipeClient) {
+        this.connectMonitorPipe(this.monitorPipePath)
+      }
+    }, 3000)
+  }
+


  stopMonitor(): void {
+    this.monitorCallback = null
+    if (this.monitorReconnectTimer) {
+      clearTimeout(this.monitorReconnectTimer)
+      this.monitorReconnectTimer = null
+    }
    if (this.monitorPipeClient) {
      this.monitorPipeClient.destroy()
      this.monitorPipeClient = null
@@ -569,11 +604,13 @@ export class WcdbCore {
      try {
        this.wcdbStartMonitorPipe = this.lib.func('int32 wcdb_start_monitor_pipe()')
        this.wcdbStopMonitorPipe = this.lib.func('void wcdb_stop_monitor_pipe()')
+        this.wcdbGetMonitorPipeName = this.lib.func('int32 wcdb_get_monitor_pipe_name(_Out_ void** outName)')
        this.writeLog('Monitor pipe functions loaded')
      } catch (e) {
        console.warn('Failed to load monitor pipe functions:', e)
        this.wcdbStartMonitorPipe = null
        this.wcdbStopMonitorPipe = null
+        this.wcdbGetMonitorPipeName = null
      }

      // void VerifyUser(int64_t hwnd_ptr, const char* message, char* out_result, int max_len)
--- a/electron/services/wcdbService.ts
+++ b/electron/services/wcdbService.ts
@@ -136,7 +136,6 @@ export class WcdbService {
   */
  setMonitor(callback: (type: string, json: string) => void): void {
    this.monitorListener = callback;
-    // Notify worker to enable monitor
    this.callWorker('setMonitor').catch(() => { });
  }

--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -32,7 +32,6 @@
    "jszip": "^3.10.1",
    "koffi": "^2.9.0",
    "lucide-react": "^0.562.0",
-    "node-llama-cpp": "^3.15.1",
    "react": "^19.2.3",
    "react-dom": "^19.2.3",
    "react-markdown": "^10.1.0",
--- a/resources/wcdb_api.dll
+++ b/resources/wcdb_api.dll
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -22,10 +22,9 @@ import SnsPage from './pages/SnsPage'
 import ContactsPage from './pages/ContactsPage'
 import ChatHistoryPage from './pages/ChatHistoryPage'
 import NotificationWindow from './pages/NotificationWindow'
-import AIChatPage from './pages/AIChatPage'

 import { useAppStore } from './stores/appStore'
-import { themes, useThemeStore, type ThemeId } from './stores/themeStore'
+import { themes, useThemeStore, type ThemeId, type ThemeMode } from './stores/themeStore'
 import * as configService from './services/config'
 import { Download, X, Shield } from 'lucide-react'
 import './App.scss'
@@ -101,14 +100,27 @@ function App() {

  // 应用主题
  useEffect(() => {
-    document.documentElement.setAttribute('data-theme', currentTheme)
-    document.documentElement.setAttribute('data-mode', themeMode)
-
-    // 更新窗口控件颜色以适配主题
-    const symbolColor = themeMode === 'dark' ? '#ffffff' : '#1a1a1a'
-    if (!isOnboardingWindow && !isNotificationWindow) {
-      window.electronAPI.window.setTitleBarOverlay({ symbolColor })
+    const mq = window.matchMedia('(prefers-color-scheme: dark)')
+    const applyMode = (mode: ThemeMode, systemDark?: boolean) => {
+      const effectiveMode = mode === 'system' ? (systemDark ?? mq.matches ? 'dark' : 'light') : mode
+      document.documentElement.setAttribute('data-theme', currentTheme)
+      document.documentElement.setAttribute('data-mode', effectiveMode)
+      const symbolColor = effectiveMode === 'dark' ? '#ffffff' : '#1a1a1a'
+      if (!isOnboardingWindow && !isNotificationWindow) {
+        window.electronAPI.window.setTitleBarOverlay({ symbolColor })
+      }
    }
+
+    applyMode(themeMode)
+
+    // 监听系统主题变化
+    const handler = (e: MediaQueryListEvent) => {
+      if (useThemeStore.getState().themeMode === 'system') {
+        applyMode('system', e.matches)
+      }
+    }
+    mq.addEventListener('change', handler)
+    return () => mq.removeEventListener('change', handler)
  }, [currentTheme, themeMode, isOnboardingWindow, isNotificationWindow])

  // 读取已保存的主题设置
@@ -122,7 +134,7 @@ function App() {
        if (savedThemeId && themes.some((theme) => theme.id === savedThemeId)) {
          setTheme(savedThemeId as ThemeId)
        }
-        if (savedThemeMode === 'light' || savedThemeMode === 'dark') {
+        if (savedThemeMode === 'light' || savedThemeMode === 'dark' || savedThemeMode === 'system') {
          setThemeMode(savedThemeMode)
        }
      } catch (e) {
@@ -182,10 +194,12 @@ function App() {
    if (isNotificationWindow) return // Skip updates in notification window

    const removeUpdateListener = window.electronAPI?.app?.onUpdateAvailable?.((info: any) => {
-      // 发现新版本时自动打开更新弹窗
+      // 发现新版本时保存更新信息，锁定状态下不弹窗，解锁后再显示
      if (info) {
        setUpdateInfo({ ...info, hasUpdate: true })
-        setShowUpdateDialog(true)
+        if (!useAppStore.getState().isLocked) {
+          setShowUpdateDialog(true)
+        }
      }
    })
    const removeProgressListener = window.electronAPI?.app?.onDownloadProgress?.((progress: any) => {
@@ -197,6 +211,13 @@ function App() {
    }
  }, [setUpdateInfo, setDownloadProgress, setShowUpdateDialog, isNotificationWindow])

+  // 解锁后显示暂存的更新弹窗
+  useEffect(() => {
+    if (!isLocked && updateInfo?.hasUpdate && !showUpdateDialog && !isDownloading) {
+      setShowUpdateDialog(true)
+    }
+  }, [isLocked])
+
  const handleUpdateNow = async () => {
    setShowUpdateDialog(false)
    setIsDownloading(true)
@@ -435,7 +456,7 @@ function App() {
              <Route path="/" element={<HomePage />} />
              <Route path="/home" element={<HomePage />} />
              <Route path="/chat" element={<ChatPage />} />
-              <Route path="/ai-chat" element={<AIChatPage />} />
+
              <Route path="/analytics" element={<AnalyticsWelcomePage />} />
              <Route path="/analytics/view" element={<AnalyticsPage />} />
              <Route path="/group-analytics" element={<GroupAnalyticsPage />} />
--- a/src/components/DateRangePicker.scss
+++ b/src/components/DateRangePicker.scss
@@ -139,6 +139,18 @@
      font-size: 14px;
      font-weight: 600;
      color: var(--text-primary);
+
+      &.clickable {
+        cursor: pointer;
+        border-radius: 6px;
+        padding: 2px 8px;
+        transition: all 0.15s;
+
+        &:hover {
+          background: var(--bg-hover);
+          color: var(--primary);
+        }
+      }
    }
  }

@@ -212,4 +224,68 @@
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
  }
+
+  .year-month-picker {
+    padding: 4px 0;
+
+    .year-selector {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 12px;
+
+      .year-label {
+        font-size: 15px;
+        font-weight: 600;
+        color: var(--text-primary);
+      }
+
+      .nav-btn {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 28px;
+        height: 28px;
+        padding: 0;
+        border: none;
+        background: var(--bg-tertiary);
+        border-radius: 6px;
+        cursor: pointer;
+        color: var(--text-secondary);
+        transition: all 0.15s;
+
+        &:hover {
+          background: var(--bg-hover);
+          color: var(--text-primary);
+        }
+      }
+    }
+
+    .month-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 6px;
+
+      .month-btn {
+        padding: 8px 0;
+        border: none;
+        background: transparent;
+        border-radius: 8px;
+        cursor: pointer;
+        font-size: 13px;
+        color: var(--text-secondary);
+        transition: all 0.15s;
+
+        &:hover {
+          background: var(--bg-hover);
+          color: var(--text-primary);
+        }
+
+        &.active {
+          background: var(--primary);
+          color: #fff;
+        }
+      }
+    }
+  }
 }
--- a/src/components/DateRangePicker.tsx
+++ b/src/components/DateRangePicker.tsx
@@ -26,6 +26,7 @@ function DateRangePicker({ startDate, endDate, onStartDateChange, onEndDateChang
  const [isOpen, setIsOpen] = useState(false)
  const [currentMonth, setCurrentMonth] = useState(new Date())
  const [selectingStart, setSelectingStart] = useState(true)
+  const [showYearMonthPicker, setShowYearMonthPicker] = useState(false)
  const containerRef = useRef<HTMLDivElement>(null)

  // 点击外部关闭
@@ -185,12 +186,38 @@ function DateRangePicker({ startDate, endDate, onStartDateChange, onEndDateChang
              <button className="nav-btn" onClick={() => setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1))}>
                <ChevronLeft size={16} />
              </button>
-              <span className="month-year">{currentMonth.getFullYear()}年 {MONTH_NAMES[currentMonth.getMonth()]}</span>
+              <span className="month-year clickable" onClick={() => setShowYearMonthPicker(!showYearMonthPicker)}>
+                {currentMonth.getFullYear()}年 {MONTH_NAMES[currentMonth.getMonth()]}
+              </span>
              <button className="nav-btn" onClick={() => setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1))}>
                <ChevronRight size={16} />
              </button>
            </div>
-            {renderCalendar()}
+            {showYearMonthPicker ? (
+              <div className="year-month-picker">
+                <div className="year-selector">
+                  <button className="nav-btn" onClick={() => setCurrentMonth(new Date(currentMonth.getFullYear() - 1, currentMonth.getMonth()))}>
+                    <ChevronLeft size={14} />
+                  </button>
+                  <span className="year-label">{currentMonth.getFullYear()}年</span>
+                  <button className="nav-btn" onClick={() => setCurrentMonth(new Date(currentMonth.getFullYear() + 1, currentMonth.getMonth()))}>
+                    <ChevronRight size={14} />
+                  </button>
+                </div>
+                <div className="month-grid">
+                  {MONTH_NAMES.map((name, i) => (
+                    <button
+                      key={i}
+                      className={`month-btn ${i === currentMonth.getMonth() ? 'active' : ''}`}
+                      onClick={() => {
+                        setCurrentMonth(new Date(currentMonth.getFullYear(), i))
+                        setShowYearMonthPicker(false)
+                      }}
+                    >{name}</button>
+                  ))}
+                </div>
+              </div>
+            ) : renderCalendar()}
            <div className="selection-hint">
              {selectingStart ? '请选择开始日期' : '请选择结束日期'}
            </div>
--- a/src/components/GlobalSessionMonitor.tsx
+++ b/src/components/GlobalSessionMonitor.tsx
@@ -14,7 +14,6 @@ export function GlobalSessionMonitor() {
    } = useChatStore()

    const sessionsRef = useRef(sessions)
-
    // 保持 ref 同步
    useEffect(() => {
        sessionsRef.current = sessions
@@ -47,9 +46,10 @@ export function GlobalSessionMonitor() {
            return () => {
                removeListener()
            }
+        } else {
        }
        return () => { }
-    }, []) // 空依赖数组 - 主要是静态的
+    }, [])

    const refreshSessions = async () => {
        try {
--- a/src/components/JumpToDateDialog.scss
+++ b/src/components/JumpToDateDialog.scss
@@ -75,6 +75,18 @@
            font-size: 15px;
            font-weight: 600;
            color: var(--text-primary);
+
+            &.clickable {
+                cursor: pointer;
+                border-radius: 6px;
+                padding: 2px 8px;
+                transition: all 0.15s;
+
+                &:hover {
+                    background: var(--bg-hover);
+                    color: var(--primary);
+                }
+            }
        }

        .nav-btn {
@@ -97,6 +109,70 @@
            }
        }
    }
+
+    .year-month-picker {
+        padding: 4px 0;
+
+        .year-selector {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            margin-bottom: 12px;
+
+            .year-label {
+                font-size: 15px;
+                font-weight: 600;
+                color: var(--text-primary);
+            }
+
+            .nav-btn {
+                width: 32px;
+                height: 32px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                background: var(--bg-secondary);
+                border: 1px solid var(--border-color);
+                border-radius: 8px;
+                color: var(--text-secondary);
+                cursor: pointer;
+                transition: all 0.2s;
+
+                &:hover {
+                    background: var(--bg-hover);
+                    border-color: var(--primary);
+                    color: var(--primary);
+                }
+            }
+        }
+
+        .month-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 6px;
+
+            .month-btn {
+                padding: 10px 0;
+                border: none;
+                background: transparent;
+                border-radius: 8px;
+                cursor: pointer;
+                font-size: 13px;
+                color: var(--text-secondary);
+                transition: all 0.15s;
+
+                &:hover {
+                    background: var(--bg-hover);
+                    color: var(--text-primary);
+                }
+
+                &.active {
+                    background: var(--primary);
+                    color: #fff;
+                }
+            }
+        }
+    }
 }

 .calendar-grid {
--- a/src/components/JumpToDateDialog.tsx
+++ b/src/components/JumpToDateDialog.tsx
@@ -24,6 +24,7 @@ const JumpToDateDialog: React.FC<JumpToDateDialogProps> = ({
    const isValidDate = (d: any) => d instanceof Date && !isNaN(d.getTime())
    const [calendarDate, setCalendarDate] = useState(isValidDate(currentDate) ? new Date(currentDate) : new Date())
    const [selectedDate, setSelectedDate] = useState(new Date(currentDate))
+    const [showYearMonthPicker, setShowYearMonthPicker] = useState(false)

    if (!isOpen) return null

@@ -137,7 +138,7 @@ const JumpToDateDialog: React.FC<JumpToDateDialogProps> = ({
                        >
                            <ChevronLeft size={18} />
                        </button>
-                        <span className="current-month">
+                        <span className="current-month clickable" onClick={() => setShowYearMonthPicker(!showYearMonthPicker)}>
                            {calendarDate.getFullYear()}年{calendarDate.getMonth() + 1}月
                        </span>
                        <button
@@ -148,6 +149,31 @@ const JumpToDateDialog: React.FC<JumpToDateDialogProps> = ({
                        </button>
                    </div>

+                    {showYearMonthPicker ? (
+                        <div className="year-month-picker">
+                            <div className="year-selector">
+                                <button className="nav-btn" onClick={() => setCalendarDate(new Date(calendarDate.getFullYear() - 1, calendarDate.getMonth(), 1))}>
+                                    <ChevronLeft size={16} />
+                                </button>
+                                <span className="year-label">{calendarDate.getFullYear()}年</span>
+                                <button className="nav-btn" onClick={() => setCalendarDate(new Date(calendarDate.getFullYear() + 1, calendarDate.getMonth(), 1))}>
+                                    <ChevronRight size={16} />
+                                </button>
+                            </div>
+                            <div className="month-grid">
+                                {['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'].map((name, i) => (
+                                    <button
+                                        key={i}
+                                        className={`month-btn ${i === calendarDate.getMonth() ? 'active' : ''}`}
+                                        onClick={() => {
+                                            setCalendarDate(new Date(calendarDate.getFullYear(), i, 1))
+                                            setShowYearMonthPicker(false)
+                                        }}
+                                    >{name}</button>
+                                ))}
+                            </div>
+                        </div>
+                    ) : (
                    <div className={`calendar-grid ${loadingDates ? 'loading' : ''}`}>
                        {loadingDates && (
                            <div className="calendar-loading">
@@ -174,6 +200,7 @@ const JumpToDateDialog: React.FC<JumpToDateDialogProps> = ({
                            ))}
                        </div>
                    </div>
+                    )}
                </div>

                <div className="quick-options">
--- a/src/components/NotificationToast.scss
+++ b/src/components/NotificationToast.scss
@@ -6,6 +6,13 @@
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--border-light);
+
+    // 浅色模式下使用不透明背景，避免透明窗口中通知过于透明
+    [data-mode="light"] &,
+    :not([data-mode]) & {
+        background: rgba(255, 255, 255, 1);
+    }
+
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    padding: 12px;
@@ -39,7 +46,7 @@
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;

-        // Ensure background is solid
+        // 确保背景不透明
        background: var(--bg-secondary, #2c2c2c);
        color: var(--text-primary, #ffffff);

--- a/src/components/Sns/SnsFilterPanel.tsx
+++ b/src/components/Sns/SnsFilterPanel.tsx
@@ -138,7 +138,7 @@ export const SnsFilterPanel: React.FC<SnsFilterPanelProps> = ({
                        />
                        <Search size={14} className="search-icon" />
                        {contactSearch && (
-                            <X size={14} className="clear-icon" onClick={() => setContactSearch('')} style={{ right: 8, top: 8, position: 'absolute', cursor: 'pointer', color: 'var(--text-tertiary)' }} />
+                            <X size={14} className="clear-icon" onClick={() => setContactSearch('')} />
                        )}
                    </div>

--- a/src/components/Sns/SnsMediaGrid.tsx
+++ b/src/components/Sns/SnsMediaGrid.tsx
@@ -1,5 +1,5 @@
-import React, { useState } from 'react'
-import { Play, Lock, Download } from 'lucide-react'
+import React, { useState, useRef } from 'react'
+import { Play, Lock, Download, ImageOff } from 'lucide-react'
 import { LivePhotoIcon } from '../../components/LivePhotoIcon'
 import { RefreshCw } from 'lucide-react'

@@ -22,6 +22,7 @@ interface SnsMedia {
 interface SnsMediaGridProps {
    mediaList: SnsMedia[]
    onPreview: (src: string, isVideo?: boolean, liveVideoPath?: string) => void
+    onMediaDeleted?: () => void
 }

 const isSnsVideoUrl = (url?: string): boolean => {
@@ -79,9 +80,13 @@ const extractVideoFrame = async (videoPath: string): Promise<string> => {
    })
 }

-const MediaItem = ({ media, onPreview }: { media: SnsMedia; onPreview: (src: string, isVideo?: boolean, liveVideoPath?: string) => void }) => {
+const MediaItem = ({ media, onPreview, onMediaDeleted }: { media: SnsMedia; onPreview: (src: string, isVideo?: boolean, liveVideoPath?: string) => void; onMediaDeleted?: () => void }) => {
    const [error, setError] = useState(false)
+    const [deleted, setDeleted] = useState(false)
    const [loading, setLoading] = useState(true)
+    const markDeleted = () => { setDeleted(true); onMediaDeleted?.() }
+    const retryCount = useRef(0)
+    const [retryKey, setRetryKey] = useState(0)
    const [thumbSrc, setThumbSrc] = useState<string>('')
    const [videoPath, setVideoPath] = useState<string>('')
    const [liveVideoPath, setLiveVideoPath] = useState<string>('')
@@ -92,6 +97,16 @@ const MediaItem = ({ media, onPreview }: { media: SnsMedia; onPreview: (src: str
    const isLive = !!media.livePhoto
    const targetUrl = media.thumb || media.url

+    // 视频重试：失败时重试最多2次，耗尽才标记删除
+    const videoRetryOrDelete = () => {
+        if (retryCount.current < 2) {
+            retryCount.current++
+            setRetryKey(k => k + 1)
+        } else {
+            markDeleted()
+        }
+    }
+
    // Simple effect to load image/decrypt
    // Simple effect to load image/decrypt
    React.useEffect(() => {
@@ -112,7 +127,7 @@ const MediaItem = ({ media, onPreview }: { media: SnsMedia; onPreview: (src: str
                        if (result.dataUrl) setThumbSrc(result.dataUrl)
                        else if (result.videoPath) setThumbSrc(`file://${result.videoPath.replace(/\\/g, '/')}`)
                    } else {
-                        setThumbSrc(targetUrl)
+                        markDeleted()
                    }

                    // Pre-load live photo video if needed
@@ -149,11 +164,11 @@ const MediaItem = ({ media, onPreview }: { media: SnsMedia; onPreview: (src: str
                            if (!cancelled) setThumbSrc(coverDataUrl)
                        } catch (err) {
                            console.error('Frame extraction failed', err)
-                            // Fallback to video path if extraction fails, though it might be black
-                            // Only set thumbSrc if extraction fails, so we don't override the generated one
+                            // 封面提取失败，用视频路径作为 fallback，让 <video> 标签显示
+                            if (!cancelled) setThumbSrc(localPath)
                        }
                    } else {
-                        console.error('Video decryption for cover failed')
+                        videoRetryOrDelete()
                    }

                    setIsGeneratingCover(false)
@@ -162,7 +177,11 @@ const MediaItem = ({ media, onPreview }: { media: SnsMedia; onPreview: (src: str
            } catch (e) {
                console.error(e)
                if (!cancelled) {
-                    setThumbSrc(targetUrl)
+                    if (isVideo) {
+                        videoRetryOrDelete()
+                    } else {
+                        markDeleted()
+                    }
                    setLoading(false)
                    setIsGeneratingCover(false)
                }
@@ -171,7 +190,7 @@ const MediaItem = ({ media, onPreview }: { media: SnsMedia; onPreview: (src: str

        load()
        return () => { cancelled = true }
-    }, [media, isVideo, isLive, targetUrl])
+    }, [media, isVideo, isLive, targetUrl, retryKey])

    const handlePreview = async (e: React.MouseEvent) => {
        e.stopPropagation()
@@ -248,6 +267,17 @@ const MediaItem = ({ media, onPreview }: { media: SnsMedia; onPreview: (src: str
        }
    }

+    if (deleted) {
+        return (
+            <div className="sns-media-item deleted-media">
+                <div className="deleted-placeholder">
+                    <ImageOff size={24} />
+                    <span>已删除</span>
+                </div>
+            </div>
+        )
+    }
+
    return (
        <div
            className={`sns-media-item ${isDecrypting ? 'decrypting' : ''}`}
@@ -267,15 +297,15 @@ const MediaItem = ({ media, onPreview }: { media: SnsMedia; onPreview: (src: str
                        e.currentTarget.currentTime = 0.1
                    }}
                />
-            ) : (
+            ) : thumbSrc ? (
                <img
-                    src={thumbSrc || targetUrl}
+                    src={thumbSrc}
                    className="media-image"
                    loading="lazy"
-                    onError={() => setError(true)}
+                    onError={() => { if (!loading && !isVideo) markDeleted() }}
                    alt=""
                />
-            )}
+            ) : null}

            {isGeneratingCover && (
                <div className="media-decrypting-mask">
@@ -304,7 +334,7 @@ const MediaItem = ({ media, onPreview }: { media: SnsMedia; onPreview: (src: str
    )
 }

-export const SnsMediaGrid: React.FC<SnsMediaGridProps> = ({ mediaList, onPreview }) => {
+export const SnsMediaGrid: React.FC<SnsMediaGridProps> = ({ mediaList, onPreview, onMediaDeleted }) => {
    if (!mediaList || mediaList.length === 0) return null

    const count = mediaList.length
@@ -320,7 +350,7 @@ export const SnsMediaGrid: React.FC<SnsMediaGridProps> = ({ mediaList, onPreview
    return (
        <div className={`sns-media-grid ${gridClass}`}>
            {mediaList.map((media, idx) => (
-                <MediaItem key={idx} media={media} onPreview={onPreview} />
+                <MediaItem key={idx} media={media} onPreview={onPreview} onMediaDeleted={onMediaDeleted} />
            ))}
        </div>
    )
--- a/src/components/Sns/SnsPostItem.tsx
+++ b/src/components/Sns/SnsPostItem.tsx
@@ -1,8 +1,9 @@
 import React, { useState, useMemo } from 'react'
-import { Heart, ChevronRight, ImageIcon, Download, Code, MoreHorizontal } from 'lucide-react'
+import { Heart, ChevronRight, ImageIcon, Download, Code, MoreHorizontal, Trash2 } from 'lucide-react'
 import { SnsPost, SnsLinkCardData } from '../../types/sns'
 import { Avatar } from '../Avatar'
 import { SnsMediaGrid } from './SnsMediaGrid'
+import { getEmojiPath } from 'wechat-emojis'

 // Helper functions (extracted from SnsPage.tsx but simplified/reused)
 const LINK_XML_URL_TAGS = ['url', 'shorturl', 'weburl', 'webpageurl', 'jumpurl']
@@ -64,6 +65,21 @@ const isLikelyMediaAssetUrl = (url: string): boolean => {
 }

 const buildLinkCardData = (post: SnsPost): SnsLinkCardData | null => {
+    // type 3 是链接类型，直接用 media[0] 的 url 和 thumb
+    if (post.type === 3) {
+        const url = post.media[0]?.url || post.linkUrl
+        if (!url) return null
+        const titleCandidates = [
+            post.linkTitle || '',
+            ...getXmlTagValues(post.rawXml || '', LINK_XML_TITLE_TAGS),
+            post.contentDesc || ''
+        ]
+        const title = titleCandidates
+            .map((v) => decodeHtmlEntities(v))
+            .find((v) => Boolean(v) && !/^https?:\/\//i.test(v))
+        return { url, title: title || '网页链接', thumb: post.media[0]?.thumb }
+    }
+
    const hasVideoMedia = post.type === 15 || post.media.some((item) => isSnsVideoUrl(item.url))
    if (hasVideoMedia) return null

@@ -169,6 +185,7 @@ interface SnsPostItemProps {
 }

 export const SnsPostItem: React.FC<SnsPostItemProps> = ({ post, onPreview, onDebug }) => {
+    const [mediaDeleted, setMediaDeleted] = useState(false)
    const linkCard = buildLinkCardData(post)
    const hasVideoMedia = post.type === 15 || post.media.some((item) => isSnsVideoUrl(item.url))
    const showLinkCard = Boolean(linkCard) && post.media.length <= 1 && !hasVideoMedia
@@ -187,11 +204,25 @@ export const SnsPostItem: React.FC<SnsPostItemProps> = ({ post, onPreview, onDeb
        })
    }

-    // Add extra class for media-only posts (no text) to adjust spacing?
-    // Not strictly needed but good to know
+    // 解析微信表情
+    const renderTextWithEmoji = (text: string) => {
+        if (!text) return text
+        const parts = text.split(/\[(.*?)\]/g)
+        return parts.map((part, index) => {
+            if (index % 2 === 1) {
+                // @ts-ignore
+                const path = getEmojiPath(part as any)
+                if (path) {
+                    return <img key={index} src={`${import.meta.env.BASE_URL}${path}`} alt={`[${part}]`} className="inline-emoji" style={{ width: 22, height: 22, verticalAlign: 'bottom', margin: '0 1px' }} />
+                }
+                return `[${part}]`
+            }
+            return part
+        })
+    }

    return (
-        <div className="sns-post-item">
+        <div className={`sns-post-item ${mediaDeleted ? 'post-deleted' : ''}`}>
            <div className="post-avatar-col">
                <Avatar
                    src={post.avatarUrl}
@@ -207,16 +238,24 @@ export const SnsPostItem: React.FC<SnsPostItemProps> = ({ post, onPreview, onDeb
                        <span className="author-name">{decodeHtmlEntities(post.nickname)}</span>
                        <span className="post-time">{formatTime(post.createTime)}</span>
                    </div>
-                    <button className="icon-btn-ghost debug-btn" onClick={(e) => {
-                        e.stopPropagation();
-                        onDebug(post);
-                    }} title="查看原始数据">
-                        <Code size={14} />
-                    </button>
+                    <div className="post-header-actions">
+                        {mediaDeleted && (
+                            <span className="post-deleted-badge">
+                                <Trash2 size={12} />
+                                <span>已删除</span>
+                            </span>
+                        )}
+                        <button className="icon-btn-ghost debug-btn" onClick={(e) => {
+                            e.stopPropagation();
+                            onDebug(post);
+                        }} title="查看原始数据">
+                            <Code size={14} />
+                        </button>
+                    </div>
                </div>

                {post.contentDesc && (
-                    <div className="post-text">{decodeHtmlEntities(post.contentDesc)}</div>
+                    <div className="post-text">{renderTextWithEmoji(decodeHtmlEntities(post.contentDesc))}</div>
                )}

                {showLinkCard && linkCard && (
@@ -225,7 +264,7 @@ export const SnsPostItem: React.FC<SnsPostItemProps> = ({ post, onPreview, onDeb

                {showMediaGrid && (
                    <div className="post-media-container">
-                        <SnsMediaGrid mediaList={post.media} onPreview={onPreview} />
+                        <SnsMediaGrid mediaList={post.media} onPreview={onPreview} onMediaDeleted={[1, 54].includes(post.type ?? 0) ? () => setMediaDeleted(true) : undefined} />
                    </div>
                )}

@@ -250,7 +289,7 @@ export const SnsPostItem: React.FC<SnsPostItemProps> = ({ post, onPreview, onDeb
                                            </>
                                        )}
                                        <span className="comment-colon">：</span>
-                                        <span className="comment-content">{c.content}</span>
+                                        <span className="comment-content">{renderTextWithEmoji(c.content)}</span>
                                    </div>
                                ))}
                            </div>
--- a/src/pages/AIChatPage.scss
+++ b/src/pages/AIChatPage.scss
@@ -1,552 +0,0 @@
-// AI 对话页面 - 简约大气风格
-.ai-chat-page {
-    display: flex;
-    height: 100%;
-    width: 100%;
-    background: var(--bg-gradient);
-    color: var(--text-primary);
-    overflow: hidden;
-
-    .chat-container {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        max-width: 1200px;
-        margin: 0 auto;
-        width: 100%;
-    }
-
-    // ========== 顶部 Header - 已移除 ==========
-    // 模型选择器现已集成到输入框
-
-
-
-    // ========== 聊天区域 ==========
-    .chat-main {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        background: var(--bg-secondary);
-        position: relative;
-        overflow: hidden;
-
-        // 空状态
-        .empty-state {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            padding: 40px;
-
-            .icon {
-                width: 80px;
-                height: 80px;
-                border-radius: 50%;
-                background: var(--primary-light);
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin-bottom: 24px;
-
-                svg {
-                    width: 40px;
-                    height: 40px;
-                    color: var(--primary);
-                }
-            }
-
-            h2 {
-                font-size: 20px;
-                font-weight: 600;
-                color: var(--text-primary);
-                margin: 0 0 8px;
-            }
-
-            p {
-                font-size: 14px;
-                color: var(--text-tertiary);
-                margin: 0;
-            }
-        }
-
-        // 消息列表
-        .messages-list {
-            flex: 1;
-            overflow-y: auto;
-            padding: 24px 32px;
-            display: flex;
-            flex-direction: column;
-            gap: 20px;
-
-            &::-webkit-scrollbar {
-                width: 6px;
-            }
-
-            &::-webkit-scrollbar-track {
-                background: transparent;
-            }
-
-            &::-webkit-scrollbar-thumb {
-                background: var(--border-color);
-                border-radius: 3px;
-            }
-
-            .message-row {
-                display: flex;
-                gap: 12px;
-                max-width: 80%;
-                animation: messageIn 0.3s ease-out;
-
-                // 用户消息
-                &.user {
-                    align-self: flex-end;
-                    flex-direction: row-reverse;
-
-                    .avatar {
-                        background: var(--primary-light);
-                        color: var(--primary);
-                    }
-
-                    .bubble {
-                        background: var(--primary-gradient);
-                        color: white;
-                        border-radius: 18px 18px 4px 18px;
-                        box-shadow: 0 2px 10px color-mix(in srgb, var(--primary) 20%, transparent);
-
-                        .content {
-                            color: white;
-                        }
-                    }
-                }
-
-                // AI 消息
-                &.ai {
-                    align-self: flex-start;
-
-                    .avatar {
-                        background: var(--bg-tertiary);
-                        color: var(--text-secondary);
-                    }
-
-                    .bubble {
-                        background: var(--card-bg);
-                        border: 1px solid var(--border-color);
-                        border-radius: 18px 18px 18px 4px;
-                        backdrop-filter: blur(10px);
-                        -webkit-backdrop-filter: blur(10px);
-                    }
-                }
-
-                .avatar {
-                    flex-shrink: 0;
-                    width: 32px;
-                    height: 32px;
-                    border-radius: 50%;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                }
-
-                .bubble {
-                    padding: 12px 16px;
-                    flex: 1;
-                    min-width: 0;
-
-                    .content,
-                    .markdown-content {
-                        font-size: 14px;
-                        line-height: 1.6;
-                        color: var(--text-primary);
-                        word-wrap: break-word;
-                        overflow-wrap: break-word;
-                    }
-
-                    // Markdown 样式
-                    .markdown-content {
-                        p {
-                            margin: 0 0 0.8em;
-
-                            &:last-child {
-                                margin-bottom: 0;
-                            }
-                        }
-
-                        h1,
-                        h2,
-                        h3,
-                        h4,
-                        h5,
-                        h6 {
-                            margin: 1em 0 0.5em;
-                            font-weight: 600;
-                            line-height: 1.3;
-                            color: var(--text-primary);
-
-                            &:first-child {
-                                margin-top: 0;
-                            }
-                        }
-
-                        h1 {
-                            font-size: 1.5em;
-                        }
-
-                        h2 {
-                            font-size: 1.3em;
-                        }
-
-                        h3 {
-                            font-size: 1.1em;
-                        }
-
-                        ul,
-                        ol {
-                            margin: 0.5em 0;
-                            padding-left: 1.5em;
-                        }
-
-                        li {
-                            margin: 0.3em 0;
-                        }
-
-                        code {
-                            background: var(--bg-tertiary);
-                            padding: 2px 6px;
-                            border-radius: 4px;
-                            font-family: 'Consolas', 'Monaco', monospace;
-                            font-size: 0.9em;
-                        }
-
-                        pre {
-                            background: var(--bg-tertiary);
-                            padding: 12px;
-                            border-radius: 8px;
-                            overflow-x: auto;
-                            margin: 0.8em 0;
-
-                            code {
-                                background: none;
-                                padding: 0;
-                            }
-                        }
-
-                        blockquote {
-                            border-left: 3px solid var(--primary);
-                            padding-left: 12px;
-                            margin: 0.8em 0;
-                            color: var(--text-secondary);
-                        }
-
-                        a {
-                            color: var(--primary);
-                            text-decoration: none;
-
-                            &:hover {
-                                text-decoration: underline;
-                            }
-                        }
-
-                        strong {
-                            font-weight: 600;
-                            color: var(--text-primary);
-                        }
-
-                        hr {
-                            border: none;
-                            border-top: 1px solid var(--border-color);
-                            margin: 1em 0;
-                        }
-
-                        table {
-                            border-collapse: collapse;
-                            width: 100%;
-                            margin: 0.8em 0;
-
-                            th,
-                            td {
-                                border: 1px solid var(--border-color);
-                                padding: 8px 12px;
-                                text-align: left;
-                            }
-
-                            th {
-                                background: var(--bg-tertiary);
-                                font-weight: 600;
-                            }
-                        }
-                    }
-                }
-            }
-
-            .list-spacer {
-                height: 100px;
-                flex-shrink: 0;
-            }
-        }
-
-        // 输入区域
-        .input-area {
-            position: absolute;
-            bottom: 24px;
-            left: 50%;
-            transform: translateX(-50%);
-            width: calc(100% - 64px);
-            max-width: 800px;
-            z-index: 10;
-
-            .input-wrapper {
-                display: flex;
-                align-items: flex-end;
-                gap: 10px;
-                background: var(--card-bg);
-                backdrop-filter: blur(20px);
-                -webkit-backdrop-filter: blur(20px);
-                border: 1px solid var(--border-color);
-                border-radius: 20px;
-                padding: 10px 14px;
-                box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
-                transition: all 0.2s ease;
-
-                &:focus-within {
-                    border-color: var(--primary);
-                    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1),
-                        0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent);
-                }
-
-                textarea {
-                    flex: 1;
-                    min-height: 24px;
-                    max-height: 120px;
-                    padding: 8px 0;
-                    background: transparent;
-                    border: none;
-                    resize: none;
-                    color: var(--text-primary);
-                    font-size: 14px;
-                    font-family: inherit;
-                    line-height: 1.5;
-
-                    &:focus {
-                        outline: none;
-                    }
-
-                    &::placeholder {
-                        color: var(--text-tertiary);
-                    }
-
-                    &:disabled {
-                        cursor: not-allowed;
-                    }
-                }
-
-                .input-actions {
-                    display: flex;
-                    align-items: center;
-                    gap: 8px;
-                    flex-shrink: 0;
-
-                    // 模型选择器
-                    .model-selector {
-                        position: relative;
-
-                        .model-btn {
-                            display: flex;
-                            align-items: center;
-                            justify-content: center;
-                            gap: 6px;
-                            width: auto;
-                            height: 36px;
-                            padding: 6px 12px;
-                            background: transparent;
-                            border: 1px solid var(--border-color);
-                            border-radius: 10px;
-                            cursor: pointer;
-                            color: var(--text-secondary);
-                            font-size: 12px;
-                            font-weight: 500;
-                            white-space: nowrap;
-                            transition: all 0.2s ease;
-                            flex-shrink: 0;
-
-                            svg {
-                                flex-shrink: 0;
-
-                                &.spin {
-                                    animation: spin 1s linear infinite;
-                                }
-                            }
-
-                            &:hover:not(:disabled) {
-                                background: var(--bg-hover);
-                                border-color: var(--text-tertiary);
-                                color: var(--text-primary);
-                            }
-
-                            &.loaded {
-                                background: color-mix(in srgb, var(--primary) 15%, transparent);
-                                border-color: var(--primary);
-                                color: var(--primary);
-                            }
-
-                            &.loading {
-                                opacity: 0.7;
-                            }
-
-                            &.disabled {
-                                opacity: 0.5;
-                                cursor: not-allowed;
-                            }
-                        }
-
-                        .model-dropdown {
-                            position: absolute;
-                            bottom: 100%;
-                            right: 0;
-                            margin-bottom: 8px;
-                            background: var(--card-bg);
-                            backdrop-filter: blur(20px);
-                            -webkit-backdrop-filter: blur(20px);
-                            border: 1px solid var(--border-color);
-                            border-radius: 12px;
-                            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
-                            z-index: 100;
-                            overflow: hidden;
-                            animation: dropdownIn 0.2s ease-out;
-                            min-width: 140px;
-
-                            .model-option {
-                                display: flex;
-                                align-items: center;
-                                justify-content: space-between;
-                                padding: 10px 14px;
-                                cursor: pointer;
-                                font-size: 13px;
-                                color: var(--text-primary);
-                                transition: background 0.15s ease;
-                                white-space: nowrap;
-
-                                &:hover:not(.disabled) {
-                                    background: var(--bg-hover);
-                                }
-
-                                &.active {
-                                    background: color-mix(in srgb, var(--primary) 20%, transparent);
-                                    color: var(--primary);
-                                    font-weight: 600;
-
-                                    .check {
-                                        color: var(--primary);
-                                    }
-                                }
-
-                                .check {
-                                    margin-left: 8px;
-                                    color: var(--text-tertiary);
-                                    font-weight: 600;
-                                }
-                            }
-                        }
-                    }
-
-                    .mode-toggle {
-                        width: 36px;
-                        height: 36px;
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                        background: transparent;
-                        border: 1px solid var(--border-color);
-                        border-radius: 10px;
-                        cursor: pointer;
-                        color: var(--text-tertiary);
-                        transition: all 0.2s ease;
-                        flex-shrink: 0;
-
-                        &:hover:not(:disabled) {
-                            background: var(--bg-hover);
-                            color: var(--text-primary);
-                        }
-
-                        &.active {
-                            background: color-mix(in srgb, var(--primary) 15%, transparent);
-                            border-color: var(--primary);
-                            color: var(--primary);
-                        }
-
-                        &:disabled {
-                            opacity: 0.4;
-                            cursor: not-allowed;
-                        }
-                    }
-
-                    .send-btn {
-                        width: 36px;
-                        height: 36px;
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                        background: var(--primary-gradient);
-                        border: none;
-                        border-radius: 10px;
-                        cursor: pointer;
-                        color: white;
-                        transition: all 0.2s ease;
-                        flex-shrink: 0;
-                        box-shadow: 0 2px 8px color-mix(in srgb, var(--primary) 25%, transparent);
-
-                        &:hover:not(:disabled) {
-                            transform: scale(1.05);
-                            box-shadow: 0 4px 12px color-mix(in srgb, var(--primary) 35%, transparent);
-                        }
-
-                        &:active:not(:disabled) {
-                            transform: scale(0.98);
-                        }
-
-                        &:disabled {
-                            background: var(--bg-tertiary);
-                            color: var(--text-tertiary);
-                            box-shadow: none;
-                            cursor: not-allowed;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-
-@keyframes messageIn {
-    from {
-        opacity: 0;
-        transform: translateY(8px);
-    }
-
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-@keyframes dropdownIn {
-    from {
-        opacity: 0;
-        transform: translateY(-8px);
-    }
-
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-@keyframes spin {
-    from {
-        transform: rotate(0deg);
-    }
-
-    to {
-        transform: rotate(360deg);
-    }
-}
--- a/src/pages/AIChatPage.tsx
+++ b/src/pages/AIChatPage.tsx
@@ -1,391 +0,0 @@
-import { useState, useEffect, useRef, useCallback } from 'react'
-import { Send, Bot, User, Cpu, ChevronDown, Loader2 } from 'lucide-react'
-import { Virtuoso, VirtuosoHandle } from 'react-virtuoso'
-import { engineService, PRESET_MODELS, ModelInfo } from '../services/EngineService'
-import { MessageBubble } from '../components/MessageBubble'
-import './AIChatPage.scss'
-
-interface ChatMessage {
-    id: string;
-    role: 'user' | 'ai';
-    content: string;
-    timestamp: number;
-}
-
-// 消息数量限制，避免内存过载
-const MAX_MESSAGES = 200
-
-export default function AIChatPage() {
-    const [input, setInput] = useState('')
-    const [messages, setMessages] = useState<ChatMessage[]>([])
-    const [isTyping, setIsTyping] = useState(false)
-    const [models, setModels] = useState<ModelInfo[]>([...PRESET_MODELS])
-    const [selectedModel, setSelectedModel] = useState<string | null>(null)
-    const [modelLoaded, setModelLoaded] = useState(false)
-    const [loadingModel, setLoadingModel] = useState(false)
-    const [isThinkingMode, setIsThinkingMode] = useState(true)
-    const [showModelDropdown, setShowModelDropdown] = useState(false)
-
-    const textareaRef = useRef<HTMLTextAreaElement>(null)
-    const virtuosoRef = useRef<VirtuosoHandle>(null)
-    const dropdownRef = useRef<HTMLDivElement>(null)
-
-    // 流式渲染优化：使用 ref 缓存内容，使用 RAF 批量更新
-    const streamingContentRef = useRef('')
-    const streamingMessageIdRef = useRef<string | null>(null)
-    const rafIdRef = useRef<number | null>(null)
-
-    useEffect(() => {
-        checkModelsStatus()
-
-        // 初始化Llama服务（延迟初始化，用户进入此页面时启动）
-        const initLlama = async () => {
-            try {
-                await window.electronAPI.llama?.init()
-                console.log('[AIChatPage] Llama service initialized')
-            } catch (e) {
-                console.error('[AIChatPage] Failed to initialize Llama:', e)
-            }
-        }
-        initLlama()
-
-        // 清理函数：组件卸载时释放所有资源
-        return () => {
-            // 取消未完成的 RAF
-            if (rafIdRef.current !== null) {
-                cancelAnimationFrame(rafIdRef.current)
-                rafIdRef.current = null
-            }
-
-            // 清理 engine service 的回调引用
-            engineService.clearCallbacks()
-        }
-    }, [])
-
-    // 监听页面卸载事件，确保资源释放
-    useEffect(() => {
-        const handleBeforeUnload = () => {
-            // 清理回调和监听器
-            engineService.dispose()
-        }
-
-        window.addEventListener('beforeunload', handleBeforeUnload)
-        return () => window.removeEventListener('beforeunload', handleBeforeUnload)
-    }, [])
-
-    // 点击外部关闭下拉框
-    useEffect(() => {
-        const handleClickOutside = (event: MouseEvent) => {
-            if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
-                setShowModelDropdown(false)
-            }
-        }
-
-        document.addEventListener('mousedown', handleClickOutside)
-        return () => document.removeEventListener('mousedown', handleClickOutside)
-    }, [])
-
-    const scrollToBottom = useCallback(() => {
-        // 使用 virtuoso 的 scrollToIndex 方法滚动到底部
-        if (virtuosoRef.current && messages.length > 0) {
-            virtuosoRef.current.scrollToIndex({
-                index: messages.length - 1,
-                behavior: 'smooth'
-            })
-        }
-    }, [messages.length])
-
-    const checkModelsStatus = async () => {
-        const updatedModels = await Promise.all(models.map(async (m) => {
-            const exists = await engineService.checkModelExists(m.path)
-            return { ...m, downloaded: exists }
-        }))
-        setModels(updatedModels)
-
-        // Auto-select first available model
-        if (!selectedModel) {
-            const available = updatedModels.find(m => m.downloaded)
-            if (available) {
-                setSelectedModel(available.path)
-            }
-        }
-    }
-
-    // 自动加载模型
-    const handleLoadModel = async (modelPath?: string) => {
-        const pathToLoad = modelPath || selectedModel
-        if (!pathToLoad) return false
-
-        setLoadingModel(true)
-        try {
-            await engineService.loadModel(pathToLoad)
-            // Initialize session with system prompt
-            await engineService.createSession("You are a helpful AI assistant.")
-            setModelLoaded(true)
-            return true
-        } catch (e) {
-            console.error("Load failed", e)
-            alert("模型加载失败: " + String(e))
-            return false
-        } finally {
-            setLoadingModel(false)
-        }
-    }
-
-    // 选择模型（如果有多个）
-    const handleSelectModel = (modelPath: string) => {
-        setSelectedModel(modelPath)
-        setShowModelDropdown(false)
-    }
-
-    // 获取可用的已下载模型
-    const availableModels = models.filter(m => m.downloaded)
-    const selectedModelInfo = models.find(m => m.path === selectedModel)
-
-    // 优化的流式更新函数：使用 RAF 批量更新
-    const updateStreamingMessage = useCallback(() => {
-        if (!streamingMessageIdRef.current) return
-
-        setMessages(prev => prev.map(msg =>
-            msg.id === streamingMessageIdRef.current
-                ? { ...msg, content: streamingContentRef.current }
-                : msg
-        ))
-
-        rafIdRef.current = null
-    }, [])
-
-    // Token 回调：使用 RAF 批量更新 UI
-    const handleToken = useCallback((token: string) => {
-        streamingContentRef.current += token
-
-        // 使用 requestAnimationFrame 批量更新，避免频繁渲染
-        if (rafIdRef.current === null) {
-            rafIdRef.current = requestAnimationFrame(updateStreamingMessage)
-        }
-    }, [updateStreamingMessage])
-
-    const handleSend = async () => {
-        if (!input.trim() || isTyping) return
-
-        // 如果模型未加载，先自动加载
-        if (!modelLoaded) {
-            if (!selectedModel) {
-                alert("请先下载模型（设置页面）")
-                return
-            }
-            const loaded = await handleLoadModel()
-            if (!loaded) return
-        }
-
-        const userMsg: ChatMessage = {
-            id: Date.now().toString(),
-            role: 'user',
-            content: input,
-            timestamp: Date.now()
-        }
-
-        setMessages(prev => {
-            const newMessages = [...prev, userMsg]
-            // 限制消息数量，避免内存过载
-            return newMessages.length > MAX_MESSAGES
-                ? newMessages.slice(-MAX_MESSAGES)
-                : newMessages
-        })
-        setInput('')
-        setIsTyping(true)
-
-        // Reset textarea height
-        if (textareaRef.current) {
-            textareaRef.current.style.height = 'auto'
-        }
-
-        const aiMsgId = (Date.now() + 1).toString()
-        streamingContentRef.current = ''
-        streamingMessageIdRef.current = aiMsgId
-
-        // Optimistic update for AI message start
-        setMessages(prev => {
-            const newMessages = [...prev, {
-                id: aiMsgId,
-                role: 'ai' as const,
-                content: '',
-                timestamp: Date.now()
-            }]
-            return newMessages.length > MAX_MESSAGES
-                ? newMessages.slice(-MAX_MESSAGES)
-                : newMessages
-        })
-
-        // Append thinking command based on mode
-        const msgWithSuffix = input + (isThinkingMode ? " /think" : " /no_think")
-
-        try {
-            await engineService.chat(msgWithSuffix, handleToken, { thinking: isThinkingMode })
-        } catch (e) {
-            console.error("Chat failed", e)
-            setMessages(prev => [...prev, {
-                id: Date.now().toString(),
-                role: 'ai',
-                content: "❌ Error: Failed to get response from AI.",
-                timestamp: Date.now()
-            }])
-        } finally {
-            setIsTyping(false)
-            streamingMessageIdRef.current = null
-
-            // 确保最终状态同步
-            if (rafIdRef.current !== null) {
-                cancelAnimationFrame(rafIdRef.current)
-                updateStreamingMessage()
-            }
-        }
-    }
-
-    // 渲染模型选择按钮（集成在输入框作为下拉项）
-    const renderModelSelector = () => {
-        // 没有可用模型
-        if (availableModels.length === 0) {
-            return (
-                <button
-                    className="model-btn disabled"
-                    title="请先在设置页面下载模型"
-                >
-                    <Bot size={16} />
-                    <span>无模型</span>
-                </button>
-            )
-        }
-
-        // 只有一个模型，直接显示
-        if (availableModels.length === 1) {
-            return (
-                <button
-                    className={`model-btn ${modelLoaded ? 'loaded' : ''} ${loadingModel ? 'loading' : ''}`}
-                    title={modelLoaded ? "模型已就绪" : "发送消息时自动加载"}
-                >
-                    {loadingModel ? (
-                        <Loader2 size={16} className="spin" />
-                    ) : (
-                        <Bot size={16} />
-                    )}
-                    <span>{loadingModel ? '加载中' : selectedModelInfo?.name || '模型'}</span>
-                </button>
-            )
-        }
-
-        // 多个模型，显示下拉选择
-        return (
-            <div className="model-selector" ref={dropdownRef}>
-                <button
-                    className={`model-btn ${modelLoaded ? 'loaded' : ''} ${loadingModel ? 'loading' : ''}`}
-                    onClick={() => !loadingModel && setShowModelDropdown(!showModelDropdown)}
-                    title="点击选择模型"
-                >
-                    {loadingModel ? (
-                        <Loader2 size={16} className="spin" />
-                    ) : (
-                        <Bot size={16} />
-                    )}
-                    <span>{loadingModel ? '加载中' : selectedModelInfo?.name || '选择模型'}</span>
-                    <ChevronDown size={13} className={showModelDropdown ? 'rotate' : ''} />
-                </button>
-
-                {showModelDropdown && (
-                    <div className="model-dropdown">
-                        {availableModels.map(model => (
-                            <div
-                                key={model.path}
-                                className={`model-option ${selectedModel === model.path ? 'active' : ''}`}
-                                onClick={() => handleSelectModel(model.path)}
-                            >
-                                <span>{model.name}</span>
-                                {selectedModel === model.path && (
-                                    <span className="check">✓</span>
-                                )}
-                            </div>
-                        ))}
-                    </div>
-                )}
-            </div>
-        )
-    }
-
-    return (
-        <div className="ai-chat-page">
-            <div className="chat-main">
-                {messages.length === 0 ? (
-                    <div className="empty-state">
-                        <div className="icon">
-                            <Bot size={40} />
-                        </div>
-                        <h2>AI 为你服务</h2>
-                        <p>
-                            {availableModels.length === 0
-                                ? "请先在设置页面下载模型"
-                                : "输入消息开始对话，模型将自动加载"
-                            }
-                        </p>
-                    </div>
-                ) : (
-                    <Virtuoso
-                        ref={virtuosoRef}
-                        data={messages}
-                        className="messages-list"
-                        initialTopMostItemIndex={messages.length - 1}
-                        followOutput="smooth"
-                        itemContent={(index, message) => (
-                            <MessageBubble key={message.id} message={message} />
-                        )}
-                        components={{
-                            Footer: () => <div className="list-spacer" />
-                        }}
-                    />
-                )}
-
-                <div className="input-area">
-                    <div className="input-wrapper">
-                        <textarea
-                            ref={textareaRef}
-                            value={input}
-                            onChange={e => {
-                                setInput(e.target.value)
-                                e.target.style.height = 'auto'
-                                e.target.style.height = `${Math.min(e.target.scrollHeight, 120)}px`
-                            }}
-                            onKeyDown={e => {
-                                if (e.key === 'Enter' && !e.shiftKey) {
-                                    e.preventDefault()
-                                    handleSend()
-                                    // Reset height after send
-                                    if (textareaRef.current) textareaRef.current.style.height = 'auto'
-                                }
-                            }}
-                            placeholder={availableModels.length === 0 ? "请先下载模型..." : "输入消息..."}
-                            disabled={availableModels.length === 0 || loadingModel}
-                            rows={1}
-                        />
-                        <div className="input-actions">
-                            {renderModelSelector()}
-                            <button
-                                className={`mode-toggle ${isThinkingMode ? 'active' : ''}`}
-                                onClick={() => setIsThinkingMode(!isThinkingMode)}
-                                title={isThinkingMode ? "深度思考模式已开启" : "深度思考模式已关闭"}
-                                disabled={availableModels.length === 0}
-                            >
-                                <Cpu size={18} />
-                            </button>
-                            <button
-                                className="send-btn"
-                                onClick={handleSend}
-                                disabled={!input.trim() || availableModels.length === 0 || isTyping || loadingModel}
-                            >
-                                <Send size={18} />
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    )
-}
--- a/src/pages/ChatPage.scss
+++ b/src/pages/ChatPage.scss
@@ -1288,6 +1288,21 @@
  z-index: 2;
 }

+.empty-chat-inline {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  padding: 60px 0;
+  color: var(--text-tertiary);
+  font-size: 14px;
+
+  svg {
+    opacity: 0.4;
+  }
+}
+
 .message-list * {
  -webkit-app-region: no-drag !important;
 }
--- a/src/pages/ChatPage.tsx
+++ b/src/pages/ChatPage.tsx
@@ -281,6 +281,8 @@ function ChatPage(_props: ChatPageProps) {
  const [highlightedMessageKeys, setHighlightedMessageKeys] = useState<string[]>([])
  const [isRefreshingSessions, setIsRefreshingSessions] = useState(false)
  const [hasInitialMessages, setHasInitialMessages] = useState(false)
+  const [noMessageTable, setNoMessageTable] = useState(false)
+  const [fallbackDisplayName, setFallbackDisplayName] = useState<string | null>(null)
  const [showVoiceTranscribeDialog, setShowVoiceTranscribeDialog] = useState(false)
  const [pendingVoiceTranscriptRequest, setPendingVoiceTranscriptRequest] = useState<{ sessionId: string; messageId: string } | null>(null)

@@ -857,6 +859,10 @@ function ChatPage(_props: ChatPageProps) {
      if (result.success && result.messages) {
        if (offset === 0) {
          setMessages(result.messages)
+          if (result.messages.length === 0) {
+            setNoMessageTable(true)
+            setHasMoreMessages(false)
+          }

          // 预取发送者信息：在关闭加载遮罩前处理
          const unreadCount = session?.unreadCount ?? 0
@@ -929,7 +935,7 @@ function ChatPage(_props: ChatPageProps) {
        }
        setCurrentOffset(offset + result.messages.length)
      } else if (!result.success) {
-        setConnectionError(result.error || '加载消息失败')
+        setNoMessageTable(true)
        setHasMoreMessages(false)
      }
    } catch (e) {
@@ -1247,6 +1253,7 @@ function ChatPage(_props: ChatPageProps) {
  useEffect(() => {
    if (currentSessionId !== prevSessionRef.current) {
      prevSessionRef.current = currentSessionId
+      setNoMessageTable(false)
      if (initialRevealTimerRef.current !== null) {
        window.clearTimeout(initialRevealTimerRef.current)
        initialRevealTimerRef.current = null
@@ -1260,10 +1267,11 @@ function ChatPage(_props: ChatPageProps) {
  }, [currentSessionId, messages.length, isLoadingMessages])

  useEffect(() => {
-    if (currentSessionId && messages.length === 0 && !isLoadingMessages && !isLoadingMore) {
+    if (currentSessionId && messages.length === 0 && !isLoadingMessages && !isLoadingMore && !noMessageTable) {
+      setHasInitialMessages(false)
      loadMessages(currentSessionId, 0)
    }
-  }, [currentSessionId, messages.length, isLoadingMessages, isLoadingMore])
+  }, [currentSessionId, messages.length, isLoadingMessages, isLoadingMore, noMessageTable])

  useEffect(() => {
    return () => {
@@ -1327,8 +1335,35 @@ function ChatPage(_props: ChatPageProps) {
    return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`
  }, [])

-  // 获取当前会话信息
-  const currentSession = Array.isArray(sessions) ? sessions.find(s => s.username === currentSessionId) : undefined
+  // 获取当前会话信息（从通讯录跳转时可能不在 sessions 列表中，构造 fallback）
+  const currentSession = (() => {
+    const found = Array.isArray(sessions) ? sessions.find(s => s.username === currentSessionId) : undefined
+    if (found || !currentSessionId) return found
+    return {
+      username: currentSessionId,
+      type: 0,
+      unreadCount: 0,
+      summary: '',
+      sortTimestamp: 0,
+      lastTimestamp: 0,
+      lastMsgType: 0,
+      displayName: fallbackDisplayName || currentSessionId,
+    } as ChatSession
+  })()
+
+  // 从通讯录跳转时，会话不在列表中，主动加载联系人显示名称
+  useEffect(() => {
+    if (!currentSessionId) return
+    const found = Array.isArray(sessions) ? sessions.find(s => s.username === currentSessionId) : undefined
+    if (found) {
+      setFallbackDisplayName(null)
+      return
+    }
+    loadContactInfoBatch([currentSessionId]).then(() => {
+      const cached = senderAvatarCache.get(currentSessionId)
+      if (cached?.displayName) setFallbackDisplayName(cached.displayName)
+    })
+  }, [currentSessionId, sessions])

  // 判断是否为群聊
  const isGroupChat = (username: string) => username.includes('@chatroom')
@@ -2048,6 +2083,13 @@ function ChatPage(_props: ChatPageProps) {
                  </div>
                )}

+                {!isLoadingMessages && messages.length === 0 && !hasMoreMessages && (
+                  <div className="empty-chat-inline">
+                    <MessageSquare size={32} />
+                    <span>该联系人没有聊天记录</span>
+                  </div>
+                )}
+
                {messages.map((msg, index) => {
                  const prevMsg = index > 0 ? messages[index - 1] : undefined
                  const showDateDivider = shouldShowDateDivider(msg, prevMsg)
--- a/src/pages/ContactsPage.scss
+++ b/src/pages/ContactsPage.scss
@@ -7,8 +7,8 @@

  // 左侧联系人面板
  .contacts-panel {
-    width: 380px;
-    min-width: 380px;
+    width: 350px;
+    min-width: 350px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--border-color);
@@ -55,6 +55,11 @@
      .spin {
        animation: contactsSpin 1s linear infinite;
      }
+
+      &.export-mode-btn.active {
+        background: var(--primary);
+        color: #fff;
+      }
    }
  }

@@ -110,11 +115,11 @@
  }

  .type-filters {
-    display: flex;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 0 20px 16px;
-    flex-wrap: nowrap;
-    overflow-x: auto;
+    max-width: 300px;

    &::-webkit-scrollbar {
      display: none;
@@ -231,8 +236,8 @@
    padding: 12px;
    border-radius: 10px;
    transition: all 0.2s;
-    margin-bottom: 4px;
    cursor: pointer;
+    margin-bottom: 4px;

    &:hover {
      background: var(--bg-hover);
@@ -242,6 +247,10 @@
      background: color-mix(in srgb, var(--primary) 12%, transparent);
    }

+    &.active {
+      background: var(--bg-tertiary);
+    }
+
    .contact-select {
      display: flex;
      align-items: center;
@@ -334,6 +343,94 @@
    }
  }

+  // 右侧详情面板内的联系人资料
+  .detail-profile {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 12px;
+    padding-bottom: 24px;
+    border-bottom: 1px solid var(--border-color);
+    margin-bottom: 20px;
+
+    .detail-avatar {
+      width: 80px;
+      height: 80px;
+      border-radius: 16px;
+      background: linear-gradient(135deg, var(--primary), var(--primary-hover));
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      overflow: hidden;
+
+      img { width: 100%; height: 100%; object-fit: cover; }
+      span { color: #fff; font-size: 28px; font-weight: 600; }
+    }
+
+    .detail-name {
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--text-primary);
+    }
+  }
+
+  .detail-info-list {
+    margin-bottom: 24px;
+
+    .detail-row {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 10px 0;
+      font-size: 13px;
+      border-bottom: 1px solid var(--border-color);
+
+      &:last-child { border-bottom: none; }
+    }
+
+    .detail-label {
+      color: var(--text-tertiary);
+      min-width: 48px;
+      flex-shrink: 0;
+    }
+
+    .detail-value {
+      color: var(--text-primary);
+      word-break: break-all;
+      user-select: text;
+    }
+  }
+
+  .goto-chat-btn {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    padding: 12px;
+    background: var(--primary);
+    color: #fff;
+    border: none;
+    border-radius: 10px;
+    font-size: 14px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.2s;
+
+    &:hover { background: var(--primary-hover); }
+  }
+
+  .empty-detail {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 12px;
+    color: var(--text-tertiary);
+    font-size: 14px;
+  }
+
  // 右侧设置面板
  .settings-panel {
    flex: 1;
--- a/src/pages/ContactsPage.tsx
+++ b/src/pages/ContactsPage.tsx
@@ -1,5 +1,7 @@
 import { useState, useEffect, useCallback, useRef } from 'react'
-import { Search, RefreshCw, X, User, Users, MessageSquare, Loader2, FolderOpen, Download, ChevronDown } from 'lucide-react'
+import { useNavigate } from 'react-router-dom'
+import { Search, RefreshCw, X, User, Users, MessageSquare, Loader2, FolderOpen, Download, ChevronDown, MessageCircle, UserX } from 'lucide-react'
+import { useChatStore } from '../stores/chatStore'
 import './ContactsPage.scss'

 interface ContactInfo {
@@ -8,7 +10,7 @@ interface ContactInfo {
    remark?: string
    nickname?: string
    avatarUrl?: string
-    type: 'friend' | 'group' | 'official' | 'other'
+    type: 'friend' | 'group' | 'official' | 'former_friend' | 'other'
 }

 function ContactsPage() {
@@ -19,10 +21,17 @@ function ContactsPage() {
    const [searchKeyword, setSearchKeyword] = useState('')
    const [contactTypes, setContactTypes] = useState({
        friends: true,
-        groups: true,
-        officials: true
+        groups: false,
+        officials: false,
+        deletedFriends: false
    })

+    // 导出模式与查看详情
+    const [exportMode, setExportMode] = useState(false)
+    const [selectedContact, setSelectedContact] = useState<ContactInfo | null>(null)
+    const navigate = useNavigate()
+    const { setCurrentSession } = useChatStore()
+
    // 导出相关状态
    const [exportFormat, setExportFormat] = useState<'json' | 'csv' | 'vcf'>('json')
    const [exportAvatars, setExportAvatars] = useState(true)
@@ -85,6 +94,7 @@ function ContactsPage() {
            if (c.type === 'friend' && !contactTypes.friends) return false
            if (c.type === 'group' && !contactTypes.groups) return false
            if (c.type === 'official' && !contactTypes.officials) return false
+            if (c.type === 'former_friend' && !contactTypes.deletedFriends) return false
            return true
        })

@@ -154,6 +164,7 @@ function ContactsPage() {
            case 'friend': return <User size={14} />
            case 'group': return <Users size={14} />
            case 'official': return <MessageSquare size={14} />
+            case 'former_friend': return <UserX size={14} />
            default: return <User size={14} />
        }
    }
@@ -163,6 +174,7 @@ function ContactsPage() {
            case 'friend': return '好友'
            case 'group': return '群聊'
            case 'official': return '公众号'
+            case 'former_friend': return '曾经的好友'
            default: return '其他'
        }
    }
@@ -236,9 +248,18 @@ function ContactsPage() {
            <div className="contacts-panel">
                <div className="panel-header">
                    <h2>通讯录</h2>
-                    <button className="icon-btn" onClick={loadContacts} disabled={isLoading}>
-                        <RefreshCw size={18} className={isLoading ? 'spin' : ''} />
-                    </button>
+                    <div style={{ display: 'flex', gap: 8, alignItems: 'center' }}>
+                        <button
+                            className={`icon-btn export-mode-btn ${exportMode ? 'active' : ''}`}
+                            onClick={() => { setExportMode(!exportMode); setSelectedContact(null) }}
+                            title={exportMode ? '退出导出模式' : '进入导出模式'}
+                        >
+                            <Download size={18} />
+                        </button>
+                        <button className="icon-btn" onClick={loadContacts} disabled={isLoading}>
+                            <RefreshCw size={18} className={isLoading ? 'spin' : ''} />
+                        </button>
+                    </div>
                </div>

                <div className="search-bar">
@@ -258,49 +279,41 @@ function ContactsPage() {

                <div className="type-filters">
                    <label className={`filter-chip ${contactTypes.friends ? 'active' : ''}`}>
-                        <input
-                            type="checkbox"
-                            checked={contactTypes.friends}
-                            onChange={e => setContactTypes({ ...contactTypes, friends: e.target.checked })}
-                        />
-                        <User size={16} />
-                        <span>好友</span>
+                        <input type="checkbox" checked={contactTypes.friends} onChange={e => setContactTypes({ ...contactTypes, friends: e.target.checked })} />
+                        <User size={16} /><span>好友</span>
                    </label>
                    <label className={`filter-chip ${contactTypes.groups ? 'active' : ''}`}>
-                        <input
-                            type="checkbox"
-                            checked={contactTypes.groups}
-                            onChange={e => setContactTypes({ ...contactTypes, groups: e.target.checked })}
-                        />
-                        <Users size={16} />
-                        <span>群聊</span>
+                        <input type="checkbox" checked={contactTypes.groups} onChange={e => setContactTypes({ ...contactTypes, groups: e.target.checked })} />
+                        <Users size={16} /><span>群聊</span>
                    </label>
                    <label className={`filter-chip ${contactTypes.officials ? 'active' : ''}`}>
-                        <input
-                            type="checkbox"
-                            checked={contactTypes.officials}
-                            onChange={e => setContactTypes({ ...contactTypes, officials: e.target.checked })}
-                        />
-                        <MessageSquare size={16} />
-                        <span>公众号</span>
+                        <input type="checkbox" checked={contactTypes.officials} onChange={e => setContactTypes({ ...contactTypes, officials: e.target.checked })} />
+                        <MessageSquare size={16} /><span>公众号</span>
+                    </label>
+                    <label className={`filter-chip ${contactTypes.deletedFriends ? 'active' : ''}`}>
+                        <input type="checkbox" checked={contactTypes.deletedFriends} onChange={e => setContactTypes({ ...contactTypes, deletedFriends: e.target.checked })} />
+                        <UserX size={16} /><span>曾经的好友</span>
                    </label>
                </div>

                <div className="contacts-count">
                    共 {filteredContacts.length} 个联系人
                </div>
-                <div className="selection-toolbar">
-                    <label className="checkbox-item">
-                        <input
-                            type="checkbox"
-                            checked={allFilteredSelected}
-                            onChange={e => toggleAllFilteredSelected(e.target.checked)}
-                            disabled={filteredContacts.length === 0}
-                        />
-                        <span>全选当前筛选结果</span>
-                    </label>
-                    <span className="selection-count">已选 {selectedUsernames.size}（当前筛选 {selectedInFilteredCount} / {filteredContacts.length}）</span>
-                </div>
+
+                {exportMode && (
+                    <div className="selection-toolbar">
+                        <label className="checkbox-item">
+                            <input
+                                type="checkbox"
+                                checked={allFilteredSelected}
+                                onChange={e => toggleAllFilteredSelected(e.target.checked)}
+                                disabled={filteredContacts.length === 0}
+                            />
+                            <span>全选当前筛选结果</span>
+                        </label>
+                        <span className="selection-count">已选 {selectedUsernames.size}（当前筛选 {selectedInFilteredCount} / {filteredContacts.length}）</span>
+                    </div>
+                )}

                {isLoading ? (
                    <div className="loading-state">
@@ -314,20 +327,29 @@ function ContactsPage() {
                ) : (
                    <div className="contacts-list">
                        {filteredContacts.map(contact => {
-                            const isSelected = selectedUsernames.has(contact.username)
+                            const isChecked = selectedUsernames.has(contact.username)
+                            const isActive = !exportMode && selectedContact?.username === contact.username
                            return (
                                <div
                                    key={contact.username}
-                                    className={`contact-item ${isSelected ? 'selected' : ''}`}
-                                    onClick={() => toggleContactSelected(contact.username, !isSelected)}
+                                    className={`contact-item ${exportMode && isChecked ? 'selected' : ''} ${isActive ? 'active' : ''}`}
+                                    onClick={() => {
+                                        if (exportMode) {
+                                            toggleContactSelected(contact.username, !isChecked)
+                                        } else {
+                                            setSelectedContact(isActive ? null : contact)
+                                        }
+                                    }}
                                >
-                                    <label className="contact-select" onClick={e => e.stopPropagation()}>
-                                        <input
-                                            type="checkbox"
-                                            checked={isSelected}
-                                            onChange={e => toggleContactSelected(contact.username, e.target.checked)}
-                                        />
-                                    </label>
+                                    {exportMode && (
+                                        <label className="contact-select" onClick={e => e.stopPropagation()}>
+                                            <input
+                                                type="checkbox"
+                                                checked={isChecked}
+                                                onChange={e => toggleContactSelected(contact.username, e.target.checked)}
+                                            />
+                                        </label>
+                                    )}
                                    <div className="contact-avatar">
                                        {contact.avatarUrl ? (
                                            <img src={contact.avatarUrl} alt="" />
@@ -352,90 +374,129 @@ function ContactsPage() {
                )}
            </div>

-            {/* 右侧：导出设置 */}
-            <div className="settings-panel">
-                <div className="panel-header">
-                    <h2>导出设置</h2>
-                </div>
+            {/* 右侧面板 */}
+            {exportMode ? (
+                <div className="settings-panel">
+                    <div className="panel-header">
+                        <h2>导出设置</h2>
+                    </div>

-                <div className="settings-content">
-                    <div className="setting-section">
-                        <h3>导出格式</h3>
-                        <div className="format-select" ref={formatDropdownRef}>
-                            <button
-                                type="button"
-                                className={`select-trigger ${showFormatSelect ? 'open' : ''}`}
-                                onClick={() => setShowFormatSelect(!showFormatSelect)}
-                            >
-                                <span className="select-value">{getOptionLabel(exportFormat)}</span>
-                                <ChevronDown size={16} />
+                    <div className="settings-content">
+                        <div className="setting-section">
+                            <h3>导出格式</h3>
+                            <div className="format-select" ref={formatDropdownRef}>
+                                <button
+                                    type="button"
+                                    className={`select-trigger ${showFormatSelect ? 'open' : ''}`}
+                                    onClick={() => setShowFormatSelect(!showFormatSelect)}
+                                >
+                                    <span className="select-value">{getOptionLabel(exportFormat)}</span>
+                                    <ChevronDown size={16} />
+                                </button>
+                                {showFormatSelect && (
+                                    <div className="select-dropdown">
+                                        {exportFormatOptions.map(option => (
+                                            <button
+                                                key={option.value}
+                                                type="button"
+                                                className={`select-option ${exportFormat === option.value ? 'active' : ''}`}
+                                                onClick={() => {
+                                                    setExportFormat(option.value as 'json' | 'csv' | 'vcf')
+                                                    setShowFormatSelect(false)
+                                                }}
+                                            >
+                                                <span className="option-label">{option.label}</span>
+                                                <span className="option-desc">{option.desc}</span>
+                                            </button>
+                                        ))}
+                                    </div>
+                                )}
+                            </div>
+                        </div>
+
+                        <div className="setting-section">
+                            <h3>导出选项</h3>
+                            <label className="checkbox-item">
+                                <input type="checkbox" checked={exportAvatars} onChange={e => setExportAvatars(e.target.checked)} />
+                                <span>导出头像</span>
+                            </label>
+                        </div>
+
+                        <div className="setting-section">
+                            <h3>导出位置</h3>
+                            <div className="export-path-display">
+                                <FolderOpen size={16} />
+                                <span>{exportFolder || '未设置'}</span>
+                            </div>
+                            <button className="select-folder-btn" onClick={selectExportFolder}>
+                                <FolderOpen size={16} />
+                                <span>选择导出目录</span>
                            </button>
-                            {showFormatSelect && (
-                                <div className="select-dropdown">
-                                    {exportFormatOptions.map(option => (
-                                        <button
-                                            key={option.value}
-                                            type="button"
-                                            className={`select-option ${exportFormat === option.value ? 'active' : ''}`}
-                                            onClick={() => {
-                                                setExportFormat(option.value as 'json' | 'csv' | 'vcf')
-                                                setShowFormatSelect(false)
-                                            }}
-                                        >
-                                            <span className="option-label">{option.label}</span>
-                                            <span className="option-desc">{option.desc}</span>
-                                        </button>
-                                    ))}
-                                </div>
+                        </div>
+                    </div>
+
+                    <div className="export-action">
+                        <button
+                            className="export-btn"
+                            onClick={startExport}
+                            disabled={!exportFolder || isExporting || selectedUsernames.size === 0}
+                        >
+                            {isExporting ? (
+                                <><Loader2 size={18} className="spin" /><span>导出中...</span></>
+                            ) : (
+                                <><Download size={18} /><span>开始导出</span></>
                            )}
-                        </div>
-                    </div>
-
-                    <div className="setting-section">
-                        <h3>导出选项</h3>
-                        <label className="checkbox-item">
-                            <input
-                                type="checkbox"
-                                checked={exportAvatars}
-                                onChange={e => setExportAvatars(e.target.checked)}
-                            />
-                            <span>导出头像</span>
-                        </label>
-                    </div>
-
-                    <div className="setting-section">
-                        <h3>导出位置</h3>
-                        <div className="export-path-display">
-                            <FolderOpen size={16} />
-                            <span>{exportFolder || '未设置'}</span>
-                        </div>
-                        <button className="select-folder-btn" onClick={selectExportFolder}>
-                            <FolderOpen size={16} />
-                            <span>选择导出目录</span>
                        </button>
                    </div>
                </div>
+            ) : selectedContact ? (
+                <div className="settings-panel">
+                    <div className="panel-header">
+                        <h2>联系人详情</h2>
+                    </div>
+                    <div className="settings-content">
+                        <div className="detail-profile">
+                            <div className="detail-avatar">
+                                {selectedContact.avatarUrl ? (
+                                    <img src={selectedContact.avatarUrl} alt="" />
+                                ) : (
+                                    <span>{getAvatarLetter(selectedContact.displayName)}</span>
+                                )}
+                            </div>
+                            <div className="detail-name">{selectedContact.displayName}</div>
+                            <div className={`contact-type ${selectedContact.type}`}>
+                                {getContactTypeIcon(selectedContact.type)}
+                                <span>{getContactTypeName(selectedContact.type)}</span>
+                            </div>
+                        </div>

-                <div className="export-action">
-                    <button
-                        className="export-btn"
-                        onClick={startExport}
-                        disabled={!exportFolder || isExporting || selectedUsernames.size === 0}
-                    >
-                        {isExporting ? (
-                            <>
-                                <Loader2 size={18} className="spin" />
-                                <span>导出中...</span>
-                            </>
-                        ) : (
-                            <>
-                                <Download size={18} />
-                                <span>开始导出</span>
-                            </>
-                        )}
-                    </button>
+                        <div className="detail-info-list">
+                            <div className="detail-row"><span className="detail-label">用户名</span><span className="detail-value">{selectedContact.username}</span></div>
+                            <div className="detail-row"><span className="detail-label">昵称</span><span className="detail-value">{selectedContact.nickname || selectedContact.displayName}</span></div>
+                            {selectedContact.remark && <div className="detail-row"><span className="detail-label">备注</span><span className="detail-value">{selectedContact.remark}</span></div>}
+                            <div className="detail-row"><span className="detail-label">类型</span><span className="detail-value">{getContactTypeName(selectedContact.type)}</span></div>
+                        </div>
+
+                        <button
+                            className="goto-chat-btn"
+                            onClick={() => {
+                                setCurrentSession(selectedContact.username)
+                                navigate('/chat')
+                            }}
+                        >
+                            <MessageCircle size={18} />
+                            <span>查看聊天记录</span>
+                        </button>
+                    </div>
                </div>
-            </div>
+            ) : (
+                <div className="settings-panel">
+                    <div className="empty-detail">
+                        <User size={48} />
+                        <span>点击左侧联系人查看详情</span>
+                    </div>
+                </div>
+            )}
        </div>
    )
 }
--- a/src/pages/ExportPage.scss
+++ b/src/pages/ExportPage.scss
@@ -955,6 +955,18 @@
        font-size: 15px;
        font-weight: 600;
        color: var(--text-primary);
+
+        &.clickable {
+          cursor: pointer;
+          border-radius: 6px;
+          padding: 2px 8px;
+          transition: all 0.15s;
+
+          &:hover {
+            background: var(--bg-hover);
+            color: var(--primary);
+          }
+        }
      }
    }

@@ -1015,6 +1027,70 @@
      }
    }

+    .year-month-picker {
+      padding: 4px 0;
+
+      .year-selector {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 12px;
+
+        .year-label {
+          font-size: 15px;
+          font-weight: 600;
+          color: var(--text-primary);
+        }
+
+        .calendar-nav-btn {
+          width: 32px;
+          height: 32px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          background: var(--bg-secondary);
+          border: 1px solid var(--border-color);
+          border-radius: 8px;
+          cursor: pointer;
+          color: var(--text-secondary);
+          transition: all 0.2s;
+
+          &:hover {
+            background: var(--bg-hover);
+            border-color: var(--primary);
+            color: var(--primary);
+          }
+        }
+      }
+
+      .month-grid {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 6px;
+
+        .month-btn {
+          padding: 10px 0;
+          border: none;
+          background: transparent;
+          border-radius: 8px;
+          cursor: pointer;
+          font-size: 13px;
+          color: var(--text-secondary);
+          transition: all 0.15s;
+
+          &:hover {
+            background: var(--bg-hover);
+            color: var(--text-primary);
+          }
+
+          &.active {
+            background: var(--primary);
+            color: #fff;
+          }
+        }
+      }
+    }
+
    .date-picker-actions {
      display: flex;
      gap: 12px;
--- a/src/pages/ExportPage.tsx
+++ b/src/pages/ExportPage.tsx
@@ -53,6 +53,7 @@ function ExportPage() {
  const [showDatePicker, setShowDatePicker] = useState(false)
  const [calendarDate, setCalendarDate] = useState(new Date())
  const [selectingStart, setSelectingStart] = useState(true)
+  const [showYearMonthPicker, setShowYearMonthPicker] = useState(false)
  const [showMediaLayoutPrompt, setShowMediaLayoutPrompt] = useState(false)
  const [showDisplayNameSelect, setShowDisplayNameSelect] = useState(false)
  const [showPreExportDialog, setShowPreExportDialog] = useState(false)
@@ -1047,7 +1048,7 @@ function ExportPage() {

      {/* 日期选择弹窗 */}
      {showDatePicker && (
-        <div className="export-overlay" onClick={() => setShowDatePicker(false)}>
+        <div className="export-overlay" onClick={() => { setShowDatePicker(false); setShowYearMonthPicker(false) }}>
          <div className="date-picker-modal" onClick={e => e.stopPropagation()}>
            <h3>选择时间范围</h3>
            <p style={{ fontSize: '13px', color: 'var(--text-secondary)', margin: '8px 0 16px 0' }}>
@@ -1122,7 +1123,7 @@ function ExportPage() {
                >
                  <ChevronLeft size={18} />
                </button>
-                <span className="calendar-month">
+                <span className="calendar-month clickable" onClick={() => setShowYearMonthPicker(!showYearMonthPicker)}>
                  {calendarDate.getFullYear()}年{calendarDate.getMonth() + 1}月
                </span>
                <button
@@ -1132,6 +1133,32 @@ function ExportPage() {
                  <ChevronRight size={18} />
                </button>
              </div>
+              {showYearMonthPicker ? (
+                <div className="year-month-picker">
+                  <div className="year-selector">
+                    <button className="calendar-nav-btn" onClick={() => setCalendarDate(new Date(calendarDate.getFullYear() - 1, calendarDate.getMonth(), 1))}>
+                      <ChevronLeft size={16} />
+                    </button>
+                    <span className="year-label">{calendarDate.getFullYear()}年</span>
+                    <button className="calendar-nav-btn" onClick={() => setCalendarDate(new Date(calendarDate.getFullYear() + 1, calendarDate.getMonth(), 1))}>
+                      <ChevronRight size={16} />
+                    </button>
+                  </div>
+                  <div className="month-grid">
+                    {['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'].map((name, i) => (
+                      <button
+                        key={i}
+                        className={`month-btn ${i === calendarDate.getMonth() ? 'active' : ''}`}
+                        onClick={() => {
+                          setCalendarDate(new Date(calendarDate.getFullYear(), i, 1))
+                          setShowYearMonthPicker(false)
+                        }}
+                      >{name}</button>
+                    ))}
+                  </div>
+                </div>
+              ) : (
+                <>
              <div className="calendar-weekdays">
                {['日', '一', '二', '三', '四', '五', '六'].map(day => (
                  <div key={day} className="calendar-weekday">{day}</div>
@@ -1163,12 +1190,14 @@ function ExportPage() {
                  )
                })}
              </div>
+                </>
+              )}
            </div>
            <div className="date-picker-actions">
-              <button className="cancel-btn" onClick={() => setShowDatePicker(false)}>
+              <button className="cancel-btn" onClick={() => { setShowDatePicker(false); setShowYearMonthPicker(false) }}>
                取消
              </button>
-              <button className="confirm-btn" onClick={() => setShowDatePicker(false)}>
+              <button className="confirm-btn" onClick={() => { setShowDatePicker(false); setShowYearMonthPicker(false) }}>
                确定
              </button>
            </div>
--- a/src/pages/NotificationWindow.tsx
+++ b/src/pages/NotificationWindow.tsx
@@ -1,9 +1,11 @@
 import { useEffect, useState, useRef } from 'react'
 import { NotificationToast, type NotificationData } from '../components/NotificationToast'
+import { useThemeStore } from '../stores/themeStore'
 import '../components/NotificationToast.scss'
 import './NotificationWindow.scss'

 export default function NotificationWindow() {
+    const { currentTheme, themeMode } = useThemeStore()
    const [notification, setNotification] = useState<NotificationData | null>(null)
    const [prevNotification, setPrevNotification] = useState<NotificationData | null>(null)

@@ -17,6 +19,12 @@ export default function NotificationWindow() {

    const notificationRef = useRef<NotificationData | null>(null)

+    // 应用主题到通知窗口
+    useEffect(() => {
+        document.documentElement.setAttribute('data-theme', currentTheme)
+        document.documentElement.setAttribute('data-mode', themeMode)
+    }, [currentTheme, themeMode])
+
    useEffect(() => {
        notificationRef.current = notification
    }, [notification])
--- a/src/pages/SettingsPage.tsx
+++ b/src/pages/SettingsPage.tsx
@@ -7,7 +7,7 @@ import { dialog } from '../services/ipc'
 import * as configService from '../services/config'
 import {
  Eye, EyeOff, FolderSearch, FolderOpen, Search, Copy,
-  RotateCcw, Trash2, Plug, Check, Sun, Moon,
+  RotateCcw, Trash2, Plug, Check, Sun, Moon, Monitor,
  Palette, Database, Download, HardDrive, Info, RefreshCw, ChevronDown, Mic,
  ShieldCheck, Fingerprint, Lock, KeyRound, Bell, Globe, BarChart2
 } from 'lucide-react'
@@ -55,6 +55,14 @@ function SettingsPage() {

  const resetChatStore = useChatStore((state) => state.reset)
  const { currentTheme, themeMode, setTheme, setThemeMode } = useThemeStore()
+  const [systemDark, setSystemDark] = useState(() => window.matchMedia('(prefers-color-scheme: dark)').matches)
+  useEffect(() => {
+    const mq = window.matchMedia('(prefers-color-scheme: dark)')
+    const handler = (e: MediaQueryListEvent) => setSystemDark(e.matches)
+    mq.addEventListener('change', handler)
+    return () => mq.removeEventListener('change', handler)
+  }, [])
+  const effectiveMode = themeMode === 'system' ? (systemDark ? 'dark' : 'light') : themeMode
  const clearAnalyticsStoreCache = useAnalyticsStore((state) => state.clearCache)

  const [activeTab, setActiveTab] = useState<SettingsTab>('appearance')
@@ -82,10 +90,6 @@ function SettingsPage() {
  const [whisperDownloadProgress, setWhisperDownloadProgress] = useState(0)
  const [whisperProgressData, setWhisperProgressData] = useState<{ downloaded: number; total: number; speed: number }>({ downloaded: 0, total: 0, speed: 0 })
  const [whisperModelStatus, setWhisperModelStatus] = useState<{ exists: boolean; modelPath?: string; tokensPath?: string } | null>(null)
-  const [llamaModelStatus, setLlamaModelStatus] = useState<{ exists: boolean; path?: string; size?: number } | null>(null)
-  const [isLlamaDownloading, setIsLlamaDownloading] = useState(false)
-  const [llamaDownloadProgress, setLlamaDownloadProgress] = useState(0)
-  const [llamaProgressData, setLlamaProgressData] = useState<{ downloaded: number; total: number; speed: number }>({ downloaded: 0, total: 0, speed: 0 })

  const formatBytes = (bytes: number) => {
    if (bytes === 0) return '0 B';
@@ -328,8 +332,7 @@ function SettingsPage() {

      if (savedWhisperModelDir) setWhisperModelDir(savedWhisperModelDir)

-      // Load Llama status after config
-      void checkLlamaModelStatus()
+
    } catch (e: any) {
      console.error('加载配置失败:', e)
    }
@@ -645,7 +648,6 @@ function SettingsPage() {
        setWhisperModelDir(dir)
        await configService.setWhisperModelDir(dir)
        showMessage('已选择 Whisper 模型目录', true)
-        await checkLlamaModelStatus()
      }
    } catch (e: any) {
      showMessage('选择目录失败', false)
@@ -681,68 +683,6 @@ function SettingsPage() {
  const handleResetWhisperModelDir = async () => {
    setWhisperModelDir('')
    await configService.setWhisperModelDir('')
-    await checkLlamaModelStatus()
-  }
-
-  const checkLlamaModelStatus = async () => {
-    try {
-      // @ts-ignore
-      const modelsPath = await window.electronAPI.llama?.getModelsPath()
-      if (!modelsPath) return
-      const modelName = "Qwen3-4B-Q4_K_M.gguf" // Hardcoded preset for now
-      const fullPath = `${modelsPath}\\${modelName}`
-      // @ts-ignore
-      const status = await window.electronAPI.llama?.getModelStatus(fullPath)
-      if (status) {
-        setLlamaModelStatus({
-          exists: status.exists,
-          path: status.path,
-          size: status.size
-        })
-      }
-    } catch (e) {
-      console.error("Check llama model status failed", e)
-    }
-  }
-
-  useEffect(() => {
-    const handleLlamaProgress = (payload: { downloaded: number; total: number; speed: number }) => {
-      setLlamaProgressData(payload)
-      if (payload.total > 0) {
-        setLlamaDownloadProgress((payload.downloaded / payload.total) * 100)
-      }
-    }
-    // @ts-ignore
-    const removeListener = window.electronAPI.llama?.onDownloadProgress(handleLlamaProgress)
-    return () => {
-      if (typeof removeListener === 'function') removeListener()
-    }
-  }, [])
-
-  const handleDownloadLlamaModel = async () => {
-    if (isLlamaDownloading) return
-    setIsLlamaDownloading(true)
-    setLlamaDownloadProgress(0)
-    try {
-      const modelUrl = "https://www.modelscope.cn/models/Qwen/Qwen3-4B-GGUF/resolve/master/Qwen3-4B-Q4_K_M.gguf"
-      // @ts-ignore
-      const modelsPath = await window.electronAPI.llama?.getModelsPath()
-      const modelName = "Qwen3-4B-Q4_K_M.gguf"
-      const fullPath = `${modelsPath}\\${modelName}`
-
-      // @ts-ignore
-      const result = await window.electronAPI.llama?.downloadModel(modelUrl, fullPath)
-      if (result?.success) {
-        showMessage('Qwen3 模型下载完成', true)
-        await checkLlamaModelStatus()
-      } else {
-        showMessage(`模型下载失败: ${result?.error || '未知错误'}`, false)
-      }
-    } catch (e: any) {
-      showMessage(`模型下载失败: ${e}`, false)
-    } finally {
-      setIsLlamaDownloading(false)
-    }
  }

  const handleAutoGetDbKey = async () => {
@@ -993,11 +933,14 @@ function SettingsPage() {
        <button className={`mode-btn ${themeMode === 'dark' ? 'active' : ''}`} onClick={() => setThemeMode('dark')}>
          <Moon size={16} /> 深色
        </button>
+        <button className={`mode-btn ${themeMode === 'system' ? 'active' : ''}`} onClick={() => setThemeMode('system')}>
+          <Monitor size={16} /> 跟随系统
+        </button>
      </div>
      <div className="theme-grid">
        {themes.map((theme) => (
          <div key={theme.id} className={`theme-card ${currentTheme === theme.id ? 'active' : ''}`} onClick={() => setTheme(theme.id)}>
-            <div className="theme-preview" style={{ background: themeMode === 'dark' ? 'linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)' : `linear-gradient(135deg, ${theme.bgColor} 0%, ${theme.bgColor}dd 100%)` }}>
+            <div className="theme-preview" style={{ background: effectiveMode === 'dark' ? 'linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)' : `linear-gradient(135deg, ${theme.bgColor} 0%, ${theme.bgColor}dd 100%)` }}>
              <div className="theme-accent" style={{ background: theme.primaryColor }} />
            </div>
            <div className="theme-info">
@@ -1441,7 +1384,7 @@ function SettingsPage() {
    <div className="tab-content">
      <div className="form-group">
        <label>模型管理</label>
-        <span className="form-hint">管理语音识别和 AI 对话模型</span>
+        <span className="form-hint">管理语音识别模型</span>
      </div>

      <div className="form-group">
@@ -1511,50 +1454,6 @@ function SettingsPage() {
        </div>
      </div>

-      <div className="form-group">
-        <label>AI 对话模型 (Llama)</label>
-        <span className="form-hint">用于 AI 助手对话功能</span>
-        <div className="setting-control vertical has-border">
-          <div className="model-status-card">
-            <div className="model-info">
-              <div className="model-name">Qwen3 4B (Preset) (~2.6GB)</div>
-              <div className="model-path">
-                {llamaModelStatus?.exists ? (
-                  <span className="status-indicator success"><Check size={14} /> 已安装</span>
-                ) : (
-                  <span className="status-indicator warning">未安装</span>
-                )}
-                {llamaModelStatus?.path && <div className="path-text" title={llamaModelStatus.path}>{llamaModelStatus.path}</div>}
-              </div>
-            </div>
-            <div className="model-actions">
-              {!llamaModelStatus?.exists && !isLlamaDownloading && (
-                <button
-                  className="btn-download"
-                  onClick={handleDownloadLlamaModel}
-                >
-                  <Download size={16} /> 下载模型
-                </button>
-              )}
-              {isLlamaDownloading && (
-                <div className="download-status">
-                  <div className="status-header">
-                    <span className="percent">{Math.floor(llamaDownloadProgress)}%</span>
-                    <span className="metrics">
-                      {formatBytes(llamaProgressData.downloaded)} / {formatBytes(llamaProgressData.total)}
-                      <span className="speed">({formatBytes(llamaProgressData.speed)}/s)</span>
-                    </span>
-                  </div>
-                  <div className="progress-bar-mini">
-                    <div className="fill" style={{ width: `${llamaDownloadProgress}%` }}></div>
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-
      <div className="form-group">
        <label>自动转文字</label>
        <span className="form-hint">收到语音消息时自动转换为文字</span>
--- a/src/pages/SnsPage.scss
+++ b/src/pages/SnsPage.scss
@@ -24,8 +24,6 @@
 .sns-main-viewport {
    flex: 1;
    overflow-y: scroll;
-    /* Always show scrollbar track for stability */
-    scroll-behavior: smooth;
    position: relative;
    display: flex;
    justify-content: center;
@@ -105,11 +103,29 @@
    gap: 16px;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
+    position: relative;
+    overflow: hidden;

    &:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
    }
+
+    &.post-deleted {
+        opacity: 0.7;
+    }
+
+    .post-deleted-badge {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        background: rgba(255, 77, 79, 0.1);
+        color: #ff4d4f;
+        font-size: 12px;
+        font-weight: 500;
+        padding: 3px 8px;
+        border-radius: 6px;
+    }
 }

 .post-avatar-col {
@@ -131,6 +147,8 @@
    .post-author-info {
        display: flex;
        flex-direction: column;
+        min-width: 0;
+        overflow: hidden;

        .author-name {
            font-size: 15px;
@@ -147,6 +165,13 @@
        }
    }

+    .post-header-actions {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        flex-shrink: 0;
+    }
+
    .debug-btn {
        opacity: 0;
        transition: opacity 0.2s;
@@ -313,12 +338,15 @@
        width: fit-content;
        height: auto;
        max-width: 300px;
-        /* Max width constraint */
        max-height: 480px;
-        /* Increased max height a bit */
        aspect-ratio: auto;
        border-radius: var(--sns-border-radius-md);

+        &.deleted-media {
+            width: 200px;
+            aspect-ratio: 1;
+        }
+
        img,
        video {
            max-width: 100%;
@@ -327,7 +355,6 @@
            height: auto;
            object-fit: contain;
            display: block;
-            /* Remove baseline space */
            background: rgba(0, 0, 0, 0.05);
        }
    }
@@ -444,6 +471,22 @@
        &:hover .media-download-btn {
            opacity: 1;
        }
+
+        &.deleted-media {
+            cursor: default;
+            opacity: 0.6;
+
+            .deleted-placeholder {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100%;
+                gap: 6px;
+                color: var(--text-tertiary);
+                font-size: 12px;
+            }
+        }
    }
 }

@@ -653,6 +696,17 @@
                top: 8px;
                color: var(--text-tertiary);
                pointer-events: none;
+                display: none;
+            }
+
+            .clear-icon {
+                position: absolute;
+                right: 28px;
+                top: 8px;
+                color: var(--text-tertiary);
+                cursor: pointer;
+                display: flex;
+                align-items: center;
            }
        }

@@ -1268,6 +1322,18 @@
                font-size: 15px;
                font-weight: 600;
                color: var(--text-primary);
+
+                &.clickable {
+                    cursor: pointer;
+                    border-radius: 6px;
+                    padding: 2px 8px;
+                    transition: all 0.15s;
+
+                    &:hover {
+                        background: var(--bg-hover);
+                        color: var(--primary);
+                    }
+                }
            }

            .nav-btn {
@@ -1343,6 +1409,70 @@
                }
            }
        }
+
+        .year-month-picker {
+            padding: 4px 0;
+
+            .year-selector {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                margin-bottom: 12px;
+
+                .year-label {
+                    font-size: 15px;
+                    font-weight: 600;
+                    color: var(--text-primary);
+                }
+
+                .nav-btn {
+                    width: 32px;
+                    height: 32px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    background: var(--bg-secondary);
+                    border: 1px solid var(--border-color);
+                    border-radius: 8px;
+                    color: var(--text-secondary);
+                    cursor: pointer;
+                    transition: all 0.2s;
+
+                    &:hover {
+                        background: var(--bg-hover);
+                        border-color: var(--primary);
+                        color: var(--primary);
+                    }
+                }
+            }
+
+            .month-grid {
+                display: grid;
+                grid-template-columns: repeat(3, 1fr);
+                gap: 6px;
+
+                .month-btn {
+                    padding: 10px 0;
+                    border: none;
+                    background: transparent;
+                    border-radius: 8px;
+                    cursor: pointer;
+                    font-size: 13px;
+                    color: var(--text-secondary);
+                    transition: all 0.15s;
+
+                    &:hover {
+                        background: var(--bg-hover);
+                        color: var(--text-primary);
+                    }
+
+                    &.active {
+                        background: var(--primary);
+                        color: #fff;
+                    }
+                }
+            }
+        }
    }

    .quick-options {
--- a/src/pages/SnsPage.tsx
+++ b/src/pages/SnsPage.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState, useRef, useCallback } from 'react'
+import { useEffect, useLayoutEffect, useState, useRef, useCallback } from 'react'
 import { RefreshCw, Search, X, Download, FolderOpen, FileJson, FileText, Image, CheckCircle, AlertCircle, Calendar, Users, Info, ChevronLeft, ChevronRight } from 'lucide-react'
 import { ImagePreview } from '../components/ImagePreview'
 import JumpToDateDialog from '../components/JumpToDateDialog'
@@ -11,6 +11,7 @@ interface Contact {
    username: string
    displayName: string
    avatarUrl?: string
+    type?: 'friend' | 'former_friend' | 'sns_only'
 }

 export default function SnsPage() {
@@ -45,28 +46,29 @@ export default function SnsPage() {
    const [exportResult, setExportResult] = useState<{ success: boolean; filePath?: string; postCount?: number; mediaCount?: number; error?: string } | null>(null)
    const [refreshSpin, setRefreshSpin] = useState(false)
    const [calendarPicker, setCalendarPicker] = useState<{ field: 'start' | 'end'; month: Date } | null>(null)
+    const [showYearMonthPicker, setShowYearMonthPicker] = useState(false)

    const postsContainerRef = useRef<HTMLDivElement>(null)
    const [hasNewer, setHasNewer] = useState(false)
    const [loadingNewer, setLoadingNewer] = useState(false)
    const postsRef = useRef<SnsPost[]>([])
-    const scrollAdjustmentRef = useRef<number>(0)
+    const scrollAdjustmentRef = useRef<{ scrollHeight: number; scrollTop: number } | null>(null)

    // Sync posts ref
    useEffect(() => {
        postsRef.current = posts
    }, [posts])

-    // Maintain scroll position when loading newer posts
-    useEffect(() => {
-        if (scrollAdjustmentRef.current !== 0 && postsContainerRef.current) {
+    // 在 DOM 更新后、浏览器绘制前同步调整滚动位置，防止向上加载时页面跳动
+    useLayoutEffect(() => {
+        const snapshot = scrollAdjustmentRef.current;
+        if (snapshot && postsContainerRef.current) {
            const container = postsContainerRef.current;
-            const newHeight = container.scrollHeight;
-            const diff = newHeight - scrollAdjustmentRef.current;
-            if (diff > 0) {
-                container.scrollTop += diff;
+            const addedHeight = container.scrollHeight - snapshot.scrollHeight;
+            if (addedHeight > 0) {
+                container.scrollTop = snapshot.scrollTop + addedHeight;
            }
-            scrollAdjustmentRef.current = 0;
+            scrollAdjustmentRef.current = null;
        }
    }, [posts])

@@ -104,14 +106,17 @@ export default function SnsPage() {

                    if (result.success && result.timeline && result.timeline.length > 0) {
                        if (postsContainerRef.current) {
-                            scrollAdjustmentRef.current = postsContainerRef.current.scrollHeight;
+                            scrollAdjustmentRef.current = {
+                                scrollHeight: postsContainerRef.current.scrollHeight,
+                                scrollTop: postsContainerRef.current.scrollTop
+                            };
                        }

                        const existingIds = new Set(currentPosts.map((p: SnsPost) => p.id));
                        const uniqueNewer = result.timeline.filter((p: SnsPost) => !existingIds.has(p.id));

                        if (uniqueNewer.length > 0) {
-                            setPosts(prev => [...uniqueNewer, ...prev]);
+                            setPosts(prev => [...uniqueNewer, ...prev].sort((a, b) => b.createTime - a.createTime));
                        }
                        setHasNewer(result.timeline.length >= limit);
                    } else {
@@ -157,7 +162,7 @@ export default function SnsPage() {
                    }
                } else {
                    if (result.timeline.length > 0) {
-                        setPosts(prev => [...prev, ...result.timeline!])
+                        setPosts(prev => [...prev, ...result.timeline!].sort((a, b) => b.createTime - a.createTime))
                    }
                    if (result.timeline.length < limit) {
                        setHasMore(false)
@@ -173,45 +178,59 @@ export default function SnsPage() {
        }
    }, [selectedUsernames, searchKeyword, jumpTargetDate])

-    // Load Contacts
+    // Load Contacts（合并好友+曾经好友+朋友圈发布者，enrichSessionsContactInfo 补充头像）
    const loadContacts = useCallback(async () => {
        setContactsLoading(true)
        try {
-            const result = await window.electronAPI.chat.getSessions()
-            if (result.success && result.sessions) {
-                const systemAccounts = ['filehelper', 'fmessage', 'newsapp', 'weixin', 'qqmail', 'tmessage', 'floatbottle', 'medianote', 'brandsessionholder'];
-                const initialContacts = result.sessions
-                    .filter((s: any) => {
-                        if (!s.username) return false;
-                        const u = s.username.toLowerCase();
-                        if (u.includes('@chatroom') || u.endsWith('@chatroom') || u.endsWith('@openim')) return false;
-                        if (u.startsWith('gh_')) return false;
-                        if (systemAccounts.includes(u) || u.includes('helper') || u.includes('sessionholder')) return false;
-                        return true;
-                    })
-                    .map((s: any) => ({
-                        username: s.username,
-                        displayName: s.displayName || s.username,
-                        avatarUrl: s.avatarUrl
-                    }))
-                setContacts(initialContacts)
+            // 并行获取联系人列表和朋友圈发布者列表
+            const [contactsResult, snsResult] = await Promise.all([
+                window.electronAPI.chat.getContacts(),
+                window.electronAPI.sns.getSnsUsernames()
+            ])

-                const usernames = initialContacts.map((c: { username: string }) => c.username)
-                const enriched = await window.electronAPI.chat.enrichSessionsContactInfo(usernames)
-                if (enriched.success && enriched.contacts) {
-                    setContacts(prev => prev.map(c => {
-                        const extra = enriched.contacts![c.username]
-                        if (extra) {
-                            return {
-                                ...c,
-                                displayName: extra.displayName || c.displayName,
-                                avatarUrl: extra.avatarUrl || c.avatarUrl
-                            }
-                        }
-                        return c
-                    }))
+            // 以联系人为基础，按 username 去重
+            const contactMap = new Map<string, Contact>()
+
+            // 好友和曾经的好友
+            if (contactsResult.success && contactsResult.contacts) {
+                for (const c of contactsResult.contacts) {
+                    if (c.type === 'friend' || c.type === 'former_friend') {
+                        contactMap.set(c.username, {
+                            username: c.username,
+                            displayName: c.displayName,
+                            avatarUrl: c.avatarUrl,
+                            type: c.type === 'former_friend' ? 'former_friend' : 'friend'
+                        })
+                    }
                }
            }
+
+            // 朋友圈发布者（补充不在联系人列表中的用户）
+            if (snsResult.success && snsResult.usernames) {
+                for (const u of snsResult.usernames) {
+                    if (!contactMap.has(u)) {
+                        contactMap.set(u, { username: u, displayName: u, type: 'sns_only' })
+                    }
+                }
+            }
+
+            const allUsernames = Array.from(contactMap.keys())
+
+            // 用 enrichSessionsContactInfo 统一补充头像和显示名
+            if (allUsernames.length > 0) {
+                const enriched = await window.electronAPI.chat.enrichSessionsContactInfo(allUsernames)
+                if (enriched.success && enriched.contacts) {
+                    for (const [username, extra] of Object.entries(enriched.contacts) as [string, { displayName?: string; avatarUrl?: string }][]) {
+                        const c = contactMap.get(username)
+                        if (c) {
+                            c.displayName = extra.displayName || c.displayName
+                            c.avatarUrl = extra.avatarUrl || c.avatarUrl
+                        }
+                    }
+                }
+            }
+
+            setContacts(Array.from(contactMap.values()))
        } catch (error) {
            console.error('Failed to load contacts:', error)
        } finally {
@@ -336,7 +355,12 @@ export default function SnsPage() {
                    )}

                    {!hasMore && posts.length > 0 && (
-                        <div className="status-indicator no-more">已经到底啦</div>
+                        <div className="status-indicator no-more">{
+                            selectedUsernames.length === 1 &&
+                            contacts.find(c => c.username === selectedUsernames[0])?.type === 'former_friend'
+                                ? '在时间的长河里刻舟求剑'
+                                : '或许过往已无可溯洄，但好在还有可以与你相遇的明天'
+                        }</div>
                    )}

                    {!loading && posts.length === 0 && (
@@ -655,14 +679,14 @@ export default function SnsPage() {

            {/* 日期选择弹窗 */}
            {calendarPicker && (
-                <div className="calendar-overlay" onClick={() => setCalendarPicker(null)}>
+                <div className="calendar-overlay" onClick={() => { setCalendarPicker(null); setShowYearMonthPicker(false) }}>
                    <div className="calendar-modal" onClick={e => e.stopPropagation()}>
                        <div className="calendar-header">
                            <div className="title-area">
                                <Calendar size={18} />
                                <h3>选择{calendarPicker.field === 'start' ? '开始' : '结束'}日期</h3>
                            </div>
-                            <button className="close-btn" onClick={() => setCalendarPicker(null)}>
+                            <button className="close-btn" onClick={() => { setCalendarPicker(null); setShowYearMonthPicker(false) }}>
                                <X size={18} />
                            </button>
                        </div>
@@ -671,13 +695,39 @@ export default function SnsPage() {
                                <button className="nav-btn" onClick={() => setCalendarPicker(prev => prev ? { ...prev, month: new Date(prev.month.getFullYear(), prev.month.getMonth() - 1, 1) } : null)}>
                                    <ChevronLeft size={18} />
                                </button>
-                                <span className="current-month">
+                                <span className="current-month clickable" onClick={() => setShowYearMonthPicker(!showYearMonthPicker)}>
                                    {calendarPicker.month.getFullYear()}年{calendarPicker.month.getMonth() + 1}月
                                </span>
                                <button className="nav-btn" onClick={() => setCalendarPicker(prev => prev ? { ...prev, month: new Date(prev.month.getFullYear(), prev.month.getMonth() + 1, 1) } : null)}>
                                    <ChevronRight size={18} />
                                </button>
                            </div>
+                            {showYearMonthPicker ? (
+                                <div className="year-month-picker">
+                                    <div className="year-selector">
+                                        <button className="nav-btn" onClick={() => setCalendarPicker(prev => prev ? { ...prev, month: new Date(prev.month.getFullYear() - 1, prev.month.getMonth(), 1) } : null)}>
+                                            <ChevronLeft size={16} />
+                                        </button>
+                                        <span className="year-label">{calendarPicker.month.getFullYear()}年</span>
+                                        <button className="nav-btn" onClick={() => setCalendarPicker(prev => prev ? { ...prev, month: new Date(prev.month.getFullYear() + 1, prev.month.getMonth(), 1) } : null)}>
+                                            <ChevronRight size={16} />
+                                        </button>
+                                    </div>
+                                    <div className="month-grid">
+                                        {['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'].map((name, i) => (
+                                            <button
+                                                key={i}
+                                                className={`month-btn ${i === calendarPicker.month.getMonth() ? 'active' : ''}`}
+                                                onClick={() => {
+                                                    setCalendarPicker(prev => prev ? { ...prev, month: new Date(prev.month.getFullYear(), i, 1) } : null)
+                                                    setShowYearMonthPicker(false)
+                                                }}
+                                            >{name}</button>
+                                        ))}
+                                    </div>
+                                </div>
+                            ) : (
+                              <>
                            <div className="calendar-weekdays">
                                {['日', '一', '二', '三', '四', '五', '六'].map(d => <div key={d} className="weekday">{d}</div>)}
                            </div>
@@ -710,6 +760,8 @@ export default function SnsPage() {
                                    })
                                })()}
                            </div>
+                              </>
+                            )}
                        </div>
                        <div className="quick-options">
                            <button onClick={() => {
@@ -733,7 +785,7 @@ export default function SnsPage() {
                            }}>{calendarPicker.field === 'start' ? '三个月前' : '一个月前'}</button>
                        </div>
                        <div className="dialog-footer">
-                            <button className="cancel-btn" onClick={() => setCalendarPicker(null)}>取消</button>
+                            <button className="cancel-btn" onClick={() => { setCalendarPicker(null); setShowYearMonthPicker(false) }}>取消</button>
                        </div>
                    </div>
                </div>
--- a/src/services/EngineService.ts
+++ b/src/services/EngineService.ts
@@ -1,108 +0,0 @@
-
-export interface ModelInfo {
-    name: string;
-    path: string;
-    downloadUrl?: string; // If it's a known preset
-    size?: number;
-    downloaded: boolean;
-}
-
-export const PRESET_MODELS: ModelInfo[] = [
-    {
-        name: "Qwen3 4B (Preset)",
-        path: "Qwen3-4B-Q4_K_M.gguf",
-        downloadUrl: "https://www.modelscope.cn/models/Qwen/Qwen3-4B-GGUF/resolve/master/Qwen3-4B-Q4_K_M.gguf",
-        downloaded: false
-    }
-];
-
-class EngineService {
-    private onTokenCallback: ((token: string) => void) | null = null;
-    private onProgressCallback: ((percent: number) => void) | null = null;
-    private _removeTokenListener: (() => void) | null = null;
-    private _removeProgressListener: (() => void) | null = null;
-
-    constructor() {
-        // Initialize listeners
-        this._removeTokenListener = window.electronAPI.llama.onToken((token: string) => {
-            if (this.onTokenCallback) {
-                this.onTokenCallback(token);
-            }
-        });
-
-        this._removeProgressListener = window.electronAPI.llama.onDownloadProgress((percent: number) => {
-            if (this.onProgressCallback) {
-                this.onProgressCallback(percent);
-            }
-        });
-    }
-
-    public async checkModelExists(filename: string): Promise<boolean> {
-        const modelsPath = await window.electronAPI.llama.getModelsPath();
-        const fullPath = `${modelsPath}\\${filename}`; // Windows path separator
-        // We might need to handle path separator properly or let main process handle it
-        // Updated preload to take full path or handling in main?
-        // Let's rely on main process exposing join or just checking relative to models dir if implemented
-        // Actually main process `checkFileExists` takes a path.
-        // Let's assume we construct path here or Main helps. 
-        // Better: getModelsPath returns the directory.
-        return await window.electronAPI.llama.checkFileExists(fullPath);
-    }
-
-    public async getModelsPath(): Promise<string> {
-        return await window.electronAPI.llama.getModelsPath();
-    }
-
-    public async loadModel(filename: string) {
-        const modelsPath = await this.getModelsPath();
-        const fullPath = `${modelsPath}\\${filename}`;
-        console.log("Loading model:", fullPath);
-        return await window.electronAPI.llama.loadModel(fullPath);
-    }
-
-    public async createSession(systemPrompt?: string) {
-        return await window.electronAPI.llama.createSession(systemPrompt);
-    }
-
-    public async chat(message: string, onToken: (token: string) => void, options?: { thinking?: boolean }) {
-        this.onTokenCallback = onToken;
-        return await window.electronAPI.llama.chat(message, options);
-    }
-
-    public async downloadModel(url: string, filename: string, onProgress: (percent: number) => void) {
-        const modelsPath = await this.getModelsPath();
-        const fullPath = `${modelsPath}\\${filename}`;
-        this.onProgressCallback = onProgress;
-        return await window.electronAPI.llama.downloadModel(url, fullPath);
-    }
-
-    /**
-     * 清除当前的回调函数引用
-     * 用于避免内存泄漏
-     */
-    public clearCallbacks() {
-        this.onTokenCallback = null;
-        this.onProgressCallback = null;
-    }
-
-    /**
-     * 释放所有资源
-     * 包括事件监听器和回调引用
-     */
-    public dispose() {
-        // 清除回调
-        this.clearCallbacks();
-
-        // 移除事件监听器
-        if (this._removeTokenListener) {
-            this._removeTokenListener();
-            this._removeTokenListener = null;
-        }
-        if (this._removeProgressListener) {
-            this._removeProgressListener();
-            this._removeProgressListener = null;
-        }
-    }
-}
-
-export const engineService = new EngineService();
--- a/src/services/config.ts
+++ b/src/services/config.ts
@@ -118,13 +118,13 @@ export async function setWxidConfig(wxid: string, configValue: WxidConfig): Prom
 }

 // 获取主题
-export async function getTheme(): Promise<'light' | 'dark'> {
+export async function getTheme(): Promise<'light' | 'dark' | 'system'> {
  const value = await config.get(CONFIG_KEYS.THEME)
-  return (value as 'light' | 'dark') || 'light'
+  return (value as 'light' | 'dark' | 'system') || 'light'
 }

 // 设置主题
-export async function setTheme(theme: 'light' | 'dark'): Promise<void> {
+export async function setTheme(theme: 'light' | 'dark' | 'system'): Promise<void> {
  await config.set(CONFIG_KEYS.THEME, theme)
 }

--- a/src/stores/themeStore.ts
+++ b/src/stores/themeStore.ts
@@ -2,7 +2,7 @@ import { create } from 'zustand'
 import { persist } from 'zustand/middleware'

 export type ThemeId = 'cloud-dancer' | 'corundum-blue' | 'kiwi-green' | 'spicy-red' | 'teal-water'
-export type ThemeMode = 'light' | 'dark'
+export type ThemeMode = 'light' | 'dark' | 'system'

 export interface ThemeInfo {
  id: ThemeId
--- a/src/types/electron.d.ts
+++ b/src/types/electron.d.ts
@@ -503,17 +503,7 @@ export interface ElectronAPI {
    }) => Promise<{ success: boolean; filePath?: string; postCount?: number; mediaCount?: number; error?: string }>
    onExportProgress: (callback: (payload: { current: number; total: number; status: string }) => void) => () => void
    selectExportDir: () => Promise<{ canceled: boolean; filePath?: string }>
-  }
-  llama: {
-    loadModel: (modelPath: string) => Promise<boolean>
-    createSession: (systemPrompt?: string) => Promise<boolean>
-    chat: (message: string) => Promise<{ success: boolean; response?: any; error?: string }>
-    downloadModel: (url: string, savePath: string) => Promise<void>
-    getModelsPath: () => Promise<string>
-    checkFileExists: (filePath: string) => Promise<boolean>
-    getModelStatus: (modelPath: string) => Promise<{ exists: boolean; path?: string; size?: number; error?: string }>
-    onToken: (callback: (token: string) => void) => () => void
-    onDownloadProgress: (callback: (payload: { downloaded: number; total: number; speed: number }) => void) => () => void
+    getSnsUsernames: () => Promise<{ success: boolean; usernames?: string[]; error?: string }>
  }
  http: {
    start: (port?: number) => Promise<{ success: boolean; port?: number; error?: string }>
--- a/src/types/models.ts
+++ b/src/types/models.ts
@@ -32,7 +32,7 @@ export interface ContactInfo {
  remark?: string
  nickname?: string
  avatarUrl?: string
-  type: 'friend' | 'group' | 'official' | 'other'
+  type: 'friend' | 'group' | 'official' | 'former_friend' | 'other'
 }

 // 消息
Author	SHA1	Message	Date
cc	b7852a8c07	Merge pull request #293 from hicccc77/dev Dev	2026-02-22 15:26:46 +08:00
cc	4b9d94eb62	修复实时更新偶发失效的问题；删除AI对话有关组件与依赖	2026-02-22 15:26:13 +08:00
cc	70481fd468	Merge branch 'dev' of https://github.com/hicccc77/WeFlow into dev	2026-02-22 14:26:44 +08:00
cc	52c67f4d23	修复开启应用锁时更新公告弹窗无法关闭的bug #291；修复朋友圈时间排序错乱 #290；支持日期选择器快速跳转年月；朋友圈页面性能优化	2026-02-22 14:26:41 +08:00
xuncha	d3618f3065	Merge pull request #292 from hicccc77/xunchahaha-patch-1 Xunchahaha patch 1	2026-02-22 13:02:04 +08:00
xuncha	29472beee8	Update README.md	2026-02-22 13:01:41 +08:00
cc	acaac507b1	支持系统深浅自适应同步	2026-02-21 23:23:40 +08:00
cc	f25c23b2b3	Merge pull request #287 from hicccc77/dev Dev	2026-02-21 23:07:10 +08:00
cc	5ab0466a87	联系人页面优化算法，同时支持获取曾经的好友；支持通过联系人页面打开聊天会话；朋友圈页面优化；支持检测并标记部分已删除的朋友圈	2026-02-21 23:06:41 +08:00
cc	d49c44f3be	Merge pull request #286 from hicccc77/main Main	2026-02-21 12:56:32 +08:00
cc	4577b4e955	修复了一些问题，并引入了新的问题	2026-02-21 12:55:44 +08:00
cc	dafde2eaba	Merge pull request #283 from hicccc77/dev Dev	2026-02-20 21:57:07 +08:00
cc	6e8ae3a12b	支持朋友圈导出	2026-02-20 21:50:02 +08:00
cc	a4be7f9005	更新朋友圈样式	2026-02-20 11:28:25 +08:00