Agent creation and editing support via UI

frontend-vue/src/views/Chat.vue

@@ -66,10 +66,10 @@
   }
 
   // This won't fire when called, the mounted callback will take care
-  watch(() => props.id, newChatId => {
+  watch(() => props.id, newId => {
     if (_isMounted) {
       unloadChatState();
-      loadChatState(newChatId);
+      loadChatState(newId);
     }
   })
 
@@ -154,7 +154,7 @@
 
   // === UI Helper Functions === //
 
-  function requestRescroll ({forceBottom=false, bottomRelative=false}) {
+  function requestRescroll ({forceBottom=false, bottomRelative=false}={}) {
     const elem = chatContainerElem.value;
 
     const scroll = elem.scrollTop;
@@ -166,13 +166,14 @@
         // Chat was fully scrolled down
         if (forceBottom || scroll == max) {
           elem.scrollTop = elem.scrollTopMax;
+        } else if (bottomRelative) {
+          // TODO: Keep scroll at the same distance from the bottom.
+          // This will be used when the user scrolls to the top and previous messages are loaded
         } else {
           // Do nothing, scroll remains in place
         }
       });
     });
-
-    // Something different has to be done when previous messages are added
   }
 
   function msgClass (msg) {