More webapp changes+fixes

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

@@ -9,6 +9,21 @@
         <span nz-icon nzType="arrow-left" nzTheme="outline"></span>
         Back to Messages
       </button>
+      @if (expertMode()) {
+        <div class="header-actions">
+          <button
+            nz-button
+            nzDanger
+            nz-popconfirm
+            nzPopconfirmTitle="Are you sure you want to delete this message?"
+            (nzOnConfirm)="deleteMessage()"
+            [nzLoading]="deleting()"
+          >
+            <span nz-icon nzType="delete"></span>
+            Delete
+          </button>
+        </div>
+      }
     </div>
 
     <nz-card [nzTitle]="message()!.title">
@@ -32,6 +47,10 @@
             <div class="cell-id mono">{{ message()!.channel_id }}</div>
           </a>
         </scn-metadata-value>
+        <scn-metadata-value label="Channel Owner">
+          <div class="cell-name">{{ resolvedChannelOwner()?.displayName || message()!.channel_owner_user_id }}</div>
+          <div class="cell-id mono">{{ message()!.channel_owner_user_id }}</div>
+        </scn-metadata-value>
         <scn-metadata-value label="Priority">
           <nz-tag [nzColor]="getPriorityColor(message()!.priority)">
             {{ getPriorityLabel(message()!.priority) }}
@@ -58,6 +77,48 @@
         </scn-metadata-value>
       </scn-metadata-grid>
     </nz-card>
+
+    @if (showDeliveries()) {
+      <nz-card nzTitle="Deliveries">
+        <nz-table
+          #deliveriesTable
+          [nzData]="deliveries()"
+          [nzLoading]="loadingDeliveries()"
+          [nzShowPagination]="deliveries().length > 10"
+          [nzPageSize]="10"
+          nzSize="small"
+        >
+          <thead>
+            <tr>
+              <th>Client ID</th>
+              <th>Status</th>
+              <th>Retries</th>
+              <th>Created</th>
+              <th>Finalized</th>
+            </tr>
+          </thead>
+          <tbody>
+            @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>
+                </td>
+                <td>
+                  <nz-tag [nzColor]="getStatusColor(delivery.status)">
+                    {{ delivery.status }}
+                  </nz-tag>
+                </td>
+                <td>{{ delivery.retry_count }}</td>
+                <td>{{ delivery.timestamp_created | date:'yyyy-MM-dd HH:mm:ss' }}</td>
+                <td>{{ delivery.timestamp_finalized ? (delivery.timestamp_finalized | date:'yyyy-MM-dd HH:mm:ss') : '-' }}</td>
+              </tr>
+            }
+          </tbody>
+        </nz-table>
+      </nz-card>
+    }
   } @else {
     <nz-card>
       <div class="not-found">