From ec98c8226e2f2628e079e272edd53c9e127f2e50 Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Tue, 12 May 2026 23:20:54 +0000
Subject: [PATCH] Add log and related resources to API in frontend

---
 resource/communication.go                   |  1 +
 ts/components/CommunicationColumnDetail.vue | 10 ++++-----
 ts/type/api.ts                              | 24 +++++++++++++++++++++
 3 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/resource/communication.go b/resource/communication.go
index 015aa9d6..f47a8f70 100644
--- a/resource/communication.go
+++ b/resource/communication.go
@@ -203,6 +203,7 @@ func (res *communicationR) hydrateCommunication(comm modelpublic.Communication,
 	return communication{
 		Created:  comm.Created,
 		ID:       strconv.Itoa(int(comm.ID)),
+		Log:      []communicationLog{},
 		Related:  related,
 		Response: response,
 		Source:   source_uri,
diff --git a/ts/components/CommunicationColumnDetail.vue b/ts/components/CommunicationColumnDetail.vue
index 6dcaa787..4fff40cd 100644
--- a/ts/components/CommunicationColumnDetail.vue
+++ b/ts/components/CommunicationColumnDetail.vue
@@ -74,12 +74,10 @@
 			</div>
 
 			<div class="h-100 d-flex flex-column" v-else>
-				<PublicReportCard
-					v-if="selectedReport"
-					:report="selectedReport"
-					@viewImage="openPhotoViewer"
+				<ResourceCard
+					:resource="resource"
+					v-for="(resource, index) in selectedCommunication.related"
 				/>
-				<p v-else>Loading details...</p>
 			</div>
 		</div>
 	</div>
@@ -88,7 +86,7 @@
 <script setup lang="ts">
 import { computed } from "vue";
 
-import PublicReportCard from "@/components/PublicReportCard.vue";
+import ResourceCard from "@/components/ResourceCard.vue";
 import TimeRelative from "@/components/TimeRelative.vue";
 import Map, { LngLatBounds } from "@/map/Map.vue";
 import Layer from "@/map/Layer.vue";
diff --git a/ts/type/api.ts b/ts/type/api.ts
index a26805c5..df9712fa 100644
--- a/ts/type/api.ts
+++ b/ts/type/api.ts
@@ -529,9 +529,27 @@ export class PublicReportWater extends PublicReport {
 	uri: "",
 });
 */
+export interface ResourceStubDTO {
+	created: string;
+	type: string;
+	uri: string;
+}
+export class ResourceStub {
+	constructor(
+		public created: Date,
+		public type: string,
+		public uri: string,
+	) {}
+	static fromJSON(json: ResourceStubDTO): ResourceStub {
+		return new ResourceStub(new Date(json.created), json.type, json.uri);
+	}
+}
 export interface CommunicationDTO {
 	created: string;
 	id: string;
+	log: LogEntryDTO[];
+	related: ResourceStubDTO[];
+	response: string;
 	source: string;
 	status: string;
 	type: string;
@@ -541,6 +559,9 @@ export class Communication {
 	constructor(
 		public created: Date,
 		public id: string,
+		public log: LogEntry[],
+		public related: ResourceStub[],
+		public response: string,
 		public source: string,
 		public status: string,
 		public type: string,
@@ -550,6 +571,9 @@ export class Communication {
 		return new Communication(
 			new Date(json.created),
 			json.id,
+			json.log.map((l) => LogEntry.fromJSON(l)),
+			json.related.map((r) => ResourceStub.fromJSON(r)),
+			json.response,
 			json.source,
 			json.status,
 			json.type,