use agentname in ws actions and frontend

frontend/src/components/main/Sidebar.vue

@@ -38,10 +38,10 @@
     document.body.addEventListener('mouseup', documentMouseUp);
 
     chats.value = (await backend.getChats()).map(it => {
-      return {id: it.id, name: it.name};
+      return Object.assign({}, it);
     });
     agents.value = (await backend.getAgents()).map(it => {
-      return {id: it.id, name: it.name};
+      return Object.assign({}, it);
     });
   });
 
@@ -110,7 +110,7 @@
       <RouterLink to="/chat/create" class="nav-item">Create Chat</RouterLink>
     </nav>
     <nav v-if="mode=='agents'">
-      <RouterLink v-for="it in agents" :to="'/agent/' + it.id" class="nav-item">{{it.name}}</RouterLink>
+      <RouterLink v-for="it in agents" :to="'/agent/' + it.agentname" class="nav-item">{{it.name}}</RouterLink>
       <RouterLink to="/agent/create" class="nav-item">Create Agent</RouterLink>
     </nav>
     <nav v-if="mode=='settings'">