diff --git a/electron/main/ipc/messages.ts b/electron/main/ipc/messages.ts
index 8a972e5..b7a0b74 100644
--- a/electron/main/ipc/messages.ts
+++ b/electron/main/ipc/messages.ts
@@ -145,5 +145,40 @@ export function registerMessagesHandlers({ win }: IpcContext): void {
       }
     }
   )
-}
 
+  // ==================== 自定义筛选 ====================
+
+  /**
+   * 按条件筛选消息并扩充上下文
+   */
+  ipcMain.handle(
+    'ai:filterMessagesWithContext',
+    async (
+      _,
+      sessionId: string,
+      keywords?: string[],
+      timeFilter?: { startTs: number; endTs: number },
+      senderIds?: number[],
+      contextSize?: number
+    ) => {
+      try {
+        return await worker.filterMessagesWithContext(sessionId, keywords, timeFilter, senderIds, contextSize)
+      } catch (error) {
+        console.error('筛选消息失败：', error)
+        return { blocks: [], stats: { totalMessages: 0, hitMessages: 0, totalChars: 0 } }
+      }
+    }
+  )
+
+  /**
+   * 获取多个会话的完整消息
+   */
+  ipcMain.handle('ai:getMultipleSessionsMessages', async (_, sessionId: string, chatSessionIds: number[]) => {
+    try {
+      return await worker.getMultipleSessionsMessages(sessionId, chatSessionIds)
+    } catch (error) {
+      console.error('获取多个会话消息失败：', error)
+      return { blocks: [], stats: { totalMessages: 0, hitMessages: 0, totalChars: 0 } }
+    }
+  })
+}
diff --git a/electron/main/worker/dbWorker.ts b/electron/main/worker/dbWorker.ts
index 0815239..d9d60e6 100644
--- a/electron/main/worker/dbWorker.ts
+++ b/electron/main/worker/dbWorker.ts
@@ -56,6 +56,9 @@ import {
   getSessions,
   searchSessions,
   getSessionMessages,
+  // 自定义筛选
+  filterMessagesWithContext,
+  getMultipleSessionsMessages,
 } from './query'
 import { streamImport, streamParseFileInfo } from './import'
 
@@ -134,6 +137,11 @@ const syncHandlers: Record<string, (payload: any) => any> = {
   getSessions: (p) => getSessions(p.sessionId),
   searchSessions: (p) => searchSessions(p.sessionId, p.keywords, p.timeFilter, p.limit, p.previewCount),
   getSessionMessages: (p) => getSessionMessages(p.sessionId, p.chatSessionId, p.limit),
+
+  // 自定义筛选
+  filterMessagesWithContext: (p) =>
+    filterMessagesWithContext(p.sessionId, p.keywords, p.timeFilter, p.senderIds, p.contextSize),
+  getMultipleSessionsMessages: (p) => getMultipleSessionsMessages(p.sessionId, p.chatSessionIds),
 }
 
 // 异步消息处理器（流式操作）
diff --git a/electron/main/worker/query/index.ts b/electron/main/worker/query/index.ts
index a86c826..7a8f0f4 100644
--- a/electron/main/worker/query/index.ts
+++ b/electron/main/worker/query/index.ts
@@ -65,5 +65,15 @@ export {
   searchSessions,
   getSessionMessages,
   DEFAULT_SESSION_GAP_THRESHOLD,
+  // 自定义筛选
+  filterMessagesWithContext,
+  getMultipleSessionsMessages,
+} from './session'
+export type {
+  ChatSessionItem,
+  SessionSearchResultItem,
+  SessionMessagesResult,
+  ContextBlock,
+  FilterResult,
+  FilterMessage,
 } from './session'
-export type { ChatSessionItem, SessionSearchResultItem, SessionMessagesResult } from './session'
diff --git a/electron/main/worker/query/session.ts b/electron/main/worker/query/session.ts
index 50d7ea0..57d922d 100644
--- a/electron/main/worker/query/session.ts
+++ b/electron/main/worker/query/session.ts
@@ -578,3 +578,372 @@ export function getSessionMessages(
     db.close()
   }
 }
+
+// ==================== 自定义筛选专用函数 ====================
+
+/**
+ * 自定义筛选消息类型（完整信息，兼容 MessageList 组件）
+ */
+export interface FilterMessage {
+  id: number
+  senderName: string
+  senderPlatformId: string
+  senderAliases: string[]
+  senderAvatar: string | null
+  content: string
+  timestamp: number
+  type: number
+  replyToMessageId: string | null
+  replyToContent: string | null
+  replyToSenderName: string | null
+  /** 是否为命中的消息（关键词匹配） */
+  isHit: boolean
+}
+
+/**
+ * 上下文块类型（用于自定义筛选）
+ */
+export interface ContextBlock {
+  /** 块的时间范围 */
+  startTs: number
+  endTs: number
+  /** 消息列表 */
+  messages: FilterMessage[]
+  /** 命中的消息数量 */
+  hitCount: number
+}
+
+/**
+ * 筛选结果类型
+ */
+export interface FilterResult {
+  /** 上下文块列表 */
+  blocks: ContextBlock[]
+  /** 统计信息 */
+  stats: {
+    /** 总消息数 */
+    totalMessages: number
+    /** 命中的消息数 */
+    hitMessages: number
+    /** 总字符数 */
+    totalChars: number
+  }
+}
+
+/**
+ * 按条件筛选消息并扩充上下文
+ *
+ * 核心算法：
+ * 1. 先搜索匹配条件的消息，获取消息ID列表
+ * 2. 为每个命中消息向前后各扩展 contextSize 条消息
+ * 3. 合并重叠/相邻的消息范围
+ * 4. 按合并后的范围分块返回消息
+ *
+ * @param sessionId 数据库会话ID
+ * @param keywords 关键词列表（可选，OR 逻辑）
+ * @param timeFilter 时间过滤器（可选）
+ * @param senderIds 发送者ID列表（可选）
+ * @param contextSize 上下文扩展数量（前后各多少条）
+ * @returns 筛选结果
+ */
+export function filterMessagesWithContext(
+  sessionId: string,
+  keywords?: string[],
+  timeFilter?: { startTs: number; endTs: number },
+  senderIds?: number[],
+  contextSize: number = 10
+): FilterResult {
+  const db = openReadonlyDatabase(sessionId)
+  if (!db) {
+    return { blocks: [], stats: { totalMessages: 0, hitMessages: 0, totalChars: 0 } }
+  }
+
+  try {
+    // 1. 构建基础消息查询（完整信息），按时间排序
+    // 使用 LEFT JOIN 获取回复消息的信息
+    const allMessagesSql = `
+      SELECT
+        msg.id,
+        msg.ts,
+        COALESCE(m.group_nickname, m.account_name, m.platform_id) as senderName,
+        m.platform_id as senderPlatformId,
+        COALESCE(m.aliases, '[]') as senderAliasesJson,
+        m.avatar as senderAvatar,
+        msg.content,
+        msg.type,
+        msg.reply_to_message_id as replyToMessageId,
+        reply_msg.content as replyToContent,
+        COALESCE(reply_m.group_nickname, reply_m.account_name, reply_m.platform_id) as replyToSenderName,
+        msg.sender_id as senderId
+      FROM message msg
+      JOIN member m ON msg.sender_id = m.id
+      LEFT JOIN message reply_msg ON msg.reply_to_message_id = reply_msg.platform_message_id
+      LEFT JOIN member reply_m ON reply_msg.sender_id = reply_m.id
+      ${timeFilter ? 'WHERE msg.ts >= ? AND msg.ts <= ?' : ''}
+      ORDER BY msg.ts ASC, msg.id ASC
+    `
+
+    const params: unknown[] = []
+    if (timeFilter) {
+      params.push(timeFilter.startTs, timeFilter.endTs)
+    }
+
+    const allMessages = db.prepare(allMessagesSql).all(...params) as Array<{
+      id: number
+      ts: number
+      senderName: string
+      senderPlatformId: string
+      senderAliasesJson: string
+      senderAvatar: string | null
+      content: string | null
+      type: number
+      replyToMessageId: string | null
+      replyToContent: string | null
+      replyToSenderName: string | null
+      senderId: number
+    }>
+
+    if (allMessages.length === 0) {
+      return { blocks: [], stats: { totalMessages: 0, hitMessages: 0, totalChars: 0 } }
+    }
+
+    // 2. 标记命中的消息
+    const hitIndexes: number[] = []
+    for (let i = 0; i < allMessages.length; i++) {
+      const msg = allMessages[i]
+      let isHit = true
+
+      // 关键词匹配（OR 逻辑）
+      if (keywords && keywords.length > 0) {
+        const content = (msg.content || '').toLowerCase()
+        isHit = keywords.some((kw) => content.includes(kw.toLowerCase()))
+      }
+
+      // 发送者匹配
+      if (isHit && senderIds && senderIds.length > 0) {
+        isHit = senderIds.includes(msg.senderId)
+      }
+
+      if (isHit) {
+        hitIndexes.push(i)
+      }
+    }
+
+    if (hitIndexes.length === 0) {
+      return { blocks: [], stats: { totalMessages: 0, hitMessages: 0, totalChars: 0 } }
+    }
+
+    // 3. 扩展上下文并合并重叠范围
+    const ranges: Array<{ start: number; end: number; hitIndexes: number[] }> = []
+
+    for (const hitIndex of hitIndexes) {
+      const start = Math.max(0, hitIndex - contextSize)
+      const end = Math.min(allMessages.length - 1, hitIndex + contextSize)
+
+      // 检查是否能与前一个范围合并
+      if (ranges.length > 0) {
+        const lastRange = ranges[ranges.length - 1]
+        // 如果当前范围的 start <= 上一个范围的 end + 1，则合并
+        if (start <= lastRange.end + 1) {
+          lastRange.end = Math.max(lastRange.end, end)
+          lastRange.hitIndexes.push(hitIndex)
+          continue
+        }
+      }
+
+      ranges.push({ start, end, hitIndexes: [hitIndex] })
+    }
+
+    // 4. 按范围构建上下文块
+    const blocks: ContextBlock[] = []
+    let totalMessages = 0
+    let totalChars = 0
+
+    for (const range of ranges) {
+      const hitIndexSet = new Set(range.hitIndexes)
+      const blockMessages: FilterMessage[] = []
+
+      for (let i = range.start; i <= range.end; i++) {
+        const msg = allMessages[i]
+        const isHit = hitIndexSet.has(i)
+
+        // 解析别名 JSON
+        let senderAliases: string[] = []
+        try {
+          senderAliases = JSON.parse(msg.senderAliasesJson || '[]')
+        } catch {
+          senderAliases = []
+        }
+
+        blockMessages.push({
+          id: msg.id,
+          senderName: msg.senderName,
+          senderPlatformId: msg.senderPlatformId,
+          senderAliases,
+          senderAvatar: msg.senderAvatar,
+          content: msg.content || '',
+          timestamp: msg.ts,
+          type: msg.type,
+          replyToMessageId: msg.replyToMessageId,
+          replyToContent: msg.replyToContent,
+          replyToSenderName: msg.replyToSenderName,
+          isHit,
+        })
+        totalChars += (msg.content || '').length
+      }
+
+      blocks.push({
+        startTs: allMessages[range.start].ts,
+        endTs: allMessages[range.end].ts,
+        messages: blockMessages,
+        hitCount: range.hitIndexes.length,
+      })
+
+      totalMessages += blockMessages.length
+    }
+
+    return {
+      blocks,
+      stats: {
+        totalMessages,
+        hitMessages: hitIndexes.length,
+        totalChars,
+      },
+    }
+  } catch (error) {
+    console.error('filterMessagesWithContext error:', error)
+    return { blocks: [], stats: { totalMessages: 0, hitMessages: 0, totalChars: 0 } }
+  } finally {
+    db.close()
+  }
+}
+
+/**
+ * 获取多个会话的完整消息（用于会话筛选模式）
+ *
+ * @param sessionId 数据库会话ID
+ * @param chatSessionIds 要获取的会话ID列表
+ * @returns 合并后的上下文块和统计
+ */
+export function getMultipleSessionsMessages(sessionId: string, chatSessionIds: number[]): FilterResult {
+  const db = openReadonlyDatabase(sessionId)
+  if (!db) {
+    return { blocks: [], stats: { totalMessages: 0, hitMessages: 0, totalChars: 0 } }
+  }
+
+  try {
+    if (chatSessionIds.length === 0) {
+      return { blocks: [], stats: { totalMessages: 0, hitMessages: 0, totalChars: 0 } }
+    }
+
+    const blocks: ContextBlock[] = []
+    let totalMessages = 0
+    let totalChars = 0
+
+    // 先获取会话信息，按时间排序
+    const sessionsSql = `
+      SELECT id, start_ts as startTs, end_ts as endTs, message_count as messageCount
+      FROM chat_session
+      WHERE id IN (${chatSessionIds.map(() => '?').join(',')})
+      ORDER BY start_ts ASC
+    `
+    const sessions = db.prepare(sessionsSql).all(...chatSessionIds) as Array<{
+      id: number
+      startTs: number
+      endTs: number
+      messageCount: number
+    }>
+
+    // 为每个会话获取消息（完整信息）
+    // 使用 LEFT JOIN 获取回复消息的信息
+    const messagesSql = `
+      SELECT
+        msg.id,
+        COALESCE(m.group_nickname, m.account_name, m.platform_id) as senderName,
+        m.platform_id as senderPlatformId,
+        COALESCE(m.aliases, '[]') as senderAliasesJson,
+        m.avatar as senderAvatar,
+        msg.content,
+        msg.type,
+        msg.reply_to_message_id as replyToMessageId,
+        reply_msg.content as replyToContent,
+        COALESCE(reply_m.group_nickname, reply_m.account_name, reply_m.platform_id) as replyToSenderName,
+        msg.ts as timestamp
+      FROM message_context mc
+      JOIN message msg ON msg.id = mc.message_id
+      JOIN member m ON msg.sender_id = m.id
+      LEFT JOIN message reply_msg ON msg.reply_to_message_id = reply_msg.platform_message_id
+      LEFT JOIN member reply_m ON reply_msg.sender_id = reply_m.id
+      WHERE mc.session_id = ?
+      ORDER BY msg.ts ASC
+    `
+
+    for (const session of sessions) {
+      const messages = db.prepare(messagesSql).all(session.id) as Array<{
+        id: number
+        senderName: string
+        senderPlatformId: string
+        senderAliasesJson: string
+        senderAvatar: string | null
+        content: string | null
+        type: number
+        replyToMessageId: string | null
+        replyToContent: string | null
+        replyToSenderName: string | null
+        timestamp: number
+      }>
+
+      const blockMessages: FilterMessage[] = messages.map((msg) => {
+        // 解析别名 JSON
+        let senderAliases: string[] = []
+        try {
+          senderAliases = JSON.parse(msg.senderAliasesJson || '[]')
+        } catch {
+          senderAliases = []
+        }
+
+        return {
+          id: msg.id,
+          senderName: msg.senderName,
+          senderPlatformId: msg.senderPlatformId,
+          senderAliases,
+          senderAvatar: msg.senderAvatar,
+          content: msg.content || '',
+          timestamp: msg.timestamp,
+          type: msg.type,
+          replyToMessageId: msg.replyToMessageId,
+          replyToContent: msg.replyToContent,
+          replyToSenderName: msg.replyToSenderName,
+          isHit: false, // 会话模式下没有命中高亮
+        }
+      })
+
+      for (const msg of messages) {
+        totalChars += (msg.content || '').length
+      }
+
+      blocks.push({
+        startTs: session.startTs,
+        endTs: session.endTs,
+        messages: blockMessages,
+        hitCount: 0,
+      })
+
+      totalMessages += messages.length
+    }
+
+    return {
+      blocks,
+      stats: {
+        totalMessages,
+        hitMessages: 0, // 会话模式没有命中概念
+        totalChars,
+      },
+    }
+  } catch (error) {
+    console.error('getMultipleSessionsMessages error:', error)
+    return { blocks: [], stats: { totalMessages: 0, hitMessages: 0, totalChars: 0 } }
+  } finally {
+    db.close()
+  }
+}
diff --git a/electron/main/worker/workerManager.ts b/electron/main/worker/workerManager.ts
index 0e97ad6..2d66b60 100644
--- a/electron/main/worker/workerManager.ts
+++ b/electron/main/worker/workerManager.ts
@@ -618,3 +618,65 @@ export async function getSessionMessages(
 ): Promise<SessionMessagesResult | null> {
   return sendToWorker('getSessionMessages', { sessionId, chatSessionId, limit })
 }
