From 0db580fde4955a1e6aa1730b4f9af2b7c6483a0b Mon Sep 17 00:00:00 2001
From: Soulter <905617992@qq.com>
Date: Sun, 21 Sep 2025 20:49:27 +0800
Subject: [PATCH 1/3] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=AF=B9=E8=AF=9D?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=E7=9A=84=E5=85=B3=E9=94=AE?=
 =?UTF-8?q?=E8=AF=8D=E6=90=9C=E7=B4=A2=E5=8A=9F=E8=83=BD=E5=A4=B1=E6=95=88?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98=E5=B9=B6=E4=BC=98=E5=8C=96=E4=B8=80?=
 =?UTF-8?q?=E4=BA=9B=20UI=20=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fixes: #2782
---
 astrbot/core/db/sqlite.py                     |   18 +-
 .../locales/zh-CN/features/conversation.json  |    6 +-
 .../zh-CN/features/session-management.json    |   14 +-
 dashboard/src/views/ConversationPage.vue      |  159 +--
 dashboard/src/views/SessionManagementPage.vue | 1016 ++++++-----------
 5 files changed, 455 insertions(+), 758 deletions(-)

diff --git a/astrbot/core/db/sqlite.py b/astrbot/core/db/sqlite.py
index 418b35761..5b3d1da79 100644
--- a/astrbot/core/db/sqlite.py
+++ b/astrbot/core/db/sqlite.py
@@ -18,6 +18,7 @@
 from sqlalchemy import select, update, delete, text
 from sqlalchemy.ext.asyncio import AsyncSession
 from sqlalchemy.sql import func
+from sqlalchemy import or_
 
 NOT_GIVEN = T.TypeVar("NOT_GIVEN")
 
@@ -153,12 +154,26 @@ async def get_filtered_conversations(
                     ConversationV2.platform_id.in_(platform_ids)
                 )
             if search_query:
+                search_query = search_query.encode("unicode_escape").decode("utf-8")
                 base_query = base_query.where(
-                    ConversationV2.title.ilike(f"%{search_query}%")
+                    or_(
+                        ConversationV2.title.ilike(f"%{search_query}%"),
+                        ConversationV2.content.ilike(f"%{search_query}%")
+                    )
+                )
+            if "message_types" in kwargs and len(kwargs["message_types"]) > 0:
+                for msg_type in kwargs["message_types"]:
+                    base_query = base_query.where(
+                        ConversationV2.user_id.ilike(f"%:{msg_type}:%")
+                    )
+            if "platforms" in kwargs and len(kwargs["platforms"]) > 0:
+                base_query = base_query.where(
+                    ConversationV2.platform_id.in_(kwargs["platforms"])
                 )
 
             # Get total count matching the filters
             count_query = select(func.count()).select_from(base_query.subquery())
+            print(count_query)
             total_count = await session.execute(count_query)
             total = total_count.scalar_one()
 
@@ -169,6 +184,7 @@ async def get_filtered_conversations(
                 .offset(offset)
                 .limit(page_size)
             )
+            print(result_query)
             result = await session.execute(result_query)
             conversations = result.scalars().all()
 
diff --git a/dashboard/src/i18n/locales/zh-CN/features/conversation.json b/dashboard/src/i18n/locales/zh-CN/features/conversation.json
index 1b8039fbc..17c2e1245 100644
--- a/dashboard/src/i18n/locales/zh-CN/features/conversation.json
+++ b/dashboard/src/i18n/locales/zh-CN/features/conversation.json
@@ -3,7 +3,7 @@
   "subtitle": "管理和查看用户对话历史记录",
   "filters": {
     "title": "筛选条件",
-    "platform": "平台",
+    "platform": "消息平台 ID",
     "type": "类型",
     "search": "搜索关键词",
     "reset": "重置"
@@ -15,9 +15,9 @@
   "table": {
     "headers": {
       "title": "对话标题",
-      "platform": "平台",
+      "platform": "消息平台 ID",
       "type": "类型",
-      "sessionId": "ID",
+      "sessionId": "ID (UMO)",
       "createdAt": "创建时间",
       "updatedAt": "更新时间",
       "actions": "操作"
diff --git a/dashboard/src/i18n/locales/zh-CN/features/session-management.json b/dashboard/src/i18n/locales/zh-CN/features/session-management.json
index 4639117f4..c3364c5b0 100644
--- a/dashboard/src/i18n/locales/zh-CN/features/session-management.json
+++ b/dashboard/src/i18n/locales/zh-CN/features/session-management.json
@@ -5,7 +5,7 @@
     "refresh": "刷新",
     "edit": "编辑",
     "apply": "应用批量设置",
-    "editName": "编辑会话名称",
+    "editName": "备注",
     "save": "保存",
     "cancel": "取消"
   },
@@ -22,13 +22,13 @@
   "table": {
     "headers": {
       "sessionStatus": "会话状态",
-      "sessionInfo": "会话信息",
+      "sessionInfo": "ID (UMO)",
       "persona": "人格",
-      "chatProvider": "Chat Provider",
-      "sttProvider": "STT Provider",
-      "ttsProvider": "TTS Provider",
-      "llmStatus": "LLM启停",
-      "ttsStatus": "TTS启停",
+      "chatProvider": "聊天模型",
+      "sttProvider": "语音识别模型",
+      "ttsProvider": "语音合成模型",
+      "llmStatus": "启用 LLM",
+      "ttsStatus": "启用 TTS",
       "pluginManagement": "插件管理"
     }
   },
diff --git a/dashboard/src/views/ConversationPage.vue b/dashboard/src/views/ConversationPage.vue
index 3f35d91d2..9d93bb279 100644
--- a/dashboard/src/views/ConversationPage.vue
+++ b/dashboard/src/views/ConversationPage.vue
@@ -1,50 +1,29 @@
 <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>{{ tm('title') }}
-                    </h1>
-                    <p class="text-subtitle-1 text-medium-emphasis mb-4">
-                        {{ tm('subtitle') }}
-                    </p>
-                </v-col>
-            </v-row>
-
-            <!-- 过滤器部分 -->
-            <v-card class="mb-4" elevation="2">
+            <!-- 对话列表部分 -->
+            <v-card flat>
                 <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">{{ tm('filters.title') }}</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>{{ tm('filters.reset') }}
-                    </v-btn>
-                </v-card-title>
-
-                <v-divider></v-divider>
-
-                <v-card-text class="py-4">
-                    <v-row>
+                    <span class="text-h4">{{ tm('history.title') }}</span>
+                    <v-chip size="small" class="ml-2">{{ pagination.total || 0 }}</v-chip>
+                    <v-row class="me-4 ms-4" dense>
                         <v-col cols="12" sm="6" md="4">
-                            <v-select v-model="platformFilter" :label="tm('filters.platform')" :items="availablePlatforms" chips multiple
-                                clearable variant="outlined" density="compact" hide-details>
+                            <v-combobox v-model="platformFilter" :label="tm('filters.platform')"
+                                :items="availablePlatforms" chips multiple clearable variant="solo-filled" flat
+                                density="compact" hide-details>
                                 <template v-slot:selection="{ item }">
-                                    <v-chip size="small" :color="getPlatformColor(item.value)" label>
+                                    <v-chip size="small" label>
                                         {{ item.title }}
                                     </v-chip>
                                 </template>
-                            </v-select>
+                            </v-combobox>
                         </v-col>
 
                         <v-col cols="12" sm="6" md="4">
-                            <v-select v-model="messageTypeFilter" :label="tm('filters.type')" :items="messageTypeItems" chips multiple
-                                clearable variant="outlined" density="compact" hide-details>
+                            <v-select v-model="messageTypeFilter" :label="tm('filters.type')" :items="messageTypeItems"
+                                chips multiple clearable variant="solo-filled" density="compact" hide-details flat>
                                 <template v-slot:selection="{ item }">
-                                    <v-chip size="small" :color="getMessageTypeColor(item.value)" variant="outlined"
-                                        label>
+                                    <v-chip size="small" variant="solo-filled" label>
                                         {{ item.title }}
                                     </v-chip>
                                 </template>
@@ -52,22 +31,13 @@
                         </v-col>
 
                         <v-col cols="12" sm="12" md="4">
-                            <v-text-field v-model="search" prepend-inner-icon="mdi-magnify" :label="tm('filters.search')" hide-details
-                                density="compact" variant="outlined" clearable></v-text-field>
+                            <v-text-field v-model="search" prepend-inner-icon="mdi-magnify"
+                                :label="tm('filters.search')" hide-details density="compact" variant="solo-filled" flat
+                                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">{{ tm('history.title') }}</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">
+                        :loading="loading" size="small">
                         {{ tm('history.refresh') }}
                     </v-btn>
                 </v-card-title>
@@ -75,26 +45,24 @@
                 <v-divider></v-divider>
 
                 <v-card-text class="pa-0">
-                    <v-data-table :headers="tableHeaders" :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">
+                    <v-data-table :headers="tableHeaders" :items="conversations" :loading="loading"
+                        style="font-size: 12px;" 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 || tm('status.noTitle') }}</span>
                             </div>
                         </template>
 
                         <template v-slot:item.platform="{ item }">
