json viewer

client/src/app/chat-page.component.ts

@@ -5,11 +5,12 @@ import { FormsModule } from '@angular/forms';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 
 import { ChatSessionService } from './chat-session.service';
+import { JsonFileViewerComponent } from './json-file-viewer.component';
 import type { ChatEntry, ConnectionState } from './models';
 
 @Component({
   selector: 'app-chat-page',
-  imports: [CommonModule, FormsModule, RouterLink],
+  imports: [CommonModule, FormsModule, RouterLink, JsonFileViewerComponent],
   templateUrl: './chat-page.component.html',
   styleUrl: './chat-page.component.scss',
 })
@@ -120,10 +121,25 @@ export class ChatPageComponent {
     await this.session.deleteMessage(entry);
   }
 
+  async deleteConversation(peerId: string, event?: Event): Promise<void> {
+    event?.stopPropagation();
+    await this.session.deleteConversation(peerId);
+  }
+
   isImageEntry(entry: ChatEntry): boolean {
     return entry.kind === 'file' && !!entry.downloadUrl && (entry.fileMimeType?.startsWith('image/') ?? false);
   }
 
+  isIncomingJsonFileEntry(entry: ChatEntry): boolean {
+    return (
+      entry.kind === 'file' &&
+      entry.direction === 'incoming' &&
+      !!entry.downloadUrl &&
+      !!entry.fileName &&
+      entry.fileName.toLowerCase().endsWith('.json')
+    );
+  }
+
   isPeerTyping(peerId: string): boolean {
     return this.session.typingPeerIds().includes(peerId);
   }