From 16d31a8d4fb1b6a11f94fac388abf4f83e25163b Mon Sep 17 00:00:00 2001
From: Rain-0x01-39 <83620631+Rain-0x01-39@users.noreply.github.com>
Date: Sat, 25 Jul 2026 17:37:33 +0800
Subject: [PATCH 1/3] fix: resolve double scrollbar in conversation detail
 dialog (#9361)

---
 dashboard/src/views/ConversationPage.vue | 39 +++++++++---------------
 1 file changed, 14 insertions(+), 25 deletions(-)

diff --git a/dashboard/src/views/ConversationPage.vue b/dashboard/src/views/ConversationPage.vue
index 41e633913e..0f913d495e 100644
--- a/dashboard/src/views/ConversationPage.vue
+++ b/dashboard/src/views/ConversationPage.vue
@@ -227,20 +227,20 @@
                     </div>
                 </v-card-title>
 
-                <v-card-text>
-                    <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 ? tm('dialogs.view.previewMode') : tm('dialogs.view.editMode') }}
-                        </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>
-                            {{ tm('dialogs.view.saveChanges') }}
-                        </v-btn>
-                    </div>
+                <div class="pl-6 pr-4 pt-4 pb-2 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 ? tm('dialogs.view.previewMode') : tm('dialogs.view.editMode') }}
+                    </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>
+                        {{ tm('dialogs.view.saveChanges') }}
+                    </v-btn>
+                </div>
 
+                <v-card-text>
                     <!-- 编辑模式 - Monaco编辑器 -->
                     <div v-if="isEditingHistory" class="monaco-editor-container">
                         <VueMonacoEditor v-model:value="editedHistory" theme="vs-dark" language="json" :options="{
@@ -254,9 +254,7 @@
                     </div>
 
                     <!-- 预览模式 - 聊天界面 -->
-                    <div v-else class="conversation-messages-container" style="background-color: var(--v-theme-surface);"
-                        ref="messagesContainer"
-                        @wheel.prevent="onContainerWheel">
+                    <div v-else class="conversation-messages-container" style="background-color: var(--v-theme-surface);">
                         <!-- 空对话提示 -->
                         <div v-if="conversationHistory.length === 0" class="text-center py-5">
                             <v-icon size="48" color="grey">mdi-chat-remove</v-icon>
@@ -1201,13 +1199,6 @@ export default {
             return parts;
         },
 
-        // Manually handle wheel scrolling inside the dialog preview container.
-        onContainerWheel(event) {
-            const el = this.$refs.messagesContainer;
-            if (!el) return;
-            el.scrollTop += event.deltaY;
-        },
-
         // 从内容中提取文本（保留用于其他用途）
         extractTextFromContent(content) {
             if (typeof content === 'string') {
@@ -1256,8 +1247,6 @@ export default {
 
 /* 聊天消息容器样式 */
 .conversation-messages-container {
-    max-height: 500px;
-    overflow-y: auto;
     padding: 8px;
     border-radius: 8px;
     background-color: #f9f9f9;

From 645182331b2b0737bf81511d23a1b70d8ed7233b Mon Sep 17 00:00:00 2001
From: Rain-0x01-39 <83620631+Rain-0x01-39@users.noreply.github.com>
Date: Sat, 25 Jul 2026 17:52:29 +0800
Subject: [PATCH 2/3] fix: resolve double scrollbar in console page (#9361)

---
 dashboard/src/views/ConsolePage.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/views/ConsolePage.vue b/dashboard/src/views/ConsolePage.vue
index 5ad67b77ba..a47cda4cd9 100644
--- a/dashboard/src/views/ConsolePage.vue
+++ b/dashboard/src/views/ConsolePage.vue
@@ -108,7 +108,9 @@ export default {
 
 <style scoped>
 .console-page {
-  height: 100%;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 67px);
   margin: 0 auto;
   max-width: 1400px;
   padding: 24px;
@@ -118,12 +120,14 @@ export default {
 .console-header {
   align-items: flex-start;
   display: flex;
+  flex-shrink: 0;
   justify-content: space-between;
   margin-bottom: 24px;
 }
 
 .console-display {
-  height: calc(100vh - 190px);
+  flex: 1;
+  min-height: 0;
   width: 100%;
 }
 

From 9fb8496f3ae56efb243227ae42e6fafcce7b3c10 Mon Sep 17 00:00:00 2001
From: Rain-0x01-39 <83620631+Rain-0x01-39@users.noreply.github.com>
Date: Thu, 20 Aug 2026 17:11:10 +0800
Subject: [PATCH 3/3] fix: resolve double scrollbar in edit mode of
 conversation detail dialog

---
 dashboard/src/views/ConversationPage.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/views/ConversationPage.vue b/dashboard/src/views/ConversationPage.vue
index 2940e09c23..cb25012a37 100644
--- a/dashboard/src/views/ConversationPage.vue
+++ b/dashboard/src/views/ConversationPage.vue
@@ -227,7 +227,7 @@
 
         <!-- 对话详情对话框 -->
         <v-dialog v-model="dialogView" max-width="900px" scrollable>
-            <v-card class="conversation-detail-card">
+            <v-card class="conversation-detail-card" :class="{ 'conversation-detail-card--edit': isEditingHistory }">
                 <v-card-title class="text-h3 pa-4 pb-0 pl-6 conversation-detail-title">
                     <div class="conversation-detail-heading">
                         <span class="text-truncate">{{ selectedConversation?.title || tm('status.noTitle') }}</span>
@@ -1284,8 +1284,17 @@ export default {
     font-weight: 500;
 }
 
+/* 编辑模式：编辑器填满剩余高度，避免与外层滚动条叠加 */
+.conversation-detail-card--edit > .v-card-text {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+}
+
 .monaco-editor-container {
-    height: 500px;
+    flex: 1;
+    min-height: 0;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
@@ -1322,6 +1331,11 @@ export default {
     flex-direction: column;
 }
 
+/* 编辑模式：卡片固定高度，让 flex 链完整，Monaco 填满剩余空间 */
+.v-dialog > .v-overlay__content > .conversation-detail-card--edit {
+    flex: 0 0 90vh;
+}
+
 .conversation-detail-title {
     display: flex;
     align-items: center;