-                            <v-chip :color="getPlatformColor(item.sessionInfo.platform)" size="small" label>
+                            <v-chip size="small" label>
                                 {{ item.sessionInfo.platform || tm('status.unknown') }}
                             </v-chip>
                         </template>
 
                         <template v-slot:item.messageType="{ item }">
-                            <v-chip :color="getMessageTypeColor(item.sessionInfo.messageType)" size="small"
-                                variant="outlined" label>
+                            <v-chip size="small" label>
                                 {{ getMessageTypeDisplay(item.sessionInfo.messageType) }}
                             </v-chip>
                         </template>
@@ -113,17 +81,17 @@
 
                         <template v-slot:item.actions="{ item }">
                             <div class="actions-wrapper">
-                                <v-btn color="primary" variant="flat" size="small" class="action-button"
+                                <v-btn icon variant="plain" size="x-small" class="action-button"
                                     @click="viewConversation(item)">
-                                    <v-icon class="mr-1">mdi-eye</v-icon>{{ tm('actions.view') }}
+                                    <v-icon>mdi-eye</v-icon>
                                 </v-btn>
-                                <v-btn color="warning" variant="flat" size="small" class="action-button"
+                                <v-btn icon variant="plain" size="x-small" class="action-button"
                                     @click="editConversation(item)">
-                                    <v-icon class="mr-1">mdi-pencil</v-icon>{{ tm('actions.edit') }}
+                                    <v-icon>mdi-pencil</v-icon>
                                 </v-btn>
-                                <v-btn color="error" variant="flat" size="small" class="action-button"
+                                <v-btn icon color="error" variant="plain" size="x-small" class="action-button"
                                     @click="confirmDeleteConversation(item)">
-                                    <v-icon class="mr-1">mdi-delete</v-icon>{{ tm('actions.delete') }}
+                                    <v-icon>mdi-delete</v-icon>
                                 </v-btn>
                             </div>
                         </template>
@@ -137,7 +105,7 @@
                     </v-data-table>
 
                     <!-- 分页控制 -->
-                    <div class="d-flex justify-end pa-4">
+                    <div class="d-flex justify-end">
                         <v-pagination v-model="pagination.page" :length="pagination.total_pages" :disabled="loading"
                             @update:model-value="fetchConversations" rounded="circle"></v-pagination>
                     </div>
@@ -263,8 +231,9 @@
 
                 <v-card-text class="py-4">
                     <v-form ref="form" v-model="valid">
-                        <v-text-field v-model="editedItem.title" :label="tm('dialogs.edit.titleLabel')" :placeholder="tm('dialogs.edit.titlePlaceholder')" variant="outlined"
-                            density="comfortable" class="mb-3"></v-text-field>
+                        <v-text-field v-model="editedItem.title" :label="tm('dialogs.edit.titleLabel')"
+                            :placeholder="tm('dialogs.edit.titlePlaceholder')" variant="outlined" density="comfortable"
+                            class="mb-3"></v-text-field>
                     </v-form>
                 </v-card-text>
 
@@ -291,7 +260,8 @@
                 </v-card-title>
 
                 <v-card-text class="py-4">
-                    <p>{{ tm('dialogs.delete.message', { title: selectedConversation?.title || tm('status.noTitle') }) }}</p>
+                    <p>{{ tm('dialogs.delete.message', { title: selectedConversation?.title || tm('status.noTitle') })
+                    }}</p>
                 </v-card-text>
 
                 <v-divider></v-divider>
