More webapp changes+fixes

webapp/src/app/features/keys/key-detail/key-detail.component.scss

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

webapp/src/app/features/keys/key-detail/key-detail.component.ts

@@ -131,17 +131,16 @@ export class KeyDetailComponent implements OnInit {
 
   loadMessages(keyId: string, nextPageToken?: string): void {
     this.loadingMessages.set(true);
-    // Load more messages than page size to ensure we get enough after filtering
     this.apiService.getMessages({
-      page_size: 64,
+      subscription_status: 'all',
+      used_key: keyId,
+      page_size: this.messagesPageSize,
       next_page_token: nextPageToken,
       trimmed: true
     }).subscribe({
       next: (response) => {
-        // Filter messages by the key that was used to send them
-        const filtered = response.messages.filter(m => m.used_key_id === keyId);
-        this.messages.set(filtered.slice(0, this.messagesPageSize));
-        this.messagesTotalCount.set(filtered.length);
+        this.messages.set(response.messages);
+        this.messagesTotalCount.set(response.total_count);
         this.messagesNextPageToken.set(response.next_page_token || null);
         this.loadingMessages.set(false);
       },