Update

src/app/chat/elements/messages/messages.html

@@ -0,0 +1,19 @@
+@if (serviceManager.currentSession != null) {
+  @for (message of messages(); track message.msgid; let i = $index) {
+    <div
+      class="message"
+      [class.author]="message.author == serviceManager.currentSession()!.userData.userid"
+      [class.chained_start]="isMessageStartOfChain(i)"
+      [class.chained_middle]="isMessageMiddleInChain(i)"
+      [class.chained_end]="isMessageEndOfChain(i)"
+    >
+      <div class="above">
+        <span>{{message.sent_at.T * 1000 | date: 'HH:mm'}}</span>
+      </div>
+      <div class="bubble">
+        <span class="message-text">{{message.message}}</span>
+      </div>
+      <div class="below"></div>
+    </div>
+  }
+}