diff --git a/src/Frontend/env.d.ts b/src/Frontend/env.d.ts
index 25bf2dc33..14b42e970 100644
--- a/src/Frontend/env.d.ts
+++ b/src/Frontend/env.d.ts
@@ -10,6 +10,7 @@ declare global {
       service_control_url: string;
       monitoring_urls: string[];
       showPendingRetry: boolean;
+      showAllMessages: boolean;
     };
   }
 }
diff --git a/src/Frontend/src/components/PageHeader.vue b/src/Frontend/src/components/PageHeader.vue
index b47af2f52..2fdf59ed6 100644
--- a/src/Frontend/src/components/PageHeader.vue
+++ b/src/Frontend/src/components/PageHeader.vue
@@ -12,6 +12,7 @@ import EventsMenuItem from "@/components/events/EventsMenuItem.vue";
 import DashboardMenuItem from "@/components/dashboard/DashboardMenuItem.vue";
 import FeedbackButton from "@/components/FeedbackButton.vue";
 import ThroughputMenuItem from "@/views/throughputreport/ThroughputMenuItem.vue";
+import AuditMenuItem from "./audit/AuditMenuItem.vue";
 
 // prettier-ignore
 const menuItems = computed(
@@ -19,6 +20,7 @@ const menuItems = computed(
   DashboardMenuItem,
   HeartbeatsMenuItem,
   ...(useIsMonitoringEnabled() ? [MonitoringMenuItem] : []),
+  ...(window.defaultConfig.showAllMessages ? [AuditMenuItem] : []),
   FailedMessagesMenuItem,
   CustomChecksMenuItem,
   EventsMenuItem,
diff --git a/src/Frontend/src/components/RefreshConfig.vue b/src/Frontend/src/components/RefreshConfig.vue
new file mode 100644
index 000000000..78a0f641b
--- /dev/null
+++ b/src/Frontend/src/components/RefreshConfig.vue
@@ -0,0 +1,86 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import OnOffSwitch from "./OnOffSwitch.vue";
+
+const props = defineProps<{
+  id: string;
+  initialTimeout?: number;
+  onManualRefresh: () => void;
+}>();
+
+const emit = defineEmits<{ change: [newValue: number | null]; manualRefresh: [] }>();
+
+const autoRefresh = ref(props.initialTimeout != null);
+const refreshTimeout = ref(props.initialTimeout ?? 5);
+
+function toggleRefresh() {
+  autoRefresh.value = !autoRefresh.value;
+  updateTimeout();
+}
+
+function updateTimeout() {
+  validateTimeout();
+  emit("change", autoRefresh.value ? refreshTimeout.value * 1000 : null);
+}
+
+function validateTimeout() {
+  refreshTimeout.value = Math.max(1, Math.min(600, refreshTimeout.value));
+}
+</script>
+
+<template>
+  <div class="refresh-config">
+    <button class="fa" title="refresh" @click="() => emit('manualRefresh')">
+      <i class="fa fa-lg fa-refresh" />
+    </button>
+    <span>|</span>
+    <label>Auto-Refresh:</label>
+    <div>
+      <OnOffSwitch :id="id" @toggle="toggleRefresh" :value="autoRefresh" />
+    </div>
+    <input type="number" v-model="refreshTimeout" min="1" max="600" v-on:change="updateTimeout" />
+    <span class="unit">s</span>
+  </div>
+</template>
+
+<style scoped>
+.refresh-config {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+}
+
+.refresh-config .unit {
+  margin-left: -0.45em;
+}
+
+.refresh-config label {
+  margin: 0;
+}
+
+.refresh-config input {
+  width: 3.5em;
+}
+
+.refresh-config button {
+  background: none;
+  border: none;
+  width: 2em;
+}
+
+.refresh-config button .fa {
+  transition: all 0.15s ease-in-out;
+  transition: rotate 0.05s ease-in-out;
+  transform-origin: center;
+}
+
+.refresh-config button:hover .fa {
+  color: #00a3c4;
+  transform: scale(1.1);
+}
+
+.refresh-config button:active .fa {
+  transform: rotate(25deg);
+  text-shadow: #929e9e 0.25px 0.25px;
+}
+</style>
diff --git a/src/Frontend/src/components/audit/AuditList.vue b/src/Frontend/src/components/audit/AuditList.vue
new file mode 100644
index 000000000..f0aaf3d1f
--- /dev/null
+++ b/src/Frontend/src/components/audit/AuditList.vue
@@ -0,0 +1,224 @@
+<script setup lang="ts">
+import routeLinks from "@/router/routeLinks";
+import { ColumnNames, useAuditStore } from "@/stores/AuditStore";
+import { storeToRefs } from "pinia";
+import { useRoute } from "vue-router";
+import SortableColumn from "../SortableColumn.vue";
+import { MessageStatus } from "@/resources/Message";
+import moment from "moment";
+import { useFormatTime } from "@/composables/formatter";
+import RefreshConfig from "../RefreshConfig.vue";
+import ItemsPerPage from "../ItemsPerPage.vue";
+import PaginationStrip from "../PaginationStrip.vue";
+
+const route = useRoute();
+const store = useAuditStore();
+const { messages, sortByInstances, itemsPerPage, selectedPage, totalCount } = storeToRefs(store);
+
+function statusToName(messageStatus: MessageStatus) {
+  switch (messageStatus) {
+    case MessageStatus.Successful:
+      return "Successful";
+    case MessageStatus.ResolvedSuccessfully:
+      return "Successful after retries";
+    case MessageStatus.Failed:
+      return "Failed";
+    case MessageStatus.ArchivedFailure:
+      return "Failed message deleted";
+    case MessageStatus.RepeatedFailure:
+      return "Repeated Failures";
+    case MessageStatus.RetryIssued:
+      return "Retry requested";
+  }
+}
+
+function statusToIcon(messageStatus: MessageStatus) {
+  switch (messageStatus) {
+    case MessageStatus.Successful:
+      return "fa successful";
+    case MessageStatus.ResolvedSuccessfully:
+      return "fa resolved-successfully";
+    case MessageStatus.Failed:
+      return "fa failed";
+    case MessageStatus.ArchivedFailure:
+      return "fa archived";
+    case MessageStatus.RepeatedFailure:
+      return "fa repeated-failure";
+    case MessageStatus.RetryIssued:
+      return "fa retry-issued";
+  }
+}
+
+function friendlyTypeName(messageType: string) {
+  if (messageType == null) return null;
+
+  const typeClass = messageType.split(",")[0];
+  const typeName = typeClass.split(".").reverse()[0];
+  return typeName.replace(/\+/g, ".");
+}
+
+function formatDotNetTimespan(timespan: string) {
+  //assuming if we have days in the timespan then something is very, very wrong
+  const [hh, mm, ss] = timespan.split(":");
+  const time = useFormatTime(((parseInt(hh) * 60 + parseInt(mm)) * 60 + parseFloat(ss)) * 1000);
+  return `${time.value} ${time.unit}`;
+}
+</script>
+
+<template>
+  <section class="section-table" role="table" aria-label="endpoint-instances">
+    <div class="header">
+      <RefreshConfig id="auditListRefresh" @change="store.updateRefreshTimer" @manual-refresh="store.refresh" />
+      <!--Table headings-->
+      <div role="row" aria-label="column-headers" class="row table-head-row" :style="{ borderTop: 0 }">
+        <div role="columnheader" :aria-label="ColumnNames.Status" class="status">
+          <SortableColumn :sort-by="ColumnNames.Status" v-model="sortByInstances" :default-ascending="true">Status</SortableColumn>
+        </div>
+        <div role="columnheader" :aria-label="ColumnNames.MessageId" class="col-3">
+          <SortableColumn :sort-by="ColumnNames.MessageId" v-model="sortByInstances" :default-ascending="true">Message Id</SortableColumn>
+        </div>
+        <div role="columnheader" :aria-label="ColumnNames.MessageType" class="col-3">
+          <SortableColumn :sort-by="ColumnNames.MessageType" v-model="sortByInstances" :default-ascending="true">Type</SortableColumn>
+        </div>
+        <div role="columnheader" :aria-label="ColumnNames.TimeSent" class="col-2">
+          <SortableColumn :sort-by="ColumnNames.TimeSent" v-model="sortByInstances">Time Sent</SortableColumn>
+        </div>
+        <div role="columnheader" :aria-label="ColumnNames.ProcessingTime" class="col-2">
+          <SortableColumn :sort-by="ColumnNames.ProcessingTime" v-model="sortByInstances">Processing Time</SortableColumn>
+        </div>
+      </div>
+    </div>
+    <!--Table rows-->
+    <!--NOTE: currently the DataView pages on the client only: we need to make it server data aware (i.e. the total will be the count from the server, not the length of the data we have locally)-->
+    <div class="messages" role="rowgroup" aria-label="messages">
+      <div role="row" :aria-label="message.message_id" class="row grid-row" v-for="message in messages" :key="message.id">
+        <div role="cell" aria-label="status" class="status" :title="statusToName(message.status)">
+          <div class="status-icon" :class="statusToIcon(message.status)"></div>
+        </div>
+        <div role="cell" aria-label="message-id" class="col-3 message-id">
+          <div class="box-header">
+            <tippy :aria-label="message.message_id" :delay="[700, 0]" class="no-side-padding lead righ-side-ellipsis endpoint-details-link">
+              <template #content>
+                <p :style="{ overflowWrap: 'break-word' }">{{ message.message_id }}</p>
+              </template>
+              <RouterLink class="hackToPreventSafariFromShowingTooltip" aria-label="details-link" :to="{ path: routeLinks.messages.message.link(message.id), query: { back: route.path } }">
+                {{ message.message_id }}
+              </RouterLink>
+            </tippy>
+          </div>
+        </div>
+        <div role="cell" aria-label="message-type" class="col-3 message-type">
+          {{ friendlyTypeName(message.message_type) }}
+        </div>
+        <div role="cell" aria-label="time-sent" class="col-2 time-sent">
+          {{ moment(message.time_sent).local().format("LLLL") }}
+        </div>
+        <div role="cell" aria-label="processing-time" class="col-2 processing-time">
+          {{ formatDotNetTimespan(message.processing_time) }}
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <ItemsPerPage v-model="itemsPerPage" />
+      <PaginationStrip v-model="selectedPage" :totalCount="totalCount" :itemsPerPage="itemsPerPage" />
+    </div>
+  </section>
+</template>
+
+<style scoped>
+@import "../list.css";
+
+.hackToPreventSafariFromShowingTooltip::after {
+  content: "";
+  display: block;
+}
+
+.section-table {
+  overflow: auto;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.messages {
+  flex: 1;
+  overflow: auto;
+}
+
+.status {
+  width: 5em;
+  text-align: center;
+}
+
+.status-icon {
+  color: white;
+  border-radius: 0.75em;
+  width: 1.2em;
+  height: 1.2em;
+}
+
+.status-icon::before {
+  vertical-align: middle;
+  font-size: 0.85em;
+}
+
+.successful {
+  background: #6cc63f;
+}
+.successful::before {
+  content: "\f00c";
+}
+
+.resolved-successfully {
+  background: #3f881b;
+}
+.resolved-successfully::before {
+  content: "\f01e";
+}
+
+.failed {
+  background: #c63f3f;
+}
+.failed::before {
+  content: "\f00d";
+}
+
+.archived {
+  background: #000000;
+}
+.archived::before {
+  content: "\f187";
+  font-size: 0.85em;
+}
+
+.repeated-failure {
+  background: #c63f3f;
+}
+.repeated-failure::before {
+  content: "\f00d\f00d";
+  font-size: 0.6em;
+}
+
+.retry-issued {
+  background: #cccccc;
+  color: #000000;
+}
+.retry-issued::before {
+  content: "\f01e";
+}
+
+.grid-row {
+  display: flex;
+  position: relative;
+  border-top: 1px solid #eee;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #eee;
+  border-left: 1px solid #fff;
+  background-color: #fff;
+  margin: 0;
+}
+
+.grid-row:nth-child(even) {
+  background-color: #eee;
+}
+</style>
diff --git a/src/Frontend/src/components/audit/AuditMenuItem.vue b/src/Frontend/src/components/audit/AuditMenuItem.vue
new file mode 100644
index 000000000..1be2dd5ee
--- /dev/null
+++ b/src/Frontend/src/components/audit/AuditMenuItem.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { RouterLink } from "vue-router";
+import routeLinks from "@/router/routeLinks";
+</script>
+
+<template>
+  <RouterLink :to="routeLinks.messages.root">
+    <i class="fa fa-envelope icon-white" title="All Messages"></i>
+    <span class="navbar-label">All Messages</span>
+  </RouterLink>
+</template>
+
+<style scoped>
+@import "@/assets/navbar.css";
+@import "@/assets/header-menu-item.css";
+</style>
diff --git a/src/Frontend/src/components/failedmessages/MessageRedirectForBackwardsCompatibility.vue b/src/Frontend/src/components/failedmessages/MessageRedirectForBackwardsCompatibility.vue
deleted file mode 100644
index 43fcad227..000000000
--- a/src/Frontend/src/components/failedmessages/MessageRedirectForBackwardsCompatibility.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<script setup lang="ts">
-import { onMounted } from "vue";
-import { useRoute, useRouter } from "vue-router";
-import routeLinks from "@/router/routeLinks";
-
-const route = useRoute();
-const router = useRouter();
-const id = route.params.id;
-
-onMounted(async () => {
-  await router.push({ path: routeLinks.messages.message.link(id.toString()), query: { back: routeLinks.failedMessage.failedMessages.link } });
-});
-</script>
-<template>
-  <template></template>
-</template>
diff --git a/src/Frontend/src/composables/autoRefresh.ts b/src/Frontend/src/composables/autoRefresh.ts
index 1131aed83..7bdca8d8a 100644
--- a/src/Frontend/src/composables/autoRefresh.ts
+++ b/src/Frontend/src/composables/autoRefresh.ts
@@ -1,5 +1,11 @@
-export default function useAutoRefresh(refreshAction: () => Promise<void>, timeout: number) {
+/**
+ * Enables refresh functionality, either auto or manual
+ * @param refreshAction The action to perform (by default) when refreshing
+ * @param defaultTimeout The time between refreshes in ms or null if no auto-refresh is desired
+ */
+export default function useAutoRefresh(refreshAction: () => Promise<void>, defaultTimeout: number | null, startImmediately = true) {
   let refreshInterval: number | null = null;
+  const timeout = { value: defaultTimeout };
 
   function stopTimer() {
     if (refreshInterval !== null) {
@@ -9,10 +15,12 @@ export default function useAutoRefresh(refreshAction: () => Promise<void>, timeo
   }
 
   function startTimer() {
+    if (timeout.value === null) return;
+
     stopTimer();
     refreshInterval = window?.setTimeout(() => {
       executeAndResetTimer();
-    }, timeout);
+    }, timeout.value as number);
   }
 
   async function executeAndResetTimer(overrideAction?: () => Promise<void>) {
@@ -24,7 +32,20 @@ export default function useAutoRefresh(refreshAction: () => Promise<void>, timeo
     }
   }
 
+  /**
+   * Updates the timeout interval between refreshes
+   * @param updatedTimeout The new time between refreshes in ms or null if no auto-refresh is desired
+   */
+  async function updateTimeout(updatedTimeout: number | null) {
+    timeout.value = updatedTimeout;
+    await executeAndResetTimer();
+  }
+
+  // eslint-disable-next-line promise/catch-or-return,promise/prefer-await-to-then,promise/valid-params
+  if (startImmediately) executeAndResetTimer().then();
+
   return {
     executeAndResetTimer,
+    updateTimeout,
   };
 }
diff --git a/src/Frontend/src/resources/Message.ts b/src/Frontend/src/resources/Message.ts
index a955a89b6..977497bbb 100644
--- a/src/Frontend/src/resources/Message.ts
+++ b/src/Frontend/src/resources/Message.ts
@@ -15,7 +15,7 @@ export default interface Message {
   is_system_message: boolean;
   conversation_id: string;
   headers: Header[];
-  status: string;
+  status: MessageStatus;
   message_intent: string;
   body_url: string;
   body_size: number;
@@ -27,3 +27,12 @@ export interface ExtendedMessage extends Message {
   headersNotFound: boolean;
   messageBodyNotFound: boolean;
 }
+
+export enum MessageStatus {
+  Failed = "failed",
+  RepeatedFailure = "repeatedFailure",
+  Successful = "successful",
+  ResolvedSuccessfully = "resolvedSuccessfully",
+  ArchivedFailure = "archivedFailure",
+  RetryIssued = "retryIssued",
+}
diff --git a/src/Frontend/src/router/config.ts b/src/Frontend/src/router/config.ts
index 300c7a186..744f9c3df 100644
--- a/src/Frontend/src/router/config.ts
+++ b/src/Frontend/src/router/config.ts
@@ -8,13 +8,14 @@ import routeLinks from "@/router/routeLinks";
 import CustomChecksView from "@/views/CustomChecksView.vue";
 import HeartbeatsView from "@/views/HeartbeatsView.vue";
 import ThroughputReportView from "@/views/ThroughputReportView.vue";
+import AuditView from "@/views/AuditView.vue";
 
 export interface RouteItem {
   path: string;
   alias?: string;
   redirect?: string;
   title: string;
-  component: RouteComponent | (() => Promise<RouteComponent>);
+  component?: RouteComponent | (() => Promise<RouteComponent>);
   children?: RouteItem[];
 }
 
@@ -52,6 +53,11 @@ const config: RouteItem[] = [
       },
     ],
   },
+  {
+    path: routeLinks.messages.root,
+    component: AuditView,
+    title: "All Messages",
+  },
   {
     path: routeLinks.failedMessage.root,
     component: FailedMessagesView,
@@ -96,7 +102,7 @@ const config: RouteItem[] = [
       {
         path: routeLinks.failedMessage.message.template,
         title: "Message",
-        component: () => import("@/components/failedmessages/MessageRedirectForBackwardsCompatibility.vue"),
+        redirect: routeLinks.messages.message.template,
       },
     ],
   },
diff --git a/src/Frontend/src/stores/AuditStore.ts b/src/Frontend/src/stores/AuditStore.ts
new file mode 100644
index 000000000..9b2800416
--- /dev/null
+++ b/src/Frontend/src/stores/AuditStore.ts
@@ -0,0 +1,76 @@
+import { useTypedFetchFromServiceControl } from "@/composables/serviceServiceControlUrls";
+import { acceptHMRUpdate, defineStore } from "pinia";
+import { ref, watch } from "vue";
+import useAutoRefresh from "@/composables/autoRefresh";
+import type { SortInfo } from "@/components/SortInfo";
+import Message from "@/resources/Message";
+
+export enum ColumnNames {
+  Status = "status",
+  MessageId = "messageId",
+  MessageType = "messageType",
+  TimeSent = "timeSent",
+  ProcessingTime = "processingTime",
+}
+
+const columnSortings = new Map<string, string>([
+  [ColumnNames.Status, "status"],
+  [ColumnNames.MessageId, "id"],
+  [ColumnNames.MessageType, "message_type"],
+  [ColumnNames.TimeSent, "time_sent"],
+  [ColumnNames.ProcessingTime, "processing_time"],
+]);
+
+export const useAuditStore = defineStore("AuditStore", () => {
+  const sortByInstances = ref<SortInfo>({
+    property: ColumnNames.TimeSent,
+    isAscending: false,
+  });
+
+  const messageFilterString = ref("");
+  const itemsPerPage = ref(35);
+  const selectedPage = ref(1);
+  const totalCount = ref(0);
+  const messages = ref<Message[]>([]);
+  // const filteredMessages = computed<Message[]>(() => sortedMessages.value.filter((message) => !messageFilterString.value || message.id.toLowerCase().includes(messageFilterString.value.toLowerCase())));
+  watch(messageFilterString, (newValue) => {
+    setMessageFilterString(newValue);
+  });
+
+  const dataRetriever = useAutoRefresh(async () => {
+    try {
+      const [response, data] = await useTypedFetchFromServiceControl<Message[]>(
+        `messages/?include_system_messages=false&per_page=${itemsPerPage.value}&page=${selectedPage.value}&sort=${columnSortings.get(sortByInstances.value.property)}&direction=${sortByInstances.value.isAscending ? "asc" : "desc"}`
+      );
+      totalCount.value = parseInt(response.headers.get("total-count") ?? "0");
+      messages.value = data;
+    } catch (e) {
+      messages.value = [];
+      throw e;
+    }
+  }, null);
+
+  const refresh = dataRetriever.executeAndResetTimer;
+  watch([itemsPerPage, selectedPage, sortByInstances], () => refresh());
+
+  function setMessageFilterString(filter: string) {
+    messageFilterString.value = filter;
+  }
+
+  return {
+    refresh,
+    updateRefreshTimer: dataRetriever.updateTimeout,
+    sortByInstances,
+    messages,
+    messageFilterString,
+    itemsPerPage,
+    selectedPage,
+    totalCount,
+  };
+});
+
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useAuditStore, import.meta.hot));
+}
+
+export type AuditStore = ReturnType<typeof useAuditStore>;
diff --git a/src/Frontend/src/stores/CustomChecksStore.ts b/src/Frontend/src/stores/CustomChecksStore.ts
index 514e94c46..d31a0bd29 100644
--- a/src/Frontend/src/stores/CustomChecksStore.ts
+++ b/src/Frontend/src/stores/CustomChecksStore.ts
@@ -37,8 +37,6 @@ export const useCustomChecksStore = defineStore("CustomChecksStore", () => {
     });
   }
 
