Merge remote-tracking branch 'origin/main'

diff --cc src/views/messenger.vue
index 16e16fe63d6f1f51d1c62cca32f9abf0cc532c60,d0631e4bf11490b27ca029ae60a524e6bd3c8f00..b1e965f2b9471de62a91a7e3e4edd37e111a149f
--- 1/src/views/messenger.vue
--- 2/src/views/messenger.vue
+++ b/src/views/messenger.vue
@@@ -25,16 -31,23 +25,21 @@@ export default defineComponent(
      // List of messages in the view.
      // Oldest message first.
      const messages: Message[] = reactive([]);
+     const messages_ref: any = {}
  
      // Render a message.
+     // Called on "enter" instead of on "recv message"
      const render = (message: Message) => {
        messages.push(message);
-       console.log(
-         `Pushing: ${message.modifier}: ${message.content.text} ${message.context}`
-       );
-     };
+       messages_ref[message.id] = message;
+     }
+ 
+     // Annotate/update an existing message.
+     const annotate = (message: Message) => {
+       1+1
+     }
  
      onMounted(() => {
 -
        // Listen for new messages to render.
        window.ipcRenderer.on("render-message", (event, payload) => {
          if (payload.message.content) render(payload.message);
@@@ -53,18 -69,21 +58,29 @@@
  </script>
  
  <style lang="scss" scoped>
 +#messenger {
 +  position: fixed;
  
++<<<<<<< HEAD
 +  width: 100vw;
 +  min-height: 100vh;
++=======
+   #messenger {
+     position: fixed;
+ 
+     width: 100vw;
+ 
+     overflow-y: scroll;
+ 
+     bottom: 0;
++>>>>>>> origin/main
  
 -  }
 +  overflow-y: scroll;
  
 -  #messenger::-webkit-scrollbar {
 -    display: none;
 -  }
 +  bottom: 0;
 +}
  
 +#messenger::-webkit-scrollbar {
 +  display: none;
 +}
  </style>