基于 OpenCode 重构滚动系统（useAutoScroll + @tanstack/react-virtual）

package.json

@@ -29,6 +29,7 @@
     "@codemirror/view": "^6.41.1",
     "@opencode-ai/sdk": "^1.16.0",
     "@streamdown/math": "^1.0.2",
+    "@tanstack/react-virtual": "^3.14.3",
     "@tauri-apps/api": "^2.10.1",
     "@tauri-apps/plugin-dialog": "^2.6.0",
     "@tauri-apps/plugin-fs": "^2.4.5",

src/constants/ui.ts

@@ -1,2 +1,14 @@
-/** 底部判断阈值 */
+/**
+ * 底部判断阈值 —— 三个功能共用同一个值：
+ * 1. to-bottom 按钮：用户滚动超出该距离，按钮显示
+ * 2. auto-follow：新内容是否自动跟随（userScrolled 在该阈值内为 false）
+ * 3. auto-snap：内容增长时，接近底部是否自动吸附到底部
+ */
 export const AT_BOTTOM_THRESHOLD_PX = 60
+
+/**
+ * Sub-pixel 容差 —— 用于"scrollTop 是否本质上等于标记的 bottom 位置"，
+ * 区分"我们自己 scrollToBottom 触发的 scroll"和"用户的 scroll"。
+ * 与 AT_BOTTOM_THRESHOLD_PX 是不同概念，单独命名避免 magic number。
+ */
+export const BOTTOM_NUDGE_TOLERANCE_PX = 2

src/features/chat/ChatArea.test.ts

@@ -183,12 +183,12 @@ describe('buildChatPages', () => {
 
     const pages = buildChatPages(messages, 2)
 
-    // render order: newest page first
+    // render order: oldest page first
     expect(pages).toHaveLength(3)
-    expect(pages[0].messageIds).toEqual(['user-2', 'assistant-3'])
+    expect(pages[0].messageIds).toEqual(['user-1'])
     // assistant-1 + assistant-2 应该保持在同一个 group/page，不被拆开
     expect(pages[1].messageIds).toEqual(['assistant-1', 'assistant-2'])
-    expect(pages[2].messageIds).toEqual(['user-1'])
+    expect(pages[2].messageIds).toEqual(['user-2', 'assistant-3'])
   })
 })
 
@@ -441,7 +441,8 @@ describe('reconcileStableChatPages', () => {
     ]
     const nextPages = reconcileStableChatPages({ currentPages, nextMessages, allocateKey: alloc, pageMessageCount: 2 })
 
-    expect(nextPages.slice(0, currentPages.length).map(page => page.key)).toEqual(currentPages.map(page => page.key))
+    // 老的页在 oldest-first 中应保持末尾（新消息 prepend 到开头）
+    expect(nextPages.slice(nextPages.length - currentPages.length).map(page => page.key)).toEqual(currentPages.map(page => page.key))
   })
 
   it('only rebuilds the newest page segment when appending new messages', () => {
@@ -456,8 +457,8 @@ describe('reconcileStableChatPages', () => {
     const nextMessages = [...currentMessages, createUserMessage('user-3', 7), createAssistantMessage('assistant-3', [], 8, 9)]
     const nextPages = reconcileStableChatPages({ currentPages, nextMessages, allocateKey: alloc, pageMessageCount: 2 })
 
-    // 老的第二页 key 应该保住，避免整段历史一起重切
-    expect(nextPages[nextPages.length - 1].key).toBe(currentPages[currentPages.length - 1].key)
+    // 最旧的页 key 应该保住，避免整段历史一起重切
+    expect(nextPages[0].key).toBe(currentPages[0].key)
   })
 })