fix: Auto-scroll after user action on a message

Author: allozaur

tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessages.svelte

@@ -13,9 +13,10 @@
 	interface Props {
 		class?: string;
 		messages?: DatabaseMessage[];
+		onUserAction?: () => void;
 	}
 
-	let { class: className, messages = [] }: Props = $props();
+	let { class: className, messages = [], onUserAction }: Props = $props();
 
 	let allConversationMessages = $state<DatabaseMessage[]>([]);
 	let lastUpdateTime = $state(0);
@@ -73,11 +74,15 @@
 		await navigateToSibling(siblingId);
 	}
 	async function handleEditWithBranching(message: DatabaseMessage, newContent: string) {
+		// Enable autoscroll for user-initiated edit action
+		onUserAction?.();
 		await editMessageWithBranching(message.id, newContent);
 		// Refresh after editing to update sibling counts
 		refreshAllMessages();
 	}
 	async function handleRegenerateWithBranching(message: DatabaseMessage) {
+		// Enable autoscroll for user-initiated regenerate action
+		onUserAction?.();
 		await regenerateMessageWithBranching(message.id);
 		// Refresh after regenerating to update sibling counts
 		refreshAllMessages();

tools/server/webui/src/lib/components/app/chat/ChatScreen/ChatScreen.svelte

@@ -142,6 +142,8 @@
 			return false;
 		}
 
+		// Enable autoscroll for user-initiated message sending
+		autoScrollEnabled = true;
 		await sendMessage(message, extras);
 		scrollChatToBottom();
 
@@ -266,7 +268,11 @@
 		role="main"
 		aria-label="Chat interface with file drop zone"
 	>
-		<ChatMessages class="mb-16 md:mb-24" messages={activeMessages()} />
+		<ChatMessages 
+			class="mb-16 md:mb-24" 
+			messages={activeMessages()} 
+			onUserAction={() => { autoScrollEnabled = true; }}
+		/>
 
 		<div class="sticky bottom-0 left-0 right-0 mt-auto" in:slide={{ duration: 150, axis: 'y' }}>
 			<SlotsInfo />