diff --git a/astrbot/core/db/__init__.py b/astrbot/core/db/__init__.py
index 494927014..6688dcced 100644
--- a/astrbot/core/db/__init__.py
+++ b/astrbot/core/db/__init__.py
@@ -1,6 +1,6 @@
 import abc
 from dataclasses import dataclass
-from typing import List
+from typing import List, Dict, Any, Tuple
 from astrbot.core.db.po import Stats, LLMHistory, ATRIVision, Conversation
 
 
@@ -117,3 +117,45 @@ class BaseDatabase(abc.ABC):
     def update_conversation_persona_id(self, user_id: str, cid: str, persona_id: str):
         """更新 Conversation Persona ID"""
         raise NotImplementedError
+
+    @abc.abstractmethod
+    def get_all_conversations(
+        self, page: int = 1, page_size: int = 20
+    ) -> Tuple[List[Dict[str, Any]], int]:
+        """获取所有对话，支持分页
+
+        Args:
+            page: 页码，从1开始
+            page_size: 每页数量
+
+        Returns:
+            Tuple[List[Dict[str, Any]], int]: 返回一个元组，包含对话列表和总对话数
+        """
+        raise NotImplementedError
+
+    @abc.abstractmethod
+    def get_filtered_conversations(
+        self,
+        page: int = 1,
+        page_size: int = 20,
+        platforms: List[str] = None,
+        message_types: List[str] = None,
+        search_query: str = None,
+        exclude_ids: List[str] = None,
+        exclude_platforms: List[str] = None,
+    ) -> Tuple[List[Dict[str, Any]], int]:
+        """获取筛选后的对话列表
+
+        Args:
+            page: 页码
+            page_size: 每页数量
+            platforms: 平台筛选列表
+            message_types: 消息类型筛选列表
+            search_query: 搜索关键词
+            exclude_ids: 排除的用户ID列表
+            exclude_platforms: 排除的平台列表
+
+        Returns:
+            Tuple[List[Dict[str, Any]], int]: 返回一个元组，包含对话列表和总对话数
+        """
+        raise NotImplementedError
diff --git a/astrbot/core/db/sqlite.py b/astrbot/core/db/sqlite.py
index e41fc3b38..98e6af04e 100644
--- a/astrbot/core/db/sqlite.py
+++ b/astrbot/core/db/sqlite.py
@@ -3,7 +3,7 @@ import os
 import time
 from astrbot.core.db.po import Platform, Stats, LLMHistory, ATRIVision, Conversation
 from . import BaseDatabase
-from typing import Tuple
+from typing import Tuple, List, Dict, Any
 
 
 class SQLiteDatabase(BaseDatabase):
@@ -389,3 +389,177 @@ class SQLiteDatabase(BaseDatabase):
         if res:
             return ATRIVision(*res)
         return None
+
+    def get_all_conversations(
+        self, page: int = 1, page_size: int = 20
+    ) -> Tuple[List[Dict[str, Any]], int]:
+        """获取所有对话，支持分页，按更新时间降序排序"""
+        try:
+            c = self.conn.cursor()
+        except sqlite3.ProgrammingError:
+            c = self._get_conn(self.db_path).cursor()
+
+        try:
+            # 获取总记录数
+            c.execute("""
+                SELECT COUNT(*) FROM webchat_conversation
+            """)
+            total_count = c.fetchone()[0]
+
+            # 计算偏移量
+            offset = (page - 1) * page_size
+
+            # 获取分页数据，按更新时间降序排序
+            c.execute(
+                """
+                SELECT user_id, cid, created_at, updated_at, title, persona_id
+                FROM webchat_conversation
+                ORDER BY updated_at DESC
+                LIMIT ? OFFSET ?
+            """,
+                (page_size, offset),
+            )
+
+            rows = c.fetchall()
+
+            conversations = []
+
+            for row in rows:
+                user_id, cid, created_at, updated_at, title, persona_id = row
+                # 确保 cid 是字符串类型且至少有8个字符，否则使用一个默认值
+                safe_cid = str(cid) if cid else "unknown"
+                display_cid = safe_cid[:8] if len(safe_cid) >= 8 else safe_cid
+
+                conversations.append(
+                    {
+                        "user_id": user_id or "",
+                        "cid": safe_cid,
+                        "title": title or f"对话 {display_cid}",
+                        "persona_id": persona_id or "",
+                        "created_at": created_at or 0,
+                        "updated_at": updated_at or 0,
+                    }
+                )
+
+            return conversations, total_count
+
+        except Exception as _:
+            # 返回空列表和0，确保即使出错也有有效的返回值
+            return [], 0
+        finally:
+            c.close()
+
+    def get_filtered_conversations(
+        self,
+        page: int = 1,
+        page_size: int = 20,
+        platforms: List[str] = None,
+        message_types: List[str] = None,
+        search_query: str = None,
+        exclude_ids: List[str] = None,
+        exclude_platforms: List[str] = None,
+    ) -> Tuple[List[Dict[str, Any]], int]:
+        """获取筛选后的对话列表"""
+        try:
+            c = self.conn.cursor()
+        except sqlite3.ProgrammingError:
+            c = self._get_conn(self.db_path).cursor()
+
+        try:
+            # 构建查询条件
+            where_clauses = []
+            params = []
+
+            # 平台筛选
+            if platforms and len(platforms) > 0:
+                platform_conditions = []
+                for platform in platforms:
+                    platform_conditions.append("user_id LIKE ?")
+                    params.append(f"{platform}:%")
+
+                if platform_conditions:
+                    where_clauses.append(f"({' OR '.join(platform_conditions)})")
+
+            # 消息类型筛选
+            if message_types and len(message_types) > 0:
+                message_type_conditions = []
+                for msg_type in message_types:
+                    message_type_conditions.append("user_id LIKE ?")
+                    params.append(f"%:{msg_type}:%")
+
+                if message_type_conditions:
+                    where_clauses.append(f"({' OR '.join(message_type_conditions)})")
+
+            # 搜索关键词
+            if search_query:
+                where_clauses.append(
+                    "(title LIKE ? OR user_id LIKE ? OR cid LIKE ? OR history LIKE ?)"
+                )
+                search_param = f"%{search_query}%"
+                params.extend([search_param, search_param, search_param, search_param])
+
+            # 排除特定用户ID
+            if exclude_ids and len(exclude_ids) > 0:
+                for exclude_id in exclude_ids:
+                    where_clauses.append("user_id NOT LIKE ?")
+                    params.append(f"{exclude_id}%")
+
+            # 排除特定平台
+            if exclude_platforms and len(exclude_platforms) > 0:
+                for exclude_platform in exclude_platforms:
+                    where_clauses.append("user_id NOT LIKE ?")
+                    params.append(f"{exclude_platform}:%")
+
+            # 构建完整的 WHERE 子句
+            where_sql = " WHERE " + " AND ".join(where_clauses) if where_clauses else ""
+
+            # 构建计数查询
+            count_sql = f"SELECT COUNT(*) FROM webchat_conversation{where_sql}"
+
+            # 获取总记录数
+            c.execute(count_sql, params)
+            total_count = c.fetchone()[0]
+
+            # 计算偏移量
+            offset = (page - 1) * page_size
+
+            # 构建分页数据查询
+            data_sql = f"""
+                SELECT user_id, cid, created_at, updated_at, title, persona_id
+                FROM webchat_conversation
+                {where_sql}
+                ORDER BY updated_at DESC
+                LIMIT ? OFFSET ?
+            """
+            query_params = params + [page_size, offset]
+
+            # 获取分页数据
+            c.execute(data_sql, query_params)
+            rows = c.fetchall()
+
+            conversations = []
+
+            for row in rows:
+                user_id, cid, created_at, updated_at, title, persona_id = row
+                # 确保 cid 是字符串类型，否则使用一个默认值
+                safe_cid = str(cid) if cid else "unknown"
+                display_cid = safe_cid[:8] if len(safe_cid) >= 8 else safe_cid
+
+                conversations.append(
+                    {
+                        "user_id": user_id or "",
+                        "cid": safe_cid,
+                        "title": title or f"对话 {display_cid}",
+                        "persona_id": persona_id or "",
+                        "created_at": created_at or 0,
+                        "updated_at": updated_at or 0,
+                    }
+                )
+
+            return conversations, total_count
+
+        except Exception as _:
+            # 返回空列表和0，确保即使出错也有有效的返回值
+            return [], 0
+        finally:
+            c.close()
diff --git a/astrbot/dashboard/routes/__init__.py b/astrbot/dashboard/routes/__init__.py
index 2e5461981..3e24583ed 100644
--- a/astrbot/dashboard/routes/__init__.py
+++ b/astrbot/dashboard/routes/__init__.py
@@ -7,6 +7,7 @@ from .log import LogRoute
 from .static_file import StaticFileRoute
 from .chat import ChatRoute
 from .tools import ToolsRoute  # 导入新的ToolsRoute
