From a07c269f15bd5431aea4d4e236fb223e67f523e8 Mon Sep 17 00:00:00 2001
From: Cat Flynn <me@ktyl.dev>
Date: Fri, 2 May 2025 17:18:02 +0100
Subject: [PATCH] feat: scroll to new message

---
 main.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/main.js b/main.js
index 9795ec8..dcc180e 100644
--- a/main.js
+++ b/main.js
@@ -23,6 +23,15 @@ class Conversation {
         this.messages = initialMessages;
     }
 
+    addMessage(message) {
+        this.messages.push(message);
+        this.render();
+
+        var elements = document.getElementById("messages").children;
+        var lastElement = elements[elements.length - 1];
+        lastElement.scrollIntoView();
+    }
+
     // for the user to send their own messages
     sendUserMessage(text) {
 
@@ -74,7 +83,7 @@ class Conversation {
                 messageText = json.message;
             }
 
-            this.messages.push(new AgentMessage(messageText));
+            this.addMessage(new AgentMessage(messageText));
             this.render();
         })
         .catch(error => {
@@ -91,7 +100,7 @@ class Conversation {
             //    this.render();
             //}, 5000);
         }, 1000);
-        this.messages.push(message);
+        this.addMessage(message);
     }
 
     // update the current HTML based on messages