More webapp changes+fixes

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

@@ -107,33 +107,45 @@
       </thead>
       <tbody>
         @for (message of messages(); track message.message_id) {
-          <tr class="clickable-row" (click)="viewMessage(message)">
+          <tr class="clickable-row">
             <td>
-              <div class="message-title">{{ message.title }}</div>
-              <div class="message-id mono">{{ message.message_id }}</div>
+              <a class="cell-link" [routerLink]="['/messages', message.message_id]">
+                <div class="message-title">{{ message.title }}</div>
+                <div class="message-id mono">{{ message.message_id }}</div>
+              </a>
             </td>
             <td>
-              @if (message.content) {
-                <div class="message-content">{{ message.content | slice:0:128 }}{{ message.content.length > 128 ? '...' : '' }}</div>
-              } @else {
-                <span class="text-muted"></span>
-              }
+              <a class="cell-link" [routerLink]="['/messages', message.message_id]">
+                @if (message.content) {
+                  <div class="message-content">{{ message.content | slice:0:128 }}{{ message.content.length > 128 ? '...' : '' }}</div>
+                } @else {
+                  <span class="text-muted"></span>
+                }
+              </a>
             </td>
             <td>
-              <div class="cell-name">{{ message.channel_internal_name }}</div>
-              <div class="cell-id">{{ message.channel_id }}</div>
+              <a class="cell-link" [routerLink]="['/messages', message.message_id]">
+                <div class="cell-name">{{ message.channel_internal_name }}</div>
+                <div class="cell-id">{{ message.channel_id }}</div>
+              </a>
             </td>
             <td>
-              {{ message.sender_name || '-' }}
+              <a class="cell-link" [routerLink]="['/messages', message.message_id]">
+                <span style="white-space: pre">{{ message.sender_name || '-' }}</span>
+              </a>
             </td>
             <td>
-              <nz-tag [nzColor]="getPriorityColor(message.priority)">
-                {{ getPriorityLabel(message.priority) }}
-              </nz-tag>
+              <a class="cell-link" [routerLink]="['/messages', message.message_id]">
+                <nz-tag [nzColor]="getPriorityColor(message.priority)">
+                  {{ getPriorityLabel(message.priority) }}
+                </nz-tag>
+              </a>
             </td>
             <td>
-              <div class="timestamp-absolute">{{ message.timestamp | date:'yyyy-MM-dd HH:mm:ss' }}</div>
-              <div class="timestamp-relative">{{ message.timestamp | relativeTime }}</div>
+              <a class="cell-link" [routerLink]="['/messages', message.message_id]">
+                <div class="timestamp-absolute">{{ message.timestamp | date:'yyyy-MM-dd HH:mm:ss' }}</div>
+                <div class="timestamp-relative">{{ message.timestamp | relativeTime }}</div>
+              </a>
             </td>
           </tr>
         } @empty {

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

@@ -70,11 +70,13 @@
 .timestamp-absolute {
   font-size: 13px;
   color: #333;
+  white-space: pre;
 }
 
 .timestamp-relative {
   font-size: 12px;
   color: #999;
+  white-space: pre;
 }
 
 .pagination-controls {

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

@@ -1,6 +1,6 @@
 import { Component, inject, signal, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
 import { FormsModule } from '@angular/forms';
 import { NzTableModule, NzTableFilterList } from 'ng-zorro-antd/table';
 import { NzButtonModule } from 'ng-zorro-antd/button';
@@ -24,6 +24,7 @@ import { RelativeTimePipe } from '../../../shared/pipes/relative-time.pipe';
   imports: [
     CommonModule,
     FormsModule,
+    RouterLink,
     NzTableModule,
     NzButtonModule,
     NzInputModule,