+from .conversation import ConversationRoute
 
 
 __all__ = [
@@ -19,4 +20,5 @@ __all__ = [
     "StaticFileRoute",
     "ChatRoute",
     "ToolsRoute",  # 添加新的ToolsRoute
+    "ConversationRoute",
 ]
diff --git a/astrbot/dashboard/routes/conversation.py b/astrbot/dashboard/routes/conversation.py
new file mode 100644
index 000000000..a3c2db793
--- /dev/null
+++ b/astrbot/dashboard/routes/conversation.py
@@ -0,0 +1,227 @@
+import traceback
+import json
+from .route import Route, Response, RouteContext
+from astrbot.core import logger
+from quart import request
+from astrbot.core.db import BaseDatabase
+from astrbot.core.core_lifecycle import AstrBotCoreLifecycle
+
+
+class ConversationRoute(Route):
+    def __init__(
+        self,
+        context: RouteContext,
+        db_helper: BaseDatabase,
+        core_lifecycle: AstrBotCoreLifecycle,
+    ) -> None:
+        super().__init__(context)
+        self.routes = {
+            "/conversation/list": ("GET", self.list_conversations),
+            "/conversation/detail": (
+                "POST",
+                self.get_conv_detail,
+            ),
+            "/conversation/update": ("POST", self.upd_conv),
+            "/conversation/delete": ("POST", self.del_conv),
+            "/conversation/update_history": (
+                "POST",
+                self.update_history,
+            ),
+        }
+        self.db_helper = db_helper
+        self.register_routes()
+
+    async def list_conversations(self):
+        """获取对话列表，支持分页、排序和筛选"""
+        try:
+            # 获取分页参数
+            page = request.args.get("page", 1, type=int)
+            page_size = request.args.get("page_size", 20, type=int)
+
+            # 获取筛选参数
+            platforms = request.args.get("platforms", "")
+            message_types = request.args.get("message_types", "")
+            search_query = request.args.get("search", "")
+            exclude_ids = request.args.get("exclude_ids", "")
+            exclude_platforms = request.args.get("exclude_platforms", "")
+
+            # 转换为列表
+            platform_list = platforms.split(",") if platforms else []
+            message_type_list = message_types.split(",") if message_types else []
+            exclude_id_list = exclude_ids.split(",") if exclude_ids else []
+            exclude_platform_list = (
+                exclude_platforms.split(",") if exclude_platforms else []
+            )
+
+            logger.info(
+                f"获取对话列表: page={page}, page_size={page_size}, "
+                f"platforms={platform_list}, message_types={message_type_list}, "
+                f"search={search_query}, exclude_ids={exclude_id_list}, "
+                f"exclude_platforms={exclude_platform_list}"
+            )
+
+            # 限制页面大小，防止请求过大数据
+            if page < 1:
+                page = 1
+            if page_size < 1:
+                page_size = 20
+            if page_size > 100:
+                page_size = 100
+
+            # 使用数据库的分页方法获取会话列表和总数，传入筛选条件
+            try:
+                conversations, total_count = self.db_helper.get_filtered_conversations(
+                    page=page,
+                    page_size=page_size,
+                    platforms=platform_list,
+                    message_types=message_type_list,
+                    search_query=search_query,
+                    exclude_ids=exclude_id_list,
+                    exclude_platforms=exclude_platform_list,
+                )
+                logger.info(f"获取到 {len(conversations)} 条对话，总数: {total_count}")
+            except Exception as e:
+                logger.error(f"数据库查询出错: {str(e)}\n{traceback.format_exc()}")
+                return Response().error(f"数据库查询出错: {str(e)}").__dict__
+
+            # 计算总页数
+            total_pages = (
+                (total_count + page_size - 1) // page_size if total_count > 0 else 1
+            )
+
+            result = {
+                "conversations": conversations,
+                "pagination": {
+                    "page": page,
+                    "page_size": page_size,
+                    "total": total_count,
+                    "total_pages": total_pages,
+                },
+            }
+
+            logger.info(
+                f"返回对话列表成功: {json.dumps(result, ensure_ascii=False)[:200]}..."
+            )
+            return Response().ok(result).__dict__
+
+        except Exception as e:
+            error_msg = f"获取对话列表失败: {str(e)}\n{traceback.format_exc()}"
+            logger.error(error_msg)
+            return Response().error(f"获取对话列表失败: {str(e)}").__dict__
+
+    async def get_conv_detail(self):
+        """获取指定对话详情（通过POST请求）"""
+        try:
+            data = await request.get_json()
+            user_id = data.get("user_id")
+            cid = data.get("cid")
+
+            if not user_id or not cid:
+                return Response().error("缺少必要参数: user_id 和 cid").__dict__
+
+            conversation = self.db_helper.get_conversation_by_user_id(user_id, cid)
+            if not conversation:
+                return Response().error("对话不存在").__dict__
+
+            return (
+                Response()
+                .ok(
+                    {
+                        "user_id": user_id,
+                        "cid": cid,
+                        "title": conversation.title,
+                        "persona_id": conversation.persona_id,
+                        "history": conversation.history,
+                        "created_at": conversation.created_at,
+                        "updated_at": conversation.updated_at,
+                    }
+                )
+                .__dict__
+            )
+
+        except Exception as e:
+            logger.error(f"获取对话详情失败: {str(e)}\n{traceback.format_exc()}")
+            return Response().error(f"获取对话详情失败: {str(e)}").__dict__
+
+    async def upd_conv(self):
+        """更新对话信息(标题和角色ID)"""
+        try:
+            data = await request.get_json()
+            user_id = data.get("user_id")
+            cid = data.get("cid")
+            title = data.get("title")
+            persona_id = data.get("persona_id", "")
+
+            if not user_id or not cid:
+                return Response().error("缺少必要参数: user_id 和 cid").__dict__
+            conversation = self.db_helper.get_conversation_by_user_id(user_id, cid)
+            if not conversation:
+                return Response().error("对话不存在").__dict__
+            if title is not None:
+                self.db_helper.update_conversation_title(user_id, cid, title)
+            if persona_id is not None:
+                self.db_helper.update_conversation_persona_id(user_id, cid, persona_id)
+
+            return Response().ok({"message": "对话信息更新成功"}).__dict__
+
+        except Exception as e:
+            logger.error(f"更新对话信息失败: {str(e)}\n{traceback.format_exc()}")
+            return Response().error(f"更新对话信息失败: {str(e)}").__dict__
+
+    async def del_conv(self):
+        """删除对话"""
+        try:
+            data = await request.get_json()
+            user_id = data.get("user_id")
+            cid = data.get("cid")
+
+            if not user_id or not cid:
+                return Response().error("缺少必要参数: user_id 和 cid").__dict__
+            conversation = self.db_helper.get_conversation_by_user_id(user_id, cid)
+            if not conversation:
+                return Response().error("对话不存在").__dict__
+            self.db_helper.delete_conversation(user_id, cid)
+
+            return Response().ok({"message": "对话删除成功"}).__dict__
+
+        except Exception as e:
+            logger.error(f"删除对话失败: {str(e)}\n{traceback.format_exc()}")
+            return Response().error(f"删除对话失败: {str(e)}").__dict__
+
+    async def update_history(self):
+        """更新对话历史内容"""
+        try:
+            data = await request.get_json()
+            user_id = data.get("user_id")
+            cid = data.get("cid")
+            history = data.get("history")
+
+            if not user_id or not cid:
+                return Response().error("缺少必要参数: user_id 和 cid").__dict__
+
+            if history is None:
+                return Response().error("缺少必要参数: history").__dict__
+
+            # 历史记录必须是合法的 JSON 字符串
+            try:
+                if isinstance(history, list):
+                    history = json.dumps(history)
+                else:
+                    # 验证是否为有效的 JSON 字符串
+                    json.loads(history)
+            except json.JSONDecodeError:
+                return (
+                    Response().error("history 必须是有效的 JSON 字符串或数组").__dict__
+                )
+
+            conversation = self.db_helper.get_conversation_by_user_id(user_id, cid)
+            if not conversation:
+                return Response().error("对话不存在").__dict__
+
+            self.db_helper.update_conversation(user_id, cid, history)
+
+            return Response().ok({"message": "对话历史更新成功"}).__dict__
+
+        except Exception as e:
+            logger.error(f"更新对话历史失败: {str(e)}\n{traceback.format_exc()}")
+            return Response().error(f"更新对话历史失败: {str(e)}").__dict__
diff --git a/astrbot/dashboard/server.py b/astrbot/dashboard/server.py
index 9af11dd53..5d1310807 100644
--- a/astrbot/dashboard/server.py
+++ b/astrbot/dashboard/server.py
@@ -51,6 +51,7 @@ class AstrBotDashboard:
         self.ar = AuthRoute(self.context)
         self.chat_route = ChatRoute(self.context, db, core_lifecycle)
         self.tools_root = ToolsRoute(self.context, core_lifecycle)
+        self.conversation_route = ConversationRoute(self.context, db, core_lifecycle)
 
         self.shutdown_event = shutdown_event
 
diff --git a/dashboard/src/layouts/full/vertical-sidebar/NavItem.vue b/dashboard/src/layouts/full/vertical-sidebar/NavItem.vue
index a5ed5deb0..4465aadea 100644
--- a/dashboard/src/layouts/full/vertical-sidebar/NavItem.vue
+++ b/dashboard/src/layouts/full/vertical-sidebar/NavItem.vue
@@ -16,7 +16,7 @@ const props = defineProps({ item: Object, level: Number });
     <template v-slot:prepend>
       <v-icon v-if="item.icon" :size="item.iconSize" class="hide-menu" :icon="item.icon"></v-icon>
     </template>
-    <v-list-item-title style="font-size: 15px;">{{ item.title }}</v-list-item-title>
+    <v-list-item-title style="font-size: 14px;">{{ item.title }}</v-list-item-title>
     <v-list-item-subtitle v-if="item.subCaption" class="text-caption mt-n1 hide-menu">
       {{ item.subCaption }}
     </v-list-item-subtitle>
diff --git a/dashboard/src/layouts/full/vertical-sidebar/sidebarItem.ts b/dashboard/src/layouts/full/vertical-sidebar/sidebarItem.ts
index 5325e0cfd..d0f09aa3d 100644
--- a/dashboard/src/layouts/full/vertical-sidebar/sidebarItem.ts
+++ b/dashboard/src/layouts/full/vertical-sidebar/sidebarItem.ts
@@ -55,6 +55,11 @@ const sidebarItem: menu[] = [
     icon: 'mdi-chat',
     to: '/chat'
   },
+  {
+    title: '对话数据库',
+    icon: 'mdi-database',
+    to: '/conversation'
+  },
   {
     title: '控制台',
     icon: 'mdi-console',
diff --git a/dashboard/src/router/MainRoutes.ts b/dashboard/src/router/MainRoutes.ts
index 9ce2402ca..f1ac3002d 100644
--- a/dashboard/src/router/MainRoutes.ts
+++ b/dashboard/src/router/MainRoutes.ts
@@ -46,6 +46,11 @@ const MainRoutes = {
       path: '/dashboard/default',
       component: () => import('@/views/dashboards/default/DefaultDashboard.vue')
     },
+    {
+      name: 'Conversation',
+      path: '/conversation',
+      component: () => import('@/views/ConversationPage.vue')
+    },
     {
       name: 'Console',
       path: '/console',
diff --git a/dashboard/src/scss/layout/_sidebar.scss b/dashboard/src/scss/layout/_sidebar.scss
index 13325e6c8..053943917 100644
--- a/dashboard/src/scss/layout/_sidebar.scss
+++ b/dashboard/src/scss/layout/_sidebar.scss
@@ -16,6 +16,9 @@
       color: rgb(var(--v-theme-secondary));
     }
   }
+  .v-list-item--density-default.v-list-item--one-line {
+    min-height: 42px;
+  }
   .leftPadding {
     margin-left: 4px;
   }
diff --git a/dashboard/src/views/ConversationPage.vue b/dashboard/src/views/ConversationPage.vue
new file mode 100644
index 000000000..0de191a78
--- /dev/null
+++ b/dashboard/src/views/ConversationPage.vue
@@ -0,0 +1,1097 @@
+<template>
+    <div class="conversation-page">
+        <v-container fluid class="pa-0">
+            <!-- 页面标题 -->
+            <v-row>
+                <v-col cols="12">
+                    <h1 class="text-h4 font-weight-bold mb-2">
+                        <v-icon size="x-large" color="primary" class="me-2">mdi-chat-processing</v-icon>对话管理
+                    </h1>
+                    <p class="text-subtitle-1 text-medium-emphasis mb-4">
+                        管理和查看用户对话历史记录
+                    </p>
+                </v-col>
+            </v-row>
+
+            <!-- 过滤器部分 -->
+            <v-card class="mb-4" elevation="2">
+                <v-card-title class="d-flex align-center py-3 px-4">
+                    <v-icon color="primary" class="me-2">mdi-filter-variant</v-icon>
+                    <span class="text-h6">筛选条件</span>
+                    <v-spacer></v-spacer>
+                    <v-btn color="primary" variant="text" @click="resetFilters" class="ml-2">
+                        <v-icon class="mr-1">mdi-refresh</v-icon>重置
+                    </v-btn>
+                </v-card-title>
+
+                <v-divider></v-divider>
+
+                <v-card-text class="py-4">
+                    <v-row>
+                        <v-col cols="12" sm="6" md="4">
+                            <v-select v-model="platformFilter" label="平台" :items="availablePlatforms" chips multiple
+                                clearable variant="outlined" density="compact" hide-details>
+                                <template v-slot:selection="{ item }">
+                                    <v-chip size="small" :color="getPlatformColor(item.value)" label>
+                                        {{ item.title }}
+                                    </v-chip>
+                                </template>
+                            </v-select>
+                        </v-col>
+
+                        <v-col cols="12" sm="6" md="4">
+                            <v-select v-model="messageTypeFilter" label="类型" :items="messageTypeItems" chips multiple
+                                clearable variant="outlined" density="compact" hide-details>
+                                <template v-slot:selection="{ item }">
+                                    <v-chip size="small" :color="getMessageTypeColor(item.value)" variant="outlined"
+                                        label>
+                                        {{ item.title }}
+                                    </v-chip>
+                                </template>
+                            </v-select>
+                        </v-col>
+
+                        <v-col cols="12" sm="12" md="4">
+                            <v-text-field v-model="search" prepend-inner-icon="mdi-magnify" label="搜索关键词" hide-details
+                                density="compact" variant="outlined" clearable></v-text-field>
+                        </v-col>
+                    </v-row>
+                </v-card-text>
+            </v-card>
+
+            <!-- 对话列表部分 -->
+            <v-card class="mb-6" elevation="2">
+                <v-card-title class="d-flex align-center py-3 px-4">
+                    <v-icon color="primary" class="me-2">mdi-message</v-icon>
+                    <span class="text-h6">对话历史</span>
+                    <v-chip color="info" size="small" class="ml-2">{{ pagination.total || 0 }}</v-chip>
+                    <v-spacer></v-spacer>
+                    <v-btn color="primary" prepend-icon="mdi-refresh" variant="tonal" @click="fetchConversations"
+                        :loading="loading">
+                        刷新
+                    </v-btn>
+                </v-card-title>
+
+                <v-divider></v-divider>
+
+                <v-card-text class="pa-0">
+                    <v-data-table :headers="headers" :items="conversations" :loading="loading" density="comfortable"
+                        hide-default-footer items-per-page="10" class="elevation-0"
+                        :items-per-page="pagination.page_size" :items-per-page-options="[10, 20, 50, 100]"
+                        @update:options="handleTableOptions">
+                        <template v-slot:item.title="{ item }">
+                            <div class="d-flex align-center">
+                                <v-icon color="primary" class="mr-2">mdi-chat</v-icon>
+                                <span>{{ item.title || '无标题对话' }}</span>
+                            </div>
+                        </template>
+
+                        <template v-slot:item.platform="{ item }">
+                            <v-chip :color="getPlatformColor(item.sessionInfo.platform)" size="small" label>
+                                {{ item.sessionInfo.platform || '未知' }}
+                            </v-chip>
+                        </template>
+
+                        <template v-slot:item.messageType="{ item }">
+                            <v-chip :color="getMessageTypeColor(item.sessionInfo.messageType)" size="small"
+                                variant="outlined" label>
+                                {{ getMessageTypeDisplay(item.sessionInfo.messageType) }}
+                            </v-chip>
+                        </template>
+
+                        <template v-slot:item.sessionId="{ item }">
+                            <span>{{ item.sessionInfo.sessionId || '未知' }}</span>
+                        </template>
+
+                        <template v-slot:item.created_at="{ item }">
+                            {{ formatTimestamp(item.created_at) }}
+                        </template>
+
+                        <template v-slot:item.updated_at="{ item }">
+                            {{ formatTimestamp(item.updated_at) }}
+                        </template>
+
+                        <template v-slot:item.actions="{ item }">
+                            <div class="actions-wrapper">
+                                <v-btn color="primary" variant="flat" size="small" class="action-button"
+                                    @click="viewConversation(item)">
+                                    <v-icon class="mr-1">mdi-eye</v-icon>查看
+                                </v-btn>
+                                <v-btn color="warning" variant="flat" size="small" class="action-button"
+                                    @click="editConversation(item)">
+                                    <v-icon class="mr-1">mdi-pencil</v-icon>编辑
+                                </v-btn>
+                                <v-btn color="error" variant="flat" size="small" class="action-button"
+                                    @click="confirmDeleteConversation(item)">
+                                    <v-icon class="mr-1">mdi-delete</v-icon>删除
+                                </v-btn>
+                            </div>
+                        </template>
+
+                        <template v-slot:no-data>
+                            <div class="d-flex flex-column align-center py-6">
+                                <v-icon size="64" color="grey lighten-1">mdi-chat-remove</v-icon>
+                                <span class="text-subtitle-1 text-disabled mt-3">暂无对话记录</span>
+                            </div>
+                        </template>
+                    </v-data-table>
+
+                    <!-- 分页控制 -->
+                    <div class="d-flex justify-end pa-4">
+                        <v-pagination v-model="pagination.page" :length="pagination.total_pages" :disabled="loading"
+                            @update:model-value="fetchConversations" rounded="circle"></v-pagination>
+                    </div>
+                </v-card-text>
+            </v-card>
+        </v-container>
+
+        <!-- 对话详情对话框 -->
+        <v-dialog v-model="dialogView" max-width="900px" scrollable>
+            <v-card class="conversation-detail-card">
+                <v-card-title class="bg-primary text-white py-3 d-flex align-center">
+                    <v-icon color="white" class="me-2">mdi-eye</v-icon>
+                    <span class="text-truncate">{{ selectedConversation?.title || '无标题对话' }}</span>
+                    <v-spacer></v-spacer>
+
+                    <div class="d-flex align-center" v-if="selectedConversation?.sessionInfo">
+                        <v-chip color="white" text-color="primary" size="small" class="mr-2">
+                            {{ selectedConversation.sessionInfo.platform }}
+                        </v-chip>
+                        <v-chip color="white" text-color="secondary" size="small">
+                            {{ getMessageTypeDisplay(selectedConversation.sessionInfo.messageType) }}
+                        </v-chip>
+                    </div>
+                </v-card-title>
+
+                <v-divider></v-divider>
+
+                <v-card-text class="py-4">
+                    <div class="mb-4 d-flex align-center">
+                        <v-btn color="secondary" variant="tonal" size="small" class="mr-2"
+                            @click="isEditingHistory = !isEditingHistory">
+                            <v-icon class="mr-1">{{ isEditingHistory ? 'mdi-eye' : 'mdi-pencil' }}</v-icon>
+                            {{ isEditingHistory ? '预览模式' : '编辑对话' }}
+                        </v-btn>
+                        <v-btn v-if="isEditingHistory" color="success" variant="tonal" size="small"
+                            :loading="savingHistory" @click="saveHistoryChanges">
+                            <v-icon class="mr-1">mdi-content-save</v-icon>
+                            保存修改
+                        </v-btn>
+                    </div>
+
+                    <!-- 编辑模式 - Monaco编辑器 -->
+                    <div v-if="isEditingHistory" class="monaco-editor-container">
+                        <VueMonacoEditor v-model:value="editedHistory" theme="vs-dark" language="json" :options="{
+                            automaticLayout: true,
+                            fontSize: 13,
+                            tabSize: 2,
+                            minimap: { enabled: false },
+                            scrollBeyondLastLine: false,
+                            wordWrap: 'on'
+                        }" @editorDidMount="onMonacoMounted" />
+                    </div>
+
+                    <!-- 预览模式 - 聊天界面 -->
+                    <div v-else class="conversation-messages-container">
+                        <!-- 空对话提示 -->
+                        <div v-if="conversationHistory.length === 0" class="text-center py-5">
+                            <v-icon size="48" color="grey">mdi-chat-remove</v-icon>
+                            <p class="text-disabled mt-2">对话内容为空</p>
+                        </div>
+
+                        <!-- 消息列表 -->
+                        <div v-else class="message-list">
+                            <div class="message-item" v-for="(msg, index) in conversationHistory" :key="index">
+                                <!-- 用户消息 -->
+                                <div v-if="msg.role === 'user'" class="user-message">
+                                    <div class="message-bubble user-bubble">
+                                        <span v-html="formatMessage(msg.content)"></span>
+
+                                        <!-- 图片附件 -->
+                                        <div class="image-attachments" v-if="msg.image_url && msg.image_url.length > 0">
+                                            <div v-for="(img, imgIndex) in msg.image_url" :key="imgIndex"
+                                                class="image-attachment">
+                                                <img :src="img" class="attached-image" />
+                                            </div>
+                                        </div>
+
+                                        <!-- 音频附件 -->
+                                        <div class="audio-attachment" v-if="msg.audio_url">
+                                            <audio controls class="audio-player">
+                                                <source :src="msg.audio_url" type="audio/wav">
+                                                您的浏览器不支持音频播放。
+                                            </audio>
+                                        </div>
+                                    </div>
+                                    <v-avatar class="user-avatar" color="deep-purple-lighten-3" size="36">
+                                        <v-icon icon="mdi-account" />
+                                    </v-avatar>
+                                </div>
+
+                                <!-- 机器人消息 -->
+                                <div v-else class="bot-message">
+                                    <v-avatar class="bot-avatar" color="deep-purple" size="36">
+                                        <span class="text-h6">✨</span>
+                                    </v-avatar>
+                                    <div class="message-bubble bot-bubble">
+                                        <div v-html="formatMessage(msg.content)" class="markdown-content"></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </v-card-text>
+
+                <v-divider></v-divider>
+
+                <v-card-actions class="pa-4">
+                    <v-spacer></v-spacer>
+                    <v-btn variant="text" @click="closeHistoryDialog">
+                        关闭
+                    </v-btn>
+                </v-card-actions>
+            </v-card>
+        </v-dialog>
+
+        <!-- 编辑对话框 -->
+        <v-dialog v-model="dialogEdit" max-width="500px">
+            <v-card>
+                <v-card-title class="bg-primary text-white py-3">
+                    <v-icon color="white" class="me-2">mdi-pencil</v-icon>
+                    <span>编辑对话信息</span>
+                </v-card-title>
+
+                <v-card-text class="py-4">
+                    <v-form ref="form" v-model="valid">
+                        <v-text-field v-model="editedItem.title" label="对话标题" placeholder="输入对话标题" variant="outlined"
+                            density="comfortable" class="mb-3"></v-text-field>
+                    </v-form>
+                </v-card-text>
+
+                <v-divider></v-divider>
+
+                <v-card-actions class="pa-4">
+                    <v-spacer></v-spacer>
+                    <v-btn variant="text" @click="dialogEdit = false" :disabled="loading">
+                        取消
+                    </v-btn>
+                    <v-btn color="primary" @click="saveConversation" :loading="loading">
+                        保存
+                    </v-btn>
+                </v-card-actions>
+            </v-card>
+        </v-dialog>
+
+        <!-- 删除确认对话框 -->
+        <v-dialog v-model="dialogDelete" max-width="500px">
+            <v-card>
+                <v-card-title class="bg-error text-white py-3">
+                    <v-icon color="white" class="me-2">mdi-alert</v-icon>
+                    <span>确认删除</span>
+                </v-card-title>
+
+                <v-card-text class="py-4">
+                    <p>确定要删除对话 <strong>{{ selectedConversation?.title || '无标题对话' }}</strong> 吗？此操作不可恢复。</p>
+                </v-card-text>
+
+                <v-divider></v-divider>
+
+                <v-card-actions class="pa-4">
+                    <v-spacer></v-spacer>
+                    <v-btn variant="text" @click="dialogDelete = false" :disabled="loading">
+                        取消
+                    </v-btn>
+                    <v-btn color="error" @click="deleteConversation" :loading="loading">
+                        删除
+                    </v-btn>
+                </v-card-actions>
+            </v-card>
+        </v-dialog>
+
+        <!-- 消息提示 -->
+        <v-snackbar :timeout="3000" elevation="24" :color="messageType" v-model="showMessage" location="top">
+            {{ message }}
+        </v-snackbar>
+    </div>
+</template>
+
+<script>
+import axios from 'axios';
+import { VueMonacoEditor } from '@guolao/vue-monaco-editor';
+import { marked } from 'marked';
+import { useCommonStore } from '@/stores/common';
+
+marked.setOptions({
+    breaks: true
+});
+
+export default {
+    name: 'ConversationPage',
+    components: {
+        VueMonacoEditor
+    },
+
+    data() {
+        return {
+            // 表格数据
+            conversations: [],
+            search: '',
+            headers: [
+                { title: '对话标题', key: 'title', sortable: true },
+                { title: '平台', key: 'platform', sortable: true, width: '120px' },
+                { title: '类型', key: 'messageType', sortable: true, width: '100px' },
+                { title: 'ID', key: 'sessionId', sortable: true, width: '100px' },
+                { title: '创建时间', key: 'created_at', sortable: true, width: '180px' },
+                { title: '更新时间', key: 'updated_at', sortable: true, width: '180px' },
+                { title: '操作', key: 'actions', sortable: false, align: 'center', width: '240px' }
+            ],
+
+            // 筛选条件
+            platformFilter: [],
+            messageTypeFilter: [],
+            lastAppliedFilters: null, // 记录上次应用的筛选条件
+
+            // 平台颜色映射
+            platformColors: {
+                'telegram': 'blue-lighten-1',
+                'qq_official': 'purple-lighten-1',
+                'qq_official_webhook': 'purple-lighten-2',
+                'gewechat': 'green-lighten-1',
+                'aiocqhttp': 'deep-purple-lighten-1',
+                'lark': 'cyan-darken-1',
+                'wecom': 'green-darken-1',
+                'dingtalk': 'blue-darken-2',
+                'default': 'grey-lighten-1'
+            },
+
+            // 消息类型颜色映射
+            messageTypeColors: {
+                'GroupMessage': 'green',
+                'FriendMessage': 'blue',
+                'GuildMessage': 'purple',
+                'default': 'grey'
+            },
+
+            // 分页数据
+            pagination: {
+                page: 1,
+                page_size: 20,
+                total: 0,
+                total_pages: 0
+            },
+
+            // 对话框控制
+            dialogView: false,
+            dialogEdit: false,
+            dialogDelete: false,
+
+            // 选中的对话
+            selectedConversation: null,
+            conversationHistory: [],
+
+            // 编辑表单
+            editedItem: {
+                user_id: '',
+                cid: '',
+                title: ''
+            },
+            defaultItem: {
+                user_id: '',
+                cid: '',
+                title: ''
+            },
+
+            // 表单验证
+            valid: true,
+
+            // 状态控制
+            loading: false,
+            showMessage: false,
+            message: '',
+            messageType: 'success',
+
+            // 对话历史编辑
+            isEditingHistory: false,
+            editedHistory: '',
+            savingHistory: false,
+            monacoEditor: null,
+
+            commonStore: useCommonStore()
+        }
+    },
+
+    watch: {
+        // 监听筛选条件变化，使用防抖处理
+        platformFilter() {
+            this.debouncedApplyFilters();
+        },
+        messageTypeFilter() {
+            this.debouncedApplyFilters();
+        },
+        search() {
+            this.debouncedApplyFilters();
+        }
+    },
+
+    created() {
+        // 创建一个防抖函数，避免频繁请求
+        this.debouncedApplyFilters = this.debounce(() => {
+            // 重置到第一页
+            this.pagination.page = 1;
+            this.fetchConversations();
+        }, 300);
+    },
+
+    computed: {
+        // 可用平台列表
+        availablePlatforms() {
+            const platforms = []
+            // 解析 tutorial_map
+            const tutorialMap = this.commonStore.tutorial_map;
+            for (const platform in tutorialMap) {
+                if (tutorialMap.hasOwnProperty(platform)) {
+                    platforms.push({
+                        title: platform,
+                        value: platform
+                    })
+                }
+            }
+            return platforms;
+        },
+
+        // 可用消息类型列表
+        messageTypeItems() {
+            return [
+                { title: '群聊', value: 'GroupMessage' },
+                { title: '私聊', value: 'FriendMessage' },
+            ];
+        },
+
+        // 筛选后的对话 - 现在只用于额外的客户端筛选（排除astrbot和webchat）
+        filteredConversations() {
+            return this.conversations.filter(conv => {
+                // 排除 user_id 为 astrbot 或 platform 为 webchat 的对话
+                if (conv.user_id === 'astrbot' || conv.sessionInfo?.platform === 'webchat') {
+                    return false;
+                }
+                return true;
+            });
+        },
+
+        // 当前的筛选条件对象
+        currentFilters() {
+            return {
+                platforms: this.platformFilter,
+                messageTypes: this.messageTypeFilter,
+                search: this.search
+            };
+        }
+    },
+
+    mounted() {
+        this.fetchConversations();
+    },
+
+    _methods: {
+        // Monaco编辑器挂载后的回调
+        onMonacoMounted(editor) {
+            this.monacoEditor = editor;
+            // 添加JSON格式校验
+            editor.onDidChangeModelContent(() => {
+                try {
+                    JSON.parse(this.editedHistory);
+                    // 有效的JSON格式
+                    editor.getAction('editor.action.formatDocument').run();
+                } catch (e) {
+                    // 无效的JSON格式，不做处理，Monaco编辑器会自动提示
+                }
+            });
+        },
+
+        // 添加防抖函数
+        debounce(func, wait) {
+            let timeout;
+            return function () {
+                const context = this;
+                const args = arguments;
+                clearTimeout(timeout);
+                timeout = setTimeout(() => {
+                    func.apply(context, args);
+                }, wait);
+            };
+        },
+
+        // 重置过滤条件
+        resetFilters() {
+            this.platformFilter = [];
+            this.messageTypeFilter = [];
+            this.search = '';
+            // 立即应用筛选，不使用防抖
+            this.pagination.page = 1;
+            this.fetchConversations();
+        },
+
+        // 处理表格选项变更（页面大小等）
+        handleTableOptions(options) {
+            // 处理页面大小变更
+            if (options.itemsPerPage !== this.pagination.page_size) {
+                this.pagination.page_size = options.itemsPerPage;
+                this.pagination.page = 1; // 重置到第一页
+                this.fetchConversations();
+            }
+        },
+
+        // 从会话ID解析平台和消息类型信息
+        parseSessionId(userId) {
+            if (!userId) return { platform: 'default', messageType: 'default', sessionId: '' };
+
+            // 使用冒号进行分割，格式: platform:messageType:sessionId
+            const parts = userId.split(':');
+
+            if (parts.length >= 3) {
+                return {
+                    platform: parts[0] || 'default',
+                    messageType: parts[1] || 'default',
+                    sessionId: parts.slice(2).join(':') // 保留可能包含冒号的后续部分
+                };
+            }
+
+            return { platform: 'default', messageType: 'default', sessionId: userId };
+        },
+
+        // 获取平台对应的颜色
+        getPlatformColor(platform) {
+            return this.platformColors[platform] || this.platformColors.default;
+        },
+
+        // 获取消息类型对应的颜色
+        getMessageTypeColor(messageType) {
+            return this.messageTypeColors[messageType] || this.messageTypeColors.default;
+        },
+
+        // 获取消息类型的显示文本
+        getMessageTypeDisplay(messageType) {
+            const typeMap = {
+                'GroupMessage': '群聊',
+                'FriendMessage': '私聊',
+                'default': '未知'
+            };
+
+            return typeMap[messageType] || typeMap.default;
+        },
+
+        // 获取对话列表
+        async fetchConversations() {
+            this.loading = true;
+            try {
+                // 准备请求参数，包含分页和筛选条件
+                const params = {
+                    page: this.pagination.page,
+                    page_size: this.pagination.page_size
+                };
+
+                // 添加筛选条件
+                if (this.platformFilter.length > 0) {
+                    params.platforms = this.platformFilter.join(',');
+                }
+
+                if (this.messageTypeFilter.length > 0) {
+                    params.message_types = this.messageTypeFilter.join(',');
+                }
+
+                if (this.search) {
+                    params.search = this.search;
+                }
+
+                // 添加排除条件
+                params.exclude_ids = 'astrbot';
+                params.exclude_platforms = 'webchat';
+
+                console.log(`正在请求对话列表: /api/conversation/list 参数:`, params);
+
+                const response = await axios.get('/api/conversation/list', { params });
+
+                console.log('收到对话列表响应:', response.data);
+
+                this.lastAppliedFilters = { ...this.currentFilters }; // 记录已应用的筛选条件
+
+                if (response.data.status === "ok") {
+                    const data = response.data.data;
+
+                    if (!data || !data.conversations) {
+                        console.error('API 返回数据格式不符合预期:', data);
+                        this.showErrorMessage('API 返回数据格式不符合预期');
+                        return;
+                    }
+
+                    // 处理会话数据，解析sessionId
+                    this.conversations = (data.conversations || []).map(conv => {
+                        // 为每个会话添加会话信息
+                        conv.sessionInfo = this.parseSessionId(conv.user_id);
+                        return conv;
+                    });
+
+                    // 更新分页信息
+                    if (data.pagination) {
+                        this.pagination = {
+                            page: data.pagination.page || 1,
+                            page_size: data.pagination.page_size || 20,
+                            total: data.pagination.total || 0,
+                            total_pages: data.pagination.total_pages || 1
+                        };
+                    } else {
+                        console.warn('API 响应中没有分页信息');
+                    }
+                } else {
+                    this.showErrorMessage(response.data.message || '获取对话列表失败');
+                }
+            } catch (error) {
+                console.error('获取对话列表出错:', error);
+                if (error.response) {
+                    console.error('错误响应数据:', error.response.data);
+                    console.error('错误状态码:', error.response.status);
+                }
+                this.showErrorMessage(error.response?.data?.message || error.message || '获取对话列表失败');
+            } finally {
+                // this.loading = false;
+                setTimeout(() => {
+                    this.loading = false;
+                }, 200);
+            }
+        },
+
+        // 查看对话详情
+        async viewConversation(item) {
+            this.selectedConversation = item;
+            this.loading = true;
+            this.isEditingHistory = false;
+
+            try {
+                console.log(`正在请求对话详情，user_id=${item.user_id}, cid=${item.cid}`);
+                const response = await axios.post('/api/conversation/detail', {
+                    user_id: item.user_id,
+                    cid: item.cid
+                });
+
+                if (response.data.status === "ok") {
+                    try {
+                        const historyData = response.data.data.history || '[]';
+                        this.conversationHistory = JSON.parse(historyData);
+                        this.editedHistory = JSON.stringify(this.conversationHistory, null, 2);
+                    } catch (e) {
+                        this.conversationHistory = [];
+                        this.editedHistory = '[]';
+                        console.error('解析对话历史失败:', e);
+                    }
+                    this.dialogView = true;
+                } else {
+                    this.showErrorMessage(response.data.message || '获取对话详情失败');
+                }
+            } catch (error) {
+                console.error('获取对话详情出错:', error);
+                this.showErrorMessage(error.response?.data?.message || error.message || '获取对话详情失败');
+            } finally {
+                this.loading = false;
+            }
+        },
+
+        // 保存对话历史的修改
+        async saveHistoryChanges() {
+            if (!this.selectedConversation) return;
+
+            this.savingHistory = true;
+
+            try {
+                // 验证JSON格式
+                let historyJson;
+                try {
+                    historyJson = JSON.parse(this.editedHistory);
+                } catch (e) {
+                    this.showErrorMessage('JSON格式错误，请检查您的输入');
+                    return;
+                }
+
+                const response = await axios.post('/api/conversation/update_history', {
+                    user_id: this.selectedConversation.user_id,
+                    cid: this.selectedConversation.cid,
+                    history: historyJson
+                });
+
+                if (response.data.status === "ok") {
+                    this.conversationHistory = historyJson;
+                    this.showSuccessMessage('对话历史更新成功');
+                    this.isEditingHistory = false;
+                } else {
+                    this.showErrorMessage(response.data.message || '更新对话历史失败');
+                }
+            } catch (error) {
+                console.error('更新对话历史出错:', error);
+                this.showErrorMessage(error.response?.data?.message || error.message || '更新对话历史失败');
+            } finally {
+                this.savingHistory = false;
+            }
+        },
+
+        // 关闭对话历史对话框
+        closeHistoryDialog() {
+            if (this.isEditingHistory) {
+                if (confirm('您有未保存的更改，确定要关闭吗？')) {
+                    this.dialogView = false;
+                }
+            } else {
+                this.dialogView = false;
+            }
+        },
+
+        // 编辑对话
+        editConversation(item) {
+            this.selectedConversation = item;
+            this.editedItem = Object.assign({}, item);
+            this.dialogEdit = true;
+        },
+
+        // 保存编辑后的对话
+        async saveConversation() {
+            if (!this.$refs.form.validate()) return;
+
+            this.loading = true;
+            try {
+                const response = await axios.post('/api/conversation/update', {
+                    user_id: this.editedItem.user_id,
+                    cid: this.editedItem.cid,
+                    title: this.editedItem.title
+                });
+
+                if (response.data.status === "ok") {
+                    // 更新本地数据
+                    const index = this.conversations.findIndex(item => item.user_id === this.editedItem.user_id && item.cid === this.editedItem.cid
+                    );
+
+                    if (index !== -1) {
+                        this.conversations[index].title = this.editedItem.title;
+                    }
+
+                    this.dialogEdit = false;
+                    this.showSuccessMessage('对话信息更新成功');
+
+                    // 刷新数据
+                    this.fetchConversations();
+                } else {
+                    this.showErrorMessage(response.data.message || '更新对话信息失败');
+                }
+            } catch (error) {
+                this.showErrorMessage(error.response?.data?.message || error.message || '更新对话信息失败');
+            } finally {
+                this.loading = false;
+            }
+        },
+
+        // 确认删除对话
+        confirmDeleteConversation(item) {
+            this.selectedConversation = item;
+            this.dialogDelete = true;
+        },
+
+        // 删除对话
+        async deleteConversation() {
+            this.loading = true;
+            try {
+                const response = await axios.post('/api/conversation/delete', {
+                    user_id: this.selectedConversation.user_id,
+                    cid: this.selectedConversation.cid
+                });
+
+                if (response.data.status === "ok") {
+                    const index = this.conversations.findIndex(item => item.user_id === this.selectedConversation.user_id && item.cid === this.selectedConversation.cid
+                    );
+
+                    if (index !== -1) {
+                        this.conversations.splice(index, 1);
+                    }
+
+                    this.dialogDelete = false;
+                    this.showSuccessMessage('对话删除成功');
+                } else {
+                    this.showErrorMessage(response.data.message || '删除对话失败');
+                }
+            } catch (error) {
+                this.showErrorMessage(error.response?.data?.message || error.message || '删除对话失败');
+            } finally {
+                this.loading = false;
+            }
+        },
+
+        // 格式化时间戳
+        formatTimestamp(timestamp) {
+            if (!timestamp) return '未知时间';
+
+            const date = new Date(timestamp * 1000);
+            return new Intl.DateTimeFormat('zh-CN', {
+                year: 'numeric',
+                month: '2-digit',
+                day: '2-digit',
+                hour: '2-digit',
+                minute: '2-digit',
+                second: '2-digit',
+                hour12: false
+            }).format(date);
+        },
+
+        // 格式化消息内容
+        formatMessage(content) {
+            if (!content) return '空消息';
+
+            // 使用marked处理Markdown格式
+            return marked(content);
+        },
+
+        // 显示成功消息
+        showSuccessMessage(message) {
+            this.message = message;
+            this.messageType = 'success';
+            this.showMessage = true;
+        },
+
+        // 显示错误消息
+        showErrorMessage(message) {
+            this.message = message;
+            this.messageType = 'error';
+            this.showMessage = true;
+        }
+    },
+    get methods() {
+        return this._methods;
+    },
+    set methods(value) {
+        this._methods = value;
+    },
+}
+</script>
+
+<style>
+.conversation-page {
+    padding: 20px;
+}
+
+.actions-wrapper {
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+}
+
+.action-button {
+    border-radius: 8px;
+    font-weight: 500;
+    transition: all 0.2s ease;
+}
+
+.action-button:hover {
+    transform: translateY(-2px);
+}
+
+.monaco-editor-container {
+    height: 500px;
+    border-radius: 8px;
+    overflow: hidden;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+}
+
+/* 聊天消息样式 */
+.conversation-messages-container {
+    max-height: 500px;
+    overflow-y: auto;
+    padding: 8px;
+    border-radius: 8px;
+    background-color: #f9f9f9;
+}
+
+.message-list {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.message-item {
+    margin-bottom: 8px;
+    animation: fadeIn 0.3s ease-out;
+}
+
+.user-message {
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-start;
+    gap: 12px;
+}
+
+.bot-message {
+    display: flex;
+    justify-content: flex-start;
+    align-items: flex-start;
+    gap: 12px;
+}
+
+.message-bubble {
+    padding: 12px 16px;
+    border-radius: 18px;
+    max-width: 80%;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+.user-bubble {
+    background-color: #f0f4ff;
+    color: #333;
+    border-top-right-radius: 4px;
+}
+
+.bot-bubble {
+    background-color: #fff;
+    border: 1px solid #eaeaea;
+    color: #333;
+    border-top-left-radius: 4px;
+}
+
+.user-avatar,
+.bot-avatar {
+    margin-top: 2px;
+}
+
+/* 附件样式 */
+.image-attachments {
+    display: flex;
+    gap: 8px;
+    margin-top: 8px;
+    flex-wrap: wrap;
+}
+
+.attached-image {
+    width: 120px;
+    height: 120px;
+    object-fit: cover;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    transition: transform 0.2s ease;
+}
+
+.attached-image:hover {
+    transform: scale(1.05);
+}
+
+.audio-attachment {
+    margin-top: 8px;
+}
+
+.audio-player {
+    width: 100%;
+    height: 36px;
+    border-radius: 18px;
+}
+
+/* 对话详情卡片 */
+.conversation-detail-card {
+    max-height: 90vh;
+    display: flex;
+    flex-direction: column;
+}
+
+/* Markdown内容样式 */
+.markdown-content {
+    font-family: inherit;
+    line-height: 1.6;
+}
+
+.markdown-content h1,
+.markdown-content h2,
+.markdown-content h3,
+.markdown-content h4,
+.markdown-content h5,
+.markdown-content h6 {
+    margin-top: 16px;
+    margin-bottom: 10px;
+    font-weight: 600;
+    color: #333;
+}
+
+.markdown-content h1 {
+    font-size: 1.8em;
+    border-bottom: 1px solid #eee;
+    padding-bottom: 6px;
+}
+
+.markdown-content h2 {
+    font-size: 1.5em;
+}
+
+.markdown-content h3 {
+    font-size: 1.3em;
+}
+
+.markdown-content li {
+    margin-left: 16px;
+    margin-bottom: 4px;
+}
+
+.markdown-content p {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.markdown-content pre {
+    background-color: #f8f8f8;
+    padding: 12px;
+    border-radius: 6px;
+    overflow-x: auto;
+    margin: 12px 0;
+}
+
+.markdown-content code {
+    background-color: #f5f0ff;
+    padding: 2px 4px;
+    border-radius: 4px;
+    font-family: 'Fira Code', monospace;
+    font-size: 0.9em;
+    color: #673ab7;
+}
+
+.markdown-content img {
+    max-width: 100%;
+    border-radius: 8px;
+    margin: 10px 0;
+}
+
+.markdown-content blockquote {
+    border-left: 4px solid #673ab7;
+    padding-left: 16px;
+    color: #666;
+    margin: 16px 0;
+}
+
+.markdown-content table {
+    border-collapse: collapse;
+    width: 100%;
+    margin: 16px 0;
+}
+
+.markdown-content th,
+.markdown-content td {
+    border: 1px solid #eee;
+    padding: 8px 12px;
+    text-align: left;
+}
+
+.markdown-content th {
+    background-color: #f5f0ff;
+}
+
+/* 动画 */
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+</style>
\ No newline at end of file