From 2a940534f2b79a6e9131c341a0caf4ba6c0bcbf5 Mon Sep 17 00:00:00 2001
From: Julian Freeman <freemanjulian372@gmail.com>
Date: Fri, 3 Apr 2026 19:22:56 -0400
Subject: [PATCH] auto scroll

---
 src/components/ConversationView.vue | 31 +++++++++++++++++++----------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/src/components/ConversationView.vue b/src/components/ConversationView.vue
index 843b528..7c72dfb 100644
--- a/src/components/ConversationView.vue
+++ b/src/components/ConversationView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, nextTick, onMounted, onUnmounted } from 'vue';
+import { ref, computed, nextTick, onMounted, onUnmounted, watch } from 'vue';
 import { 
   Plus, Search, Trash2, Send, User, Type, ChevronDown, Check, 
   MessageSquare, Loader2, Copy, 
@@ -51,6 +51,25 @@ const activeSession = computed(() =>
   settings.chatSessions.find(s => s.id === settings.activeSessionId) || null
 );
 
+const scrollToBottom = async (smooth = true) => {
+  await nextTick();
+  if (messageContainer.value) {
+    messageContainer.value.scrollTo({
+      top: messageContainer.value.scrollHeight,
+      behavior: smooth ? 'smooth' : 'auto'
+    });
+  }
+};
+
+// Watch for session switch
+watch(() => settings.activeSessionId, async (newVal) => {
+  if (newVal) {
+    // 切换会话时，先立即滚动到底部（非平滑），然后再等 DOM 渲染完成后尝试平滑滚动确保到位
+    await scrollToBottom(false);
+    setTimeout(() => scrollToBottom(true), 100); 
+  }
+});
+
 const filteredSessions = computed(() => {
   if (!searchQuery.value.trim()) return settings.chatSessions;
   const q = searchQuery.value.toLowerCase();
@@ -77,16 +96,6 @@ const handleCreateSession = () => {
   settings.activeSessionId = id;
 };
 
-const scrollToBottom = async () => {
-  await nextTick();
-  if (messageContainer.value) {
-    messageContainer.value.scrollTo({
-      top: messageContainer.value.scrollHeight,
-      behavior: 'smooth'
-    });
-  }
-};
-
 let unlisten: (() => void) | null = null;
 onMounted(async () => {
   unlisten = await listen<string>('translation-chunk', (event) => {