diff --git a/Dockerfile b/Dockerfile
index 547a6384..6d1a457d 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -46,6 +46,7 @@ RUN --mount=type=cache,target=/root/.cache \
     pip install ./wei
 
 COPY wei-entrypoint.sh /wei-entrypoint.sh
+RUN ls -l /wei-entrypoint.sh
 RUN chmod +x /wei-entrypoint.sh
 ENTRYPOINT [ "/wei-entrypoint.sh" ]
 
diff --git a/package-lock.json b/package-lock.json
index 3d557269..52cb0074 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,7 +5,257 @@
   "packages": {
     "": {
       "dependencies": {
-        "prettier": "^3.3.2"
+        "prettier": "^3.3.2",
+        "vue": "^3.5.12"
+      },
+      "devDependencies": {
+        "@types/vue": "^1.0.31",
+        "@vue/compiler-sfc": "^3.5.12"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.7.tgz",
+      "integrity": "sha512-CbkjYdsJNHFk8uqpEkpCvRs3YRp9tY6FmFY7wLMSYuGYkrdUi7r2lc4/wqsvlHoMznX3WJ9IP8giGPq68T/Y6g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.7.tgz",
+      "integrity": "sha512-AM6TzwYqGChO45oiuPqwL2t20/HdMC1rTPAesnBCgPCSF1x3oN9MVUwQV2iyz4xqWrctwK5RNC8LV22kaQCNYg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.25.8",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.8.tgz",
+      "integrity": "sha512-HcttkxzdPucv3nNFmfOOMfFf64KgdJVqm1KaCm25dPGMLElo9nsLvXeJECQg8UzPuBGLyTSA0ZzqCtDSzKTEoQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.25.8"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.25.8",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.8.tgz",
+      "integrity": "sha512-JWtuCu8VQsMladxVz/P4HzHUGCAwpuqacmowgXFs5XjxIgKuNjnLokQzuVjlTvIzODaDmpjT3oxcC48vyk9EWg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.25.7",
+        "@babel/helper-validator-identifier": "^7.25.7",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/vue": {
+      "version": "1.0.31",
+      "resolved": "https://registry.npmjs.org/@types/vue/-/vue-1.0.31.tgz",
+      "integrity": "sha512-unhlPKHFYEc+NA7nBz8yYSg7MOhWFJF2M/tzjb0rgVuK4pQzUBGmBp3IhfuhYDo3wr3dgA5sm9GUHmUJz2Hb9w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.12.tgz",
+      "integrity": "sha512-ISyBTRMmMYagUxhcpyEH0hpXRd/KqDU4ymofPgl2XAkY9ZhQ+h0ovEZJIiPop13UmR/54oA2cgMDjgroRelaEw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "@vue/shared": "3.5.12",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.12.tgz",
+      "integrity": "sha512-9G6PbJ03uwxLHKQ3P42cMTi85lDRvGLB2rSGOiQqtXELat6uI4n8cNz9yjfVHRPIu+MsK6TE418Giruvgptckg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.12",
+        "@vue/shared": "3.5.12"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.12.tgz",
+      "integrity": "sha512-2k973OGo2JuAa5+ZlekuQJtitI5CgLMOwgl94BzMCsKZCX/xiqzJYzapl4opFogKHqwJk34vfsaKpfEhd1k5nw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "@vue/compiler-core": "3.5.12",
+        "@vue/compiler-dom": "3.5.12",
+        "@vue/compiler-ssr": "3.5.12",
+        "@vue/shared": "3.5.12",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.11",
+        "postcss": "^8.4.47",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.12.tgz",
+      "integrity": "sha512-eLwc7v6bfGBSM7wZOGPmRavSWzNFF6+PdRhE+VFJhNCgHiF8AM7ccoqcv5kBXA2eWUfigD7byekvf/JsOfKvPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.12",
+        "@vue/shared": "3.5.12"
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.12.tgz",
+      "integrity": "sha512-UzaN3Da7xnJXdz4Okb/BGbAaomRHc3RdoWqTzlvd9+WBR5m3J39J1fGcHes7U3za0ruYn/iYy/a1euhMEHvTAg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.12"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.12.tgz",
+      "integrity": "sha512-hrMUYV6tpocr3TL3Ad8DqxOdpDe4zuQY4HPY3X/VRh+L2myQO8MFXPAMarIOSGNu0bFAjh1yBkMPXZBqCk62Uw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.12",
+        "@vue/shared": "3.5.12"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.12.tgz",
+      "integrity": "sha512-q8VFxR9A2MRfBr6/55Q3umyoN7ya836FzRXajPB6/Vvuv0zOPL+qltd9rIMzG/DbRLAIlREmnLsplEF/kotXKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.12",
+        "@vue/runtime-core": "3.5.12",
+        "@vue/shared": "3.5.12",
+        "csstype": "^3.1.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.12.tgz",
+      "integrity": "sha512-I3QoeDDeEPZm8yR28JtY+rk880Oqmj43hreIBVTicisFTx/Dl7JpG72g/X7YF8hnQD3IFhkky5i2bPonwrTVPg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.12",
+        "@vue/shared": "3.5.12"
+      },
+      "peerDependencies": {
+        "vue": "3.5.12"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.12.tgz",
+      "integrity": "sha512-L2RPSAwUFbgZH20etwrXyVyCBu9OxRSi8T/38QsvnkJyvq2LufW2lDCOzm7t/U9C1mkhJGWYfCuFBCmIuNivrg==",
+      "license": "MIT"
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT"
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.12",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.12.tgz",
+      "integrity": "sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz",
+      "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==",
+      "license": "ISC"
+    },
+    "node_modules/postcss": {
+      "version": "8.4.47",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz",
+      "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.1.0",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
       }
     },
     "node_modules/prettier": {
@@ -22,6 +272,45 @@
       "funding": {
         "url": "https://github.com/prettier/prettier?sponsor=1"
       }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/vue": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.12.tgz",
+      "integrity": "sha512-CLVZtXtn2ItBIi/zHZ0Sg1Xkb7+PU32bJJ8Bmy7ts3jxXTcbfsEfBivFYYWz1Hur+lalqGAh65Coin0r+HRUfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.12",
+        "@vue/compiler-sfc": "3.5.12",
+        "@vue/runtime-dom": "3.5.12",
+        "@vue/server-renderer": "3.5.12",
+        "@vue/shared": "3.5.12"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index d260a5e7..72028f99 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,10 @@
 {
   "dependencies": {
-    "prettier": "^3.3.2"
+    "prettier": "^3.3.2",
+    "vue": "^3.5.12"
+  },
+  "devDependencies": {
+    "@types/vue": "^1.0.31",
+    "@vue/compiler-sfc": "^3.5.12"
   }
 }
diff --git a/src/ui/src/components/Dashboard.vue b/src/ui/src/components/Dashboard.vue
index 58f7d290..fdbdc92b 100644
--- a/src/ui/src/components/Dashboard.vue
+++ b/src/ui/src/components/Dashboard.vue
@@ -9,11 +9,13 @@
     <v-tab :value="3">
       Experiments
     </v-tab>
-    <!-- <v-tab :value="4">Events</v-tab>
-        <v-tab :value="5">Admin</v-tab>
-        <v-tab :value="6">Resources</v-tab> -->
+    <v-tab :value="4">
+      Events
+    </v-tab>
+        <!-- <v-tab :value="5">Admin</v-tab>
+        <v-tab :value="6">Resources</v-tab> --> -->
   </v-tabs>
-  <v-window v-model="tab">
+  <v-window v-model="tab"> 
     <v-window-item :key="1" :value="1">
       <v-container class="pa-1 ma-1 justify-center" fluid>
         <WorkcellPanel @view-workflows="tab = 2" />
@@ -36,12 +38,27 @@
         <Experiments/>
       </v-container>
     </v-window-item>
+    <v-window-item :key="4" :value="4">
+      <v-container class="pa-1 ma-1 justify-center" fluid>
+        <v-card>
+        <v-card-title class="text-center">
+          <h2>Events</h2>
+        </v-card-title>
+        <v-card-text>
+          <EventTable/>
+          </v-card-text>
+        </v-card>
+      </v-container>
+    </v-window-item>
   </v-window>
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
 import 'vue-json-pretty/lib/styles.css';
+
+import { ref } from 'vue';
+
+import EventTable from './EventTable.vue';
 import Experiments from './Experiments.vue';
 import WorkcellPanel from './WorkcellPanel.vue';
 import WorkflowTable from './WorkflowTable.vue';
@@ -64,17 +81,24 @@ export default {
 
 .wf_status_completed,
 .module_status_IDLE,
-.module_status_READY {
+.module_status_READY,
+.event_name_completed {
   background-color: green;
 }
 
+.event_name_start {
+  background-color: darkcyan;
+}
+
 .wf_status_running,
-.module_status_BUSY {
+.module_status_BUSY,
+.event_name_step {
   background-color: blue;
 }
 
 .wf_status_failed,
-.module_status_ERROR {
+.module_status_ERROR,
+.event_name_failed {
   background-color: red;
 }
 
@@ -92,7 +116,8 @@ export default {
 .wf_status_queued,
 .wf_status_paused,
 .wf_status_in_progress,
-.module_status_PAUSED {
+.module_status_PAUSED,
+.event_name_queued {
   background-color: gold;
   color: black;
 }
diff --git a/src/ui/src/components/EventModal.vue b/src/ui/src/components/EventModal.vue
new file mode 100644
index 00000000..83e48766
--- /dev/null
+++ b/src/ui/src/components/EventModal.vue
@@ -0,0 +1,47 @@
+<template>
+    <v-dialog :model-value="modalValue" @update:model-value="updateModalValue">
+        <v-card>
+            <v-card-title>
+                <h2 class="title">Event: {{ modal_event?.event_name || 'N/A' }}</h2>
+                <!-- {{modal_event.event_id}} -->
+            </v-card-title>
+            <v-card-text>
+                <v-sheet class="pa-2 rounded-lg text-md-center text-white"
+                :class="'event_name_' + (modal_event?.event_name || '').toLowerCase()">
+                {{ modal_event?.event_id || 'N/A' }}
+            </v-sheet>
+            <test :event="modal_event" />
+            </v-card-text>
+            <v-card-actions>
+                <v-spacer></v-spacer>
+                <v-btn @click="closeDialog" class="primary--text">Close</v-btn>
+            </v-card-actions>
+        </v-card>
+    </v-dialog>
+</template>
+
+<script setup lang="ts">
+import test from './test.vue';
+
+const props = defineProps({
+    modal_event: {
+        type: Object,
+        required: true,
+    },
+    modalValue: {
+        type: Boolean,
+        required: true,
+    },
+});
+
+const emit = defineEmits(['update:modalValue']);
+
+const closeDialog = () => {
+    emit('update:modalValue', false);
+};
+
+const updateModalValue = (value: Boolean) => {
+    emit('update:modalValue', value);
+};
+
+</script>
\ No newline at end of file
diff --git a/src/ui/src/components/EventTable.vue b/src/ui/src/components/EventTable.vue
new file mode 100644
index 00000000..d24f7b97
--- /dev/null
+++ b/src/ui/src/components/EventTable.vue
@@ -0,0 +1,61 @@
+<template>
+    <v-data-table :headers="eventHeaders" hover
+    :items="eventsData" item-value="event_timestamp" :sort-by="sortBy" density="compact">
+    <template v-slot:body="{ items }">
+        <tr v-for="item in items" :key="item.event_id" @click="openModal(item)">
+            <td>{{ item.event_id }}</td> 
+            <td>
+                <v-sheet class="pa-2 rounded-lg text-md-center text-white event-name-badge" :class="'event_name_' + item.event_name.toLowerCase()">
+                    {{ item.event_name.toLowerCase() }}
+                </v-sheet>
+            </td>
+            <td>{{ item.event_type }}</td>
+            <td>{{ item.event_timestamp }}</td>
+            <td>{{ item.workcell_id }}</td>
+        </tr>
+    </template>
+    </v-data-table>
+    <EventModal :modalValue="modal" @update:modalValue="modal = $event" :modal_event="modal_event" />
+</template>
+
+<script setup lang="ts">
+/// <reference path="../store.d.ts" />
+import {
+  computed,
+  ref,
+} from 'vue';
+
+import { VDataTable } from 'vuetify/lib/components/index.mjs';
+
+import { events } from '@/store';
+
+import EventModal from './EventModal.vue';
+
+const eventsData = computed(() => events.value || []);
+const sortBy: VDataTable['sortBy'] = [{ key: 'event_timestamp', order: 'desc'}];
+
+const modal = ref(false)
+const modal_event = ref({})
+
+const eventHeaders = [
+  { title: 'Event ID', key: 'event_id' },
+  { title: 'Event Name', key: 'event_name' },
+  { title: 'Event Type', key: 'event_type'},
+  { title: 'Timestamp', key: 'event_timestamp'},
+  { title: 'Workcell ID', key: 'workcell_id'}
+];
+
+const openModal = (event: Object) => {
+    modal_event.value = event;
+    modal.value = true;
+}
+</script>
+
+<style scoped>
+.event-name-badge {
+  display: inline-block; 
+  width: 100%; 
+  text-align: center; 
+  min-width: 120px; 
+}
+</style>
diff --git a/src/ui/src/components/Experiments.vue b/src/ui/src/components/Experiments.vue
index 35a93403..1d739d14 100644
--- a/src/ui/src/components/Experiments.vue
+++ b/src/ui/src/components/Experiments.vue
@@ -58,9 +58,14 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
+
 import { VDataTable } from 'vuetify/lib/components/index.mjs';
+
 /// <reference path="../store.d.ts" />
-import { campaigns, experiment_objects } from "@/store";
+import {
+  campaigns,
+  experiment_objects,
+} from '@/store';
 
 const sortBy: VDataTable['sortBy'] = [{ key: 'experiment_id', order: 'desc' }];
 
diff --git a/src/ui/src/components/WorkflowModal.vue b/src/ui/src/components/WorkflowModal.vue
index 3fd86eb5..92954048 100644
--- a/src/ui/src/components/WorkflowModal.vue
+++ b/src/ui/src/components/WorkflowModal.vue
@@ -19,6 +19,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
+
 const props = defineProps(['modal_title', 'modal_text'])
 const flowdef = ref(false)
 </script>
diff --git a/src/ui/src/components/test.vue b/src/ui/src/components/test.vue
new file mode 100644
index 00000000..b69e9f0f
--- /dev/null
+++ b/src/ui/src/components/test.vue
@@ -0,0 +1,13 @@
+<template>
+    <h3>Test</h3>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+import VueJsonPretty from 'vue-json-pretty';
+import { VDataTable } from 'vuetify/components';
+
+const props = defineProps(['event'])
+
+</script>
\ No newline at end of file
diff --git a/src/ui/src/store.d.ts b/src/ui/src/store.d.ts
index 1cb4523e..6f80ba50 100644
--- a/src/ui/src/store.d.ts
+++ b/src/ui/src/store.d.ts
@@ -1,5 +1,4 @@
-
-export { };
+export {};
 
 declare module "store" {
 
@@ -14,5 +13,6 @@ declare module "store" {
     state_url: string;
     wc_info: any;
     wc_state: any;
+    events: any;
   }
 }
diff --git a/src/ui/src/store.ts b/src/ui/src/store.ts
index 6aba1565..3884c290 100644
--- a/src/ui/src/store.ts
+++ b/src/ui/src/store.ts
@@ -1,5 +1,7 @@
-
-import { ref, watchEffect } from 'vue';
+import {
+  ref,
+  watchEffect,
+} from 'vue';
 
 const main_url = ref()
 const state_url = ref()
@@ -8,7 +10,7 @@ const workflows = ref([''])
 const experiments = ref()
 const experiments_url = ref()
 const events_url = ref()
-const events = ref()
+const events = ref<any[]>([])
 const workcell_state = ref()
 const workcell_info = ref()
 const campaigns = ref()
@@ -16,6 +18,7 @@ const campaigns_url = ref()
 const experiment_keys = ref()
 const experiment_objects: any = ref([])
 main_url.value = "http://".concat(window.location.host)
+
 class ExperimentInfo {
     experiment_id?: string;
     experiment_workflows: any;
@@ -52,7 +55,7 @@ watchEffect(async () => {
     }
 
     async function updateEvents() {
-        events.value = await ((await fetch(events_url.value)).json());
+        events.value = Object.values(await ((await fetch(events_url.value)).json()))
     }
 
     async function updateWorkcellState() {
@@ -87,4 +90,19 @@ function get_status(value: any) {
     }
 }
 
-export { campaigns, campaigns_url, events, experiment_keys, experiment_objects, experiments, experiments_url, get_status, main_url, state_url, workcell_info, workcell_info_url, workcell_state, workflows };
+export {
+  campaigns,
+  campaigns_url,
+  events,
+  experiment_keys,
+  experiment_objects,
+  experiments,
+  experiments_url,
+  get_status,
+  main_url,
+  state_url,
+  workcell_info,
+  workcell_info_url,
+  workcell_state,
+  workflows,
+};