feat: settings auto scroll toggle (#1293)

* feat: settings auto scroll toggle

* feat: i18n support

Author: zhangmo8

src/main/events.ts

@@ -21,6 +21,7 @@ export const CONFIG_EVENTS = {
   SYNC_SETTINGS_CHANGED: 'config:sync-settings-changed',
   SEARCH_ENGINES_UPDATED: 'config:search-engines-updated',
   SEARCH_PREVIEW_CHANGED: 'config:search-preview-changed',
+  AUTO_SCROLL_CHANGED: 'config:auto-scroll-changed',
   NOTIFICATIONS_CHANGED: 'config:notifications-changed',
   CONTENT_PROTECTION_CHANGED: 'config:content-protection-changed',
   SOUND_ENABLED_CHANGED: 'config:sound-enabled-changed', // 新增：声音开关变更事件

src/main/presenter/configPresenter/index.ts

@@ -893,6 +893,14 @@ export class ConfigPresenter implements IConfigPresenter {
     this.uiSettingsHelper.setSearchPreviewEnabled(enabled)
   }
 
+  getAutoScrollEnabled(): boolean {
+    return this.uiSettingsHelper.getAutoScrollEnabled()
+  }
+
+  setAutoScrollEnabled(enabled: boolean): void {
+    this.uiSettingsHelper.setAutoScrollEnabled(enabled)
+  }
+
   getContentProtectionEnabled(): boolean {
     return this.uiSettingsHelper.getContentProtectionEnabled()
   }

src/main/presenter/configPresenter/uiSettingsHelper.ts

@@ -49,6 +49,18 @@ export class UiSettingsHelper {
     eventBus.send(CONFIG_EVENTS.SEARCH_PREVIEW_CHANGED, SendTarget.ALL_WINDOWS, boolValue)
   }
 
+  getAutoScrollEnabled(): boolean {
+    const value = this.getSetting<boolean>('autoScrollEnabled')
+    if (value === undefined) return true
+    return Boolean(value)
+  }
+
+  setAutoScrollEnabled(enabled: boolean): void {
+    const boolValue = Boolean(enabled)
+    this.setSetting('autoScrollEnabled', boolValue)
+    eventBus.send(CONFIG_EVENTS.AUTO_SCROLL_CHANGED, SendTarget.ALL_WINDOWS, boolValue)
+  }
+
   getContentProtectionEnabled(): boolean {
     const value = this.getSetting<boolean>('contentProtectionEnabled')
     return value === undefined || value === null ? false : value

src/renderer/settings/components/CommonSettings.vue

@@ -13,6 +13,13 @@
         :model-value="searchPreviewEnabled"
         @update:model-value="handleSearchPreviewChange"
       />
+      <SettingToggleRow
+        id="auto-scroll-switch"
+        icon="lucide:arrow-down"
+        :label="t('settings.common.autoScrollEnabled')"
+        :model-value="autoScrollEnabled"
+        @update:model-value="handleAutoScrollChange"
+      />
       <SettingToggleRow
         id="sound-switch"
         icon="lucide:volume-2"
@@ -58,6 +65,7 @@ const uiSettingsStore = useUiSettingsStore()
 const soundStore = useSoundStore()
 
 const searchPreviewEnabled = computed(() => uiSettingsStore.searchPreviewEnabled)
+const autoScrollEnabled = computed(() => uiSettingsStore.autoScrollEnabled)
 const soundEnabled = computed(() => soundStore.soundEnabled)
 const copyWithCotEnabled = computed(() => uiSettingsStore.copyWithCotEnabled)
 const traceDebugEnabled = computed(() => uiSettingsStore.traceDebugEnabled)
@@ -66,6 +74,10 @@ const handleSearchPreviewChange = (value: boolean) => {
   uiSettingsStore.setSearchPreviewEnabled(value)
 }
 
+const handleAutoScrollChange = (value: boolean) => {
+  uiSettingsStore.setAutoScrollEnabled(value)
+}
+
 const handleSoundChange = (value: boolean) => {
   soundStore.setSoundEnabled(value)
 }

src/renderer/src/components/message/MessageList.vue

@@ -113,6 +113,7 @@ import { getAllMessageDomInfo, getMessageDomInfo } from '@/lib/messageRuntimeCac
 import { useChatStore } from '@/stores/chat'
 import { useReferenceStore } from '@/stores/reference'
 import { useWorkspaceStore } from '@/stores/workspace'
+import { useUiSettingsStore } from '@/stores/uiSettingsStore'
 import type { ParentSelection } from '@shared/presenter'
 
 // === Props & Emits ===
@@ -124,6 +125,7 @@ const props = defineProps<{
 const chatStore = useChatStore()
 const referenceStore = useReferenceStore()
 const workspaceStore = useWorkspaceStore()
+const uiSettingsStore = useUiSettingsStore()
 
 // === Local State (需要先声明,因为 useMessageScroll 需要引用) ===
 const dynamicScrollerRef = ref<InstanceType<typeof DynamicScroller> | null>(null)
@@ -142,6 +144,7 @@ const pendingHeightUpdate = ref(false)
 const scroll = useMessageScroll({
   dynamicScrollerRef,
   shouldAutoFollow,
+  autoScrollEnabled: computed(() => uiSettingsStore.autoScrollEnabled),
   scrollAnchor
 })
 const {
@@ -717,8 +720,12 @@ onMounted(() => {
   })
 
   watch(
-    () => aboveThreshold.value,
-    (isAbove) => {
+    () => [aboveThreshold.value, uiSettingsStore.autoScrollEnabled] as const,
+    ([isAbove, autoScrollEnabled]) => {
+      if (!autoScrollEnabled) {
+        shouldAutoFollow.value = false
+        return
+      }
       shouldAutoFollow.value = !isAbove
     }
   )

src/renderer/src/composables/message/useMessageScroll.ts

@@ -13,6 +13,7 @@ const PLACEHOLDER_POSITION_THRESHOLD = 5000
 export interface UseMessageScrollOptions {
   dynamicScrollerRef?: Ref<InstanceType<typeof DynamicScroller> | null>
   shouldAutoFollow?: Ref<boolean>
+  autoScrollEnabled?: Ref<boolean>
   scrollAnchor?: Ref<HTMLDivElement | undefined>
 }
 
@@ -73,8 +74,17 @@ export function useMessageScroll(options?: UseMessageScrollOptions) {
 
     nextTick(() => {
       const shouldAutoFollow = options?.shouldAutoFollow
+      const autoScrollEnabled = options?.autoScrollEnabled
+      const canAutoFollow = autoScrollEnabled ? autoScrollEnabled.value : true
       if (force && shouldAutoFollow) {
-        shouldAutoFollow.value = true
+        if (canAutoFollow) {
+          shouldAutoFollow.value = true
+        }
+      }
+
+      if (!force && !canAutoFollow) {
+        updateScrollInfo()
+        return
       }
 
       if (!force && shouldAutoFollow && !shouldAutoFollow.value) {

src/renderer/src/events.ts

@@ -20,6 +20,7 @@ export const CONFIG_EVENTS = {
   SYNC_SETTINGS_CHANGED: 'config:sync-settings-changed',
   SEARCH_ENGINES_UPDATED: 'config:search-engines-updated',
   SEARCH_PREVIEW_CHANGED: 'config:search-preview-changed',
+  AUTO_SCROLL_CHANGED: 'config:auto-scroll-changed',
   NOTIFICATIONS_CHANGED: 'config:notifications-changed',
   CONTENT_PROTECTION_CHANGED: 'config:content-protection-changed',
   LANGUAGE_CHANGED: 'config:language-changed', // 新增：语言变更事件

src/renderer/src/i18n/da-DK/settings.json

@@ -8,6 +8,7 @@
     "searchEngine": "Søgemaskine",
     "searchEngineSelect": "Vælg søgemaskine",
     "searchPreview": "Søgeforhåndsvisning",
+    "autoScrollEnabled": "Automatisk rulning under generering",
     "searchAssistantModel": "Assistentmodel",
     "selectModel": "Vælg model",
     "proxyMode": "Proxytilstand",

src/renderer/src/i18n/en-US/settings.json

@@ -8,6 +8,7 @@
     "searchEngine": "Search Engine",
     "searchEngineSelect": "Select search engine",
     "searchPreview": "Search Preview",
+    "autoScrollEnabled": "Auto-scroll while generating",
     "searchAssistantModel": "Assistant Model",
     "selectModel": "Select Model",
     "proxyMode": "Proxy Mode",

src/renderer/src/i18n/fa-IR/settings.json

@@ -8,6 +8,7 @@
     "searchEngine": "موتور جستجو",
     "searchEngineSelect": "انتخاب موتور جستجو",
     "searchPreview": "پیش‌نمایش جستجو",
+    "autoScrollEnabled": "پیمایش خودکار هنگام تولید",
     "searchAssistantModel": "مدل دستیار",
     "selectModel": "انتخاب مدل",
     "proxyMode": "حالت پراکسی",