+
+// ==================== 自定义筛选 API ====================
+
+/**
+ * 筛选消息类型（完整信息）
+ */
+export interface FilterMessage {
+  id: number
+  senderName: string
+  senderPlatformId: string
+  senderAliases: string[]
+  senderAvatar: string | null
+  content: string
+  timestamp: number
+  type: number
+  replyToMessageId: string | null
+  replyToContent: string | null
+  replyToSenderName: string | null
+  isHit: boolean
+}
+
+/**
+ * 上下文块类型
+ */
+export interface ContextBlock {
+  startTs: number
+  endTs: number
+  messages: FilterMessage[]
+  hitCount: number
+}
+
+/**
+ * 筛选结果类型
+ */
+export interface FilterResult {
+  blocks: ContextBlock[]
+  stats: {
+    totalMessages: number
+    hitMessages: number
+    totalChars: number
+  }
+}
+
+/**
+ * 按条件筛选消息并扩充上下文
+ */
+export async function filterMessagesWithContext(
+  sessionId: string,
+  keywords?: string[],
+  timeFilter?: { startTs: number; endTs: number },
+  senderIds?: number[],
+  contextSize?: number
+): Promise<FilterResult> {
+  return sendToWorker('filterMessagesWithContext', { sessionId, keywords, timeFilter, senderIds, contextSize })
+}
+
+/**
+ * 获取多个会话的完整消息
+ */
+export async function getMultipleSessionsMessages(sessionId: string, chatSessionIds: number[]): Promise<FilterResult> {
+  return sendToWorker('getMultipleSessionsMessages', { sessionId, chatSessionIds })
+}
diff --git a/electron/preload/index.d.ts b/electron/preload/index.d.ts
index 437a6f1..85ca39f 100644
--- a/electron/preload/index.d.ts
+++ b/electron/preload/index.d.ts
@@ -146,6 +146,37 @@ interface SearchMessageResult {
   type: number
 }
 
+interface FilterMessage {
+  id: number
+  senderName: string
+  senderPlatformId: string
+  senderAliases: string[]
+  senderAvatar: string | null
+  content: string
+  timestamp: number
+  type: number
+  replyToMessageId: string | null
+  replyToContent: string | null
+  replyToSenderName: string | null
+  isHit: boolean
+}
+
+interface ContextBlock {
+  startTs: number
+  endTs: number
+  messages: FilterMessage[]
+  hitCount: number
+}
+
+interface FilterResult {
+  blocks: ContextBlock[]
+  stats: {
+    totalMessages: number
+    hitMessages: number
+    totalChars: number
+  }
+}
+
 interface AIConversation {
   id: string
   sessionId: string
@@ -239,7 +270,17 @@ interface AiApi {
     contentBlocks?: AIContentBlock[]
   ) => Promise<AIMessage>
   getMessages: (conversationId: string) => Promise<AIMessage[]>
+  getMessages: (conversationId: string) => Promise<AIMessage[]>
   deleteMessage: (messageId: string) => Promise<boolean>
+  // 自定义筛选
+  filterMessagesWithContext: (
+    sessionId: string,
+    keywords?: string[],
+    timeFilter?: TimeFilter,
+    senderIds?: number[],
+    contextSize?: number
+  ) => Promise<FilterResult>
+  getMultipleSessionsMessages: (sessionId: string, chatSessionIds: number[]) => Promise<FilterResult>
 }
 
 // LLM 相关类型
@@ -504,4 +545,7 @@ export {
   TokenUsage,
   CacheDirectoryInfo,
   CacheInfo,
+  FilterMessage,
+  ContextBlock,
+  FilterResult,
 }
diff --git a/electron/preload/index.ts b/electron/preload/index.ts
index 7c8e197..099136c 100644
--- a/electron/preload/index.ts
+++ b/electron/preload/index.ts
@@ -563,6 +563,81 @@ const aiApi = {
     return ipcRenderer.invoke('ai:getMessagesAfter', sessionId, afterId, limit, filter, senderId, keywords)
   },
 
+  // ==================== 自定义筛选 ====================
+
+  /**
+   * 按条件筛选消息并扩充上下文
+   */
+  filterMessagesWithContext: (
+    sessionId: string,
+    keywords?: string[],
+    timeFilter?: { startTs: number; endTs: number },
+    senderIds?: number[],
+    contextSize?: number
+  ): Promise<{
+    blocks: Array<{
+      startTs: number
+      endTs: number
+      messages: Array<{
+        id: number
+        senderName: string
+        senderPlatformId: string
+        senderAliases: string[]
+        senderAvatar: string | null
+        content: string
+        timestamp: number
+        type: number
+        replyToMessageId: string | null
+        replyToContent: string | null
+        replyToSenderName: string | null
+        isHit: boolean
+      }>
+      hitCount: number
+    }>
+    stats: {
+      totalMessages: number
+      hitMessages: number
+      totalChars: number
+    }
+  }> => {
+    return ipcRenderer.invoke('ai:filterMessagesWithContext', sessionId, keywords, timeFilter, senderIds, contextSize)
+  },
+
+  /**
+   * 获取多个会话的完整消息
+   */
+  getMultipleSessionsMessages: (
+    sessionId: string,
+    chatSessionIds: number[]
+  ): Promise<{
+    blocks: Array<{
+      startTs: number
+      endTs: number
+      messages: Array<{
+        id: number
+        senderName: string
+        senderPlatformId: string
+        senderAliases: string[]
+        senderAvatar: string | null
+        content: string
+        timestamp: number
+        type: number
+        replyToMessageId: string | null
+        replyToContent: string | null
+        replyToSenderName: string | null
+        isHit: boolean
+      }>
+      hitCount: number
+    }>
+    stats: {
+      totalMessages: number
+      hitMessages: number
+      totalChars: number
+    }
+  }> => {
+    return ipcRenderer.invoke('ai:getMultipleSessionsMessages', sessionId, chatSessionIds)
+  },
+
   /**
    * 创建 AI 对话
    */
