diff --git a/components/report_cards/chemical_probe/ProbeMechanism.vue b/components/report_cards/chemical_probe/ProbeMechanism.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7efda843452450c2ce697e6d71cf3b98dc3071fc
--- /dev/null
+++ b/components/report_cards/chemical_probe/ProbeMechanism.vue
@@ -0,0 +1,58 @@
+<template>
+  <v-card>
+    <v-card-text>
+      <ChEMBLDataTable
+        :dataset-state="datasetState"
+        :store-module-name="storeModuleName"
+        :outlined-card="true"
+      />
+    </v-card-text>
+  </v-card>
+</template>
+
+<script>
+import { datasetMixin } from '~/web-components-submodule/mixins/datasets/datasetMixin.js'
+import ChEMBLDataTable from '~/web-components-submodule/components/common/dataSets/data_table/ChEMBLDataTable.vue'
+import ProbeMechanism from '~/web-components-submodule/store/datasets/generators/eubopen/chemicalProbe/ProbeMechanism.js'
+
+export default {
+  components: {
+    ChEMBLDataTable,
+  },
+  mixins: [datasetMixin],
+  props: {
+    chemblID: {
+      type: String,
+      default: () => undefined,
+    },
+    storeModuleName: {
+      type: String,
+      default: () => `probe_mechanism`,
+    },
+  },
+  data() {
+    return {
+      propertiesGroups: {
+        1: { id: 'report_card_table', selected: true, allHeaders: [] },
+      },
+    }
+  },
+  customDataRepresentationParams: {
+    possiblePageSizes: [5, 10],
+    itemsPerPage: 5,
+  },
+  computed: {
+    starterParams() {
+      const starterParams = ProbeMechanism.getReportCardStarterParams(
+        'CHEMBL101253',
+        this.propertiesGroups
+      )
+      console.log('starterParams: ')
+      console.log(starterParams)
+      return starterParams
+    },
+  },
+}
+</script>
+
+<style></style>
diff --git a/mixins/embedding/embeddingState.js b/mixins/embedding/embeddingState.js
new file mode 100644
index 0000000000000000000000000000000000000000..f9c8f316613e1bb929a3060f977eabf307f26b89
--- /dev/null
+++ b/mixins/embedding/embeddingState.js
@@ -0,0 +1 @@
+export const embeddingStateMixin = {}
diff --git a/nuxt.config.js b/nuxt.config.js
index 370bf853d6e0645af9945cd1267f55f6bfe0e520..0407cf64d805f7a163ad1b0d1d83d7e0442020f9 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -21,6 +21,15 @@ export default {
     esProxyBaseUrl:
       process.env.ES_PROXY_BASE_URL ||
       'https://wwwdev.ebi.ac.uk/chembl/interface_api/es_proxy',
+    delayedJobsBaseUrl:
+      process.env.DELAYED_JOBS_BASE_URL ||
+      'https://wwwdev.ebi.ac.uk/chembl/interface_api/delayed_jobs',
+    delayedJobsIgnoreCache: process.env.DELAYED_JOBS_IGNORE_CACHE === 'true',
+    esIndexPrefix: process.env.ES_INDEX_PREFIX || 'chembl_',
+    djJobStatusCheckIntervalMillis: process.env
+      .DJ_JOB_STATUS_CHECK_INTERVAL_MILLIS
+      ? parseInt(process.env.DJ_JOB_STATUS_CHECK_INTERVAL_MILLIS)
+      : 2000,
   },
 
   // Global CSS: https://go.nuxtjs.dev/config-css
diff --git a/report_cards_structure/CompoundReportCardGenerator.js b/report_cards_structure/CompoundReportCardGenerator.js
index b8fb312d895ef1d8ff8d1e63e6ebf93f57932ba4..e32ed7e344f86a1efec8b4122aa0d0cb9b157b80 100644
--- a/report_cards_structure/CompoundReportCardGenerator.js
+++ b/report_cards_structure/CompoundReportCardGenerator.js
@@ -2,6 +2,7 @@ import Summary from '~/components/report_cards/chemical_probe/Summary.vue'
 import ControlStructuresAndUse from '~/components/report_cards/chemical_probe/ControlStructuresAndUse.vue'
 import CellularAssayTargetEngagement from '~/components/report_cards/chemical_probe/CellularAssayTargetEngagement.vue'
 import ProbeProfile from '~/components/report_cards/chemical_probe/ProbeProfile.vue'
+import ProbeMechanism from '~/components/report_cards/chemical_probe/ProbeMechanism.vue'
 import CrystalStructures from '~/components/report_cards/chemical_probe/CrystalStructures.vue'
 
 const methods = {
@@ -33,11 +34,17 @@ const methods = {
           component: ProbeProfile,
           index: 3,
         },
+        {
+          id: 'ProbeMechanism',
+          title: 'Probe Mechanism',
+          component: ProbeMechanism,
+          index: 4,
+        },
         {
           id: 'CrystalStructures',
           title: 'Crystal Structures',
           component: CrystalStructures,
-          index: 4,
+          index: 5,
         },
       ],
     }
diff --git a/web-components-submodule b/web-components-submodule
index a3dde080e163aaaff71220a4d3a65af1876b887a..0467239f3207cf5ffb744b7aa0b63c7c32714b29 160000
--- a/web-components-submodule
+++ b/web-components-submodule
@@ -1 +1 @@
-Subproject commit a3dde080e163aaaff71220a4d3a65af1876b887a
+Subproject commit 0467239f3207cf5ffb744b7aa0b63c7c32714b29