@@ -339,7 +309,7 @@ export default {
     setup() {
         const { t, locale } = useI18n();
         const { tm } = useModuleI18n('features/conversation');
-        
+
         return {
             t,
             tm,
@@ -454,12 +424,18 @@ export default {
         tableHeaders() {
             return [
                 { title: this.tm('table.headers.title'), key: 'title', sortable: true },
-                { title: this.tm('table.headers.platform'), key: 'platform', sortable: true, width: '120px' },
-                { title: this.tm('table.headers.type'), key: 'messageType', sortable: true, width: '100px' },
-                { title: this.tm('table.headers.sessionId'), key: 'sessionId', sortable: true, width: '100px' },
+                {
+                    title: this.tm('table.headers.sessionId'),
+                    align: 'center',
+                    children: [
+                        { title: this.tm('table.headers.platform'), key: 'platform', sortable: true, width: '120px' },
+                        { title: this.tm('table.headers.type'), key: 'messageType', sortable: true, width: '100px' },
+                        { title: '会话 ID', key: 'sessionId', sortable: true, width: '100px' },
+                    ],
+                },
                 { title: this.tm('table.headers.createdAt'), key: 'created_at', sortable: true, width: '180px' },
                 { title: this.tm('table.headers.updatedAt'), key: 'updated_at', sortable: true, width: '180px' },
-                { title: this.tm('table.headers.actions'), key: 'actions', sortable: false, align: 'center', width: '240px' }
+                { title: this.tm('table.headers.actions'), key: 'actions', sortable: false, align: 'center' }
             ];
         },
 
@@ -500,8 +476,11 @@ export default {
 
         // 当前的筛选条件对象
         currentFilters() {
+            const platforms = this.platformFilter.map(item =>
+                typeof item === 'object' ? item.value : item
+            );
             return {
-                platforms: this.platformFilter,
+                platforms: platforms,
                 messageTypes: this.messageTypeFilter,
                 search: this.search
             };
@@ -541,16 +520,6 @@ export default {
             };
         },
 
-        // 重置过滤条件
-        resetFilters() {
-            this.platformFilter = [];
-            this.messageTypeFilter = [];
-            this.search = '';
-            // 立即应用筛选，不使用防抖
-            this.pagination.page = 1;
-            this.fetchConversations();
-        },
-
         // 处理表格选项变更（页面大小等）
         handleTableOptions(options) {
             // 处理页面大小变更
@@ -579,16 +548,6 @@ export default {
             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 = {
@@ -610,9 +569,12 @@ export default {
                     page_size: this.pagination.page_size
                 };
 
-                // 添加筛选条件
+                // 添加筛选条件 - 处理combobox的混合数据格式
                 if (this.platformFilter.length > 0) {
-                    params.platforms = this.platformFilter.join(',');
+                    const platforms = this.platformFilter.map(item =>
+                        typeof item === 'object' ? item.value : item
+                    );
+                    params.platforms = platforms.join(',');
                 }
 
                 if (this.messageTypeFilter.length > 0) {
@@ -882,7 +844,7 @@ export default {
                 // 处理字符串内容
                 final_content = content;
             } else if (!final_content) return this.tm('status.emptyContent');
-            
+
             // 使用markdown-it处理，默认安全（html: false会禁用HTML标签）
             return md.render(final_content);
         },
@@ -905,10 +867,6 @@ export default {
 </script>
 
 <style>
-.conversation-page {
-    padding: 20px;
-}
-
 .actions-wrapper {
     display: flex;
     justify-content: flex-end;
@@ -918,11 +876,6 @@ export default {
 .action-button {
     border-radius: 8px;
     font-weight: 500;
-    transition: all 0.2s ease;
-}
-
-.action-button:hover {
-    transform: translateY(-2px);
 }
 
 .monaco-editor-container {
diff --git a/dashboard/src/views/SessionManagementPage.vue b/dashboard/src/views/SessionManagementPage.vue
index 9896fdde7..a769c1acf 100644
--- a/dashboard/src/views/SessionManagementPage.vue
+++ b/dashboard/src/views/SessionManagementPage.vue
@@ -1,553 +1,324 @@
 <template>
   <div class="session-management-page">
     <v-container fluid class="pa-0">
-      <v-row class="d-flex justify-space-between align-center px-4 py-3 pb-8">
-        <div>
-          <h1 class="text-h1 font-weight-bold mb-2" style="display: flex; align-items: center;">
-            <v-icon color="black" class="me-2">mdi-account-group</v-icon>{{ tm('title') }}
-          </h1>
-          <p class="text-subtitle-1 text-medium-emphasis mb-4">
-            {{ subtitle }}
-          </p>
-        </div>
-        <v-btn 
-          color="primary" 
-          prepend-icon="mdi-refresh" 
-          variant="tonal"
-          @click="refreshSessions"
-          :loading="loading"
-          rounded="xl"
-          size="x-large"
-        >
-          {{ tm('buttons.refresh') }}
-        </v-btn>
-      </v-row>
-
-    <v-card elevation="0" rounded="12" class="session-card">
-      <v-card-title class="bg-primary text-white py-3 px-4 session-card-title">
-        <v-icon color="white" class="me-2">mdi-account-group</v-icon>
-        <span class="text-h4 mr-4">{{ tm('sessions.activeSessions') }}</span>
-        <v-chip color="white" text-color="primary" small>
-          {{ sessions.length }} {{ tm('sessions.sessionCount') }}
-        </v-chip>
-      </v-card-title>
-
-      <v-card-text class="pa-0">
-        <!-- 搜索栏 -->
-        <v-toolbar flat class="px-4">
-          <v-text-field
-            v-model="searchQuery"
-            prepend-inner-icon="mdi-magnify"
-            :label="tm('search.placeholder')"
-            hide-details
-            clearable
-            variant="outlined"
-            class="me-4"
-            density="compact"
-          ></v-text-field>
-          
-          <v-select
-            v-model="filterPlatform"
-            :items="platformOptions"
-            :label="tm('search.platformFilter')"
-            hide-details
-            clearable
-            variant="outlined"
-            class="me-4"
-            style="max-width: 150px;"
-            density="compact"
-          ></v-select>
-        </v-toolbar>
+      <v-card flat>
+        <v-card-title class="d-flex align-center py-3 px-4">
+          <span class="text-h4">{{ tm('sessions.activeSessions') }}</span>
+          <v-chip size="small" class="ml-2">{{ sessions.length }} {{ tm('sessions.sessionCount') }}</v-chip>
+          <v-row class="me-4 ms-4" dense>
+            <v-text-field v-model="searchQuery" prepend-inner-icon="mdi-magnify" :label="tm('search.placeholder')"
+              hide-details clearable variant="solo-filled" flat class="me-4" density="compact"></v-text-field>
+            <v-select v-model="filterPlatform" :items="platformOptions" :label="tm('search.platformFilter')"
+              hide-details clearable variant="solo-filled" flat class="me-4" style="max-width: 150px;"
+              density="compact"></v-select>
+          </v-row>
+          <v-btn color="primary" prepend-icon="mdi-refresh" variant="tonal" @click="refreshSessions" :loading="loading"
+            size="small">
+            {{ tm('buttons.refresh') }}
+          </v-btn>
+        </v-card-title>
 
         <v-divider></v-divider>
 
-        <!-- 会话列表 -->
-        <v-data-table
-          :headers="headers"
-          :items="filteredSessions"
-          :loading="loading"
-          :items-per-page="itemsPerPage"
-          class="elevation-0"
-        >
-          <!-- 会话信息 -->
-          <template v-slot:item.session_info="{ item }">
-            <div class="py-2">
-              <div class="d-flex align-center">
-                <div class="flex-grow-1">
-                  <div class="font-weight-medium d-flex align-center">
-                    <v-tooltip 
-                      location="top"
-                    >
-                      <template v-slot:activator="{ props: tooltipProps }">
-                        <span v-bind="tooltipProps">{{ item.session_name }}</span>
-                      </template>
-                      使用 /sid 指令可查看会话 ID。
-                    </v-tooltip>
-                    
-                    <v-tooltip 
-                      v-if="item.session_name !== item.session_raw_name" 
-                      activator="parent" 
-                      location="top"
-                    >
-                      <span class="text-caption">实际UMO: {{ item.session_raw_name }}</span>
+        <v-card-text class="pa-0">
+          <!-- 会话列表 -->
+          <v-data-table :headers="headers" :items="filteredSessions" :loading="loading" :items-per-page="itemsPerPage" density="compact"
+            class="elevation-0" style="font-size: 11px;">
+
+            <!-- 会话启停 -->
+            <template v-slot:item.session_enabled="{ item }">
+              <v-checkbox :model-value="item.session_enabled"
+                @update:model-value="(value) => updateSessionStatus(item, value)" :loading="item.updating" hide-details
+                density="compact" color="success">
+              </v-checkbox>
+            </template>
+
+            <!-- 会话信息 -->
+            <template v-slot:item.session_info="{ item }">
+              <div>
+                <div class="d-flex align-center">
+                  <v-tooltip location="top">
+                    <template v-slot:activator="{ props: tooltipProps }">
+                      <div v-if="item.session_name !== item.session_raw_name">
+                        <span>{{ item.session_name }}</span>
+                        <span style="color: grey;">({{ item.session_id }})</span>
+                      </div>
+                      <div v-else>
+                        <span v-bind="tooltipProps">{{ item.session_id }}</span>
+                      </div>
+                    </template>
+                    <div>
+                      <p>使用 /sid 指令可查看会话 ID。</p>
+                      <p>会话信息：</p>
+                      <ul>
+                        <li>平台: {{ item.platform }}</li>
+                        <li v-if="item.user_name">用户: {{ item.user_name }}</li>
+                        <li v-if="item.message_type">消息类型: {{ item.message_type }}</li>
+                        <li v-if="item.session_raw_name">会话 ID: {{ item.session_raw_name }}</li>
+                      </ul>
+                    </div>
+                  </v-tooltip>
+
+                  <v-btn icon size="x-small" variant="plain" @click="openNameEditor(item)" class="ml-2"
+                    :loading="item.updating">
+                    <v-icon>mdi-pencil</v-icon>
+                    <v-tooltip activator="parent" location="top">
+                      {{ tm('buttons.editName') }}
                     </v-tooltip>
-                    <v-icon 
-                      v-if="item.session_name !== item.session_raw_name" 
-                      size="12" 
-                      color="warning" 
-                      class="ml-1"
-                    >
-                      mdi-information-outline
-                    </v-icon>
-                  </div>
-                  <div class="text-caption text-grey-600">
-                    <v-chip 
-                      :color="getPlatformColor(item.platform)" 
-                      size="x-small" 
-                      class="me-1"
-                    >
-                      {{ item.platform }}
-                    </v-chip>
-                    {{ item.message_type }}
-                  </div>
+                  </v-btn>
                 </div>
-                <v-btn
-                  icon
-                  size="small"
-                  variant="text"
-                  color="primary"
-                  @click="openNameEditor(item)"
-                  :loading="item.updating"
-                >
-                  <v-icon size="16">mdi-pencil</v-icon>
-                  <v-tooltip activator="parent" location="top">
-                    {{ tm('buttons.editName') }}
-                  </v-tooltip>
-                </v-btn>
               </div>
-            </div>
-          </template>
-
-          <!-- 人格 -->
-          <template v-slot:item.persona="{ item }">
-            <v-select
-              :model-value="item.persona_id || ''"
-              :items="personaOptions"
-              item-title="label"
-              item-value="value"
-              hide-details
-              density="compact"
-              variant="outlined"
-              @update:model-value="(value) => updatePersona(item, value)"
-              :loading="item.updating"
-              :disabled="!item.session_enabled"
-            >
-              <template v-slot:selection="{ item: selection }">
-                <v-chip 
-                  size="small" 
-                  :color="selection.raw.value === '[%None]' ? 'grey' : 'primary'"
-                >
-                  {{ selection.raw.label }}
-                </v-chip>
-              </template>
-            </v-select>
-          </template>
-
-          <!-- Chat Provider -->
-          <template v-slot:item.chat_provider="{ item }">
-            <v-select
-              :model-value="item.chat_provider_id || ''"
-              :items="chatProviderOptions"
-              item-title="label"
-              item-value="value"
-              hide-details
-              density="compact"
-              variant="outlined"
-              @update:model-value="(value) => updateProvider(item, value, 'chat_completion')"
-              :loading="item.updating"
-              :disabled="!item.session_enabled"
-            >
-              <template v-slot:selection="{ item: selection }">
-                <v-chip size="small" color="success">
-                  {{ selection.raw.label }}
-                </v-chip>
-              </template>
-            </v-select>
-          </template>
-
-          <!-- STT Provider -->
-          <template v-slot:item.stt_provider="{ item }">
-            <v-select
-              :model-value="item.stt_provider_id || ''"
-              :items="sttProviderOptions"
-              item-title="label"
-              item-value="value"
-              hide-details
-              density="compact"
-              variant="outlined"
-              @update:model-value="(value) => updateProvider(item, value, 'speech_to_text')"
-              :loading="item.updating"
-              :disabled="sttProviderOptions.length === 0 || !item.session_enabled"
-            >
-              <template v-slot:selection="{ item: selection }">
-                <v-chip size="small" color="info">
-                  {{ selection.raw.label }}
-                </v-chip>
-              </template>
-            </v-select>
-          </template>
-
-          <!-- TTS Provider -->
-          <template v-slot:item.tts_provider="{ item }">
-            <v-select
-              :model-value="item.tts_provider_id || ''"
-              :items="ttsProviderOptions"
-              item-title="label"
-              item-value="value"
-              hide-details
-              density="compact"
-              variant="outlined"
-              @update:model-value="(value) => updateProvider(item, value, 'text_to_speech')"
-              :loading="item.updating"
-              :disabled="ttsProviderOptions.length === 0 || !item.session_enabled"
-            >
-              <template v-slot:selection="{ item: selection }">
-                <v-chip size="small" color="warning">
-                  {{ selection.raw.label }}
-                </v-chip>
-              </template>
-            </v-select>          </template>
-
-          <!-- 会话启停 -->
-          <template v-slot:item.session_enabled="{ item }">
-            <v-switch
-              :model-value="item.session_enabled"
-              @update:model-value="(value) => updateSessionStatus(item, value)"
-              :loading="item.updating"
-              hide-details
-              density="compact"
-              color="success"
-              inset
-            >
-            </v-switch>
-          </template>
-
-          <!-- LLM启停 -->
-          <template v-slot:item.llm_enabled="{ item }">
-            <v-switch
-              :model-value="item.llm_enabled"
-              @update:model-value="(value) => updateLLM(item, value)"
-              :loading="item.updating"
-              :disabled="!item.session_enabled"
-              hide-details
-              density="compact"
-              color="primary"
-              inset
-            >
-            </v-switch>
-          </template>
-
-          <!-- TTS启停 -->
-          <template v-slot:item.tts_enabled="{ item }">
-            <v-switch
-              :model-value="item.tts_enabled"
-              @update:model-value="(value) => updateTTS(item, value)"
-              :loading="item.updating"
-              :disabled="!item.session_enabled"
-              hide-details
-              density="compact"
-              color="secondary"
-              inset
-            >
-            </v-switch>
-          </template>
-
-          <!-- 插件管理 -->
-          <template v-slot:item.plugins="{ item }">
-            <v-btn
-              size="small"
-              variant="outlined"
-              color="primary"
-              @click="openPluginManager(item)"
-              :loading="item.loadingPlugins"
-              :disabled="!item.session_enabled"
-            >
-              {{ tm('buttons.edit') }}
-            </v-btn>
-          </template>
-
-          <!-- 空状态 -->
-          <template v-slot:no-data>
-            <div class="text-center py-8">
-              <v-icon size="64" color="grey-400">mdi-account-group-outline</v-icon>
-              <div class="text-h6 mt-4 text-grey-600">{{ tm('sessions.noActiveSessions') }}</div>
-              <div class="text-body-2 text-grey-500">{{ tm('sessions.noActiveSessionsDesc') }}</div>
-            </div>
-          </template>
-        </v-data-table>
-      </v-card-text>
-    </v-card>
-
-    <!-- 批量操作面板 -->
-    <v-card elevation="0" class="mt-4 batch-operations-card" rounded="12">
-      <v-card-title class="bg-secondary text-white py-3 px-4">
-        <v-icon color="white" class="me-2">mdi-cog-outline</v-icon>
-        <span class="text-h4">{{ tm('batchOperations.title') }}</span>
-      </v-card-title>
-      
-      <v-card-text>
-        <div style="padding: 16px;">
-          <v-row>
-            <v-col cols="12" md="6" lg="3" v-if="availablePersonas.length > 0">
-              <v-select
-                v-model="batchPersona"
-                :items="personaOptions"
-                item-title="label"
-                item-value="value"
-                :label="tm('batchOperations.setPersona')"
-                hide-details
-                clearable
-                variant="outlined"
-                density="comfortable"
-                class="batch-select"
-              ></v-select>
-            </v-col>
-            
-            <v-col cols="12" md="6" lg="3" v-if="availableChatProviders.length > 0">
-              <v-select
-                v-model="batchChatProvider"
-                :items="chatProviderOptions"
-                item-title="label"
-                item-value="value"
-                :label="tm('batchOperations.setChatProvider')"
-                hide-details
-                clearable
-                variant="outlined"
-                density="comfortable"
-                class="batch-select"
-              ></v-select>
-            </v-col>
-
-            <v-col cols="12" md="6" lg="3">
-              <v-select
-                v-model="batchSttProvider"
-                :items="sttProviderOptions"
-                item-title="label"
-                item-value="value"
-                :label="tm('batchOperations.setSttProvider')"
-                hide-details
-                clearable
-                variant="outlined"
-                density="comfortable"
-                class="batch-select"
-                :disabled="availableSttProviders.length === 0"
-                :placeholder="availableSttProviders.length === 0 ? tm('batchOperations.noSttProvider') : ''"
-              ></v-select>
-            </v-col>
-
-            <v-col cols="12" md="6" lg="3">
-              <v-select
-                v-model="batchTtsProvider"
-                :items="ttsProviderOptions"
-                item-title="label"
-                item-value="value"
-                :label="tm('batchOperations.setTtsProvider')"
-                hide-details
-                clearable
-                variant="outlined"
-                density="comfortable"
-                class="batch-select"
-                :disabled="availableTtsProviders.length === 0"
-                :placeholder="availableTtsProviders.length === 0 ? tm('batchOperations.noTtsProvider') : ''"
-              ></v-select>
-            </v-col>
-          </v-row>
-
-          <v-row>
-            <v-col cols="12" md="6" lg="3">
-              <v-select
-                v-model="batchLlmStatus"
-                :items="[{label: tm('status.enabled'), value: true}, {label: tm('status.disabled'), value: false}]"
-                item-title="label"
-                item-value="value"
-                :label="tm('batchOperations.setLlmStatus')"
-                hide-details
-                clearable
-                variant="outlined"
-                density="comfortable"
-                class="batch-select"
-              ></v-select>
-            </v-col>
-
-            <v-col cols="12" md="6" lg="3">
-              <v-select
-                v-model="batchTtsStatus"
-                :items="[{label: tm('status.enabled'), value: true}, {label: tm('status.disabled'), value: false}]"
-                item-title="label"
-                item-value="value"
-                :label="tm('batchOperations.setTtsStatus')"
-                hide-details
-                clearable
-                variant="outlined"
-                density="comfortable"
-                class="batch-select"
-              ></v-select>
-            </v-col>
-          </v-row>
-
-          <div class="d-flex justify-end align-center mt-8">
-            <v-btn
-              color="primary"
-              variant="tonal"
-              size="large"
-              rounded="lg"
-              @click="applyBatchChanges"
-              :disabled="!batchPersona && !batchChatProvider && !batchSttProvider && !batchTtsProvider && batchLlmStatus === null && batchTtsStatus === null"
-              :loading="batchUpdating"
-              class="me-3"
-            >
-              <v-icon start>mdi-check-all</v-icon>
-              {{ tm('buttons.apply') }}
-            </v-btn>
-
-          </div>
-        </div>
-
-      </v-card-text>
-    </v-card>
-
-    <!-- 插件管理对话框 -->
-    <v-dialog v-model="pluginDialog" max-width="800" min-height="80%">
-      <v-card v-if="selectedSessionForPlugin">
-        <v-card-title class="bg-primary text-white py-3 px-4" style="display: flex; align-items: center;">
-          <v-icon color="white" class="me-2">mdi-puzzle</v-icon>
-          <span>{{ tm('pluginManagement.title') }} - {{ selectedSessionForPlugin.session_name }}</span>
-          <v-spacer></v-spacer>
-          <v-btn icon variant="text" color="white" @click="pluginDialog = false">
-            <v-icon>mdi-close</v-icon>
-          </v-btn>
-        </v-card-title>
-
-        <v-card-text v-if="!loadingPlugins">
-          <div style="padding-left: 16px; padding-right: 16px;">
-            <div v-if="sessionPlugins.length === 0" class="text-center py-8">
-              <v-icon size="64" color="grey-400">mdi-puzzle-outline</v-icon>
-              <div class="text-h6 mt-4 text-grey-600">{{ tm('pluginManagement.noPlugins') }}</div>
-              <div class="text-body-2 text-grey-500">{{ tm('pluginManagement.noPluginsDesc') }}</div>
-            </div>
-            
-            <v-list v-else>
-              <v-list-item
-                v-for="plugin in sessionPlugins"
-                :key="plugin.name"
-                class="px-0"
-              >
-                <template v-slot:prepend>
-                  <v-icon :color="plugin.enabled ? 'success' : 'grey'">
-                    {{ plugin.enabled ? 'mdi-check-circle' : 'mdi-circle-outline' }}
-                  </v-icon>
+            </template>
+
+            <!-- 人格 -->
+            <template v-slot:item.persona="{ item }">
+              <v-select :model-value="item.persona_id || ''" :items="personaOptions" item-title="label"
+                item-value="value" hide-details density="compact" variant="solo-filled" flat
+                @update:model-value="(value) => updatePersona(item, value)" :loading="item.updating"
+                :disabled="!item.session_enabled">
+                <template v-slot:selection="{ item: selection }">
+                  <span style="font-size: 12px;">{{ selection.raw.label }}</span>
                 </template>
-                
-                <v-list-item-title class="font-weight-medium">
-                  {{ plugin.name }}
-                </v-list-item-title>
-                
-                <v-list-item-subtitle>
-                  {{ tm('pluginManagement.author') }}: {{ plugin.author }}
-                </v-list-item-subtitle>
-                
-                <template v-slot:append>
-                  <v-switch
-                    :model-value="plugin.enabled"
-                    hide-details
-                    color="primary"
-                    @update:model-value="(value) => togglePlugin(plugin, value)"
-                    :loading="plugin.updating"
-                  ></v-switch>
+              </v-select>
+            </template>
+
+            <!-- Chat Provider -->
+            <template v-slot:item.chat_provider="{ item }">
+              <v-select :model-value="item.chat_provider_id || ''" :items="chatProviderOptions" item-title="label"
+                item-value="value" hide-details density="compact" variant="solo-filled" flat
+                @update:model-value="(value) => updateProvider(item, value, 'chat_completion')" :loading="item.updating"
+                :disabled="!item.session_enabled">
+                <template v-slot:selection="{ item: selection }">
+                  <span style="font-size: 12px;">{{ selection.raw.label }}</span>
                 </template>
-              </v-list-item>
-            </v-list>
-          </div>
-
-        </v-card-text>
-        
-        <v-card-text v-else class="text-center py-8">
-          <v-progress-circular indeterminate color="primary" size="48"></v-progress-circular>
-          <div class="text-body-1 mt-4">{{ tm('pluginManagement.loading') }}</div>
+              </v-select>
+            </template>
+
+            <!-- STT Provider -->
+            <template v-slot:item.stt_provider="{ item }">
+              <v-select :model-value="item.stt_provider_id || ''" :items="sttProviderOptions" item-title="label"
+                item-value="value" hide-details density="compact" variant="solo-filled" flat
+                @update:model-value="(value) => updateProvider(item, value, 'speech_to_text')" :loading="item.updating"
+                :disabled="sttProviderOptions.length === 0 || !item.session_enabled">
+                <template v-slot:selection="{ item: selection }">
+                  <span style="font-size: 12px;">{{ selection.raw.label }}</span>
+                </template>
+              </v-select>
+            </template>
+
+            <!-- TTS Provider -->
+            <template v-slot:item.tts_provider="{ item }">
+              <v-select :model-value="item.tts_provider_id || ''" :items="ttsProviderOptions" item-title="label"
+                item-value="value" hide-details density="compact" variant="solo-filled" flat
+                @update:model-value="(value) => updateProvider(item, value, 'text_to_speech')" :loading="item.updating"
+                :disabled="ttsProviderOptions.length === 0 || !item.session_enabled">
+                <template v-slot:selection="{ item: selection }">
+                  <span style="font-size: 12px;">{{ selection.raw.label }}</span>
+                </template>
+              </v-select> </template>
+
+            <!-- LLM启停 -->
+            <template v-slot:item.llm_enabled="{ item }">
+              <v-checkbox :model-value="item.llm_enabled" @update:model-value="(value) => updateLLM(item, value)"
+                :loading="item.updating" :disabled="!item.session_enabled" hide-details density="compact"
+                color="primary">
+              </v-checkbox>
+            </template>
+
+            <!-- TTS启停 -->
+            <template v-slot:item.tts_enabled="{ item }">
+              <v-checkbox :model-value="item.tts_enabled" @update:model-value="(value) => updateTTS(item, value)"
+                :loading="item.updating" :disabled="!item.session_enabled" hide-details density="compact"
+                color="secondary">
+              </v-checkbox>
+            </template>
+
+            <!-- 插件管理 -->
+            <template v-slot:item.plugins="{ item }">
+              <v-btn size="x-small" variant="tonal" color="primary" @click="openPluginManager(item)"
+                :loading="item.loadingPlugins" :disabled="!item.session_enabled">
+                {{ tm('buttons.edit') }}
+              </v-btn>
+            </template>
+
+            <!-- 空状态 -->
+            <template v-slot:no-data>
+              <div class="text-center py-8">
+                <v-icon size="64" color="grey-400">mdi-account-group-outline</v-icon>
+                <div class="text-h6 mt-4 text-grey-600">{{ tm('sessions.noActiveSessions') }}</div>
+                <div class="text-body-2 text-grey-500">{{ tm('sessions.noActiveSessionsDesc') }}</div>
+              </div>
+            </template>
+          </v-data-table>
         </v-card-text>
       </v-card>
-    </v-dialog>
-
-    <!-- 会话命名编辑对话框 -->
-    <v-dialog v-model="nameEditDialog" max-width="500" min-height="60%">
-      <v-card v-if="selectedSessionForName">
-        <v-card-title class="bg-primary text-white py-3 px-4" style="display: flex; align-items: center;">
-          <v-icon color="white" class="me-2">mdi-rename-box</v-icon>
-          <span>{{ tm('nameEditor.title') }}</span>
-          <v-spacer></v-spacer>
-          <v-btn icon variant="text" color="white" @click="nameEditDialog = false">
-            <v-icon>mdi-close</v-icon>
-          </v-btn>
+
+      <!-- 批量操作面板 -->
+      <v-card flat class="mt-4">
+        <v-card-title class="d-flex align-center py-3 px-4">
+          <span class="text-h4">{{ tm('batchOperations.title') }}</span>
         </v-card-title>
 
         <v-card-text>
-          <div style="padding-left: 16px; padding-right: 16px;">
-            <v-text-field
-            v-model="newSessionName"
-            :label="tm('nameEditor.customName')"
-            :placeholder="tm('nameEditor.placeholder')"
-            variant="outlined"
-            hide-details="auto"
-            clearable
-            class="mb-4"
-            @keyup.enter="saveSessionName"
-          ></v-text-field>
-          
-          <div class="text-caption text-grey-600 mb-2">
-            {{ tm('nameEditor.originalName') }}: {{ selectedSessionForName.session_raw_name }}
-          </div>
-          
-          <div class="text-caption text-grey-600 mb-2">
-            {{ tm('nameEditor.fullSessionId') }}: {{ selectedSessionForName.session_id }}
-          </div>
-          
-          <v-alert 
-            variant="tonal" 
-            type="info" 
-            density="compact" 
-            class="mb-4"
-          >
-            {{ tm('nameEditor.hint') }}
-          </v-alert>
+          <div style="padding: 16px;">
+            <v-row>
+              <v-col cols="12" md="6" lg="3" v-if="availablePersonas.length > 0">
+                <v-select v-model="batchPersona" :items="personaOptions" item-title="label" item-value="value"
+                  :label="tm('batchOperations.setPersona')" hide-details clearable variant="solo-filled" flat
+                  density="comfortable" class="batch-select"></v-select>
+              </v-col>
+
+              <v-col cols="12" md="6" lg="3" v-if="availableChatProviders.length > 0">
+                <v-select v-model="batchChatProvider" :items="chatProviderOptions" item-title="label" item-value="value"
+                  :label="tm('batchOperations.setChatProvider')" hide-details clearable variant="solo-filled" flat
+                  density="comfortable" class="batch-select"></v-select>
+              </v-col>
+
+              <v-col cols="12" md="6" lg="3">
+                <v-select v-model="batchSttProvider" :items="sttProviderOptions" item-title="label" item-value="value"
+                  :label="tm('batchOperations.setSttProvider')" hide-details clearable variant="solo-filled" flat
+                  density="comfortable" class="batch-select" :disabled="availableSttProviders.length === 0"
+                  :placeholder="availableSttProviders.length === 0 ? tm('batchOperations.noSttProvider') : ''"></v-select>
+              </v-col>
+
+              <v-col cols="12" md="6" lg="3">
+                <v-select v-model="batchTtsProvider" :items="ttsProviderOptions" item-title="label" item-value="value"
+                  :label="tm('batchOperations.setTtsProvider')" hide-details clearable variant="solo-filled" flat
+                  density="comfortable" class="batch-select" :disabled="availableTtsProviders.length === 0"
+                  :placeholder="availableTtsProviders.length === 0 ? tm('batchOperations.noTtsProvider') : ''"></v-select>
+              </v-col>
+            </v-row>
+
+            <v-row>
+              <v-col cols="12" md="6" lg="3">
+                <v-select v-model="batchLlmStatus"
+                  :items="[{ label: tm('status.enabled'), value: true }, { label: tm('status.disabled'), value: false }]"
+                  item-title="label" item-value="value" :label="tm('batchOperations.setLlmStatus')" hide-details
+                  clearable variant="solo-filled" flat density="comfortable" class="batch-select"></v-select>
+              </v-col>
+
+              <v-col cols="12" md="6" lg="3">
+                <v-select v-model="batchTtsStatus"
+                  :items="[{ label: tm('status.enabled'), value: true }, { label: tm('status.disabled'), value: false }]"
+                  item-title="label" item-value="value" :label="tm('batchOperations.setTtsStatus')" hide-details
+                  clearable variant="solo-filled" flat density="comfortable" class="batch-select"></v-select>
+              </v-col>
+            </v-row>
+
+            <div class="d-flex justify-end align-center mt-8">
+              <v-btn color="primary" variant="tonal" size="large" rounded="lg" @click="applyBatchChanges"
+                :disabled="!batchPersona && !batchChatProvider && !batchSttProvider && !batchTtsProvider && batchLlmStatus === null && batchTtsStatus === null"
+                :loading="batchUpdating" class="me-3">
+                <v-icon start>mdi-check-all</v-icon>
+                {{ tm('buttons.apply') }}
+              </v-btn>
+
+            </div>
           </div>
-        </v-card-text>
 
-        <v-card-actions class="px-4 pb-4">
-          <v-spacer></v-spacer>
-          <v-btn 
-            color="grey" 
-            variant="text" 
-            @click="nameEditDialog = false"
-            :disabled="nameEditLoading"
-          >
-            {{ tm('buttons.cancel') }}
-          </v-btn>
-          <v-btn 
-            color="primary" 
-            variant="tonal"
-            @click="saveSessionName"
-            :loading="nameEditLoading"
-          >
-            {{ tm('buttons.save') }}
-          </v-btn>
-        </v-card-actions>
+        </v-card-text>
       </v-card>
-    </v-dialog>
 
-    <!-- 提示信息 -->
-    <v-snackbar v-model="snackbar" :timeout="3000" elevation="24" :color="snackbarColor" location="top">
-      {{ snackbarText }}
-    </v-snackbar>
+      <!-- 插件管理对话框 -->
+      <v-dialog v-model="pluginDialog" max-width="800" min-height="80%">
+        <v-card v-if="selectedSessionForPlugin">
+          <v-card-title class="bg-primary text-white py-3 px-4" style="display: flex; align-items: center;">
+            <span>{{ tm('pluginManagement.title') }} - {{ selectedSessionForPlugin.session_name }}</span>
+            <v-spacer></v-spacer>
+            <v-btn icon variant="text" color="white" @click="pluginDialog = false">
+              <v-icon>mdi-close</v-icon>
+            </v-btn>
+          </v-card-title>
+
+          <v-card-text v-if="!loadingPlugins">
+            <div style="padding-left: 16px; padding-right: 16px;">
+              <div v-if="sessionPlugins.length === 0" class="text-center py-8">
+                <v-icon size="64" color="grey-400">mdi-puzzle-outline</v-icon>
+                <div class="text-h6 mt-4 text-grey-600">{{ tm('pluginManagement.noPlugins') }}</div>
+                <div class="text-body-2 text-grey-500">{{ tm('pluginManagement.noPluginsDesc') }}</div>
+              </div>
+
+              <v-list v-else>
+                <v-list-item v-for="plugin in sessionPlugins" :key="plugin.name" class="px-0">
+                  <template v-slot:prepend>
+                    <v-icon :color="plugin.enabled ? 'success' : 'grey'">
+                      {{ plugin.enabled ? 'mdi-check-circle' : 'mdi-circle-outline' }}
+                    </v-icon>
+                  </template>
+
+                  <v-list-item-title class="font-weight-medium">
+                    {{ plugin.name }}
+                  </v-list-item-title>
+
+                  <v-list-item-subtitle>
+                    {{ tm('pluginManagement.author') }}: {{ plugin.author }}
+                  </v-list-item-subtitle>
+
+                  <template v-slot:append>
+                    <v-checkbox :model-value="plugin.enabled" hide-details color="primary"
+                      @update:model-value="(value) => togglePlugin(plugin, value)"
+                      :loading="plugin.updating"></v-checkbox>
+                  </template>
+                </v-list-item>
+              </v-list>
+            </div>
+
+          </v-card-text>
+
+          <v-card-text v-else class="text-center py-8">
+            <v-progress-circular indeterminate color="primary" size="48"></v-progress-circular>
+            <div class="text-body-1 mt-4">{{ tm('pluginManagement.loading') }}</div>
+          </v-card-text>
+        </v-card>
+      </v-dialog>
+
+      <!-- 会话命名编辑对话框 -->
+      <v-dialog v-model="nameEditDialog" max-width="500" min-height="60%">
+        <v-card v-if="selectedSessionForName">
+          <v-card-title class="bg-primary text-white py-3 px-4" style="display: flex; align-items: center;">
+            <span>{{ tm('nameEditor.title') }}</span>
+            <v-spacer></v-spacer>
+            <v-btn icon variant="text" color="white" @click="nameEditDialog = false">
+              <v-icon>mdi-close</v-icon>
+            </v-btn>
+          </v-card-title>
+
+          <v-card-text>
+            <div style="padding-left: 16px; padding-right: 16px;">
+              <v-text-field v-model="newSessionName" :label="tm('nameEditor.customName')"
+                :placeholder="tm('nameEditor.placeholder')" variant="solo-filled" flat hide-details="auto" clearable
+                class="mb-4" @keyup.enter="saveSessionName"></v-text-field>
+
+              <div class="text-caption text-grey-600 mb-2">
+                {{ tm('nameEditor.originalName') }}: {{ selectedSessionForName.session_raw_name }}
+              </div>
+
+              <div class="text-caption text-grey-600 mb-2">
+                {{ tm('nameEditor.fullSessionId') }}: {{ selectedSessionForName.session_id }}
+              </div>
+
+              <v-alert variant="tonal" type="info" density="compact" class="mb-4">
+                {{ tm('nameEditor.hint') }}
+              </v-alert>
+            </div>
+          </v-card-text>
+
+          <v-card-actions class="px-4 pb-4">
+            <v-spacer></v-spacer>
+            <v-btn color="grey" variant="text" @click="nameEditDialog = false" :disabled="nameEditLoading">
+              {{ tm('buttons.cancel') }}
+            </v-btn>
+            <v-btn color="primary" variant="tonal" @click="saveSessionName" :loading="nameEditLoading">
+              {{ tm('buttons.save') }}
+            </v-btn>
+          </v-card-actions>
+        </v-card>
+      </v-dialog>
+
+      <!-- 提示信息 -->
+      <v-snackbar v-model="snackbar" :timeout="3000" elevation="24" :color="snackbarColor" location="top">
+        {{ snackbarText }}
+      </v-snackbar>
     </v-container>
   </div>
 </template>
@@ -561,7 +332,7 @@ export default {
   setup() {
     const { t } = useI18n()
     const { tm } = useModuleI18n('features/session-management')
-    
+
     return {
       t,
       tm
@@ -573,16 +344,16 @@ export default {
       sessions: [],
       searchQuery: '',
       filterPlatform: null,
-      
+
       // 分页相关
       itemsPerPage: 10,
-      
+
       // 可用选项
       availablePersonas: [],
       availableChatProviders: [],
       availableSttProviders: [],
       availableTtsProviders: [],
-      
+
       // 批量操作
       batchPersona: null,
       batchChatProvider: null,
@@ -591,26 +362,26 @@ export default {
       batchLlmStatus: null,
       batchTtsStatus: null,
       batchUpdating: false,
-      
+
       // 插件管理
       pluginDialog: false,
       selectedSessionForPlugin: null,
       sessionPlugins: [],
       loadingPlugins: false,
-      
+
       // 会话命名编辑器
       nameEditDialog: false,
       selectedSessionForName: null,
       newSessionName: '',
       nameEditLoading: false,
-      
+
       // 提示信息
       snackbar: false,
       snackbarText: '',
       snackbarColor: 'success',
     }
   },
-  
+
   computed: {
     // 安全访问翻译的计算属性
     messages() {
@@ -622,53 +393,53 @@ export default {
         deleteConfirm: this.tm('messages.deleteConfirm')
       };
     },
-    
+
     subtitle() {
       return this.tm('subtitle') || '管理所有活跃的会话，配置人格、LLM提供商和插件';
     },
-    
+
     headers() {
       return [
-        { title: this.tm('table.headers.sessionStatus'), key: 'session_enabled', sortable: false, width: '120px' },
-        { title: this.tm('table.headers.sessionInfo'), key: 'session_info', sortable: false, width: '200px' },
-        { title: this.tm('table.headers.persona'), key: 'persona', sortable: false, width: '180px' },
-        { title: this.tm('table.headers.chatProvider'), key: 'chat_provider', sortable: false, width: '180px' },
-        { title: this.tm('table.headers.sttProvider'), key: 'stt_provider', sortable: false, width: '150px' },
-        { title: this.tm('table.headers.ttsProvider'), key: 'tts_provider', sortable: false, width: '150px' },
-        { title: this.tm('table.headers.llmStatus'), key: 'llm_enabled', sortable: false, width: '120px' },
-        { title: this.tm('table.headers.ttsStatus'), key: 'tts_enabled', sortable: false, width: '120px' },
-        { title: this.tm('table.headers.pluginManagement'), key: 'plugins', sortable: false, width: '120px' },
+        { title: this.tm('table.headers.sessionStatus'), key: 'session_enabled', sortable: false, minWidth: '120px' },
+        { title: this.tm('table.headers.sessionInfo'), key: 'session_info', sortable: false },
+        { title: this.tm('table.headers.persona'), key: 'persona', sortable: false, minWidth: '150px' },
+        { title: this.tm('table.headers.chatProvider'), key: 'chat_provider', sortable: false, minWidth: '200px' },
+        { title: this.tm('table.headers.sttProvider'), key: 'stt_provider', sortable: false, minWidth: '200px' },
+        { title: this.tm('table.headers.ttsProvider'), key: 'tts_provider', sortable: false, minWidth: '200px' },
+        { title: this.tm('table.headers.llmStatus'), key: 'llm_enabled', sortable: false, minWidth: '120px' },
+        { title: this.tm('table.headers.ttsStatus'), key: 'tts_enabled', sortable: false, minWidth: '120px' },
+        { title: this.tm('table.headers.pluginManagement'), key: 'plugins', sortable: false, minWidth: '120px' },
       ]
     },
-    
+
     // 懒加载过滤会话 - 使用客户端分页
     filteredSessions() {
       let filtered = this.sessions;
-      
+
       // 搜索筛选
       if (this.searchQuery) {
         const query = this.searchQuery.toLowerCase();
-        filtered = filtered.filter(session => 
+        filtered = filtered.filter(session =>
           session.session_name.toLowerCase().includes(query) ||
           session.platform.toLowerCase().includes(query) ||
           session.persona_name?.toLowerCase().includes(query) ||
           session.chat_provider_name?.toLowerCase().includes(query)
         );
       }
-      
+
       // 平台筛选
       if (this.filterPlatform) {
         filtered = filtered.filter(session => session.platform === this.filterPlatform);
       }
-      
+
       return filtered;
     },
-    
+
     platformOptions() {
       const platforms = [...new Set(this.sessions.map(s => s.platform))];
       return platforms.map(p => ({ title: p, value: p }));
     },
-    
+
     personaOptions() {
       const options = [
         { label: this.tm('persona.none'), value: '[%None]' },
@@ -679,21 +450,21 @@ export default {
       ];
       return options;
     },
-    
+
     chatProviderOptions() {
       return this.availableChatProviders.map(p => ({
         label: `${p.name} (${p.model})`,
         value: p.id
       }));
     },
-    
+
     sttProviderOptions() {
       return this.availableSttProviders.map(p => ({
         label: `${p.name} (${p.model})`,
         value: p.id
       }));
     },
-    
+
     ttsProviderOptions() {
       return this.availableTtsProviders.map(p => ({
         label: `${p.name} (${p.model})`,
@@ -701,11 +472,11 @@ export default {
       }));
     },
   },
-  
+
   mounted() {
     this.loadSessions();
   },
-  
+
   methods: {
     async loadSessions() {
       this.loading = true;
@@ -730,12 +501,12 @@ export default {
       }
       this.loading = false;
     },
-    
+
     async refreshSessions() {
       await this.loadSessions();
       this.showSuccess(this.tm('messages.refreshSuccess'));
     },
-    
+
     async updatePersona(session, personaName) {
       session.updating = true;
       try {
@@ -743,10 +514,10 @@ export default {
           session_id: session.session_id,
           persona_name: personaName
         });
-        
+
         if (response.data.status === 'ok') {
           session.persona_id = personaName;
-          session.persona_name = personaName === '[%None]' ? this.tm('persona.none') : 
+          session.persona_name = personaName === '[%None]' ? this.tm('persona.none') :
             this.availablePersonas.find(p => p.name === personaName)?.name || personaName;
           this.showSuccess(this.tm('messages.personaUpdateSuccess'));
         } else {
@@ -757,7 +528,7 @@ export default {
       }
       session.updating = false;
     },
-    
+
     async updateProvider(session, providerId, providerType) {
       session.updating = true;
       try {
@@ -766,7 +537,7 @@ export default {
           provider_id: providerId,
           provider_type: providerType
         });
-        
+
         if (response.data.status === 'ok') {
           // 更新本地数据
           if (providerType === 'chat_completion') {
@@ -788,9 +559,9 @@ export default {
         }
       } catch (error) {
         this.showError(error.response?.data?.message || this.tm('messages.providerUpdateError'));
-      }      session.updating = false;
+      } session.updating = false;
     },
-    
+
     async updateSessionStatus(session, enabled) {
       session.updating = true;
       try {
@@ -798,7 +569,7 @@ export default {
           session_id: session.session_id,
           session_enabled: enabled
         });
-        
+
         if (response.data.status === 'ok') {
           session.session_enabled = enabled;
           this.showSuccess(this.tm('messages.sessionStatusSuccess', { status: enabled ? this.tm('status.enabled') : this.tm('status.disabled') }));
@@ -810,7 +581,7 @@ export default {
       }
       session.updating = false;
     },
-    
+
     async updateLLM(session, enabled) {
       session.updating = true;
       try {
@@ -818,7 +589,7 @@ export default {
           session_id: session.session_id,
           enabled: enabled
         });
-        
+
         if (response.data.status === 'ok') {
           session.llm_enabled = enabled;
           this.showSuccess(this.tm('messages.llmStatusSuccess', { status: enabled ? this.tm('status.enabled') : this.tm('status.disabled') }));
@@ -830,7 +601,7 @@ export default {
       }
       session.updating = false;
     },
-    
+
     async updateTTS(session, enabled) {
       session.updating = true;
       try {
@@ -838,7 +609,7 @@ export default {
           session_id: session.session_id,
           enabled: enabled
         });
-        
+
         if (response.data.status === 'ok') {
           session.tts_enabled = enabled;
           this.showSuccess(this.tm('messages.ttsStatusSuccess', { status: enabled ? this.tm('status.enabled') : this.tm('status.disabled') }));
@@ -850,16 +621,16 @@ export default {
       }
       session.updating = false;
     },
-    
+
     async applyBatchChanges() {
       if (!this.batchPersona && !this.batchChatProvider && !this.batchSttProvider && !this.batchTtsProvider && this.batchLlmStatus === null && this.batchTtsStatus === null) {
         return;
       }
-      
+
       this.batchUpdating = true;
       let successCount = 0;
       let errorCount = 0;
-      
+
       // 使用过滤后的会话数据进行批量操作
       for (const session of this.filteredSessions) {
         try {
@@ -868,7 +639,7 @@ export default {
             await this.updatePersona(session, this.batchPersona);
             successCount++;
           }
-          
+
           // 批量更新 Chat Provider
           if (this.batchChatProvider) {
             await this.updateProvider(session, this.batchChatProvider, 'chat_completion');
@@ -902,15 +673,15 @@ export default {
           errorCount++;
         }
       }
-      
+
       this.batchUpdating = false;
-      
+
       if (errorCount === 0) {
         this.showSuccess(this.tm('messages.batchUpdateSuccess', { count: successCount }));
       } else {
         this.showError(this.tm('messages.batchUpdatePartial', { success: successCount, error: errorCount }));
       }
-      
+
       // 清空批量设置
       this.batchPersona = null;
       this.batchChatProvider = null;
@@ -919,18 +690,18 @@ export default {
       this.batchLlmStatus = null;
       this.batchTtsStatus = null;
     },
-    
+
     async openPluginManager(session) {
       this.selectedSessionForPlugin = session;
       this.pluginDialog = true;
       this.loadingPlugins = true;
       this.sessionPlugins = [];
-      
+
       try {
         const response = await axios.get('/api/session/plugins', {
           params: { session_id: session.session_id }
         });
-        
+
         if (response.data.status === 'ok') {
           this.sessionPlugins = response.data.data.plugins.map(plugin => ({
             ...plugin,
@@ -942,25 +713,25 @@ export default {
       } catch (error) {
         this.showError(error.response?.data?.message || this.tm('messages.loadPluginsError'));
       }
-      
+
       this.loadingPlugins = false;
     },
-    
+
     async togglePlugin(plugin, enabled) {
       plugin.updating = true;
-      
+
       try {
         const response = await axios.post('/api/session/update_plugin', {
           session_id: this.selectedSessionForPlugin.session_id,
           plugin_name: plugin.name,
           enabled: enabled
         });
-        
+
         if (response.data.status === 'ok') {
           plugin.enabled = enabled;
-          this.showSuccess(this.tm('messages.pluginStatusSuccess', { 
-            name: plugin.name, 
-            status: enabled ? this.tm('status.enabled') : this.tm('status.disabled') 
+          this.showSuccess(this.tm('messages.pluginStatusSuccess', {
+            name: plugin.name,
+            status: enabled ? this.tm('status.enabled') : this.tm('status.disabled')
           }));
         } else {
           this.showError(response.data.message || this.tm('messages.pluginStatusError'));
@@ -968,26 +739,26 @@ export default {
       } catch (error) {
         this.showError(error.response?.data?.message || this.tm('messages.pluginStatusError'));
       }
-      
+
       plugin.updating = false;
     },
-    
+
     openNameEditor(session) {
       this.selectedSessionForName = session;
       this.newSessionName = session.session_name === session.session_raw_name ? '' : session.session_name;
       this.nameEditDialog = true;
     },
-    
+
     async saveSessionName() {
       if (!this.selectedSessionForName) return;
-      
+
       this.nameEditLoading = true;
       try {
         const response = await axios.post('/api/session/update_name', {
           session_id: this.selectedSessionForName.session_id,
           custom_name: this.newSessionName || ''
         });
-        
+
         if (response.data.status === 'ok') {
           // 更新本地数据
           this.selectedSessionForName.session_name = response.data.data.display_name;
@@ -999,10 +770,10 @@ export default {
       } catch (error) {
         this.showError(error.response?.data?.message || this.tm('messages.nameUpdateError'));
       }
-      
+
       this.nameEditLoading = false;
     },
-    
+
     getPlatformColor(platform) {
       const colors = {
         'aiocqhttp': 'blue',
@@ -1014,13 +785,13 @@ export default {
       };
       return colors[platform] || colors.default;
     },
-    
+
     showSuccess(message) {
       this.snackbarText = message;
       this.snackbarColor = 'success';
       this.snackbar = true;
     },
-    
+
     showError(message) {
       this.snackbarText = message;
       this.snackbarColor = 'error';
@@ -1031,53 +802,10 @@ export default {
 </script>
 
 <style scoped>
-.session-management-page {
-  padding: 20px;
-  padding-top: 8px;
-}
 
-.v-data-table >>> .v-data-table__td {
+.v-data-table>>>.v-data-table__td {
   padding: 8px 16px !important;
   vertical-align: middle !important;
 }
 
-.v-data-table >>> .v-data-table__th {
-  vertical-align: middle !important;
-}
-
-.v-select >>> .v-field__input {
-  padding-top: 4px !important;
-  padding-bottom: 4px !important;
-}
-
-.session-card {
-  border-radius: 12px !important;
-  overflow: hidden;
-}
-
-.session-card-title {
-  border-top-left-radius: 12px !important;
-  border-top-right-radius: 12px !important;
-}
-
-/* 对话框标题栏样式 */
-.v-card .v-card-title {
-  border-top-left-radius: 12px;
-  border-top-right-radius: 12px;
-}
-
-/* 表格行悬停效果 */
-.v-data-table >>> .v-data-table__tr:hover {
-  background-color: rgba(var(--v-theme-primary), 0.02) !important;
-}
-
-/* 工具栏样式改进 */
-.v-toolbar {
-  background-color: rgba(var(--v-theme-surface), 0.8) !important;
-}
-
-/* 卡片内边距改进 */
-.v-card-text {
-  padding: 16px 0 !important;
-}
 </style>

From a1bed31909bc002c35ef8c71b4b287f8611e6cee Mon Sep 17 00:00:00 2001
From: Soulter <905617992@qq.com>
Date: Sun, 21 Sep 2025 20:52:57 +0800
Subject: [PATCH 2/3] style: format code

---
 astrbot/core/db/sqlite.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/astrbot/core/db/sqlite.py b/astrbot/core/db/sqlite.py
index 5b3d1da79..b5c4c7cba 100644
--- a/astrbot/core/db/sqlite.py
+++ b/astrbot/core/db/sqlite.py
@@ -158,7 +158,7 @@ async def get_filtered_conversations(
                 base_query = base_query.where(
                     or_(
                         ConversationV2.title.ilike(f"%{search_query}%"),
-                        ConversationV2.content.ilike(f"%{search_query}%")
+                        ConversationV2.content.ilike(f"%{search_query}%"),
                     )
                 )
             if "message_types" in kwargs and len(kwargs["message_types"]) > 0:

From 3a88066fc8d7dfc786b16dc29dba052790b69b47 Mon Sep 17 00:00:00 2001
From: Soulter <905617992@qq.com>
Date: Sun, 21 Sep 2025 20:53:27 +0800
Subject: [PATCH 3/3] fix: remove debug print statements from conversation
 retrieval methods

---
 astrbot/core/db/sqlite.py | 2 --
 1 file changed, 2 deletions(-)

diff --git a/astrbot/core/db/sqlite.py b/astrbot/core/db/sqlite.py
index b5c4c7cba..b915cffee 100644
--- a/astrbot/core/db/sqlite.py
+++ b/astrbot/core/db/sqlite.py
@@ -173,7 +173,6 @@ async def get_filtered_conversations(
 
             # Get total count matching the filters
             count_query = select(func.count()).select_from(base_query.subquery())
-            print(count_query)
             total_count = await session.execute(count_query)
             total = total_count.scalar_one()
 
@@ -184,7 +183,6 @@ async def get_filtered_conversations(
                 .offset(offset)
                 .limit(page_size)
             )
-            print(result_query)
             result = await session.execute(result_query)
             conversations = result.scalars().all()