diff --git a/frontend/pages/backend/[backend]/index.vue b/frontend/pages/backend/[backend]/index.vue
index 6f0e6768..a3a7942d 100644
--- a/frontend/pages/backend/[backend]/index.vue
+++ b/frontend/pages/backend/[backend]/index.vue
@@ -38,6 +38,9 @@
           <li>
             <NuxtLink :to="`/backend/${backend}/users`" v-text="'View backend users.'"/>
           </li>
+          <li>
+            <NuxtLink :to="`/backend/${backend}/sessions`" v-text="'View active sessions.'"/>
+          </li>
         </ul>
       </div>
     </div>
diff --git a/frontend/pages/backend/[backend]/sessions.vue b/frontend/pages/backend/[backend]/sessions.vue
new file mode 100644
index 00000000..03a9c6ca
--- /dev/null
+++ b/frontend/pages/backend/[backend]/sessions.vue
@@ -0,0 +1,127 @@
+<template>
+  <div class="columns is-multiline">
+    <div class="column is-12 is-clearfix">
+      <span class="title is-4">
+        <NuxtLink to="/backends">Backends</NuxtLink>
+        -
+        <NuxtLink :to="'/backend/' + backend">{{ backend }}</NuxtLink>
+        : Sessions
+      </span>
+
+      <div class="is-pulled-right">
+        <div class="field is-grouped">
+          <p class="control">
+            <button class="button is-info" @click.prevent="loadContent" :disabled="isLoading"
+                    :class="{'is-loading':isLoading}">
+              <span class="icon"><i class="fas fa-sync"></i></span>
+            </button>
+          </p>
+        </div>
+      </div>
+
+      <div class="subtitle is-hidden-mobile">
+        Show backend's sessions that are currently active.
+      </div>
+    </div>
+
+    <div class="column is-12" v-if="items.length < 1">
+      <Message message_class="is-info" title="Loading..." v-if="isLoading">
+        <span class="icon-text">
+          <span class="icon"><i class="fas fa-spinner fa-spin"></i></span>
+          <span>Requesting active play sessions. Please wait...</span>
+        </span>
+      </Message>
+      <Message message_class="has-background-success-90 has-text-dark" title="Information" v-else>
+        <span class="icon-text">
+          <span class="icon"><i class="fas fa-check"></i></span>
+          <span>There are no active play sessions currently running.</span>
+        </span>
+      </Message>
+    </div>
+    <template v-else>
+      <div class="column is-12">
+        <div class="content">
+          <h1 class="title is-4">Active Sessions</h1>
+        </div>
+      </div>
+      <div class="column is-12">
+        <table class="table is-fullwidth is-hoverable is-striped">
+          <thead>
+          <tr>
+            <th>User</th>
+            <th>Title</th>
+            <th>State</th>
+            <th>Progress at</th>
+          </tr>
+          </thead>
+          <tbody>
+          <tr v-for="item in items" :key="item.id">
+            <td>{{ item.user_name }}</td>
+            <td>
+              <NuxtLink :to="makeItemLink(item)" v-text="item.item_title"/>
+            </td>
+            <td>{{ item.session_state }}</td>
+            <td>{{ formatDuration(item.item_offset_at) }}</td>
+          </tr>
+          </tbody>
+        </table>
+      </div>
+    </template>
+  </div>
+</template>
+
+<script setup>
+import {formatDuration, notification} from "~/utils/index.js";
+
+const backend = useRoute().params.backend
+const items = ref([])
+const isLoading = ref(false)
+
+const loadContent = async () => {
+  isLoading.value = true
+  items.value = []
+
+  let response, json;
+
+  try {
+    response = await request(`/backend/${backend}/sessions`)
+  } catch (e) {
+    isLoading.value = false
+    return notification('error', 'Error', e.message)
+  }
+
+  try {
+    json = await response.json()
+  } catch (e) {
+    json = {
+      error: {
+        code: response.status,
+        message: response.statusText
+      }
+    }
+  }
+
+  isLoading.value = false
+
+  if (!response.ok) {
+    notification('error', 'Error', `${json.error.code}: ${json.error.message}`)
+    return
+  }
+
+  items.value = json
+}
+
+const makeItemLink = (item) => {
+
+  const params = new URLSearchParams();
+  params.append('perpage', '50')
+  params.append('page', '1')
+  params.append('q', `${backend}.id://${item.item_id}`)
+  params.append('key', 'metadata')
+
+  return `/history?${params.toString()}`
+}
+onMounted(async () => loadContent())
+
+
+</script>
diff --git a/frontend/utils/index.js b/frontend/utils/index.js
index e932dc27..d41a141d 100644
--- a/frontend/utils/index.js
+++ b/frontend/utils/index.js
@@ -255,7 +255,6 @@ const makeGUIDLink = (type, source, guid, data) => {
  * @returns {string} The formatted duration.
  */
 const formatDuration = (milliseconds) => {
-    console.log(milliseconds)
     milliseconds = parseInt(milliseconds)
     let seconds = Math.floor(milliseconds / 1000);
     let minutes = Math.floor(seconds / 60);