More webapp changes+fixes

webapp/src/app/features/messages/message-detail/message-detail.component.html

@@ -101,9 +101,7 @@
             @for (delivery of deliveriesTable.data; track delivery.delivery_id) {
               <tr>
                 <td>
-                  <a [routerLink]="['/clients', delivery.receiver_client_id]" class="mono">
-                    {{ delivery.receiver_client_id }}
-                  </a>
+                  <span class="mono">{{ delivery.receiver_client_id }}</span>
                 </td>
                 <td>
                   <nz-tag [nzColor]="getStatusColor(delivery.status)">

webapp/src/app/features/messages/message-detail/message-detail.component.ts

@@ -1,4 +1,4 @@
-import { Component, inject, signal, OnInit, computed } from '@angular/core';
+import { Component, inject, signal, OnInit, computed, effect } from '@angular/core';
 import { CommonModule, DatePipe } from '@angular/common';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { NzCardModule } from 'ng-zorro-antd/card';
@@ -66,6 +66,15 @@ export class MessageDetailComponent implements OnInit {
 
   showDeliveries = computed(() => this.expertMode() && this.isChannelOwner());
 
+  constructor() {
+    // Watch for expert mode changes and load deliveries when it becomes visible
+    effect(() => {
+      if (this.showDeliveries() && this.message() && this.deliveries().length === 0 && !this.loadingDeliveries()) {
+        this.loadDeliveries(this.message()!.message_id);
+      }
+    });
+  }
+
   ngOnInit(): void {
     const messageId = this.route.snapshot.paramMap.get('id');
     if (messageId) {

webapp/src/app/features/messages/message-list/message-list.component.scss

@@ -50,6 +50,9 @@
 .message-content {
   font-size: 12px;
   color: #666;
+  white-space: pre;
+  max-height: 2lh;
+  overflow-y: clip;
 }
 
 .text-muted {