diff --git a/electron/main/ipc/chat.ts b/electron/main/ipc/chat.ts
index 8904bc3..17596f9 100644
--- a/electron/main/ipc/chat.ts
+++ b/electron/main/ipc/chat.ts
@@ -521,4 +521,30 @@ export function registerChatHandlers(ctx: IpcContext): void {
       return false
     }
   })
+
+  // ==================== SQL 实验室 ====================
+
+  /**
+   * 执行用户 SQL 查询
+   */
+  ipcMain.handle('chat:executeSQL', async (_, sessionId: string, sql: string) => {
+    try {
+      return await worker.executeRawSQL(sessionId, sql)
+    } catch (error) {
+      console.error('执行 SQL 失败：', error)
+      throw error
+    }
+  })
+
+  /**
+   * 获取数据库 Schema
+   */
+  ipcMain.handle('chat:getSchema', async (_, sessionId: string) => {
+    try {
+      return await worker.getSchema(sessionId)
+    } catch (error) {
+      console.error('获取 Schema 失败：', error)
+      return []
+    }
+  })
 }
diff --git a/electron/main/worker/dbWorker.ts b/electron/main/worker/dbWorker.ts
index bc2edaa..f55dff2 100644
--- a/electron/main/worker/dbWorker.ts
+++ b/electron/main/worker/dbWorker.ts
@@ -41,6 +41,9 @@ import {
   getMembers,
   updateMemberAliases,
   deleteMember,
+  // SQL 实验室
+  executeRawSQL,
+  getSchema,
 } from './query'
 import { streamImport, streamParseFileInfo } from './import'
 
@@ -102,6 +105,10 @@ const syncHandlers: Record<string, (payload: any) => any> = {
   getMessageContext: (p) => getMessageContext(p.sessionId, p.messageIds, p.contextSize),
   getRecentMessages: (p) => getRecentMessages(p.sessionId, p.filter, p.limit),
   getConversationBetween: (p) => getConversationBetween(p.sessionId, p.memberId1, p.memberId2, p.filter, p.limit),
+
+  // SQL 实验室
+  executeRawSQL: (p) => executeRawSQL(p.sessionId, p.sql),
+  getSchema: (p) => getSchema(p.sessionId),
 }
 
 // 异步消息处理器（流式操作）
