@lvce-editor/chat-view 5.4.0 → 6.0.0

package/dist/chatViewWorkerMain.js

@@ -1604,6 +1604,7 @@ const createDefaultState = () => {
     lastSubmittedSessionId: '',
     listItemHeight: 40,
     maxComposerRows: 5,
+    messagesAutoScrollEnabled: true,
     messagesScrollTop: 0,
     mockAiResponseDelay: 800,
     mockApiCommandId: '',
@@ -1643,7 +1644,7 @@ const createDefaultState = () => {
     tokensUsed: 0,
     uid: 0,
     usageOverviewEnabled: false,
-    useChatCoordinatorWorker: false,
+    useChatCoordinatorWorker: true,
     useChatMathWorker: true,
     useChatNetworkWorkerForRequests: false,
     useMockApi: false,
@@ -6649,6 +6650,12 @@ const getMentionContextMessage = async value => {
   };
 };
 
+const AutoScrollTopA = Number.MAX_SAFE_INTEGER;
+const AutoScrollTopB = Number.MAX_SAFE_INTEGER - 1;
+const getNextAutoScrollTop = currentScrollTop => {
+  return currentScrollTop === AutoScrollTopA ? AutoScrollTopB : AutoScrollTopA;
+};
+
 const slashCommandRegex = /^\/(clear|export|help|new)(?:\s+.*)?$/;
 const getSlashCommand = value => {
   const trimmed = value.trim();
@@ -6738,6 +6745,9 @@ const handleTextChunkFunction = async (uid, assistantMessageId, chunk, handleTex
   const updated = await updateMessageTextInSelectedSession(handleTextChunkState.latestState.sessions, handleTextChunkState.latestState.parsedMessages, handleTextChunkState.latestState.selectedSessionId, assistantMessageId, updatedText, true);
   const nextState = {
     ...handleTextChunkState.latestState,
+    ...(handleTextChunkState.latestState.messagesAutoScrollEnabled ? {
+      messagesScrollTop: getNextAutoScrollTop(handleTextChunkState.latestState.messagesScrollTop)
+    } : {}),
     parsedMessages: updated.parsedMessages,
     sessions: updated.sessions
   };
@@ -6767,6 +6777,9 @@ const handleToolCallsChunkFunction = async (uid, assistantMessageId, toolCalls,
   const updated = updateMessageToolCallsInSelectedSession(handleTextChunkState.latestState.sessions, handleTextChunkState.latestState.parsedMessages, handleTextChunkState.latestState.selectedSessionId, assistantMessageId, toolCalls);
   const nextState = {
     ...handleTextChunkState.latestState,
+    ...(handleTextChunkState.latestState.messagesAutoScrollEnabled ? {
+      messagesScrollTop: getNextAutoScrollTop(handleTextChunkState.latestState.messagesScrollTop)
+    } : {}),
     parsedMessages: updated.parsedMessages,
     sessions: updated.sessions
   };
@@ -6832,6 +6845,15 @@ const updateSessionTitle = (sessions, selectedSessionId, title) => {
   });
 };
 
+const withUpdatedMessageScrollTop = state => {
+  if (!state.messagesAutoScrollEnabled) {
+    return state;
+  }
+  return {
+    ...state,
+    messagesScrollTop: getNextAutoScrollTop(state.messagesScrollTop)
+  };
+};
 const handleSubmit = async state => {
   const {
     aiSessionTitleGenerationEnabled,
@@ -6922,7 +6944,7 @@ const handleSubmit = async state => {
       title: `Chat ${workingSessions.length + 1}`
     };
     await saveChatSession(newSession);
-    optimisticState = focusInput({
+    optimisticState = withUpdatedMessageScrollTop(focusInput({
       ...state,
       composerHeight: getMinComposerHeightForState(state),
       composerValue: '',
@@ -6933,7 +6955,7 @@ const handleSubmit = async state => {
       selectedSessionId: newSessionId,
       sessions: [...workingSessions, newSession],
       viewMode: 'detail'
-    });
+    }));
   } else {
     await appendChatViewEvent({
       sessionId: selectedSessionId,
@@ -6947,7 +6969,7 @@ const handleSubmit = async state => {
     if (selectedSession) {
       await saveChatSession(selectedSession);
     }
-    optimisticState = focusInput({
+    optimisticState = withUpdatedMessageScrollTop(focusInput({
       ...state,
       composerHeight: getMinComposerHeightForState(state),
       composerValue: '',
@@ -6956,7 +6978,7 @@ const handleSubmit = async state => {
       nextMessageId: nextMessageId + 1,
       parsedMessages,
       sessions: updatedSessions
-    });
+    }));
   }
   set$1(state.uid, state, optimisticState);
   // @ts-ignore
@@ -7046,12 +7068,12 @@ const handleSubmit = async state => {
   if (selectedSession) {
     await saveChatSession(selectedSession);
   }
-  return focusInput({
+  return withUpdatedMessageScrollTop(focusInput({
     ...latestState,
     nextMessageId: latestState.nextMessageId + 1,
     parsedMessages: finalParsedMessages,
     sessions: updatedSessions
-  });
+  }));
 };
 
 const handleClickSend = async state => {
@@ -7574,12 +7596,14 @@ const handleChatListScroll = async (state, chatListScrollTop) => {
     chatListScrollTop
   };
 };
-const handleMessagesScroll = async (state, messagesScrollTop) => {
-  if (state.messagesScrollTop === messagesScrollTop) {
+const handleMessagesScroll = async (state, messagesScrollTop, scrollHeight, clientHeight) => {
+  const messagesAutoScrollEnabled = messagesScrollTop + clientHeight >= scrollHeight - 8;
+  if (state.messagesScrollTop === messagesScrollTop && state.messagesAutoScrollEnabled === messagesAutoScrollEnabled) {
     return state;
   }
   return {
     ...state,
+    messagesAutoScrollEnabled,
     messagesScrollTop
   };
 };
@@ -7771,9 +7795,9 @@ const loadStreamingEnabled = async () => {
 const loadUseChatCoordinatorWorker = async () => {
   try {
     const savedUseChatCoordinatorWorker = await get('chatView.useChatCoordinatorWorker');
-    return typeof savedUseChatCoordinatorWorker === 'boolean' ? savedUseChatCoordinatorWorker : false;
+    return typeof savedUseChatCoordinatorWorker === 'boolean' ? savedUseChatCoordinatorWorker : true;
   } catch {
-    return false;
+    return true;
   }
 };
 
@@ -10199,7 +10223,7 @@ const renderEventListeners = () => {
     params: ['handleChatListScroll', 'event.target.scrollTop']
   }, {
     name: HandleMessagesScroll,
-    params: ['handleMessagesScroll', 'event.target.scrollTop']
+    params: ['handleMessagesScroll', 'event.target.scrollTop', 'event.target.scrollHeight', 'event.target.clientHeight']
   }, {
     name: HandleProjectListScroll,
     params: ['handleProjectListScroll', 'event.target.scrollTop']

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/chat-view",
-  "version": "5.4.0",
+  "version": "6.0.0",
   "description": "Chat View Worker",
   "repository": {
     "type": "git",