merging main branches

diff --cc src/modules/messages.ts
index a8bf5cf90f65865977561eceeadea33c8499e75d,9becb4de04f6763bb6c0a126c512b1e4379ce8cd..d1329bf106121a1101f6ba51798af485f7576100
--- 1/src/modules/messages.ts
--- 2/src/modules/messages.ts
+++ b/src/modules/messages.ts
@@@ -14,11 -17,20 +17,22 @@@ if (messagesString) 
    messages.value = new Map(Object.entries(parsed));
  }
  
+ // utility function to remove oldest message from the messages map. 
+ function deleteOldest() { 
+    // create array of map keys and get the key of the oldest message.
+    const lastKey = Array.from(messages.value.keys()).shift();
+ 
+    messages.value.delete(lastKey);
+ }
+ 
  export default function useMessages() {
  
-     // Add new message and update previous message if nessesary.
      const addMessage = (m: RenderMessage) => {
 +      console.log(`Adding message: ${m.content.text}`)
++
+       // check for message limit before setting a new message.
+       if (messages.value.size >= sizeLimit) deleteOldest();
+       
        messages.value.set(m.uid, m);
      }