diff --git a/src/components.d.ts b/src/components.d.ts
index fb1c03e..4f1a7d1 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -17,6 +17,7 @@ declare module 'vue' {
     UApp: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.3.0_@babel+parser@7.28.5_@floating-ui+dom@1.7.4_@tiptap+extension-drag-handl_a9a750d621383b428aaeaf8a849d7a17/node_modules/@nuxt/ui/dist/runtime/components/App.vue')['default']
     UBadge: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.3.0_@babel+parser@7.28.5_@floating-ui+dom@1.7.4_@tiptap+extension-drag-handl_a9a750d621383b428aaeaf8a849d7a17/node_modules/@nuxt/ui/dist/runtime/components/Badge.vue')['default']
     UButton: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.3.0_@babel+parser@7.28.5_@floating-ui+dom@1.7.4_@tiptap+extension-drag-handl_a9a750d621383b428aaeaf8a849d7a17/node_modules/@nuxt/ui/dist/runtime/components/Button.vue')['default']
+    UCard: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.3.0_@babel+parser@7.28.5_@floating-ui+dom@1.7.4_@tiptap+extension-drag-handl_a9a750d621383b428aaeaf8a849d7a17/node_modules/@nuxt/ui/dist/runtime/components/Card.vue')['default']
     UChatPrompt: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.3.0_@babel+parser@7.28.5_@floating-ui+dom@1.7.4_@tiptap+extension-drag-handl_a9a750d621383b428aaeaf8a849d7a17/node_modules/@nuxt/ui/dist/runtime/components/ChatPrompt.vue')['default']
     UChatPromptSubmit: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.3.0_@babel+parser@7.28.5_@floating-ui+dom@1.7.4_@tiptap+extension-drag-handl_a9a750d621383b428aaeaf8a849d7a17/node_modules/@nuxt/ui/dist/runtime/components/ChatPromptSubmit.vue')['default']
     UCheckbox: typeof import('./../node_modules/.pnpm/@nuxt+ui@4.3.0_@babel+parser@7.28.5_@floating-ui+dom@1.7.4_@tiptap+extension-drag-handl_a9a750d621383b428aaeaf8a849d7a17/node_modules/@nuxt/ui/dist/runtime/components/Checkbox.vue')['default']
diff --git a/src/components/analysis/AITab.vue b/src/components/analysis/AITab.vue
index c908e7c..424468e 100644
--- a/src/components/analysis/AITab.vue
+++ b/src/components/analysis/AITab.vue
@@ -5,6 +5,7 @@ import { useI18n } from 'vue-i18n'
 import { SubTabs } from '@/components/UI'
 import ChatExplorer from './ai/ChatExplorer.vue'
 import SQLLabTab from './SQLLabTab.vue'
+import FilterTab from './Filter/FilterTab.vue'
 
 const { t, locale } = useI18n()
 
@@ -41,13 +42,13 @@ const groupOnlyTabs = ['mbti', 'cyber-friend', 'campus']
 // 所有子 Tab 配置
 const allSubTabs = computed(() => [
   { id: 'chat-explorer', label: t('chatExplorer'), icon: 'i-heroicons-chat-bubble-left-ellipsis' },
-  { id: 'sql-lab', label: t('sqlLab'), icon: 'i-heroicons-command-line' },
   {
     id: 'manual',
     label: t('filterAnalysis'),
     desc: t('filterAnalysisDesc'),
     icon: 'i-heroicons-adjustments-horizontal',
   },
+  { id: 'sql-lab', label: t('sqlLab'), icon: 'i-heroicons-command-line' },
 ])
 
 // 根据聊天类型过滤显示的子 Tab
@@ -94,10 +95,14 @@ defineExpose({
           :time-filter="timeFilter"
           :chat-type="chatType"
         />
+        <!-- 自定义筛选 -->
+        <FilterTab v-else-if="activeSubTab === 'manual'" class="h-full" />
+        <!-- SQL 实验室 -->
+        <SQLLabTab v-else-if="activeSubTab === 'sql-lab'" class="h-full" :session-id="props.sessionId" />
 
         <!-- 暂未实现的功能 -->
         <div
-          v-else-if="['manual', 'mbti', 'cyber-friend', 'campus'].includes(activeSubTab)"
+          v-else-if="['mbti', 'cyber-friend', 'campus'].includes(activeSubTab)"
           class="main-content flex h-full items-center justify-center p-6"
         >
           <div
@@ -127,9 +132,6 @@ defineExpose({
             </div>
           </div>
         </div>
-
-        <!-- SQL 实验室 -->
-        <SQLLabTab v-else-if="activeSubTab === 'sql-lab'" class="h-full" :session-id="props.sessionId" />
       </Transition>
     </div>
   </div>
@@ -152,7 +154,7 @@ defineExpose({
   "zh-CN": {
     "chatExplorer": "对话式探索",
     "sqlLab": "SQL实验室",
-    "filterAnalysis": "筛选分析",
+    "filterAnalysis": "自定义筛选",
     "filterAnalysisDesc": "计划实现高级筛选功能，可以先按人/按时间/按搜索内容手动筛选，然后再进行AI分析",
     "featureInDev": "{name}功能开发中",
     "comingSoon": "敬请期待...",
diff --git a/src/components/analysis/Filter/ConditionPanel.vue b/src/components/analysis/Filter/ConditionPanel.vue
new file mode 100644
index 0000000..0d916fa
--- /dev/null
+++ b/src/components/analysis/Filter/ConditionPanel.vue
@@ -0,0 +1,307 @@
+<script setup lang="ts">
+/**
+ * 条件筛选面板
+ * 支持关键词、时间范围、发送者筛选，以及上下文扩展配置
+ */
+
+import { ref, computed, onMounted, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useSessionStore } from '@/stores/session'
+import type { MemberWithStats } from '@/types/analysis'
+import Tabs from '@/components/UI/Tabs.vue'
+
+const { t } = useI18n()
+const sessionStore = useSessionStore()
+
+// Props
+const keywords = defineModel<string[]>('keywords', { default: () => [] })
+const timeRange = defineModel<{ start: number; end: number } | null>('timeRange', { default: null })
+const senderIds = defineModel<number[]>('senderIds', { default: () => [] })
+const contextSize = defineModel<number>('contextSize', { default: 10 })
+
+// 关键词输入
+const keywordInput = ref('')
+
+// 成员列表
+const members = ref<MemberWithStats[]>([])
+const isLoadingMembers = ref(false)
+
+// 时间范围选择
+type TimeRangePreset = 'all' | 'today' | 'week' | 'month' | '3months' | 'year' | 'custom'
+const timeRangeType = ref<TimeRangePreset>('all')
+const customStartDate = ref('')
+const customEndDate = ref('')
+
+// 时间范围预设选项
+const timeRangePresets = [
+  { id: 'all' as TimeRangePreset, label: 'analysis.filter.allTime' },
+  { id: 'today' as TimeRangePreset, label: 'analysis.filter.today' },
+  { id: 'week' as TimeRangePreset, label: 'analysis.filter.lastWeek' },
+  { id: 'month' as TimeRangePreset, label: 'analysis.filter.lastMonth' },
+  { id: '3months' as TimeRangePreset, label: 'analysis.filter.last3Months' },
+  { id: 'year' as TimeRangePreset, label: 'analysis.filter.lastYear' },
+  { id: 'custom' as TimeRangePreset, label: 'analysis.filter.customTime' },
+]
+
+// 时间范围 Tabs 选项（用于 Tabs 组件）
+const timeRangeTabItems = computed(() =>
+  timeRangePresets.map((preset) => ({
+    label: t(preset.label),
+    value: preset.id,
+  }))
+)
+
+// 监听时间范围类型变化
+watch(timeRangeType, () => {
+  updateTimeRange()
+})
+
+// 数据库时间范围
+const dbTimeRange = ref<{ start: number; end: number } | null>(null)
+
+// 加载成员列表
+async function loadMembers() {
+  const sessionId = sessionStore.currentSessionId
+  if (!sessionId) return
+
+  isLoadingMembers.value = true
+  try {
+    members.value = await window.chatApi.getMembers(sessionId)
+  } catch (error) {
+    console.error('加载成员失败:', error)
+  } finally {
+    isLoadingMembers.value = false
+  }
+}
+
+// 加载时间范围
+async function loadTimeRange() {
+  const sessionId = sessionStore.currentSessionId
+  if (!sessionId) return
+
+  try {
+    const range = await window.chatApi.getTimeRange(sessionId)
+    if (range) {
+      dbTimeRange.value = range
+    }
+  } catch (error) {
+    console.error('加载时间范围失败:', error)
+  }
+}
+
+// 添加关键词
+function addKeyword() {
+  const kw = keywordInput.value.trim()
+  if (kw && !keywords.value.includes(kw)) {
+    keywords.value = [...keywords.value, kw]
+    keywordInput.value = ''
+  }
+}
+
+// 移除关键词
+function removeKeyword(kw: string) {
+  keywords.value = keywords.value.filter((k) => k !== kw)
+}
+
+// 处理关键词输入回车
+function handleKeywordKeydown(e: KeyboardEvent) {
+  if (e.key === 'Enter') {
+    e.preventDefault()
+    addKeyword()
+  }
+}
+
+// 切换成员选择
+function toggleMember(memberId: number) {
+  if (senderIds.value.includes(memberId)) {
+    senderIds.value = senderIds.value.filter((id) => id !== memberId)
+  } else {
+    senderIds.value = [...senderIds.value, memberId]
+  }
+}
+
+// 更新时间范围
+function updateTimeRange() {
+  const now = Math.floor(Date.now() / 1000)
+  const today = new Date()
+  today.setHours(0, 0, 0, 0)
+  const todayStart = Math.floor(today.getTime() / 1000)
+
+  switch (timeRangeType.value) {
+    case 'all':
+      timeRange.value = null
+      break
+    case 'today':
+      timeRange.value = { start: todayStart, end: now }
+      break
+    case 'week':
+      timeRange.value = { start: now - 7 * 24 * 60 * 60, end: now }
+      break
+    case 'month':
+      timeRange.value = { start: now - 30 * 24 * 60 * 60, end: now }
+      break
+    case '3months':
+      timeRange.value = { start: now - 90 * 24 * 60 * 60, end: now }
+      break
+    case 'year':
+      timeRange.value = { start: now - 365 * 24 * 60 * 60, end: now }
+      break
+    case 'custom':
+      if (customStartDate.value && customEndDate.value) {
+        const start = new Date(customStartDate.value).getTime() / 1000
+        const end = new Date(customEndDate.value).getTime() / 1000 + 86399 // 当天结束
+        timeRange.value = { start, end }
+      }
+      break
+  }
+}
+
+// 成员搜索
+const memberSearch = ref('')
+const filteredMembers = computed(() => {
+  if (!memberSearch.value) return members.value
+  const search = memberSearch.value.toLowerCase()
+  return members.value.filter(
+    (m) =>
+      m.accountName?.toLowerCase().includes(search) ||
+      m.groupNickname?.toLowerCase().includes(search) ||
+      m.platformId.toLowerCase().includes(search) ||
+      m.aliases.some((a) => a.toLowerCase().includes(search))
+  )
+})
+
+onMounted(() => {
+  loadMembers()
+  loadTimeRange()
+})
+</script>
+
+<template>
+  <div class="p-4 space-y-6">
+    <!-- 关键词 -->
+    <div>
+      <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+        {{ t('analysis.filter.keywords') }}
+        <span class="text-gray-500 text-xs ml-1">({{ t('analysis.filter.keywordsHint') }})</span>
+      </label>
+
+      <div class="flex gap-2 mb-2">
+        <UInput
+          v-model="keywordInput"
+          :placeholder="t('analysis.filter.keywordPlaceholder')"
+          class="flex-1"
+          @keydown="handleKeywordKeydown"
+        />
+        <UButton size="sm" @click="addKeyword">{{ t('common.add') }}</UButton>
+      </div>
+
+      <div v-if="keywords.length > 0" class="flex flex-wrap gap-2">
+        <UBadge v-for="kw in keywords" :key="kw" color="primary" variant="subtle" class="gap-1">
+          {{ kw }}
+          <button class="ml-1 hover:text-red-500" @click="removeKeyword(kw)">
+            <UIcon name="i-heroicons-x-mark" class="w-3 h-3" />
+          </button>
+        </UBadge>
+      </div>
+    </div>
+
+    <!-- 时间范围 -->
+    <div>
+      <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+        {{ t('analysis.filter.timeRange') }}
+      </label>
+
+      <div class="space-y-2">
+        <!-- Tabs 选择器 -->
+        <Tabs v-model="timeRangeType" :items="timeRangeTabItems" size="sm" />
+
+        <!-- 自定义日期选择 -->
+        <div v-if="timeRangeType === 'custom'" class="flex gap-2 items-center">
+          <input
+            v-model="customStartDate"
+            type="date"
+            class="flex-1 px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-800"
+            @change="updateTimeRange"
+          />
+          <span class="text-gray-500">~</span>
+          <input
+            v-model="customEndDate"
+            type="date"
+            class="flex-1 px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-800"
+            @change="updateTimeRange"
+          />
+        </div>
+      </div>
+    </div>
+
+    <!-- 发送者筛选 -->
+    <div>
+      <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+        {{ t('analysis.filter.senders') }}
+        <span class="text-gray-500 text-xs ml-1">({{ t('analysis.filter.sendersHint') }})</span>
+      </label>
+
+      <UInput
+        v-model="memberSearch"
+        :placeholder="t('analysis.filter.searchMember')"
+        icon="i-heroicons-magnifying-glass"
+        size="sm"
+        class="mb-2"
+      />
+
+      <div class="max-h-60 overflow-y-auto border border-gray-200 dark:border-gray-700 rounded-md">
+        <div v-if="isLoadingMembers" class="p-4 text-center text-gray-500">
+          <UIcon name="i-heroicons-arrow-path" class="w-5 h-5 animate-spin" />
+        </div>
+        <div v-else-if="filteredMembers.length === 0" class="p-4 text-center text-gray-500 text-sm">
+          {{ t('analysis.filter.noMembers') }}
+        </div>
+        <div v-else class="divide-y divide-gray-100 dark:divide-gray-700">
+          <label
+            v-for="member in filteredMembers"
+            :key="member.id"
+            class="flex items-center gap-2 px-3 py-2 hover:bg-gray-50 dark:hover:bg-gray-800 cursor-pointer"
+          >
+            <input
+              type="checkbox"
+              :checked="senderIds.includes(member.id)"
+              class="text-primary-500 rounded"
+              @change="toggleMember(member.id)"
+            />
+            <span class="text-sm text-gray-700 dark:text-gray-300 truncate">
+              {{ member.groupNickname || member.accountName || member.platformId }}
+            </span>
+            <span class="text-xs text-gray-400 ml-auto">({{ member.messageCount }})</span>
+          </label>
+        </div>
+      </div>
+
+      <div v-if="senderIds.length > 0" class="mt-2 text-xs text-gray-500">
+        {{ t('analysis.filter.selectedCount', { count: senderIds.length }) }}
+      </div>
+    </div>
+
+    <!-- 上下文扩展 -->
+    <div>
+      <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+        {{ t('analysis.filter.contextSize') }}
+        <span class="text-gray-500 text-xs ml-1">±{{ contextSize }} {{ t('analysis.filter.messages') }}</span>
+      </label>
+
+      <input
+        v-model.number="contextSize"
+        type="range"
+        min="0"
+        max="50"
+        step="5"
+        class="w-full h-2 bg-gray-200 dark:bg-gray-700 rounded-lg appearance-none cursor-pointer"
+      />
+
+      <div class="flex justify-between text-xs text-gray-400 mt-1">
+        <span>0</span>
+        <span>25</span>
+        <span>50</span>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/src/components/analysis/Filter/FilterHistory.vue b/src/components/analysis/Filter/FilterHistory.vue
new file mode 100644
index 0000000..693fce5
--- /dev/null
+++ b/src/components/analysis/Filter/FilterHistory.vue
@@ -0,0 +1,240 @@
+<script setup lang="ts">
+/**
+ * 筛选历史记录弹窗
+ * 使用 localStorage 存储历史记录（后续可改为 SQLite）
+ */
+
+import { ref, watch, onMounted } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useSessionStore } from '@/stores/session'
+
+const { t } = useI18n()
+const sessionStore = useSessionStore()
+
+// Props
+const open = defineModel<boolean>('open', { default: false })
+
+// Emits
+const emit = defineEmits<{
+  load: [
+    condition: {
+      mode: 'condition' | 'session'
+      conditionFilter?: {
+        keywords: string[]
+        timeRange: { start: number; end: number } | null
+        senderIds: number[]
+        contextSize: number
+      }
+      selectedSessionIds?: number[]
+    },
+  ]
+}>()
+
+// 历史记录类型
+interface FilterHistoryItem {
+  id: string
+  sessionId: string
+  createdAt: number
+  name: string
+  mode: 'condition' | 'session'
+  conditionFilter?: {
+    keywords: string[]
+    timeRange: { start: number; end: number } | null
+    senderIds: number[]
+    contextSize: number
+  }
+  selectedSessionIds?: number[]
+}
+
+// 历史记录列表
+const historyList = ref<FilterHistoryItem[]>([])
+
+// 编辑模式
+const editingId = ref<string | null>(null)
+const editingName = ref('')
+
+// 存储键
+const STORAGE_KEY = 'chatlab_filter_history'
+
+// 加载历史记录
+function loadHistory() {
+  try {
+    const data = localStorage.getItem(STORAGE_KEY)
+    if (data) {
+      const allHistory: FilterHistoryItem[] = JSON.parse(data)
+      // 过滤当前会话的历史
+      historyList.value = allHistory.filter((h) => h.sessionId === sessionStore.currentSessionId)
+    }
+  } catch (error) {
+    console.error('加载历史记录失败:', error)
+  }
+}
+
+// 保存历史记录
+function saveHistory() {
+  try {
+    const data = localStorage.getItem(STORAGE_KEY)
+    let allHistory: FilterHistoryItem[] = data ? JSON.parse(data) : []
+
+    // 移除当前会话的历史，然后添加新的
+    allHistory = allHistory.filter((h) => h.sessionId !== sessionStore.currentSessionId)
+    allHistory = [...allHistory, ...historyList.value]
+
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(allHistory))
+  } catch (error) {
+    console.error('保存历史记录失败:', error)
+  }
+}
+
+// 删除历史记录
+function deleteHistory(id: string) {
+  historyList.value = historyList.value.filter((h) => h.id !== id)
+  saveHistory()
+}
+
+// 加载历史条件
+function loadCondition(item: FilterHistoryItem) {
+  emit('load', {
+    mode: item.mode,
+    conditionFilter: item.conditionFilter,
+    selectedSessionIds: item.selectedSessionIds,
+  })
+}
+
+// 开始编辑名称
+function startEdit(item: FilterHistoryItem) {
+  editingId.value = item.id
+  editingName.value = item.name
+}
+
+// 保存名称
+function saveName(item: FilterHistoryItem) {
+  item.name = editingName.value || item.name
+  editingId.value = null
+  saveHistory()
+}
+
+// 取消编辑
+function cancelEdit() {
+  editingId.value = null
+}
+
+// 格式化时间
+function formatTime(ts: number): string {
+  return new Date(ts).toLocaleString()
+}
+
+// 格式化条件摘要
+function formatSummary(item: FilterHistoryItem): string {
+  if (item.mode === 'condition') {
+    const parts: string[] = []
+    if (item.conditionFilter?.keywords.length) {
+      parts.push(`关键词: ${item.conditionFilter.keywords.join(', ')}`)
+    }
+    if (item.conditionFilter?.senderIds.length) {
+      parts.push(`${item.conditionFilter.senderIds.length} 位成员`)
+    }
+    return parts.join(' | ') || '无条件'
+  } else {
+    return `${item.selectedSessionIds?.length || 0} 个会话`
+  }
+}
+
+// 监听打开状态
+watch(open, (val) => {
+  if (val) {
+    loadHistory()
+  }
+})
+
+onMounted(() => {
+  loadHistory()
+})
+
+// 暴露保存方法供外部使用
+defineExpose({
+  saveCondition(condition: Omit<FilterHistoryItem, 'id' | 'sessionId' | 'createdAt' | 'name'>) {
+    const newItem: FilterHistoryItem = {
+      id: `filter_${Date.now()}`,
+      sessionId: sessionStore.currentSessionId || '',
+      createdAt: Date.now(),
+      name: `筛选 ${historyList.value.length + 1}`,
+      ...condition,
+    }
+    historyList.value.unshift(newItem)
+    // 只保留最近 20 条
+    historyList.value = historyList.value.slice(0, 20)
+    saveHistory()
+  },
+})
+</script>
+
+<template>
+  <UModal v-model:open="open">
+    <template #content>
+      <UCard>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <h3 class="text-lg font-semibold">{{ t('analysis.filter.historyTitle') }}</h3>
+            <UButton variant="ghost" icon="i-heroicons-x-mark" size="sm" @click="open = false" />
+          </div>
+        </template>
+
+        <div class="max-h-96 overflow-y-auto">
+          <div v-if="historyList.length === 0" class="py-8 text-center text-gray-500">
+            {{ t('analysis.filter.noHistory') }}
+          </div>
+
+          <div v-else class="divide-y divide-gray-200 dark:divide-gray-700">
+            <div
+              v-for="item in historyList"
+              :key="item.id"
+              class="py-3 hover:bg-gray-50 dark:hover:bg-gray-800 px-2 rounded-md"
+            >
+              <div class="flex items-start justify-between gap-2">
+                <div class="flex-1 min-w-0">
+                  <!-- 名称 -->
+                  <div v-if="editingId === item.id" class="flex items-center gap-2 mb-1">
+                    <UInput v-model="editingName" size="sm" class="flex-1" @keydown.enter="saveName(item)" />
+                    <UButton size="xs" @click="saveName(item)">{{ t('common.save') }}</UButton>
+                    <UButton size="xs" variant="ghost" @click="cancelEdit">{{ t('common.cancel') }}</UButton>
+                  </div>
+                  <div v-else class="flex items-center gap-2 mb-1">
+                    <span class="font-medium text-gray-900 dark:text-white">{{ item.name }}</span>
+                    <UBadge :color="item.mode === 'condition' ? 'primary' : 'green'" size="xs">
+                      {{ item.mode === 'condition' ? '条件' : '会话' }}
+                    </UBadge>
+                    <button class="text-gray-400 hover:text-gray-600" @click="startEdit(item)">
+                      <UIcon name="i-heroicons-pencil" class="w-3 h-3" />
+                    </button>
+                  </div>
+
+                  <!-- 摘要 -->
+                  <p class="text-sm text-gray-600 dark:text-gray-400 truncate">
+                    {{ formatSummary(item) }}
+                  </p>
+
+                  <!-- 时间 -->
+                  <p class="text-xs text-gray-400 mt-1">
+                    {{ formatTime(item.createdAt) }}
+                  </p>
+                </div>
+
+                <!-- 操作按钮 -->
+                <div class="flex items-center gap-1">
+                  <UButton size="xs" variant="soft" @click="loadCondition(item)">
+                    {{ t('common.load') }}
+                  </UButton>
+                  <UButton size="xs" variant="ghost" color="red" @click="deleteHistory(item.id)">
+                    <UIcon name="i-heroicons-trash" class="w-4 h-4" />
+                  </UButton>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </UCard>
+    </template>
+  </UModal>
+</template>
+
diff --git a/src/components/analysis/Filter/FilterTab.vue b/src/components/analysis/Filter/FilterTab.vue
new file mode 100644
index 0000000..b03e947
--- /dev/null
+++ b/src/components/analysis/Filter/FilterTab.vue
@@ -0,0 +1,341 @@
+<script setup lang="ts">
+/**
+ * 自定义筛选 Tab
+ * 用于精准提取聊天记录上下文，供 AI 分析使用
+ *
+ * 支持两种互斥的筛选模式：
+ * 1. 条件筛选：按关键词、时间、发送者筛选，并自动扩展上下文
+ * 2. 会话筛选：直接选择已有的会话（对话段落）
+ */
+
+import { ref, computed, watch, toRaw } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useSessionStore } from '@/stores/session'
+import ConditionPanel from './ConditionPanel.vue'
+import SessionPanel from './SessionPanel.vue'
+import PreviewPanel from './PreviewPanel.vue'
+import FilterHistory from './FilterHistory.vue'
+import LocalAnalysisModal from './LocalAnalysisModal.vue'
+
+const { t } = useI18n()
+const sessionStore = useSessionStore()
+
+// 筛选模式：'condition' | 'session'
+const filterMode = ref<'condition' | 'session'>('condition')
+
+// 条件筛选参数
+const conditionFilter = ref<{
+  keywords: string[]
+  timeRange: { start: number; end: number } | null
+  senderIds: number[]
+  contextSize: number
+}>({
+  keywords: [],
+  timeRange: null,
+  senderIds: [],
+  contextSize: 10,
+})
+
+// 会话筛选参数
+const selectedSessionIds = ref<number[]>([])
+
+// 筛选结果消息类型
+interface FilterMessage {
+  id: number
+  senderName: string
+  senderPlatformId: string
+  senderAliases: string[]
+  senderAvatar: string | null
+  content: string
+  timestamp: number
+  type: number
+  replyToMessageId: string | null
+  replyToContent: string | null
+  replyToSenderName: string | null
+  isHit: boolean
+}
+
+// 筛选结果
+const filterResult = ref<{
+  blocks: Array<{
+    startTs: number
+    endTs: number
+    messages: FilterMessage[]
+    hitCount: number
+  }>
+  stats: {
+    totalMessages: number
+    hitMessages: number
+    totalChars: number
+  }
+} | null>(null)
+
+// 加载状态
+const isFiltering = ref(false)
+const showHistory = ref(false)
+const showAnalysisModal = ref(false)
+
+// 估算 Token 数
+// 中文：1 字符 ≈ 1.5 token（因为中文分词后每个字符可能产生 1-2 个 token）
+// 考虑到消息格式（时间、发送人等），使用 1.5 作为估算系数
+const estimatedTokens = computed(() => {
+  if (!filterResult.value) return 0
+  return Math.ceil(filterResult.value.stats.totalChars * 1.5)
+})
+
+// Token 状态：green < 50000, yellow 50000-100000, red > 100000
+// （基于大多数模型的上下文窗口大小）
+const tokenStatus = computed(() => {
+  const tokens = estimatedTokens.value
+  if (tokens < 50000) return 'green'
+  if (tokens < 100000) return 'yellow'
+  return 'red'
+})
+
+// 是否可以执行筛选
+const canExecuteFilter = computed(() => {
+  if (isFiltering.value) return false
+
+  if (filterMode.value === 'condition') {
+    // 条件模式：至少有一个条件
+    return (
+      conditionFilter.value.keywords.length > 0 ||
+      conditionFilter.value.senderIds.length > 0 ||
+      conditionFilter.value.timeRange !== null
+    )
+  } else {
+    // 会话模式：至少选择一个会话
+    return selectedSessionIds.value.length > 0
+  }
+})
+
+// 执行筛选
+async function executeFilter() {
+  const sessionId = sessionStore.currentSessionId
+  if (!sessionId) return
+
+  isFiltering.value = true
+  filterResult.value = null
+
+  try {
+    if (filterMode.value === 'condition') {
+      // 条件筛选模式 - 使用 toRaw 去除 Vue Proxy
+      const rawFilter = toRaw(conditionFilter.value)
+      const keywords = rawFilter.keywords.length > 0 ? [...rawFilter.keywords] : undefined
+      const timeFilter = rawFilter.timeRange
+        ? { startTs: rawFilter.timeRange.start, endTs: rawFilter.timeRange.end }
+        : undefined
+      const senderIds = rawFilter.senderIds.length > 0 ? [...rawFilter.senderIds] : undefined
+      const contextSize = rawFilter.contextSize
+
+      const result = await window.aiApi.filterMessagesWithContext(
+        sessionId,
+        keywords,
+        timeFilter,
+        senderIds,
+        contextSize
+      )
+      filterResult.value = result
+    } else {
+      // 会话筛选模式
+      if (selectedSessionIds.value.length === 0) return
+      const sessionIds = [...toRaw(selectedSessionIds.value)]
+      const result = await window.aiApi.getMultipleSessionsMessages(sessionId, sessionIds)
+      filterResult.value = result
+    }
+  } catch (error) {
+    console.error('筛选失败:', error)
+  } finally {
+    isFiltering.value = false
+  }
+}
+
+// 导出投喂包（Markdown 格式）
+async function exportFeedPack() {
+  if (!filterResult.value || filterResult.value.blocks.length === 0) return
+
+  const sessionInfo = sessionStore.currentSession
+  const sessionName = sessionInfo?.name || '未知会话'
+
+  // 构建 Markdown 内容
+  let markdown = `# ${sessionName} - 聊天记录筛选结果\n\n`
+  markdown += `> 导出时间: ${new Date().toLocaleString()}\n\n`
+
+  // 筛选条件摘要
+  markdown += `## 筛选条件\n\n`
+  if (filterMode.value === 'condition') {
+    if (conditionFilter.value.keywords.length > 0) {
+      markdown += `- 关键词: ${conditionFilter.value.keywords.join(', ')}\n`
+    }
+    if (conditionFilter.value.timeRange) {
+      const start = new Date(conditionFilter.value.timeRange.start * 1000).toLocaleString()
+      const end = new Date(conditionFilter.value.timeRange.end * 1000).toLocaleString()
+      markdown += `- 时间范围: ${start} ~ ${end}\n`
+    }
+    markdown += `- 上下文扩展: ±${conditionFilter.value.contextSize} 条消息\n`
+  } else {
+    markdown += `- 模式: 会话筛选\n`
+    markdown += `- 选中会话数: ${selectedSessionIds.value.length}\n`
+  }
+
+  // 统计信息
+  markdown += `\n## 统计信息\n\n`
+  markdown += `- 消息总数: ${filterResult.value.stats.totalMessages}\n`
+  markdown += `- 命中消息: ${filterResult.value.stats.hitMessages}\n`
+  markdown += `- 字符数: ${filterResult.value.stats.totalChars}\n`
+  markdown += `- 预估 Token: ${estimatedTokens.value}\n`
+
+  // 对话内容
+  markdown += `\n## 对话内容\n\n`
+
+  for (let i = 0; i < filterResult.value.blocks.length; i++) {
+    const block = filterResult.value.blocks[i]
+    const startTime = new Date(block.startTs * 1000).toLocaleString()
+    const endTime = new Date(block.endTs * 1000).toLocaleString()
+
+    markdown += `### 对话块 ${i + 1} (${startTime} ~ ${endTime})\n\n`
+
+    for (const msg of block.messages) {
+      const time = new Date(msg.timestamp * 1000).toLocaleTimeString()
+      const hitMark = msg.isHit ? ' ⭐' : ''
+      const content = msg.content || '[非文本消息]'
+      markdown += `${time} ${msg.senderName}${hitMark}: ${content}\n`
+    }
+  }
+
+  // 创建并下载文件
+  const blob = new Blob([markdown], { type: 'text/markdown;charset=utf-8' })
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = `${sessionName}_筛选结果_${Date.now()}.md`
+  document.body.appendChild(a)
+  a.click()
+  document.body.removeChild(a)
+  URL.revokeObjectURL(url)
+}
+
+// 打开本地 AI 分析
+function openLocalAnalysis() {
+  if (!filterResult.value || filterResult.value.blocks.length === 0) return
+  showAnalysisModal.value = true
+}
+
+// 切换模式时清空结果
+watch(filterMode, () => {
+  filterResult.value = null
+})
+
+// 加载历史筛选条件
+function loadHistoryCondition(condition: {
+  mode: 'condition' | 'session'
+  conditionFilter?: typeof conditionFilter.value
+  selectedSessionIds?: number[]
+}) {
+  filterMode.value = condition.mode
+  if (condition.mode === 'condition' && condition.conditionFilter) {
+    conditionFilter.value = { ...condition.conditionFilter }
+  } else if (condition.mode === 'session' && condition.selectedSessionIds) {
+    selectedSessionIds.value = [...condition.selectedSessionIds]
+  }
+  showHistory.value = false
+}
+</script>
+
+<template>
+  <div class="h-full flex flex-col">
+    <!-- 顶部工具栏 -->
+    <div class="flex-none flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-gray-700">
+      <div class="flex items-center gap-4">
+        <h2 class="text-lg font-semibold text-gray-900 dark:text-white">{{ t('analysis.filter.title') }}</h2>
+
+        <!-- 模式切换 -->
+        <div class="flex items-center gap-1 p-1 bg-gray-100 dark:bg-gray-800 rounded-lg">
+          <button
+            class="px-3 py-1.5 text-sm font-medium rounded-md transition-colors"
+            :class="
+              filterMode === 'condition'
+                ? 'bg-white dark:bg-gray-700 text-gray-900 dark:text-white shadow-sm'
+                : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'
+            "
+            @click="filterMode = 'condition'"
+          >
+            {{ t('analysis.filter.conditionMode') }}
+          </button>
+          <button
+            class="px-3 py-1.5 text-sm font-medium rounded-md transition-colors"
+            :class="
+              filterMode === 'session'
+                ? 'bg-white dark:bg-gray-700 text-gray-900 dark:text-white shadow-sm'
+                : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'
+            "
+            @click="filterMode = 'session'"
+          >
+            {{ t('analysis.filter.sessionMode') }}
+          </button>
+        </div>
+      </div>
+
+      <div class="flex items-center gap-2">
+        <!-- 历史记录按钮 -->
+        <UButton variant="ghost" icon="i-heroicons-clock" size="sm" @click="showHistory = true">
+          {{ t('analysis.filter.history') }}
+        </UButton>
+      </div>
+    </div>
+
+    <!-- 主体内容区 -->
+    <div class="flex-1 flex overflow-hidden">
+      <!-- 左侧筛选面板 -->
+      <div class="w-80 flex-none border-r border-gray-200 dark:border-gray-700 flex flex-col">
+        <!-- 筛选条件区域（可滚动） -->
+        <div class="flex-1 min-h-0 overflow-y-auto">
+          <ConditionPanel
+            v-if="filterMode === 'condition'"
+            v-model:keywords="conditionFilter.keywords"
+            v-model:time-range="conditionFilter.timeRange"
+            v-model:sender-ids="conditionFilter.senderIds"
+            v-model:context-size="conditionFilter.contextSize"
+          />
+          <SessionPanel v-else v-model:selected-ids="selectedSessionIds" />
+        </div>
+
+        <!-- 执行筛选按钮（固定在底部） -->
+        <div class="flex-none p-4 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900">
+          <UButton block color="primary" :loading="isFiltering" :disabled="!canExecuteFilter" @click="executeFilter">
+            {{ t('analysis.filter.execute') }}
+          </UButton>
+        </div>
+      </div>
+
+      <!-- 右侧预览面板 -->
+      <div class="flex-1 flex flex-col overflow-hidden">
+        <PreviewPanel
+          :result="filterResult"
+          :is-loading="isFiltering"
+          :estimated-tokens="estimatedTokens"
+          :token-status="tokenStatus"
+        />
+
+        <!-- 底部操作按钮 -->
+        <div
+          v-if="filterResult && filterResult.blocks.length > 0"
+          class="flex-none flex items-center justify-end gap-3 px-4 py-3 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800"
+        >
+          <UButton variant="outline" icon="i-heroicons-document-arrow-down" @click="exportFeedPack">
+            {{ t('analysis.filter.export') }}
+          </UButton>
+          <UButton color="primary" icon="i-heroicons-sparkles" @click="openLocalAnalysis">
+            {{ t('analysis.filter.localAnalysis') }}
+          </UButton>
+        </div>
+      </div>
+    </div>
+
+    <!-- 历史记录弹窗 -->
+    <FilterHistory v-model:open="showHistory" @load="loadHistoryCondition" />
+
+    <!-- 本地 AI 分析弹窗 -->
+    <LocalAnalysisModal v-model:open="showAnalysisModal" :filter-result="filterResult" :filter-mode="filterMode" />
+  </div>
+</template>
diff --git a/src/components/analysis/Filter/LocalAnalysisModal.vue b/src/components/analysis/Filter/LocalAnalysisModal.vue
new file mode 100644
index 0000000..a7649a0
--- /dev/null
+++ b/src/components/analysis/Filter/LocalAnalysisModal.vue
@@ -0,0 +1,337 @@
+<script setup lang="ts">
+/**
+ * 本地 AI 分析弹窗
+ * 支持预设分析和自定义提问
+ */
+
+import { ref, computed, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useSessionStore } from '@/stores/session'
+import MarkdownIt from 'markdown-it'
+
+// 创建 markdown-it 实例
+const md = new MarkdownIt({
+  html: false,
+  breaks: true,
+  linkify: true,
+  typographer: true,
+})
+
+const { t } = useI18n()
+const sessionStore = useSessionStore()
+
+// 筛选结果消息类型
+interface FilterMessage {
+  id: number
+  senderName: string
+  senderPlatformId: string
+  senderAliases: string[]
+  senderAvatar: string | null
+  content: string
+  timestamp: number
+  type: number
+  replyToMessageId: string | null
+  replyToContent: string | null
+  replyToSenderName: string | null
+  isHit: boolean
+}
+
+// Props
+const props = defineProps<{
+  filterResult: {
+    blocks: Array<{
+      startTs: number
+      endTs: number
+      messages: FilterMessage[]
+      hitCount: number
+    }>
+    stats: {
+      totalMessages: number
+      hitMessages: number
+      totalChars: number
+    }
+  } | null
+  filterMode: 'condition' | 'session'
+}>()
+
+const open = defineModel<boolean>('open', { default: false })
+
+// 分析模式：'preset' | 'custom'
+const analysisMode = ref<'preset' | 'custom'>('preset')
+
+// 预设分析选项
+const presetOptions = [
+  { id: 'summary', label: '总结对话要点', prompt: '请总结这段对话的主要内容和关键要点。' },
+  { id: 'sentiment', label: '情感分析', prompt: '请分析这段对话中参与者的情感变化和整体氛围。' },
+  { id: 'topics', label: '话题提取', prompt: '请提取这段对话中讨论的主要话题，并简要说明每个话题的内容。' },
+  { id: 'insights', label: '洞察分析', prompt: '请对这段对话进行深度分析，包括参与者的关系、互动模式、潜在问题等。' },
+]
+
+const selectedPreset = ref(presetOptions[0].id)
+const customPrompt = ref('')
+
+// 可编辑的预设提示词（允许用户临时修改）
+const editablePresetPrompt = ref(presetOptions[0].prompt)
+
+// 分析状态
+const isAnalyzing = ref(false)
+const analysisResult = ref('')
+const analysisError = ref('')
+
+// 当前请求 ID（用于中止）
+let currentRequestId: string | null = null
+
+// 构建上下文内容
+const contextContent = computed(() => {
+  if (!props.filterResult) return ''
+
+  let content = ''
+  for (const block of props.filterResult.blocks) {
+    const startTime = new Date(block.startTs * 1000).toLocaleString()
+    content += `\n--- 对话段落 (${startTime}) ---\n`
+
+    for (const msg of block.messages) {
+      const time = new Date(msg.timestamp * 1000).toLocaleTimeString()
+      content += `[${time}] ${msg.senderName}: ${msg.content || '[非文本消息]'}\n`
+    }
+  }
+  return content
+})
+
+// 获取用户提问
+const userQuestion = computed(() => {
+  if (analysisMode.value === 'preset') {
+    return editablePresetPrompt.value
+  }
+  return customPrompt.value
+})
+
+// 执行分析
+async function executeAnalysis() {
+  if (!props.filterResult || !userQuestion.value) return
+
+  isAnalyzing.value = true
+  analysisResult.value = ''
+  analysisError.value = ''
+
+  try {
+    // 构建完整的消息
+    const fullMessage = `以下是一段聊天记录，请根据用户的问题进行分析：
+
+${contextContent.value}
+
+---
+用户问题：${userQuestion.value}`
+
+    // 调用 Agent API
+    const context = {
+      sessionId: sessionStore.currentSessionId || '',
+    }
+
+    const { requestId, promise } = window.agentApi.runStream(
+      fullMessage,
+      context,
+      (chunk) => {
+        if (chunk.type === 'content' && chunk.content) {
+          analysisResult.value += chunk.content
+        } else if (chunk.type === 'error') {
+          analysisError.value = chunk.error || '分析出错'
+        }
+      },
+      [], // 不需要历史消息
+      sessionStore.currentSession?.type === 'group' ? 'group' : 'private'
+    )
+
+    currentRequestId = requestId
+
+    const result = await promise
+
+    if (!result.success && result.error) {
+      analysisError.value = result.error
+    }
+  } catch (error) {
+    console.error('分析失败:', error)
+    analysisError.value = String(error)
+  } finally {
+    isAnalyzing.value = false
+    currentRequestId = null
+  }
+}
+
+// 中止分析
+async function abortAnalysis() {
+  if (currentRequestId) {
+    try {
+      await window.agentApi.abort(currentRequestId)
+    } catch (error) {
+      console.error('中止失败:', error)
+    }
+    isAnalyzing.value = false
+    currentRequestId = null
+  }
+}
+
+// 复制结果
+async function copyResult() {
+  try {
+    await navigator.clipboard.writeText(analysisResult.value)
+  } catch (error) {
+    console.error('复制失败:', error)
+  }
+}
+
+// 监听预设选择变化，更新可编辑的提示词
+watch(selectedPreset, (newPresetId) => {
+  const preset = presetOptions.find((p) => p.id === newPresetId)
+  if (preset) {
+    editablePresetPrompt.value = preset.prompt
+  }
+})
+
+// 关闭时重置状态
+watch(open, (val) => {
+  if (!val) {
+    analysisResult.value = ''
+    analysisError.value = ''
+    if (isAnalyzing.value) {
+      abortAnalysis()
+    }
+  } else {
+    // 打开时重置为默认预设
+    editablePresetPrompt.value = presetOptions.find((p) => p.id === selectedPreset.value)?.prompt || ''
+  }
+})
+</script>
+
+<template>
+  <UModal v-model:open="open" :ui="{ width: 'max-w-3xl' }">
+    <template #content>
+      <UCard>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <h3 class="text-lg font-semibold">{{ t('analysis.filter.localAnalysisTitle') }}</h3>
+            <UButton variant="ghost" icon="i-heroicons-x-mark" size="sm" @click="open = false" />
+          </div>
+        </template>
+
+        <div class="space-y-4">
+          <!-- 上下文摘要 -->
+          <div class="p-3 bg-gray-50 dark:bg-gray-800 rounded-lg text-sm">
+            <div class="flex items-center gap-4 text-gray-600 dark:text-gray-400">
+              <span>{{ filterResult?.blocks.length || 0 }} 个对话块</span>
+              <span>{{ filterResult?.stats.totalMessages || 0 }} 条消息</span>
+              <span>{{ filterResult?.stats.totalChars.toLocaleString() || 0 }} 字符</span>
+            </div>
+          </div>
+
+          <!-- 分析模式切换 -->
+          <div class="flex items-center gap-1 p-1 bg-gray-100 dark:bg-gray-800 rounded-lg w-fit">
+            <button
+              class="px-3 py-1.5 text-sm font-medium rounded-md transition-colors"
+              :class="
+                analysisMode === 'preset'
+                  ? 'bg-white dark:bg-gray-700 text-gray-900 dark:text-white shadow-sm'
+                  : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'
+              "
+              @click="analysisMode = 'preset'"
+            >
+              {{ t('analysis.filter.presetAnalysis') }}
+            </button>
+            <button
+              class="px-3 py-1.5 text-sm font-medium rounded-md transition-colors"
+              :class="
+                analysisMode === 'custom'
+                  ? 'bg-white dark:bg-gray-700 text-gray-900 dark:text-white shadow-sm'
+                  : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'
+              "
+              @click="analysisMode = 'custom'"
+            >
+              {{ t('analysis.filter.customAnalysis') }}
+            </button>
+          </div>
+
+          <!-- 预设分析选项 -->
+          <div v-if="analysisMode === 'preset'" class="space-y-3">
+            <div class="grid grid-cols-2 gap-2">
+              <label
+                v-for="option in presetOptions"
+                :key="option.id"
+                class="flex items-center gap-2 p-3 border rounded-lg cursor-pointer transition-colors"
+                :class="
+                  selectedPreset === option.id
+                    ? 'border-primary-500 bg-primary-50 dark:bg-primary-900/20'
+                    : 'border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600'
+                "
+              >
+                <input v-model="selectedPreset" type="radio" :value="option.id" class="text-primary-500" />
+                <span class="text-sm text-gray-700 dark:text-gray-300">{{ option.label }}</span>
+              </label>
+            </div>
+
+            <!-- 可编辑的提示词 -->
+            <div class="space-y-1">
+              <label class="text-xs text-gray-500 dark:text-gray-400">
+                {{ t('analysis.filter.editablePromptLabel') }}
+              </label>
+              <UTextarea v-model="editablePresetPrompt" :rows="2" class="w-full text-sm" />
+            </div>
+          </div>
+
+          <!-- 自定义提问 -->
+          <div v-else>
+            <UTextarea
+              v-model="customPrompt"
+              :placeholder="t('analysis.filter.customPromptPlaceholder')"
+              :rows="3"
+              class="w-full"
+            />
+          </div>
+
+          <!-- 分析按钮 -->
+          <div class="flex justify-end gap-2">
+            <UButton v-if="isAnalyzing" color="red" variant="outline" @click="abortAnalysis">
+              {{ t('common.cancel') }}
+            </UButton>
+            <UButton
+              color="primary"
+              :loading="isAnalyzing"
+              :disabled="isAnalyzing || (analysisMode === 'custom' && !customPrompt.trim())"
+              @click="executeAnalysis"
+            >
+              <UIcon name="i-heroicons-sparkles" class="w-4 h-4 mr-1" />
+              {{ isAnalyzing ? t('analysis.filter.analyzing') : t('analysis.filter.startAnalysis') }}
+            </UButton>
+          </div>
+
+          <!-- 分析结果 -->
+          <div v-if="analysisResult || analysisError" class="border-t border-gray-200 dark:border-gray-700 pt-4">
+            <div class="flex items-center justify-between mb-2">
+              <h4 class="text-sm font-medium text-gray-700 dark:text-gray-300">
+                {{ t('analysis.filter.analysisResult') }}
+              </h4>
+              <UButton v-if="analysisResult" size="xs" variant="ghost" @click="copyResult">
+                <UIcon name="i-heroicons-clipboard" class="w-4 h-4 mr-1" />
+                {{ t('common.copy') }}
+              </UButton>
+            </div>
+
+            <!-- 错误提示 -->
+            <div
+              v-if="analysisError"
+              class="p-3 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 rounded-lg text-sm"
+            >
+              {{ analysisError }}
+            </div>
+
+            <!-- 结果内容 -->
+            <div
+              v-else-if="analysisResult"
+              class="prose prose-sm dark:prose-invert max-w-none p-4 bg-gray-50 dark:bg-gray-800 rounded-lg max-h-80 overflow-y-auto"
+              v-html="md.render(analysisResult)"
+            />
+          </div>
+        </div>
+      </UCard>
+    </template>
+  </UModal>
+</template>
diff --git a/src/components/analysis/Filter/PreviewPanel.vue b/src/components/analysis/Filter/PreviewPanel.vue
new file mode 100644
index 0000000..a5b2916
--- /dev/null
+++ b/src/components/analysis/Filter/PreviewPanel.vue
@@ -0,0 +1,408 @@
+<script setup lang="ts">
+/**
+ * 预览面板
+ * 左右结构：左侧对话块列表（虚拟滚动），右侧消息内容（复用 MessageList）
+ * 支持连续滚动：滚动到底部时自动加载下一个对话块
+ */
+
+import { computed, ref, watch, nextTick } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useVirtualizer } from '@tanstack/vue-virtual'
+import MessageList from '@/components/common/ChatRecord/MessageList.vue'
+import type { ChatRecordMessage } from '@/types/format'
+
+const { t } = useI18n()
+
+// Props
+const props = defineProps<{
+  result: {
+    blocks: Array<{
+      startTs: number
+      endTs: number
+      messages: Array<{
+        id: number
+        senderName: string
+        senderPlatformId: string
+        senderAliases: string[]
+        senderAvatar: string | null
+        content: string
+        timestamp: number
+        type: number
+        replyToMessageId: string | null
+        replyToContent: string | null
+        replyToSenderName: string | null
+        isHit: boolean
+      }>
+      hitCount: number
+    }>
+    stats: {
+      totalMessages: number
+      hitMessages: number
+      totalChars: number
+    }
+  } | null
+  isLoading: boolean
+  estimatedTokens: number
+  tokenStatus: 'green' | 'yellow' | 'red'
+}>()
+
+// 当前选中的对话块索引（用于左侧高亮和右侧显示）
+const selectedBlockIndex = ref(0)
+
+// 防止块切换时的循环触发
+let isBlockSwitching = false
+
+// 需要滚动到的消息 ID（选择块后滚动到第一条命中消息）
+const pendingScrollToMessageId = ref<number | null>(null)
+
+// MessageList 组件引用
+const messageListRef = ref<InstanceType<typeof MessageList> | null>(null)
+
+// 左侧列表滚动容器
+const blockListRef = ref<HTMLElement | null>(null)
+
+// 获取反转索引对应的原始块（避免复制整个数组）
+function getBlockAtReversedIndex(index: number) {
+  if (!props.result) return null
+  const originalIndex = props.result.blocks.length - 1 - index
+  return props.result.blocks[originalIndex]
+}
+
+// 块数量
+const blockCount = computed(() => props.result?.blocks.length ?? 0)
+
+// 虚拟滚动配置（对话块列表）
+const blockVirtualizer = useVirtualizer(
+  computed(() => ({
+    count: blockCount.value,
+    getScrollElement: () => blockListRef.value,
+    estimateSize: () => 72, // 估算每个块项高度
+    overscan: 5,
+  }))
+)
+
+const virtualBlocks = computed(() => blockVirtualizer.value.getVirtualItems())
+
+// Token 进度条颜色
+const tokenProgressColor = computed(() => {
+  switch (props.tokenStatus) {
+    case 'green':
+      return 'bg-green-500'
+    case 'yellow':
+      return 'bg-yellow-500'
+    case 'red':
+      return 'bg-red-500'
+    default:
+      return 'bg-gray-400'
+  }
+})
+
+// Token 进度百分比（最大 100000）
+const tokenProgressPercent = computed(() => {
+  return Math.min((props.estimatedTokens / 100000) * 100, 100)
+})
+
+// 当前块的消息列表（使用反转后的索引）
+const currentBlockMessages = computed<ChatRecordMessage[]>(() => {
+  if (blockCount.value === 0) return []
+  const block = getBlockAtReversedIndex(selectedBlockIndex.value)
+  if (!block) return []
+
+  return block.messages.map((msg) => ({
+    id: msg.id,
+    senderName: msg.senderName,
+    senderPlatformId: msg.senderPlatformId,
+    senderAliases: msg.senderAliases,
+    senderAvatar: msg.senderAvatar,
+    content: msg.content,
+    timestamp: msg.timestamp,
+    type: msg.type,
+    replyToMessageId: msg.replyToMessageId,
+    replyToContent: msg.replyToContent,
+    replyToSenderName: msg.replyToSenderName,
+  }))
+})
+
+// 当前块的命中消息 ID 列表（使用反转后的索引）
+const hitMessageIds = computed<number[]>(() => {
+  if (blockCount.value === 0) return []
+  const block = getBlockAtReversedIndex(selectedBlockIndex.value)
+  if (!block) return []
+
+  return block.messages.filter((msg) => msg.isHit).map((msg) => msg.id)
+})
+
+// 空查询对象（MessageList 外部模式需要）
+const emptyQuery = { startTs: 0, endTs: 0 }
+
+// 判断是否需要显示年份（如果对话块跨越多个年份则显示）
+// 优化：只检查第一个和最后一个块
+const shouldShowYear = computed(() => {
+  if (!props.result || props.result.blocks.length === 0) return false
+
+  const blocks = props.result.blocks
+  const firstYear = new Date(blocks[0].startTs * 1000).getFullYear()
+  const lastYear = new Date(blocks[blocks.length - 1].endTs * 1000).getFullYear()
+
+  return firstYear !== lastYear
+})
+
+// 格式化时间
+function formatDateTime(ts: number): string {
+  const options: Intl.DateTimeFormatOptions = {
+    month: 'short',
+    day: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit',
+  }
+
+  if (shouldShowYear.value) {
+    options.year = 'numeric'
+  }
+
+  return new Date(ts * 1000).toLocaleString('zh-CN', options)
+}
+
+function formatDuration(startTs: number, endTs: number): string {
+  const diff = endTs - startTs
+  if (diff < 60) return `${diff}秒`
+  if (diff < 3600) return `${Math.floor(diff / 60)}分钟`
+  return `${Math.floor(diff / 3600)}h${Math.floor((diff % 3600) / 60)}m`
+}
+
+// 选择对话块（点击左侧列表项）
+function selectBlock(index: number) {
+  selectedBlockIndex.value = index
+
+  // 找到该块中第一条命中的消息
+  const block = getBlockAtReversedIndex(index)
+  if (block) {
+    const firstHitMessage = block.messages.find((msg) => msg.isHit)
+    if (firstHitMessage) {
+      pendingScrollToMessageId.value = firstHitMessage.id
+    }
+  }
+}
+
+// 切换到下一个对话块（滚动到底部时触发）
+function goToNextBlock() {
+  if (isBlockSwitching) return // 防止循环触发
+  if (blockCount.value === 0) return
+  if (selectedBlockIndex.value < blockCount.value - 1) {
+    isBlockSwitching = true
+    selectedBlockIndex.value++
+    scrollToBlockInList(selectedBlockIndex.value)
+    // 延迟解除锁定，等待 MessageList 完成加载
+    setTimeout(() => {
+      isBlockSwitching = false
+    }, 300)
+  }
+}
+
+// 原本是跳转到上一个块，但体验不好，暂时禁用
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function goToPrevBlock() {
+  // 禁用向上跳转，用户可以通过点击左侧列表手动切换
+}
+
+// 滚动左侧列表以显示指定块
+function scrollToBlockInList(index: number) {
+  blockVirtualizer.value.scrollToIndex(index, { align: 'center' })
+}
+
+// 监听 result 变化，重置选中索引
+watch(
+  () => props.result,
+  () => {
+    selectedBlockIndex.value = 0
+    pendingScrollToMessageId.value = null
+  }
+)
+
+// 监听待滚动的消息 ID，在消息列表加载后执行滚动
+watch(pendingScrollToMessageId, async (messageId) => {
+  if (messageId !== null) {
+    await nextTick()
+    // 等待 MessageList 加载完成
+    setTimeout(() => {
+      messageListRef.value?.scrollToMessage(messageId)
+      pendingScrollToMessageId.value = null
+    }, 100)
+  }
+})
+</script>
+
+<template>
+  <div class="flex-1 flex flex-col overflow-hidden bg-gray-50 dark:bg-gray-900">
+    <!-- 统计信息栏 -->
+    <div
+      v-if="result && result.blocks.length > 0"
+      class="flex-none px-4 py-3 bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700"
+    >
+      <div class="flex items-center justify-between mb-2">
+        <div class="flex items-center gap-6 text-sm">
+          <span class="text-gray-600 dark:text-gray-400">
+            {{ t('analysis.filter.stats.blocks') }}:
+            <span class="font-medium text-gray-900 dark:text-white">{{ result.blocks.length }}</span>
+          </span>
+          <span class="text-gray-600 dark:text-gray-400">
+            {{ t('analysis.filter.stats.messages') }}:
+            <span class="font-medium text-gray-900 dark:text-white">{{ result.stats.totalMessages }}</span>
+          </span>
+          <span class="text-gray-600 dark:text-gray-400">
+            {{ t('analysis.filter.stats.hits') }}:
+            <span class="font-medium text-primary-500">{{ result.stats.hitMessages }}</span>
+          </span>
+          <span class="text-gray-600 dark:text-gray-400">
+            {{ t('analysis.filter.stats.chars') }}:
+            <span class="font-medium text-gray-900 dark:text-white">
+              {{ result.stats.totalChars.toLocaleString() }}
+            </span>
+          </span>
+        </div>
+      </div>
+
+      <!-- Token 预估进度条 -->
+      <div class="flex items-center gap-3">
+        <span class="text-sm text-gray-600 dark:text-gray-400 whitespace-nowrap">
+          {{ t('analysis.filter.stats.tokens') }}:
+          <span
+            class="font-medium"
+            :class="{
+              'text-green-600': tokenStatus === 'green',
+              'text-yellow-600': tokenStatus === 'yellow',
+              'text-red-600': tokenStatus === 'red',
+            }"
+          >
+            ~{{ estimatedTokens.toLocaleString() }}
+          </span>
+        </span>
+        <div class="flex-1 h-2 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden">
+          <div
+            class="h-full rounded-full transition-all duration-300"
+            :class="tokenProgressColor"
+            :style="{ width: `${tokenProgressPercent}%` }"
+          />
+        </div>
+        <span class="text-xs text-gray-500 whitespace-nowrap">10K</span>
+      </div>
+
+      <!-- Token 状态提示 -->
+      <div v-if="tokenStatus === 'yellow'" class="mt-2 text-xs text-yellow-600 dark:text-yellow-400">
+        {{ t('analysis.filter.tokenWarning.yellow') }}
+      </div>
+      <div v-if="tokenStatus === 'red'" class="mt-2 text-xs text-red-600 dark:text-red-400">
+        {{ t('analysis.filter.tokenWarning.red') }}
+      </div>
+    </div>
+
+    <!-- 主内容区：左右结构 -->
+    <div class="flex-1 min-h-0 flex overflow-hidden">
+      <!-- 加载状态 -->
+      <div v-if="isLoading" class="w-full h-full flex items-center flex-col justify-center">
+        <UIcon name="i-heroicons-arrow-path" class="w-8 h-8 animate-spin text-primary-500 mb-2" />
+        <p class="text-gray-500">{{ t('analysis.filter.filtering') }}</p>
+      </div>
+
+      <!-- 空状态 -->
+      <div v-else-if="!result" class="w-full h-full flex items-center justify-center">
+        <div class="text-center text-gray-400">
+          <UIcon name="i-heroicons-funnel" class="w-12 h-12 mb-3 mx-auto" />
+          <p>{{ t('analysis.filter.emptyHint') }}</p>
+        </div>
+      </div>
+
+      <!-- 无结果 -->
+      <div v-else-if="result.blocks.length === 0" class="flex-1 flex items-center justify-center">
+        <div class="text-center text-gray-400">
+          <UIcon name="i-heroicons-magnifying-glass" class="w-12 h-12 mb-3 mx-auto" />
+          <p>{{ t('analysis.filter.noResults') }}</p>
+        </div>
+      </div>
+
+      <!-- 有结果：左右结构 -->
+      <template v-else>
+        <!-- 左侧：对话块列表（虚拟滚动） -->
+        <div
+          class="w-64 flex-none border-r border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 flex flex-col"
+        >
+          <div class="flex-none px-3 py-2 border-b border-gray-200 dark:border-gray-700">
+            <span class="text-sm font-medium text-gray-700 dark:text-gray-300">
+              {{ t('analysis.filter.stats.blocks') }} ({{ result.blocks.length }})
+            </span>
+          </div>
+
+          <div ref="blockListRef" class="flex-1 overflow-y-auto">
+            <div :style="{ height: `${blockVirtualizer.getTotalSize()}px`, position: 'relative' }">
+              <div
+                v-for="virtualItem in virtualBlocks"
+                :key="String(virtualItem.key)"
+                :style="{
+                  position: 'absolute',
+                  top: 0,
+                  left: 0,
+                  width: '100%',
+                  transform: `translateY(${virtualItem.start}px)`,
+                }"
+              >
+                <div
+                  class="px-3 py-2 cursor-pointer border-b border-gray-100 dark:border-gray-700 transition-colors"
+                  :class="
+                    selectedBlockIndex === virtualItem.index
+                      ? 'bg-primary-50 dark:bg-primary-900/30 border-l-2 border-l-primary-500'
+                      : 'hover:bg-gray-50 dark:hover:bg-gray-700/50'
+                  "
+                  @click="selectBlock(virtualItem.index)"
+                >
+                  <div class="flex items-center justify-between mb-1">
+                    <span class="text-sm font-medium text-gray-700 dark:text-gray-300">
+                      #{{ virtualItem.index + 1 }}
+                    </span>
+                    <span
+                      v-if="(getBlockAtReversedIndex(virtualItem.index)?.hitCount ?? 0) > 0"
+                      class="text-xs text-primary-500"
+                    >
+                      含 {{ getBlockAtReversedIndex(virtualItem.index)?.hitCount }} 个结果
+                    </span>
+                  </div>
+                  <div class="text-xs text-gray-500">
+                    {{ formatDateTime(getBlockAtReversedIndex(virtualItem.index)?.startTs ?? 0) }}
+                  </div>
+                  <div class="flex items-center gap-2 text-xs text-gray-400 mt-1">
+                    <span>{{ getBlockAtReversedIndex(virtualItem.index)?.messages.length ?? 0 }} 条</span>
+                    <span>·</span>
+                    <span>
+                      {{
+                        formatDuration(
+                          getBlockAtReversedIndex(virtualItem.index)?.startTs ?? 0,
+                          getBlockAtReversedIndex(virtualItem.index)?.endTs ?? 0
+                        )
+                      }}
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 右侧：消息内容（复用 MessageList） -->
+        <div class="flex-1 overflow-hidden">
+          <MessageList
+            ref="messageListRef"
+            v-if="currentBlockMessages.length > 0"
+            :query="emptyQuery"
+            :external-messages="currentBlockMessages"
+            :hit-message-ids="hitMessageIds"
+            class="h-full"
+            @reach-bottom="goToNextBlock"
+            @reach-top="goToPrevBlock"
+          />
+          <div v-else class="flex items-center justify-center h-full text-gray-400">
+            {{ t('analysis.filter.noResults') }}
+          </div>
+        </div>
+      </template>
+    </div>
+  </div>
+</template>
diff --git a/src/components/analysis/Filter/SessionPanel.vue b/src/components/analysis/Filter/SessionPanel.vue
new file mode 100644
index 0000000..9d13a7e
--- /dev/null
+++ b/src/components/analysis/Filter/SessionPanel.vue
@@ -0,0 +1,274 @@
+<script setup lang="ts">
+/**
+ * 会话选择面板
+ * 允许用户多选会话（对话段落）进行筛选
+ * 使用虚拟滚动和 Set 优化性能
+ */
+
+import { ref, computed, onMounted, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useSessionStore } from '@/stores/session'
+import { useVirtualizer } from '@tanstack/vue-virtual'
+
+const { t } = useI18n()
+const sessionStore = useSessionStore()
+
+// Props - 使用数组作为外部接口
+const selectedIds = defineModel<number[]>('selectedIds', { default: () => [] })
+
+// 内部使用 Set 优化性能
+const selectedSet = ref<Set<number>>(new Set())
+
+// 同步 selectedIds 和 selectedSet
+watch(
+  selectedIds,
+  (newIds) => {
+    selectedSet.value = new Set(newIds)
+  },
+  { immediate: true }
+)
+
+// 会话列表
+interface ChatSession {
+  id: number
+  startTs: number
+  endTs: number
+  messageCount: number
+  firstMessageId: number
+}
+
+const sessions = ref<ChatSession[]>([])
+const isLoading = ref(false)
+
+// 虚拟滚动容器
+const scrollContainerRef = ref<HTMLElement | null>(null)
+
+// 扁平化的列表项（包含日期标题和会话）
+interface ListItem {
+  type: 'date' | 'session'
+  date?: string
+  session?: ChatSession
+  sessionCount?: number
+}
+
+// 按日期分组并扁平化为列表项
+const flatItems = computed<ListItem[]>(() => {
+  const groups: Record<string, ChatSession[]> = {}
+
+  // 按日期分组
+  for (const session of sessions.value) {
+    const date = new Date(session.startTs * 1000).toLocaleDateString()
+    if (!groups[date]) {
+      groups[date] = []
+    }
+    groups[date].push(session)
+  }
+
+  // 按日期倒序排列
+  const sortedDates = Object.keys(groups).sort((a, b) => {
+    return new Date(b).getTime() - new Date(a).getTime()
+  })
+
+  // 扁平化为列表
+  const items: ListItem[] = []
+  for (const date of sortedDates) {
+    items.push({ type: 'date', date, sessionCount: groups[date].length })
+    for (const session of groups[date]) {
+      items.push({ type: 'session', session, date })
+    }
+  }
+
+  return items
+})
+
+// 虚拟滚动配置
+const virtualizer = useVirtualizer(
+  computed(() => ({
+    count: flatItems.value.length,
+    getScrollElement: () => scrollContainerRef.value,
+    estimateSize: (index) => (flatItems.value[index]?.type === 'date' ? 36 : 56),
+    overscan: 10,
+  }))
+)
+
+const virtualItems = computed(() => virtualizer.value.getVirtualItems())
+
+// 加载会话列表
+async function loadSessions() {
+  const sessionId = sessionStore.currentSessionId
+  if (!sessionId) return
+
+  isLoading.value = true
+  try {
+    sessions.value = await window.sessionApi.getSessions(sessionId)
+  } catch (error) {
+    console.error('加载会话失败:', error)
+  } finally {
+    isLoading.value = false
+  }
+}
+
+// 检查会话是否选中（O(1)）
+function isSelected(id: number): boolean {
+  return selectedSet.value.has(id)
+}
+
+// 切换会话选择
+function toggleSession(id: number) {
+  const newSet = new Set(selectedSet.value)
+  if (newSet.has(id)) {
+    newSet.delete(id)
+  } else {
+    newSet.add(id)
+  }
+  selectedSet.value = newSet
+  selectedIds.value = Array.from(newSet)
+}
+
+// 获取某天的所有会话 ID
+function getSessionIdsForDate(date: string): number[] {
+  return flatItems.value.filter((item) => item.type === 'session' && item.date === date).map((item) => item.session!.id)
+}
+
+// 全选/取消当天
+function selectDate(date: string) {
+  const sessionIds = getSessionIdsForDate(date)
+  const allSelected = sessionIds.every((id) => selectedSet.value.has(id))
+
+  const newSet = new Set(selectedSet.value)
+  if (allSelected) {
+    // 取消选择
+    for (const id of sessionIds) {
+      newSet.delete(id)
+    }
+  } else {
+    // 全选
+    for (const id of sessionIds) {
+      newSet.add(id)
+    }
+  }
+  selectedSet.value = newSet
+  selectedIds.value = Array.from(newSet)
+}
+
+// 检查某天是否全选（O(n) 但 n 是当天会话数，通常很小）
+function isDateFullySelected(date: string): boolean {
+  const sessionIds = getSessionIdsForDate(date)
+  return sessionIds.length > 0 && sessionIds.every((id) => selectedSet.value.has(id))
+}
+
+// 格式化时间
+function formatTime(ts: number): string {
+  return new Date(ts * 1000).toLocaleTimeString('zh-CN', {
+    hour: '2-digit',
+    minute: '2-digit',
+  })
+}
+
+// 格式化时长
+function formatDuration(startTs: number, endTs: number): string {
+  const diff = endTs - startTs
+  if (diff < 60) return `${diff}秒`
+  if (diff < 3600) return `${Math.floor(diff / 60)}分钟`
+  return `${Math.floor(diff / 3600)}小时${Math.floor((diff % 3600) / 60)}分钟`
+}
+
+onMounted(() => {
+  loadSessions()
+})
+</script>
+
+<template>
+  <div class="p-4 flex flex-col h-full min-h-0">
+    <!-- 选中数量 -->
+    <div v-if="selectedIds.length > 0" class="flex-none mb-2 text-sm text-primary-500">
+      {{ t('analysis.filter.selectedSessions', { count: selectedIds.length }) }}
+    </div>
+
+    <!-- 会话列表（虚拟滚动） -->
+    <div class="flex-1 min-h-0">
+      <div v-if="isLoading" class="flex items-center justify-center h-full">
+        <UIcon name="i-heroicons-arrow-path" class="w-6 h-6 animate-spin text-gray-400" />
+      </div>
+
+      <div v-else-if="sessions.length === 0" class="flex items-center justify-center h-full text-gray-500 text-sm">
+        {{ t('analysis.filter.noSessions') }}
+      </div>
+
+      <div v-else ref="scrollContainerRef" class="h-full overflow-y-auto">
+        <div :style="{ height: `${virtualizer.getTotalSize()}px`, position: 'relative' }">
+          <div
+            v-for="virtualRow in virtualItems"
+            :key="String(virtualRow.key)"
+            :style="{
+              position: 'absolute',
+              top: 0,
+              left: 0,
+              width: '100%',
+              transform: `translateY(${virtualRow.start}px)`,
+            }"
+          >
+            <!-- 日期标题 -->
+            <div
+              v-if="flatItems[virtualRow.index].type === 'date'"
+              class="flex items-center justify-between px-2 py-1.5 bg-gray-100 dark:bg-gray-800 rounded-md cursor-pointer hover:bg-gray-200 dark:hover:bg-gray-700"
+              @click="selectDate(flatItems[virtualRow.index].date!)"
+            >
+              <span class="text-sm font-medium text-gray-700 dark:text-gray-300">
+                {{ flatItems[virtualRow.index].date }}
+              </span>
+              <div class="flex items-center gap-2">
+                <span class="text-xs text-gray-500">{{ flatItems[virtualRow.index].sessionCount }} 个会话</span>
+                <input
+                  type="checkbox"
+                  :checked="isDateFullySelected(flatItems[virtualRow.index].date!)"
+                  class="text-primary-500 rounded"
+                  @click.stop
+                  @change="selectDate(flatItems[virtualRow.index].date!)"
+                />
+              </div>
+            </div>
+
+            <!-- 会话项 -->
+            <label
+              v-else
+              class="flex items-center gap-3 px-3 py-2 ml-2 rounded-md hover:bg-gray-50 dark:hover:bg-gray-800 cursor-pointer border border-transparent"
+              :class="{
+                'border-primary-300 bg-primary-50 dark:border-primary-600 dark:bg-primary-900/20': isSelected(
+                  flatItems[virtualRow.index].session!.id
+                ),
+              }"
+            >
+              <input
+                type="checkbox"
+                :checked="isSelected(flatItems[virtualRow.index].session!.id)"
+                class="text-primary-500 rounded"
+                @change="toggleSession(flatItems[virtualRow.index].session!.id)"
+              />
+              <div class="flex-1 min-w-0">
+                <div class="flex items-center gap-2">
+                  <span class="text-sm text-gray-700 dark:text-gray-300">
+                    {{ formatTime(flatItems[virtualRow.index].session!.startTs) }} -
+                    {{ formatTime(flatItems[virtualRow.index].session!.endTs) }}
+                  </span>
+                </div>
+                <div class="flex items-center gap-2 text-xs text-gray-500">
+                  <span>{{ flatItems[virtualRow.index].session!.messageCount }} 条消息</span>
+                  <span>·</span>
+                  <span>
+                    {{
+                      formatDuration(
+                        flatItems[virtualRow.index].session!.startTs,
+                        flatItems[virtualRow.index].session!.endTs
+                      )
+                    }}
+                  </span>
+                </div>
+              </div>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/src/components/common/ChatRecord/MessageList.vue b/src/components/common/ChatRecord/MessageList.vue
index db3f733..611efd4 100644
--- a/src/components/common/ChatRecord/MessageList.vue
+++ b/src/components/common/ChatRecord/MessageList.vue
@@ -16,10 +16,23 @@ const TIME_SEPARATOR_THRESHOLD = 5 * 60 // 5 分钟
 
 const { t } = useI18n()
 
