perf: 👌 优化 AI 对话 滚动底部逻辑

Author: codexu

README.md

@@ -24,7 +24,7 @@ NoteGen is a cross-platform `Markdown` note-taking application dedicated to usin
 
 Recording:
 
-![record](https://s2.loli.net/2025/04/14/NxhiWjMZT7RtusS.png)
+![record](https://github.com/user-attachments/assets/34f7fdc7-ebab-473f-ad8b-e2e93ed0f9e3)
 
 Writing:
 

docs/en/guide.md

@@ -13,7 +13,7 @@ NoteGen is a cross-platform `Markdown` note-taking application dedicated to usin
 
 Recording:
 
-![record](https://s2.loli.net/2025/04/14/NxhiWjMZT7RtusS.png)
+![record](https://github.com/user-attachments/assets/34f7fdc7-ebab-473f-ad8b-e2e93ed0f9e3)
 
 Writing:
 

docs/ja/guide.md

@@ -13,7 +13,7 @@ NoteGenは、AIを使用して記録と執筆を橋渡しし、断片化され
 
 記録：
 
-![record](https://s2.loli.net/2025/04/14/NxhiWjMZT7RtusS.png)
+![record](https://github.com/user-attachments/assets/34f7fdc7-ebab-473f-ad8b-e2e93ed0f9e3)
 
 執筆：
 

docs/zh/guide.md

@@ -15,7 +15,7 @@ NoteGen 是一款的跨端的 `Markdown` 笔记应用，致力于使用 AI 建
 
 记录：
 
-![record](https://s2.loli.net/2025/04/14/NxhiWjMZT7RtusS.png)
+![record](https://github.com/user-attachments/assets/34f7fdc7-ebab-473f-ad8b-e2e93ed0f9e3)
 
 写作：
 

src/app/core/record/chat/chat-content.tsx

@@ -15,23 +15,31 @@ import useSyncStore from '@/stores/sync'
 import { Avatar, AvatarImage } from '@/components/ui/avatar'
 import ChatThinking from './chat-thinking'
 import { Separator } from '@/components/ui/separator'
+import { debounce } from 'lodash-es'
 
 export default function ChatContent() {
   const { chats, init } = useChatStore()
   const { currentTagId } = useTagStore()
 
-  useEffect(() => {
-    init(currentTagId)
-  }, [currentTagId])
-
-  useEffect(() => {
+  function scrollToBottom() {
     const md = document.querySelector('#chats-wrapper')
     if (md) {
       md.scroll(0, md.scrollHeight)
       setTimeout(() => {
         md.scroll(0, md.scrollHeight)
-      }, 500)
+      }, 1000)
     }
+  }
+
+  // debounce
+  const scrollToBottomDebounce = debounce(scrollToBottom, 500)
+
+  useEffect(() => {
+    init(currentTagId)
+  }, [currentTagId])
+
+  useEffect(() => {
+    scrollToBottomDebounce()
   }, [chats])
 
   return <div id="chats-wrapper" className="flex-1 overflow-y-auto overflow-x-hidden w-full flex flex-col items-end p-4 gap-6">

src/app/core/record/chat/chat-preview.tsx

@@ -3,6 +3,7 @@ import useSettingStore from "@/stores/setting";
 import { useEffect, useRef, useState } from 'react';
 import { useTheme } from 'next-themes'
 import useChatStore from '@/stores/chat';
+import { debounce } from 'lodash-es'
 
 export default function ChatPreview({text}: {text: string}) {
   const [id] = useState('preview-only');
@@ -26,8 +27,10 @@ export default function ChatPreview({text}: {text: string}) {
     }, 100);
   }
 
+  const bindPreviewLinkDebounce = debounce(bindPreviewLink, 1000)
+
   useEffect(() => {
-    bindPreviewLink()
+    bindPreviewLinkDebounce()
   }, [chats])
 
   useEffect(() => {