Indicating when the body wasn't stored for the audited message

Author: afprtclr

src/Frontend/src/components/messages/BodyView.vue

@@ -25,6 +25,10 @@ const body = computed(() => bodyState.value.data.value);
     <div v-if="bodyState.not_found" class="alert alert-info">Could not find the message body. This could be because the message URL is invalid or the corresponding message was processed and is no longer tracked by ServiceControl.</div>
     <div v-else-if="bodyState.failed_to_load" class="alert alert-info">Message body unavailable.</div>
     <LoadingSpinner v-else-if="bodyState.loading" />
+    <div v-else-if="bodyState.empty_data" class="alert alert-info">
+      Body was too large and not stored. Edit <a href="https://docs.particular.net/servicecontrol/audit-instances/configuration#performance-tuning-servicecontrol-auditmaxbodysizetostore">ServiceControl/MaxBodySizeToStore</a> to be larger in the
+      ServiceControl configuration.
+    </div>
     <CodeEditor v-else-if="body !== undefined && contentType.isSupported" :model-value="body" :language="contentType.language" :read-only="true" :show-gutter="true"></CodeEditor>
     <div v-else-if="body && !contentType.isSupported" class="alert alert-warning">Message body cannot be displayed because content type "{{ bodyState.data.content_type }}" is not supported.</div>
   </div>

src/Frontend/src/stores/DataContainer.ts

@@ -7,4 +7,5 @@ export interface DataContainer<T> {
   failed_to_load?: boolean;
   not_found?: boolean;
   data: T;
+  empty_data?: boolean;
 }

src/Frontend/src/stores/MessageStore.ts

@@ -89,6 +89,7 @@ export const useMessageStore = defineStore("MessageStore", () => {
     state.loading = true;
     state.failed_to_load = false;
     state.not_found = false;
+    state.empty_data = false;
 
     try {
       const response = await useFetchFromServiceControl(`errors/last/${id}`);
@@ -134,6 +135,7 @@ export const useMessageStore = defineStore("MessageStore", () => {
     state.loading = headers.value.loading = true;
     state.failed_to_load = headers.value.failed_to_load = false;
     state.not_found = headers.value.not_found = false;
+    state.empty_data = false;
 
     try {
       const [, data] = await useTypedFetchFromServiceControl<Message[]>(`messages/search/${messageId}`);
@@ -214,6 +216,7 @@ export const useMessageStore = defineStore("MessageStore", () => {
       if (contentType === "text/xml") {
         body.value.data.value = xmlFormat(body.value.data.value, { indentation: "  ", collapseContent: true });
       }
+      body.value.empty_data = body.value.data.value === "";
     } catch {
       body.value.failed_to_load = true;
     } finally {