-  dataRetriever.executeAndResetTimer();
-
   return {
     dismissCustomCheck,
     pageNumber,
diff --git a/src/Frontend/src/stores/HeartbeatsStore.ts b/src/Frontend/src/stores/HeartbeatsStore.ts
index 77bb48006..4c0a00152 100644
--- a/src/Frontend/src/stores/HeartbeatsStore.ts
+++ b/src/Frontend/src/stores/HeartbeatsStore.ts
@@ -170,9 +170,6 @@ export const useHeartbeatsStore = defineStore("HeartbeatsStore", () => {
 
   const refresh = dataRetriever.executeAndResetTimer;
 
-  // eslint-disable-next-line promise/catch-or-return,promise/prefer-await-to-then,promise/valid-params
-  refresh().then();
-
   return {
     refresh,
     defaultTrackingInstancesValue,
diff --git a/src/Frontend/src/stores/ThroughputStore.ts b/src/Frontend/src/stores/ThroughputStore.ts
index bc04e49c4..e13dfbd07 100644
--- a/src/Frontend/src/stores/ThroughputStore.ts
+++ b/src/Frontend/src/stores/ThroughputStore.ts
@@ -101,8 +101,6 @@ export const useThroughputStore = defineStore("ThroughputStore", () => {
     }
   });
 
-  refresh();
-
   return {
     testResults,
     refresh,
diff --git a/src/Frontend/src/views/AuditView.vue b/src/Frontend/src/views/AuditView.vue
new file mode 100644
index 000000000..70eccf222
--- /dev/null
+++ b/src/Frontend/src/views/AuditView.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { licenseStatus } from "../composables/serviceLicense";
+import LicenseExpired from "../components/LicenseExpired.vue";
+import AuditList from "@/components/audit/AuditList.vue";
+</script>
+
+<template>
+  <LicenseExpired />
+  <template v-if="!licenseStatus.isExpired">
+    <div class="container">
+      <div class="row title">
+        <div class="col-12">
+          <h1>All Messages</h1>
+        </div>
+      </div>
+      <div class="row">
+        <AuditList />
+      </div>
+    </div>
+  </template>
+</template>
+
+<style scoped>
+.container,
+.row {
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  flex: 1;
+  min-height: 0;
+}
+
+.row.title {
+  flex: 0;
+  min-height: fit-content;
+}
+</style>