-const props = defineProps<{
-  /** 当前查询条件 */
-  query: ChatRecordQuery
-}>()
+const props = withDefaults(
+  defineProps<{
+    /** 当前查询条件 */
+    query: ChatRecordQuery
+    /** 外部传入的消息列表（可选，传入后不自动加载） */
+    externalMessages?: ChatRecordMessage[]
+    /** 外部传入时需要高亮的消息 ID 列表（命中的消息） */
+    hitMessageIds?: number[]
+    /** 外部消息变化时的滚动行为：top=滚动到顶部，preserve=保持当前位置 */
+    externalScrollBehavior?: 'top' | 'preserve'
+  }>(),
+  {
+    externalMessages: undefined,
+    hitMessageIds: () => [],
+    externalScrollBehavior: 'top',
+  }
+)
 
 const emit = defineEmits<{
   /** 消息数量变化 */
@@ -28,13 +41,22 @@ const emit = defineEmits<{
   (e: 'visible-message-change', messageId: number): void
   /** 跳转到指定消息（用于查看上下文） */
   (e: 'jump-to-message', messageId: number): void
+  /** 滚动到底部（外部模式专用，用于加载下一个块） */
+  (e: 'reach-bottom'): void
+  /** 滚动到顶部（外部模式专用，用于加载上一个块） */
+  (e: 'reach-top'): void
 }>()
 
 const sessionStore = useSessionStore()
 
+// 判断是否使用外部传入的消息
+const isExternalMode = computed(() => !!props.externalMessages?.length)
+
 // 判断是否处于筛选模式（有筛选条件且消息不连贯时显示上下文按钮）
 // 注意：通过消息 ID 定位时上下文是连贯的，不需要显示
+// 外部模式下不显示上下文按钮（数据已经处理好）
 const isFiltered = computed(() => {
+  if (isExternalMode.value) return false
   const q = props.query
   // 只有关键词、成员筛选时才需要显示上下文按钮
   return !!(q.memberId || q.keywords?.length)
@@ -96,8 +118,35 @@ function mapMessages(messages: any[]): ChatRecordMessage[] {
   })) as ChatRecordMessage[]
 }
 
