fix(webui): handle history wheel on preview container

Author: 1zzxy1

dashboard/src/components/chat/MessageList.vue

@@ -1,10 +1,5 @@
 <template>
-    <div
-        class="messages-container"
-        ref="messageContainer"
-        :class="{ 'is-dark': isDark }"
-        :tabindex="manualWheelScroll ? -1 : null"
-        @wheel="handleWheelScroll">
+    <div class="messages-container" ref="messageContainer" :class="{ 'is-dark': isDark }">
         <!-- 加载指示器 -->
         <div v-if="isLoadingMessages" class="loading-overlay" :class="{ 'is-dark': isDark }">
             <v-progress-circular indeterminate size="48" width="4" color="primary"></v-progress-circular>
@@ -229,10 +224,6 @@ export default {
         isLoadingMessages: {
             type: Boolean,
             default: false
-        },
-        manualWheelScroll: {
-            type: Boolean,
-            default: false
         }
     },
     emits: ['openImagePreview', 'replyMessage', 'replyWithText', 'openRefs'],
@@ -767,34 +758,6 @@ export default {
                 this.isUserNearBottom = distanceFromBottom <= this.scrollThreshold;
             }
         },
-
-        handleWheelScroll(event) {
-            if (!this.manualWheelScroll || event.ctrlKey) {
-                return;
-            }
-
-            const container = this.$refs.messageContainer;
-            if (!container) {
-                return;
-            }
-
-            if (document.activeElement !== container) {
-                container.focus({ preventScroll: true });
-            }
-
-            const deltaMultiplier = event.deltaMode === 1
-                ? 16
-                : event.deltaMode === 2
-                    ? container.clientHeight
-                    : 1;
-
-            container.scrollTop += event.deltaY * deltaMultiplier;
-
-            event.preventDefault();
-            event.stopPropagation();
-            this.handleScroll();
-        },
-
         // 组件销毁时移除监听器
         beforeUnmount() {
             const container = this.$refs.messageContainer;

dashboard/src/views/ConversationPage.vue

@@ -198,15 +198,17 @@
                     </div>
 
                     <!-- 预览模式 - 聊天界面 -->
-                    <div v-else class="conversation-messages-container" style="background-color: var(--v-theme-surface);">
+                    <div v-else class="conversation-messages-container" style="background-color: var(--v-theme-surface);"
+                        ref="messagesContainer"
+                        @wheel.prevent="onContainerWheel">
                         <!-- 空对话提示 -->
                         <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">{{ tm('status.emptyContent') }}</p>
                         </div>
 
                         <!-- 消息列表组件 -->
-                        <MessageList v-else :messages="formattedMessages" :isDark="isDark" :manualWheelScroll="true" />
+                        <MessageList v-else :messages="formattedMessages" :isDark="isDark" />
                     </div>
                 </v-card-text>
 
@@ -1052,6 +1054,13 @@ 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') {