display logs

frontend/src/views/Chat.vue

@@ -372,6 +372,8 @@
       return ['note'];
     } else if (msg.type == 'message') {
       return ['message', msg.sender == 'user' ? 'sent' : 'received'];
+    } else if (msg.type == 'log') {
+      return ['message', 'log'];
     } else {
       return ['info'];
     }
@@ -402,6 +404,11 @@
           <div class="content">{{msg.content}}</div>
         </template>
 
+        <template v-if="msg.type == 'log'">
+          <div class="sender">Log ({{msg.sender}})</div>
+          <div class="content">{{msg.content}}</div>
+        </template>
+
         <template v-if="msg.type == 'thread-header'">
           <div class="content">
             Thread {{msg.threadId}} ({{msg.messageCount}} messages)
@@ -497,6 +504,11 @@
     margin-top: -5px; /* half message padding */
   }
 
+  .message.log .content {
+    font-family: monospace;
+    font-size: 80%;
+  }
+
   .input-container {
     padding: 10px;
     background-color: var(--color-background-soft);