+// 记录上一次消息数量（用于判断是扩展还是替换）
+let previousExternalMessageCount = 0
+
 // 初始加载消息
 async function loadInitialMessages() {
+  // 外部模式：直接使用外部消息
+  if (isExternalMode.value) {
+    const currentCount = props.externalMessages!.length
+    const isExpanding = previousExternalMessageCount > 0 && currentCount > previousExternalMessageCount
+
+    messages.value = props.externalMessages!
+    hasMoreBefore.value = false
+    hasMoreAfter.value = false
+    isSearchMode.value = false
+    emit('count-change', messages.value.length)
+
+    previousExternalMessageCount = currentCount
+
+    await nextTick()
+
+    // 根据滚动行为 prop 和是否是扩展来决定滚动位置
+    if (props.externalScrollBehavior === 'preserve' && isExpanding) {
+      // 保持当前位置（不做任何滚动操作）
+    } else {
+      scrollToTop()
+    }
+    return
+  }
+
   const sessionId = sessionStore.currentSessionId
   if (!sessionId) {
     messages.value = []
@@ -306,15 +355,26 @@ function handleScroll() {
   const container = scrollContainerRef.value
   if (!container) return
 
-  // 检测加载更多
-  if (!isLoadingMore.value) {
+  const distanceFromBottom = container.scrollHeight - container.scrollTop - container.clientHeight
+
+  // 外部模式：通知到达边界
+  if (isExternalMode.value) {
+    if (container.scrollTop < 50) {
+      emit('reach-top')
+    }
+    if (distanceFromBottom < 50) {
+      emit('reach-bottom')
+    }
+  }
+
+  // 检测加载更多（非外部模式）
+  if (!isExternalMode.value && !isLoadingMore.value) {
     // 接近顶部时加载更多
     if (container.scrollTop < 100 && hasMoreBefore.value) {
       loadMoreBefore()
     }
 
     // 接近底部时加载更多
-    const distanceFromBottom = container.scrollHeight - container.scrollTop - container.clientHeight
     if (distanceFromBottom < 100 && hasMoreAfter.value) {
       loadMoreAfter()
     }
@@ -355,8 +415,12 @@ function updateVisibleMessage() {
   }
 }
 
-// 判断是否是目标消息
+// 判断是否是目标消息（高亮显示）
 function isTargetMessage(msgId: number): boolean {
+  // 外部模式：检查是否在命中列表中
+  if (isExternalMode.value && props.hitMessageIds?.length) {
+    return props.hitMessageIds.includes(msgId)
+  }
   return msgId === props.query.scrollToMessageId
 }
 
@@ -419,11 +483,24 @@ function measureElement(el: Element | null) {
 watch(
   () => props.query,
   () => {
-    loadInitialMessages()
+    if (!isExternalMode.value) {
+      loadInitialMessages()
+    }
   },
   { deep: true }
 )
 
+// 监听外部消息变化
+watch(
+  () => props.externalMessages,
+  () => {
+    if (isExternalMode.value) {
+      loadInitialMessages()
+    }
+  },
+  { deep: true, immediate: true }
+)
+
 // 清理定时器
 onUnmounted(() => {
   if (visibleMessageTimer) {
diff --git a/src/i18n/locales/en-US/analysis.json b/src/i18n/locales/en-US/analysis.json
index ff9e2a7..a403692 100644
--- a/src/i18n/locales/en-US/analysis.json
+++ b/src/i18n/locales/en-US/analysis.json
@@ -27,5 +27,60 @@
   "tooltip": {
     "chatViewer": "Chat Record Viewer",
     "sessionIndex": "Session Index"
+  },
+  "filter": {
+    "title": "Filter Analysis",
+    "conditionMode": "Condition Filter",
+    "sessionMode": "Session Filter",
+    "history": "History",
+    "execute": "Execute Filter",
+    "export": "Export Feed Pack",
+    "localAnalysis": "AI Analysis",
+    "keywords": "Keywords",
+    "keywordsHint": "Multiple keywords supported, OR logic",
+    "keywordPlaceholder": "Enter keyword, press Enter to add",
+    "timeRange": "Time Range",
+    "allTime": "All Time",
+    "today": "Today",
+    "lastWeek": "Last 7 Days",
+    "lastMonth": "Last Month",
+    "last3Months": "Last 3 Months",
+    "lastYear": "Last Year",
+    "customTime": "Custom",
+    "senders": "Senders",
+    "sendersHint": "Optional, leave empty for all",
+    "searchMember": "Search member...",
+    "noMembers": "No members",
+    "selectedCount": "{count} selected",
+    "contextSize": "Context Expansion",
+    "messages": "messages",
+    "searchSession": "Search date...",
+    "selectedSessions": "{count} sessions selected",
+    "noSessions": "No session index",
+    "filtering": "Filtering...",
+    "emptyHint": "Set filter conditions and click execute",
+    "noResults": "No matching messages found",
+    "blockTitle": "Context Block {index}",
+    "stats": {
+      "blocks": "Blocks",
+      "messages": "Messages",
+      "hits": "Hits",
+      "chars": "Characters",
+      "tokens": "Est. Tokens"
+    },
+    "tokenWarning": {
+      "yellow": "Token count is high, may affect AI analysis",
+      "red": "Token count too high, consider narrowing filter"
+    },
+    "historyTitle": "Filter History",
+    "noHistory": "No history records",
+    "localAnalysisTitle": "AI Analysis",
+    "presetAnalysis": "Preset Analysis",
+    "customAnalysis": "Custom Question",
+    "customPromptPlaceholder": "Enter your question...",
+    "editablePromptLabel": "Prompt (editable)",
+    "analyzing": "Analyzing...",
+    "startAnalysis": "Start Analysis",
+    "analysisResult": "Analysis Result"
   }
 }
diff --git a/src/i18n/locales/en-US/common.json b/src/i18n/locales/en-US/common.json
index 7a9865d..886a2dd 100644
--- a/src/i18n/locales/en-US/common.json
+++ b/src/i18n/locales/en-US/common.json
@@ -4,6 +4,7 @@
   "delete": "Delete",
   "save": "Save",
   "edit": "Edit",
+  "add": "Add",
   "rename": "Rename",
   "capture": "Capture",
   "close": "Close",
diff --git a/src/i18n/locales/zh-CN/analysis.json b/src/i18n/locales/zh-CN/analysis.json
index 04a6e65..6ec5db6 100644
--- a/src/i18n/locales/zh-CN/analysis.json
+++ b/src/i18n/locales/zh-CN/analysis.json
@@ -27,5 +27,60 @@
   "tooltip": {
     "chatViewer": "聊天记录查看器",
     "sessionIndex": "会话索引"
+  },
+  "filter": {
+    "title": "自定义筛选",
+    "conditionMode": "条件筛选",
+    "sessionMode": "会话筛选",
+    "history": "历史记录",
+    "execute": "开始筛选",
+    "export": "导出筛选结果",
+    "localAnalysis": "AI 分析",
+    "keywords": "关键词",
+    "keywordsHint": "支持多个关键词，OR 逻辑匹配",
+    "keywordPlaceholder": "输入关键词，回车添加",
+    "timeRange": "时间范围",
+    "allTime": "全部",
+    "today": "今天",
+    "lastWeek": "近7天",
+    "lastMonth": "近1个月",
+    "last3Months": "近3个月",
+    "lastYear": "近1年",
+    "customTime": "自定义",
+    "senders": "发送者",
+    "sendersHint": "可选，留空表示不限",
+    "searchMember": "搜索成员...",
+    "noMembers": "暂无成员",
+    "selectedCount": "已选择 {count} 位",
+    "contextSize": "上下文扩展",
+    "messages": "条消息",
+    "searchSession": "搜索日期...",
+    "selectedSessions": "已选择 {count} 个会话",
+    "noSessions": "暂无会话索引",
+    "filtering": "正在筛选...",
+    "emptyHint": "设置筛选条件后点击执行",
+    "noResults": "未找到匹配的消息",
+    "blockTitle": "对话块 {index}",
+    "stats": {
+      "blocks": "对话块",
+      "messages": "消息数",
+      "hits": "命中数",
+      "chars": "字符数",
+      "tokens": "预估 Token"
+    },
+    "tokenWarning": {
+      "yellow": "Token 数量较多，可能影响 AI 分析效果",
+      "red": "Token 数量过多，建议缩小筛选范围"
+    },
+    "historyTitle": "筛选历史",
+    "noHistory": "暂无历史记录",
+    "localAnalysisTitle": "AI 分析",
+    "presetAnalysis": "预设分析",
+    "customAnalysis": "自定义提问",
+    "customPromptPlaceholder": "输入你想问的问题...",
+    "editablePromptLabel": "提示词（可临时修改）",
+    "analyzing": "分析中...",
+    "startAnalysis": "开始分析",
+    "analysisResult": "分析结果"
   }
 }
diff --git a/src/i18n/locales/zh-CN/common.json b/src/i18n/locales/zh-CN/common.json
index 93dbeeb..9d6288e 100644
--- a/src/i18n/locales/zh-CN/common.json
+++ b/src/i18n/locales/zh-CN/common.json
@@ -4,6 +4,7 @@
   "delete": "删除",
   "save": "保存",
   "edit": "编辑",
+  "add": "添加",
   "rename": "重命名",
   "capture": "截屏",
   "close": "关闭",