diff --git a/electron/main/worker/query/index.ts b/electron/main/worker/query/index.ts
index f765be6..582806f 100644
--- a/electron/main/worker/query/index.ts
+++ b/electron/main/worker/query/index.ts
@@ -38,3 +38,7 @@ export {
 
 // AI 查询
 export { searchMessages, getMessageContext, getRecentMessages, getConversationBetween } from './ai'
+
+// SQL 实验室
+export { executeRawSQL, getSchema } from './sql'
+export type { SQLResult, TableSchema } from './sql'
diff --git a/electron/main/worker/query/sql.ts b/electron/main/worker/query/sql.ts
new file mode 100644
index 0000000..2ea40d4
--- /dev/null
+++ b/electron/main/worker/query/sql.ts
@@ -0,0 +1,170 @@
+/**
+ * SQL 实验室查询模块
+ * 提供用户自定义 SQL 查询功能
+ */
+
+import { openDatabase } from '../core'
+
+// 最大返回行数限制
+const MAX_LIMIT = 1000
+
+// 查询超时时间（毫秒）
+const QUERY_TIMEOUT_MS = 10000
+
+/**
+ * SQL 执行结果
+ */
+export interface SQLResult {
+  columns: string[]
+  rows: any[][]
+  rowCount: number
+  duration: number
+  limited: boolean // 是否被截断
+}
+
+/**
+ * 表结构信息
+ */
+export interface TableSchema {
+  name: string
+  columns: {
+    name: string
+    type: string
+    notnull: boolean
+    pk: boolean
+  }[]
+}
+
+/**
+ * 获取数据库 Schema
+ */
+export function getSchema(sessionId: string): TableSchema[] {
+  const db = openDatabase(sessionId)
+  if (!db) {
+    throw new Error('数据库不存在')
+  }
+
+  // 获取所有表名
+  const tables = db
+    .prepare(
+      `SELECT name FROM sqlite_master
+       WHERE type='table' AND name NOT LIKE 'sqlite_%'
+       ORDER BY name`
+    )
+    .all() as { name: string }[]
+
+  const schema: TableSchema[] = []
+
+  for (const table of tables) {
+    // 获取表的列信息
+    const columns = db.prepare(`PRAGMA table_info('${table.name}')`).all() as {
+      cid: number
+      name: string
+      type: string
+      notnull: number
+      dflt_value: any
+      pk: number
+    }[]
+
+    schema.push({
+      name: table.name,
+      columns: columns.map((col) => ({
+        name: col.name,
+        type: col.type,
+        notnull: col.notnull === 1,
+        pk: col.pk === 1,
+      })),
+    })
+  }
+
+  return schema
+}
+
+/**
+ * 解析并强制添加 LIMIT
+ * 如果 SQL 没有 LIMIT 或 LIMIT 超过最大值，强制设置为 MAX_LIMIT
+ */
+function enforceLimit(sql: string): { sql: string; limited: boolean } {
+  const trimmedSQL = sql.trim()
+
+  // 检查是否是 SELECT 语句
+  if (!trimmedSQL.toUpperCase().startsWith('SELECT')) {
+    return { sql: trimmedSQL, limited: false }
+  }
+
+  // 使用正则匹配 LIMIT 子句
+  const limitMatch = trimmedSQL.match(/\bLIMIT\s+(\d+)\s*(?:,\s*\d+)?(?:\s+OFFSET\s+\d+)?/i)
+
+  if (limitMatch) {
+    const currentLimit = parseInt(limitMatch[1], 10)
+    if (currentLimit > MAX_LIMIT) {
+      // 替换超出的 LIMIT
+      const newSQL = trimmedSQL.replace(/\bLIMIT\s+\d+/i, `LIMIT ${MAX_LIMIT}`)
+      return { sql: newSQL, limited: true }
+    }
+    return { sql: trimmedSQL, limited: false }
+  } else {
+    // 没有 LIMIT，追加
+    // 需要处理可能存在的分号
+    const sqlWithoutSemicolon = trimmedSQL.replace(/;\s*$/, '')
+    return { sql: `${sqlWithoutSemicolon} LIMIT ${MAX_LIMIT}`, limited: true }
+  }
+}
+
+/**
+ * 执行用户 SQL 查询
+ * - 只支持 SELECT 语句
+ * - 强制 LIMIT 不超过 MAX_LIMIT
+ * - 带超时控制
+ */
+export function executeRawSQL(sessionId: string, sql: string): SQLResult {
+  const db = openDatabase(sessionId)
+  if (!db) {
+    throw new Error('数据库不存在')
+  }
+
+  const trimmedSQL = sql.trim()
+
+  // 只允许 SELECT 语句
+  if (!trimmedSQL.toUpperCase().startsWith('SELECT')) {
+    throw new Error('只支持 SELECT 查询语句')
+  }
+
+  // 强制 LIMIT
+  const { sql: limitedSQL, limited } = enforceLimit(trimmedSQL)
+
+  // 执行查询
+  const startTime = Date.now()
+
+  try {
+    // better-sqlite3 是同步的，我们通过 Worker 实现"超时"
+    // 这里先执行，超时由 Worker 管理器控制
+    const stmt = db.prepare(limitedSQL)
+    const rows = stmt.all()
+    const duration = Date.now() - startTime
+
+    // 获取列名
+    const columns = stmt.columns().map((col) => col.name)
+
+    // 将结果转换为二维数组
+    const rowData = rows.map((row: any) => columns.map((col) => row[col]))
+
+    return {
+      columns,
+      rows: rowData,
+      rowCount: rows.length,
+      duration,
+      limited: limited || rows.length >= MAX_LIMIT,
+    }
+  } catch (error) {
+    if (error instanceof Error) {
+      // 美化错误信息
+      const message = error.message
+        .replace(/^SQLITE_ERROR: /, '')
+        .replace(/^SQLITE_READONLY: /, '只读模式：')
+      throw new Error(message)
+    }
+    throw error
+  }
+}
+
diff --git a/electron/main/worker/workerManager.ts b/electron/main/worker/workerManager.ts
index 9910edc..0b6cbe2 100644
--- a/electron/main/worker/workerManager.ts
+++ b/electron/main/worker/workerManager.ts
@@ -435,3 +435,37 @@ export async function getConversationBetween(
 ): Promise<{ messages: SearchMessageResult[]; total: number; member1Name: string; member2Name: string }> {
   return sendToWorker('getConversationBetween', { sessionId, memberId1, memberId2, filter, limit })
 }
+
+// ==================== SQL 实验室 API ====================
+
+export interface SQLResult {
+  columns: string[]
+  rows: any[][]
+  rowCount: number
+  duration: number
+  limited: boolean
+}
+
+export interface TableSchema {
+  name: string
+  columns: {
+    name: string
+    type: string
+    notnull: boolean
+    pk: boolean
+  }[]
+}
+
+/**
+ * 执行用户 SQL 查询
+ */
+export async function executeRawSQL(sessionId: string, sql: string): Promise<SQLResult> {
+  return sendToWorker('executeRawSQL', { sessionId, sql })
+}
+
+/**
+ * 获取数据库 Schema
+ */
+export async function getSchema(sessionId: string): Promise<TableSchema[]> {
+  return sendToWorker('getSchema', { sessionId })
+}
diff --git a/electron/preload/index.ts b/electron/preload/index.ts
index 1d99995..9c61674 100644
--- a/electron/preload/index.ts
+++ b/electron/preload/index.ts
@@ -315,6 +315,43 @@ const chatApi = {
   deleteMember: (sessionId: string, memberId: number): Promise<boolean> => {
     return ipcRenderer.invoke('chat:deleteMember', sessionId, memberId)
   },
+
+  // ==================== SQL 实验室 ====================
+
+  /**
+   * 执行用户 SQL 查询
+   */
+  executeSQL: (
+    sessionId: string,
+    sql: string
+  ): Promise<{
+    columns: string[]
+    rows: any[][]
+    rowCount: number
+    duration: number
+    limited: boolean
+  }> => {
+    return ipcRenderer.invoke('chat:executeSQL', sessionId, sql)
+  },
+
+  /**
+   * 获取数据库 Schema
+   */
+  getSchema: (
+    sessionId: string
+  ): Promise<
+    Array<{
+      name: string
+      columns: Array<{
+        name: string
+        type: string
+        notnull: boolean
+        pk: boolean
+      }>
+    }>
+  > => {
+    return ipcRenderer.invoke('chat:getSchema', sessionId)
+  },
 }
 
 // Merge API - 合并功能
diff --git a/src/components/analysis/SQLLabTab.vue b/src/components/analysis/SQLLabTab.vue
new file mode 100644
index 0000000..3083039
--- /dev/null
+++ b/src/components/analysis/SQLLabTab.vue
@@ -0,0 +1,210 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { SchemaPanel, AIGenerateModal, AIHistoryModal, ResultTable } from './sql'
+import type { AIHistory, SQLResult, TableSchema } from './sql'
+
+// Props
+const props = defineProps<{
+  sessionId: string
+}>()
+
+// 组件引用
+const schemaPanelRef = ref<InstanceType<typeof SchemaPanel> | null>(null)
+const resultTableRef = ref<InstanceType<typeof ResultTable> | null>(null)
+
+// 状态
+const sql = ref('SELECT * FROM message LIMIT 10')
+const isExecuting = ref(false)
+const error = ref<string | null>(null)
+const result = ref<SQLResult | null>(null)
+
+// 弹窗状态
+const showAIModal = ref(false)
+const showHistoryModal = ref(false)
+
+// AI 历史记录
+const aiHistory = ref<AIHistory[]>([])
+
+// 加载历史记录
+function loadHistory() {
+  try {
+    const key = `sql-lab-history-${props.sessionId}`
+    const data = localStorage.getItem(key)
+    if (data) {
+      aiHistory.value = JSON.parse(data)
+    }
+  } catch (err) {
+    console.error('加载历史记录失败:', err)
+  }
+}
+
+// 保存历史记录
+function saveHistory() {
+  try {
+    const key = `sql-lab-history-${props.sessionId}`
+    localStorage.setItem(key, JSON.stringify(aiHistory.value))
+  } catch (err) {
+    console.error('保存历史记录失败:', err)
+  }
+}
+
+// 添加到历史记录
+function addToHistory(prompt: string, sqlStr: string, explanation: string) {
+  const record: AIHistory = {
+    id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+    prompt,
+    sql: sqlStr,
+    explanation,
+    timestamp: Date.now(),
+  }
+  aiHistory.value.unshift(record)
+  if (aiHistory.value.length > 50) {
+    aiHistory.value = aiHistory.value.slice(0, 50)
+  }
+  saveHistory()
+}
+
+// 删除历史记录
+function deleteHistory(id: string) {
+  aiHistory.value = aiHistory.value.filter((r) => r.id !== id)
+  saveHistory()
+}
+
+// 执行 SQL
+async function executeSQL() {
+  if (!sql.value.trim()) {
+    error.value = '请输入 SQL 语句'
+    return
+  }
+
+  isExecuting.value = true
+  error.value = null
+  result.value = null
+  resultTableRef.value?.resetSort()
+
+  try {
+    result.value = await window.chatApi.executeSQL(props.sessionId, sql.value)
+  } catch (err: any) {
+    error.value = err.message || String(err)
+  } finally {
+    isExecuting.value = false
+  }
+}
+
+// 处理快捷键
+function handleKeyDown(event: KeyboardEvent) {
+  if ((event.ctrlKey || event.metaKey) && event.key === 'Enter') {
+    event.preventDefault()
+    executeSQL()
+  }
+}
+
+// 处理列名插入
+function handleInsertColumn(tableName: string, columnName: string) {
+  sql.value += `${tableName}.${columnName}`
+}
+
+// 处理 AI 生成成功
+function handleAIGenerated(generatedSql: string, explanation: string, prompt: string) {
+  addToHistory(prompt, generatedSql, explanation)
+}
+
+// 处理使用 SQL
+function handleUseSQL(generatedSql: string) {
+  sql.value = generatedSql
+}
+
+// 处理运行 SQL
+async function handleRunSQL(generatedSql: string) {
+  sql.value = generatedSql
+  await executeSQL()
+}
+
+// 从历史记录执行
+async function executeFromHistory(record: AIHistory) {
+  sql.value = record.sql
+  showHistoryModal.value = false
+  await executeSQL()
+}
+
+// 获取 schema
+const schema = ref<TableSchema[]>([])
+
+// 监听 schema 加载完成
+function onSchemaLoaded() {
+  if (schemaPanelRef.value) {
+    schema.value = schemaPanelRef.value.schema
+  }
+}
+
+onMounted(() => {
+  loadHistory()
+  // 延迟获取 schema
+  setTimeout(onSchemaLoaded, 500)
+})
+</script>
+
+<template>
+  <div class="flex h-full">
+    <!-- Schema 面板 -->
+    <SchemaPanel ref="schemaPanelRef" :session-id="sessionId" @insert-column="handleInsertColumn" />
+
+    <!-- 主内容区 -->
+    <div class="flex flex-1 flex-col overflow-hidden">
+      <!-- SQL 编辑器区域 -->
+      <div class="flex flex-col border-b border-gray-200 bg-gray-50 p-4 dark:border-gray-800 dark:bg-gray-950">
+        <!-- 编辑器 -->
+        <textarea
+          v-model="sql"
+          class="h-32 w-full resize-none rounded-lg border border-gray-300 bg-white p-3 font-mono text-sm text-gray-800 focus:border-pink-500 focus:outline-none focus:ring-1 focus:ring-pink-500 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-200"
+          placeholder="输入 SQL 查询语句..."
+          spellcheck="false"
+          @keydown="handleKeyDown"
+        />
+
+        <!-- 工具栏 -->
+        <div class="mt-3 flex items-center justify-between">
+          <div class="flex items-center gap-2">
+            <span class="text-xs text-gray-400">提示：双击左侧列名可插入到 SQL</span>
+          </div>
+          <div class="flex items-center gap-2">
+            <UButton variant="ghost" size="sm" :disabled="aiHistory.length === 0" @click="showHistoryModal = true">
+              <UIcon name="i-heroicons-clock" class="mr-1 h-4 w-4" />
+              历史
+              <span v-if="aiHistory.length > 0" class="ml-1 text-xs text-gray-400">({{ aiHistory.length }})</span>
+            </UButton>
+            <UButton variant="outline" size="sm" @click="showAIModal = true">
+              <UIcon name="i-heroicons-sparkles" class="mr-1 h-4 w-4" />
+              AI 生成
+            </UButton>
+            <span class="text-xs text-gray-400">Ctrl/⌘ + Enter 执行</span>
+            <UButton color="primary" size="sm" :loading="isExecuting" @click="executeSQL">
+              <UIcon name="i-heroicons-play" class="mr-1 h-4 w-4" />
+              运行
+            </UButton>
+          </div>
+        </div>
+      </div>
+
+      <!-- 结果区域 -->
+      <ResultTable ref="resultTableRef" :result="result" :error="error" />
+    </div>
+
+    <!-- AI 生成弹窗 -->
+    <AIGenerateModal
+      v-model:open="showAIModal"
+      :schema="schemaPanelRef?.schema || []"
+      @generated="handleAIGenerated"
+      @use-s-q-l="handleUseSQL"
+      @run-s-q-l="handleRunSQL"
+    />
+
+    <!-- 历史记录弹窗 -->
+    <AIHistoryModal
+      v-model:open="showHistoryModal"
+      :history="aiHistory"
+      @execute="executeFromHistory"
+      @delete="deleteHistory"
+    />
+  </div>
+</template>
diff --git a/src/components/analysis/sql/AIGenerateModal.vue b/src/components/analysis/sql/AIGenerateModal.vue
new file mode 100644
index 0000000..26af8ab
--- /dev/null
+++ b/src/components/analysis/sql/AIGenerateModal.vue
@@ -0,0 +1,298 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import type { TableSchema } from './types'
+import { getTableLabel, getColumnLabel } from './types'
+
+// Props
+const props = defineProps<{
+  open: boolean
+  schema: TableSchema[]
+}>()
+
+// Emits
+const emit = defineEmits<{
+  'update:open': [value: boolean]
+  generated: [sql: string, explanation: string, prompt: string]
+  useSQL: [sql: string]
+  runSQL: [sql: string]
+}>()
+
+// 状态
+const aiPrompt = ref('')
+const isGenerating = ref(false)
+const aiError = ref<string | null>(null)
+const generatedSQL = ref('')
+const generatedExplanation = ref('')
+const streamingContent = ref('')
+const showStreamingContent = ref(false)
+
+// 构建 Schema 描述（用于 AI 提示词）
+function buildSchemaDescription(): string {
+  const lines: string[] = []
+
+  for (const table of props.schema) {
+    const tableLabel = getTableLabel(table.name)
+    lines.push(`### ${table.name} (${tableLabel})`)
+    lines.push('| 列名 | 说明 | 类型 |')
+    lines.push('|------|------|------|')
+
+    for (const col of table.columns) {
+      const colLabel = getColumnLabel(table.name, col.name)
+      const pkMark = col.pk ? ' (主键)' : ''
+      lines.push(`| ${col.name} | ${colLabel}${pkMark} | ${col.type} |`)
+    }
+    lines.push('')
+  }
+
+  return lines.join('\n')
+}
+
+// 构建 AI 提示词
+function buildAIPrompt(userRequest: string): string {
+  const schemaDesc = buildSchemaDescription()
+
+  return `你是一个 SQLite 数据库专家。用户需要查询聊天记录数据库。
+
+## 数据库结构
+
+${schemaDesc}
+
+## 重要说明
+
+1. message 表的 ts 字段是 Unix 时间戳（秒），查询日期需要使用 datetime(ts, 'unixepoch') 转换
+2. message.type 字段：0=文本, 1=图片, 2=语音, 3=视频, 4=文件, 5=表情包, 6=系统消息, 99=其他
+3. member 和 message 表通过 message.sender_id = member.id 关联
+4. **人名查询**：当识别到人名/昵称查询时，必须同时在 member 表的 account_name、group_nickname 和 aliases 三个字段中模糊搜索，使用 OR 连接：
+   \`\`\`
+   WHERE m.account_name LIKE '%人名%'
+      OR m.group_nickname LIKE '%人名%'
+      OR m.aliases LIKE '%人名%'
+   \`\`\`
+5. 显示成员名称时，使用 COALESCE(m.group_nickname, m.account_name, m.platform_id) 来获取最佳显示名
+
+## 用户需求
+
+${userRequest}
+
+## 要求
+
+请以 JSON 格式输出，包含两个字段：
+- sql: SQLite 查询语句（不要用代码块包裹）
+- explanation: 用简洁的中文解释这条 SQL 做了什么
+
+示例格式：
+{"sql": "SELECT ...", "explanation": "这条SQL查询了..."}
+
+注意：
+1. 仅输出 JSON，不要有任何其他文字
+2. SQL 中的查询结果限制在合理范围内（建议 LIMIT 100）
+3. 确保 SQL 语法正确`
+}
+
+// 关闭弹窗
+function closeModal() {
+  emit('update:open', false)
+  // 重置状态
+  aiPrompt.value = ''
+  aiError.value = null
+  generatedSQL.value = ''
+  generatedExplanation.value = ''
+  streamingContent.value = ''
+  showStreamingContent.value = false
+}
+
+// AI 生成 SQL
+async function generateSQL() {
+  if (!aiPrompt.value.trim()) {
+    aiError.value = '请输入查询需求'
+    return
+  }
+
+  // 检查是否配置了 LLM
+  const hasConfig = await window.llmApi.hasConfig()
+  if (!hasConfig) {
+    aiError.value = '请先在设置中配置 AI 服务'
+    return
+  }
+
+  isGenerating.value = true
+  aiError.value = null
+  generatedSQL.value = ''
+  generatedExplanation.value = ''
+  streamingContent.value = ''
+  showStreamingContent.value = true
+
+  try {
+    const prompt = buildAIPrompt(aiPrompt.value)
+
+    const result = await window.llmApi.chatStream(
+      [
+        { role: 'system', content: '你是一个 SQLite 专家，请以 JSON 格式输出 sql 和 explanation 字段。' },
+        { role: 'user', content: prompt },
+      ],
+      { temperature: 0.1, maxTokens: 800 },
+      (chunk) => {
+        if (chunk.content) {
+          streamingContent.value += chunk.content
+        }
+      }
+    )
+
+    if (result.success) {
+      const rawContent = streamingContent.value
+
+      try {
+        let jsonStr = rawContent.trim()
+        jsonStr = jsonStr.replace(/^```json?\n?/i, '').replace(/\n?```$/i, '')
+
+        const parsed = JSON.parse(jsonStr)
+        generatedSQL.value = (parsed.sql || '').trim()
+        generatedExplanation.value = (parsed.explanation || '').trim()
+        showStreamingContent.value = false
+
+        // 通知父组件生成成功
+        if (generatedSQL.value) {
+          emit('generated', generatedSQL.value, generatedExplanation.value, aiPrompt.value)
+        }
+      } catch {
+        let sqlContent = rawContent.trim()
+        sqlContent = sqlContent.replace(/^```sql?\n?/i, '').replace(/\n?```$/i, '')
+        generatedSQL.value = sqlContent.trim()
+        generatedExplanation.value = ''
+
+        if (generatedSQL.value) {
+          emit('generated', generatedSQL.value, '', aiPrompt.value)
+        }
+      }
+    } else {
+      aiError.value = result.error || 'AI 生成失败'
+    }
+  } catch (err: any) {
+    aiError.value = err.message || String(err)
+  } finally {
+    isGenerating.value = false
+  }
+}
+
+// 使用生成的 SQL
+function useGeneratedSQL() {
+  if (generatedSQL.value) {
+    emit('useSQL', generatedSQL.value)
+    closeModal()
+  }
+}
+
+// 使用并运行 SQL
+function useAndRunSQL() {
+  if (generatedSQL.value) {
+    emit('runSQL', generatedSQL.value)
+    closeModal()
+  }
+}
+</script>
+
+<template>
+  <UModal :open="open" @update:open="emit('update:open', $event)">
+    <template #content>
+      <div class="p-6">
+        <div class="mb-4 flex items-center gap-2">
+          <UIcon name="i-heroicons-sparkles" class="h-5 w-5 text-pink-500" />
+          <h3 class="text-lg font-semibold text-gray-900 dark:text-white">AI 生成 SQL</h3>
+        </div>
+
+        <p class="mb-4 text-sm text-gray-500 dark:text-gray-400">
+          用自然语言描述你想查询的内容，AI 将自动生成对应的 SQL 语句。
+        </p>
+
+        <!-- 输入框 -->
+        <textarea
+          v-model="aiPrompt"
+          class="mb-4 h-24 w-full resize-none rounded-lg border border-gray-300 bg-white p-3 text-sm text-gray-800 focus:border-pink-500 focus:outline-none focus:ring-1 focus:ring-pink-500 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-200"
+          placeholder="例如：查找发言最多的前 10 个成员、统计每天的消息数量、找出包含「买房」关键词的消息..."
+          :disabled="isGenerating"
+        />
+
+        <!-- 实时流式输出 -->
+        <div v-if="streamingContent || isGenerating" class="mb-4">
+          <button
+            class="mb-1.5 flex w-full items-center gap-1.5 text-left text-xs font-medium text-gray-500 dark:text-gray-400"
+            @click="showStreamingContent = !showStreamingContent"
+          >
+            <UIcon
+              :name="showStreamingContent ? 'i-heroicons-chevron-down' : 'i-heroicons-chevron-right'"
+              class="h-3.5 w-3.5"
+            />
+            <UIcon name="i-heroicons-cpu-chip" class="h-3.5 w-3.5" />
+            AI 输出
+            <span v-if="isGenerating" class="ml-1 text-pink-500">生成中...</span>
+          </button>
+          <div
+            v-show="showStreamingContent"
+            class="max-h-40 overflow-y-auto rounded-lg bg-gray-50 p-3 dark:bg-gray-900"
+          >
+            <pre class="whitespace-pre-wrap break-all font-mono text-xs text-gray-600 dark:text-gray-400">{{
+              streamingContent || '等待 AI 响应...'
+            }}</pre>
+          </div>
+        </div>
+
+        <!-- 错误提示 -->
+        <div v-if="aiError" class="mb-4 rounded-lg bg-red-50 p-3 dark:bg-red-950">
+          <p class="text-sm text-red-600 dark:text-red-400">{{ aiError }}</p>
+        </div>
+
+        <!-- 生成结果 -->
+        <div v-if="generatedSQL" class="mb-4 space-y-3">
+          <!-- SQL 语句 -->
+          <div>
+            <p class="mb-1.5 flex items-center gap-1.5 text-xs font-medium text-gray-500 dark:text-gray-400">
+              <UIcon name="i-heroicons-code-bracket" class="h-3.5 w-3.5" />
+              SQL 语句
+            </p>
+            <div class="rounded-lg bg-gray-100 p-3 dark:bg-gray-800">
+              <pre class="whitespace-pre-wrap break-all font-mono text-sm text-gray-800 dark:text-gray-200">{{
+                generatedSQL
+              }}</pre>
+            </div>
+          </div>
+
+          <!-- 解释说明 -->
+          <div v-if="generatedExplanation">
+            <p class="mb-1.5 flex items-center gap-1.5 text-xs font-medium text-gray-500 dark:text-gray-400">
+              <UIcon name="i-heroicons-light-bulb" class="h-3.5 w-3.5" />
+              说明
+            </p>
+            <div class="rounded-lg bg-blue-50 p-3 dark:bg-blue-950">
+              <p class="text-sm text-blue-800 dark:text-blue-200">{{ generatedExplanation }}</p>
+            </div>
+          </div>
+        </div>
+
+        <!-- 操作按钮 -->
+        <div class="flex justify-end gap-2">
+          <UButton variant="ghost" @click="closeModal">取消</UButton>
+
+          <UButton
+            v-if="!generatedSQL"
+            color="primary"
+            :loading="isGenerating"
+            :disabled="!aiPrompt.trim()"
+            @click="generateSQL"
+          >
+            <UIcon name="i-heroicons-sparkles" class="mr-1 h-4 w-4" />
+            生成 SQL
+          </UButton>
+
+          <template v-else>
+            <UButton variant="outline" :loading="isGenerating" @click="generateSQL">重新生成</UButton>
+            <UButton variant="outline" @click="useGeneratedSQL">使用 SQL</UButton>
+            <UButton color="primary" @click="useAndRunSQL">
+              <UIcon name="i-heroicons-play" class="mr-1 h-4 w-4" />
+              运行
+            </UButton>
+          </template>
+        </div>
+      </div>
+    </template>
+  </UModal>
+</template>
diff --git a/src/components/analysis/sql/AIHistoryModal.vue b/src/components/analysis/sql/AIHistoryModal.vue
new file mode 100644
index 0000000..540f71c
--- /dev/null
+++ b/src/components/analysis/sql/AIHistoryModal.vue
@@ -0,0 +1,93 @@
+<script setup lang="ts">
+import type { AIHistory } from './types'
+
+// Props
+defineProps<{
+  open: boolean
+  history: AIHistory[]
+}>()
+
+// Emits
+const emit = defineEmits<{
+  'update:open': [value: boolean]
+  execute: [record: AIHistory]
+  delete: [id: string]
+}>()
+
+// 格式化时间
+function formatHistoryTime(timestamp: number): string {
+  const date = new Date(timestamp)
+  const now = new Date()
+  const diff = now.getTime() - timestamp
+
+  if (diff < 60000) return '刚刚'
+  if (diff < 3600000) return `${Math.floor(diff / 60000)} 分钟前`
+  if (diff < 86400000) return `${Math.floor(diff / 3600000)} 小时前`
+  if (date.toDateString() === now.toDateString()) return '今天'
+
+  return `${date.getMonth() + 1}/${date.getDate()}`
+}
+</script>
+
+<template>
+  <UModal :open="open" @update:open="emit('update:open', $event)">
+    <template #content>
+      <div class="max-h-[70vh] overflow-hidden p-6">
+        <div class="mb-4 flex items-center gap-2">
+          <UIcon name="i-heroicons-clock" class="h-5 w-5 text-pink-500" />
+          <h3 class="text-lg font-semibold text-gray-900 dark:text-white">AI 生成历史</h3>
+        </div>
+
+        <!-- 历史列表 -->
+        <div v-if="history.length > 0" class="max-h-[50vh] space-y-3 overflow-y-auto pr-2">
+          <div
+            v-for="record in history"
+            :key="record.id"
+            class="rounded-lg border border-gray-200 bg-gray-50 p-3 dark:border-gray-700 dark:bg-gray-900"
+          >
+            <!-- 头部：用户输入 + 时间 -->
+            <div class="mb-2 flex items-start justify-between gap-2">
+              <p class="flex-1 text-sm font-medium text-gray-700 dark:text-gray-300">{{ record.prompt }}</p>
+              <span class="shrink-0 text-xs text-gray-400">{{ formatHistoryTime(record.timestamp) }}</span>
+            </div>
+
+            <!-- SQL -->
+            <div class="mb-2 rounded bg-white p-2 dark:bg-gray-800">
+              <pre class="whitespace-pre-wrap break-all font-mono text-xs text-gray-600 dark:text-gray-400">{{
+                record.sql
+              }}</pre>
+            </div>
+
+            <!-- 说明 -->
+            <p v-if="record.explanation" class="mb-2 text-xs text-gray-500 dark:text-gray-400">
+              {{ record.explanation }}
+            </p>
+
+            <!-- 操作按钮 -->
+            <div class="flex justify-end gap-2">
+              <UButton variant="ghost" size="xs" color="error" @click="emit('delete', record.id)">
+                <UIcon name="i-heroicons-trash" class="h-3.5 w-3.5" />
+              </UButton>
+              <UButton size="xs" @click="emit('execute', record)">
+                <UIcon name="i-heroicons-play" class="mr-1 h-3.5 w-3.5" />
+                执行
+              </UButton>
+            </div>
+          </div>
+        </div>
+
+        <!-- 空状态 -->
+        <div v-else class="py-8 text-center text-gray-500 dark:text-gray-400">
+          <UIcon name="i-heroicons-clock" class="mx-auto mb-2 h-8 w-8 text-gray-300 dark:text-gray-600" />
+          <p class="text-sm">暂无历史记录</p>
+        </div>
+
+        <!-- 底部按钮 -->
+        <div class="mt-4 flex justify-end">
+          <UButton variant="ghost" @click="emit('update:open', false)">关闭</UButton>
+        </div>
+      </div>
+    </template>
+  </UModal>
+</template>
+
diff --git a/src/components/analysis/sql/ResultTable.vue b/src/components/analysis/sql/ResultTable.vue
new file mode 100644
index 0000000..80051c6
--- /dev/null
+++ b/src/components/analysis/sql/ResultTable.vue
@@ -0,0 +1,184 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import type { SQLResult } from './types'
+
+// Props
+const props = defineProps<{
+  result: SQLResult | null
+  error: string | null
+}>()
+
+// Emits
+const emit = defineEmits<{
+  copyCSV: []
+}>()
+
+// 表格排序
+const sortColumn = ref<string | null>(null)
+const sortDirection = ref<'asc' | 'desc'>('asc')
+
+// 排序后的行数据
+const sortedRows = computed(() => {
+  if (!props.result || !sortColumn.value) {
+    return props.result?.rows || []
+  }
+
+  const columnIndex = props.result.columns.indexOf(sortColumn.value)
+  if (columnIndex === -1) return props.result.rows
+
+  return [...props.result.rows].sort((a, b) => {
+    const aVal = a[columnIndex]
+    const bVal = b[columnIndex]
+
+    if (aVal === null) return 1
+    if (bVal === null) return -1
+
+    if (typeof aVal === 'number' && typeof bVal === 'number') {
+      return sortDirection.value === 'asc' ? aVal - bVal : bVal - aVal
+    }
+
+    const comparison = String(aVal).localeCompare(String(bVal))
+    return sortDirection.value === 'asc' ? comparison : -comparison
+  })
+})
+
+// 处理列排序
+function handleSort(column: string) {
+  if (sortColumn.value === column) {
+    sortDirection.value = sortDirection.value === 'asc' ? 'desc' : 'asc'
+  } else {
+    sortColumn.value = column
+    sortDirection.value = 'asc'
+  }
+}
+
+// 格式化单元格值
+function formatCellValue(value: any): string {
+  if (value === null) return 'NULL'
+  if (typeof value === 'object') return JSON.stringify(value)
+  return String(value)
+}
+
+// 复制结果到剪贴板（CSV 格式）
+async function copyAsCSV() {
+  if (!props.result) return
+
+  const header = props.result.columns.join(',')
+  const rows = props.result.rows.map((row) =>
+    row.map((cell) => (cell === null ? '' : `"${String(cell).replace(/"/g, '""')}"`)).join(',')
+  )
+
+  const csv = [header, ...rows].join('\n')
+
+  try {
+    await navigator.clipboard.writeText(csv)
+    emit('copyCSV')
+  } catch (err) {
+    console.error('复制失败:', err)
+  }
+}
+
+// 重置排序状态（供父组件调用）
+function resetSort() {
+  sortColumn.value = null
+  sortDirection.value = 'asc'
+}
+
+defineExpose({ resetSort })
+</script>
+
+<template>
+  <div class="flex flex-1 flex-col overflow-hidden">
+    <!-- 错误提示 -->
+    <div v-if="error" class="border-b border-red-200 bg-red-50 p-4 dark:border-red-900 dark:bg-red-950">
+      <div class="flex items-start gap-2">
+        <UIcon name="i-heroicons-exclamation-circle" class="mt-0.5 h-5 w-5 shrink-0 text-red-500" />
+        <div class="min-w-0 flex-1">
+          <p class="text-sm font-medium text-red-800 dark:text-red-200">查询错误</p>
+          <p class="mt-1 break-all font-mono text-xs text-red-600 dark:text-red-400">{{ error }}</p>
+        </div>
+      </div>
+    </div>
+
+    <!-- 结果统计栏 -->
+    <div
+      v-if="result"
+      class="flex items-center justify-between border-b border-gray-200 bg-gray-50 px-4 py-2 dark:border-gray-800 dark:bg-gray-900"
+    >
+      <div class="flex items-center gap-4 text-sm text-gray-600 dark:text-gray-400">
+        <span>
+          <UIcon name="i-heroicons-table-cells" class="mr-1 inline h-4 w-4" />
+          {{ result.rowCount }} 行
+          <span v-if="result.limited" class="text-yellow-600 dark:text-yellow-400">（已截断至 1000 行）</span>
+        </span>
+        <span>
+          <UIcon name="i-heroicons-clock" class="mr-1 inline h-4 w-4" />
+          {{ result.duration }} ms
+        </span>
+      </div>
+      <UButton variant="ghost" size="xs" @click="copyAsCSV">
+        <UIcon name="i-heroicons-clipboard-document" class="mr-1 h-4 w-4" />
+        复制 CSV
+      </UButton>
+    </div>
+
+    <!-- 结果表格 -->
+    <div v-if="result && result.rows.length > 0" class="flex-1 overflow-auto">
+      <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+        <thead class="sticky top-0 bg-gray-100 dark:bg-gray-800">
+          <tr>
+            <th
+              v-for="(column, index) in result.columns"
+              :key="index"
+              class="cursor-pointer whitespace-nowrap px-4 py-2 text-left text-xs font-medium uppercase text-gray-500 transition-colors hover:bg-gray-200 dark:text-gray-400 dark:hover:bg-gray-700"
+              @click="handleSort(column)"
+            >
+              <div class="flex items-center gap-1">
+                <span>{{ column }}</span>
+                <UIcon
+                  v-if="sortColumn === column"
+                  :name="sortDirection === 'asc' ? 'i-heroicons-chevron-up' : 'i-heroicons-chevron-down'"
+                  class="h-3 w-3"
+                />
+              </div>
+            </th>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-200 bg-white dark:divide-gray-700 dark:bg-gray-900">
+          <tr v-for="(row, rowIndex) in sortedRows" :key="rowIndex" class="hover:bg-gray-50 dark:hover:bg-gray-800">
+            <td
+              v-for="(cell, cellIndex) in row"
+              :key="cellIndex"
+              class="max-w-xs truncate whitespace-nowrap px-4 py-2 font-mono text-sm text-gray-700 dark:text-gray-300"
+              :class="{ 'text-gray-400 italic': cell === null }"
+              :title="formatCellValue(cell)"
+            >
+              {{ formatCellValue(cell) }}
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <!-- 空结果 -->
+    <div
+      v-else-if="result && result.rows.length === 0"
+      class="flex flex-1 items-center justify-center text-gray-500 dark:text-gray-400"
+    >
+      <div class="text-center">
+        <UIcon name="i-heroicons-inbox" class="mx-auto h-12 w-12 text-gray-300 dark:text-gray-600" />
+        <p class="mt-2 text-sm">查询结果为空</p>
+      </div>
+    </div>
+
+    <!-- 初始状态 -->
+    <div v-else-if="!error" class="flex flex-1 items-center justify-center text-gray-500 dark:text-gray-400">
+      <div class="text-center">
+        <UIcon name="i-heroicons-command-line" class="mx-auto h-12 w-12 text-gray-300 dark:text-gray-600" />
+        <p class="mt-2 text-sm">输入 SQL 语句并运行查看结果</p>
+        <p class="mt-1 text-xs text-gray-400">仅支持 SELECT 查询，结果最多返回 1000 行</p>
+      </div>
+    </div>
+  </div>
+</template>
+
diff --git a/src/components/analysis/sql/SchemaPanel.vue b/src/components/analysis/sql/SchemaPanel.vue
new file mode 100644
index 0000000..e4a0823
--- /dev/null
+++ b/src/components/analysis/sql/SchemaPanel.vue
@@ -0,0 +1,129 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import type { TableSchema } from './types'
+import { getTableLabel, getColumnLabel } from './types'
+
+// Props
+const props = defineProps<{
+  sessionId: string
+}>()
+
+// Emits
+const emit = defineEmits<{
+  insertColumn: [tableName: string, columnName: string]
+}>()
+
+// 状态
+const isCollapsed = ref(false)
+const schema = ref<TableSchema[]>([])
+const expandedTables = ref<Set<string>>(new Set())
+
+// 加载 Schema
+async function loadSchema() {
+  try {
+    schema.value = await window.chatApi.getSchema(props.sessionId)
+    // 默认展开所有表
+    schema.value.forEach((table) => expandedTables.value.add(table.name))
+  } catch (err) {
+    console.error('加载 Schema 失败:', err)
+  }
+}
+
+// 切换表展开状态
+function toggleTable(tableName: string) {
+  if (expandedTables.value.has(tableName)) {
+    expandedTables.value.delete(tableName)
+  } else {
+    expandedTables.value.add(tableName)
+  }
+}
+
+// 展开表（从折叠状态点击时使用）
+function expandTable(tableName: string) {
+  isCollapsed.value = false
+  expandedTables.value.add(tableName)
+}
+
+// 处理双击插入列名
+function handleInsertColumn(tableName: string, columnName: string) {
+  emit('insertColumn', tableName, columnName)
+}
+
+// 暴露方法供父组件调用
+defineExpose({
+  loadSchema,
+  schema,
+})
+
+onMounted(() => {
+  loadSchema()
+})
+</script>
+
+<template>
+  <div
+    class="flex flex-col border-r border-gray-200 bg-white transition-all dark:border-gray-800 dark:bg-gray-900"
+    :class="isCollapsed ? 'w-10' : 'w-56'"
+  >
+    <!-- 面板头部 -->
+    <div class="flex items-center justify-between border-b border-gray-200 p-2 dark:border-gray-800">
+      <span v-if="!isCollapsed" class="text-xs font-medium text-gray-500 dark:text-gray-400">数据表</span>
+      <button
+        class="rounded p-1 text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-600 dark:hover:bg-gray-800 dark:hover:text-gray-300"
+        @click="isCollapsed = !isCollapsed"
+      >
+        <UIcon :name="isCollapsed ? 'i-heroicons-chevron-right' : 'i-heroicons-chevron-left'" class="h-4 w-4" />
+      </button>
+    </div>
+
+    <!-- Schema 列表 -->
+    <div v-if="!isCollapsed" class="flex-1 overflow-y-auto p-2">
+      <div v-for="table in schema" :key="table.name" class="mb-2">
+        <!-- 表名 -->
+        <button
+          class="flex w-full items-center gap-1 rounded px-2 py-1.5 text-left transition-colors hover:bg-gray-100 dark:hover:bg-gray-800"
+          @click="toggleTable(table.name)"
+        >
+          <UIcon
+            :name="expandedTables.has(table.name) ? 'i-heroicons-chevron-down' : 'i-heroicons-chevron-right'"
+            class="h-3 w-3 shrink-0 text-gray-400"
+          />
+          <UIcon name="i-heroicons-table-cells" class="h-4 w-4 shrink-0 text-pink-500" />
+          <span class="text-sm font-medium text-gray-700 dark:text-gray-300">{{ table.name }}</span>
+          <span class="flex-1 truncate text-right text-xs text-gray-400">{{ getTableLabel(table.name) }}</span>
+        </button>
+
+        <!-- 列列表 -->
+        <div v-if="expandedTables.has(table.name)" class="ml-4 mt-1 space-y-0.5">
+          <button
+            v-for="column in table.columns"
+            :key="column.name"
+            class="flex w-full items-center gap-2 rounded px-2 py-1 text-left text-xs transition-colors hover:bg-gray-100 dark:hover:bg-gray-800"
+            title="双击插入到 SQL"
+            @dblclick="handleInsertColumn(table.name, column.name)"
+          >
+            <UIcon v-if="column.pk" name="i-heroicons-key" class="h-3 w-3 shrink-0 text-yellow-500" title="主键" />
+            <span class="font-mono text-gray-700 dark:text-gray-300">{{ column.name }}</span>
+            <span class="flex-1 truncate text-right text-[10px] text-gray-400">{{
+              getColumnLabel(table.name, column.name)
+            }}</span>
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 折叠时显示图标列表 -->
+    <div v-else class="flex flex-1 flex-col items-center gap-2 overflow-y-auto py-2">
+      <button
+        v-for="table in schema"
+        :key="table.name"
+        class="rounded p-1 text-gray-400 transition-colors hover:bg-gray-100 hover:text-pink-500 dark:hover:bg-gray-800"
+        :title="`${getTableLabel(table.name)} (${table.name})`"
+        @click="expandTable(table.name)"
+      >
+        <UIcon name="i-heroicons-table-cells" class="h-4 w-4" />
+      </button>
+    </div>
+  </div>
+</template>
+
diff --git a/src/components/analysis/sql/index.ts b/src/components/analysis/sql/index.ts
new file mode 100644
index 0000000..fd91a84
--- /dev/null
+++ b/src/components/analysis/sql/index.ts
@@ -0,0 +1,11 @@
+/**
+ * SQL 实验室组件统一导出
+ */
+
+export { default as SchemaPanel } from './SchemaPanel.vue'
+export { default as AIGenerateModal } from './AIGenerateModal.vue'
+export { default as AIHistoryModal } from './AIHistoryModal.vue'
+export { default as ResultTable } from './ResultTable.vue'
+
+export * from './types'
+
diff --git a/src/components/analysis/sql/types.ts b/src/components/analysis/sql/types.ts
new file mode 100644
index 0000000..54df2e0
--- /dev/null
+++ b/src/components/analysis/sql/types.ts
@@ -0,0 +1,86 @@
+/**
+ * SQL 实验室共享类型定义
+ */
+
+// Schema 类型
+export interface TableSchema {
+  name: string
+  columns: ColumnSchema[]
+}
+
+export interface ColumnSchema {
+  name: string
+  type: string
+  notnull: boolean
+  pk: boolean
+}
+
+// AI 历史记录类型
+export interface AIHistory {
+  id: string
+  prompt: string
+  sql: string
+  explanation: string
+  timestamp: number
+}
+
+// SQL 执行结果类型
+export interface SQLResult {
+  columns: string[]
+  rows: any[][]
+  rowCount: number
+  duration: number
+  limited: boolean
+}
+
+// 表/列的中文标签映射
+export const TABLE_LABELS: Record<string, string> = {
+  message: '消息记录',
+  member: '群成员',
+  meta: '群信息',
+  member_name_history: '昵称历史',
+}
+
+export const COLUMN_LABELS: Record<string, Record<string, string>> = {
+  message: {
+    id: '消息ID',
+    sender_id: '发送者ID',
+    sender_account_name: '发送时账号名',
+    sender_group_nickname: '发送时群昵称',
+    ts: '时间戳(秒)',
+    type: '消息类型',
+    content: '消息内容',
+  },
+  member: {
+    id: '成员ID',
+    platform_id: '平台ID(QQ号)',
+    account_name: '账号名称',
+    group_nickname: '群昵称',
+    aliases: '自定义别名',
+  },
+  meta: {
+    name: '群名称',
+    platform: '平台',
+    type: '聊天类型',
+    imported_at: '导入时间',
+  },
+  member_name_history: {
+    id: '记录ID',
+    member_id: '成员ID',
+    name_type: '名称类型',
+    name: '昵称值',
+    start_ts: '开始时间',
+    end_ts: '结束时间',
+  },
+}
+
+// 获取表的中文标签
+export function getTableLabel(tableName: string): string {
+  return TABLE_LABELS[tableName] || tableName
+}
+
+// 获取列的中文标签
+export function getColumnLabel(tableName: string, columnName: string): string {
+  return COLUMN_LABELS[tableName]?.[columnName] || columnName
+}
+
diff --git a/src/pages/group-chat.vue b/src/pages/group-chat.vue
index e0dcaa6..63bf57d 100644
--- a/src/pages/group-chat.vue
+++ b/src/pages/group-chat.vue
@@ -13,6 +13,7 @@ import QuotesTab from '@/components/analysis/QuotesTab.vue'
 import RelationshipsTab from '@/components/analysis/RelationshipsTab.vue'
 import AITab from '@/components/analysis/AITab.vue'
 import MemberTab from '@/components/analysis/MemberTab.vue'
+import SQLLabTab from '@/components/analysis/SQLLabTab.vue'
 
 const route = useRoute()
 const router = useRouter()
@@ -42,6 +43,7 @@ const tabs = [
   // { id: 'timeline', label: '群趋势', icon: 'i-heroicons-chart-bar' },
   { id: 'members', label: '群成员', icon: 'i-heroicons-user-group' },
   { id: 'ai', label: 'AI实验室', icon: 'i-heroicons-sparkles' },
+  { id: 'sql', label: 'SQL实验室', icon: 'i-heroicons-command-line' },
 ]
 
 const activeTab = ref((route.query.tab as string) || 'overview')
@@ -356,6 +358,7 @@ onMounted(() => {
               :time-filter="timeFilter"
               chat-type="group"
             />
+            <SQLLabTab v-else-if="activeTab === 'sql'" :key="'sql-' + selectedYear" :session-id="currentSessionId!" />
           </Transition>
         </div>
       </div>