diff --git a/.github/workflows/deploy-firebase-test-cypress.yml b/.github/workflows/deploy-firebase-test-cypress.yml
index cabb95f28..724536754 100644
--- a/.github/workflows/deploy-firebase-test-cypress.yml
+++ b/.github/workflows/deploy-firebase-test-cypress.yml
@@ -18,8 +18,8 @@ jobs:
         with:
           node-version: 'lts/*'
       - name: 'vite build'
-        env:
-          NODE_OPTIONS: '--max_old_space_size=8192'
+        #        env:
+        #          NODE_OPTIONS: '--max_old_space_size=8192'
         run: npm ci && npm run build
       - name: Deploy to Firebase Hosting Channel
         id: firebase-deploy
diff --git a/.github/workflows/firebase-hosting-production.yml b/.github/workflows/firebase-hosting-production.yml
index ab9abd649..e2f047fe8 100644
--- a/.github/workflows/firebase-hosting-production.yml
+++ b/.github/workflows/firebase-hosting-production.yml
@@ -18,8 +18,8 @@ jobs:
         with:
           node-version: 'lts/*'
       - name: 'vite production build'
-        env:
-          NODE_OPTIONS: '--max_old_space_size=8192'
+        #        env:
+        #          NODE_OPTIONS: '--max_old_space_size=8192'
         run: npm ci && npm run build
       - uses: FirebaseExtended/action-hosting-deploy@v0
         with:
diff --git a/.github/workflows/firebase-hosting-staging.yml b/.github/workflows/firebase-hosting-staging.yml
index 88ab7facb..4d241082d 100644
--- a/.github/workflows/firebase-hosting-staging.yml
+++ b/.github/workflows/firebase-hosting-staging.yml
@@ -15,8 +15,8 @@ jobs:
         with:
           node-version: 'lts/*'
       - name: 'vite staging build'
-        env:
-          NODE_OPTIONS: '--max_old_space_size=8192'
+        #        env:
+        #          NODE_OPTIONS: '--max_old_space_size=8192'
         run: export VITE_STAGING_BUILD=true && npm ci && npm run build
       - uses: FirebaseExtended/action-hosting-deploy@v0
         with:
diff --git a/README.md b/README.md
index 0340b05d7..665030f9f 100644
--- a/README.md
+++ b/README.md
@@ -5,6 +5,17 @@ Online Assessment of Reading (ROAR) platform.
 
 If you would like to contribute to this project, please read the [contribution guide](.github/CONTRIBUTING.md).
 
+## NPM Scripts
+
+The `npm run dev` and `npm run build` scripts have variants that define which
+data source the dashboard will use. Scripts ending in `:live` will use
+production data, while scripts ending in `:sandbox` will use development data:
+
+- `npm run dev` starts a development server using sandbox data.
+- `npm run dev:live` starts a development server using live data.
+- `npm run build` builds the project using live data.
+- `npm run build:sandbox` builds the project using sandbox data.
+
 ## Data Flow Diagram
 
 See the [ROAR/ROAD Data Flow Diagram here](https://miro.com/app/board/uXjVNY-_qDA=/?share_link_id=967374624080).
diff --git a/cypress/e2e/participant/default-tests/playFluency-ARF.cy.js b/cypress/e2e/participant/default-tests/playFluency-ARF.cy.js
index 2102c21a4..ff076fa66 100644
--- a/cypress/e2e/participant/default-tests/playFluency-ARF.cy.js
+++ b/cypress/e2e/participant/default-tests/playFluency-ARF.cy.js
@@ -18,7 +18,7 @@ describe('Test playthrough of Fluency as a participant', () => {
     cy.visit(`/game/fluency-arf`);
 
     //   Click jspsych button to begin
-    cy.get('.jspsych-btn', { timeout: 5 * timeout })
+    cy.get('.jspsych-btn', { timeout: 6 * timeout })
       .should('be.visible')
       .click();
 
diff --git a/cypress/e2e/participant/default-tests/playPA.cy.js b/cypress/e2e/participant/default-tests/playPA.cy.js
index 672841006..f051c5c48 100644
--- a/cypress/e2e/participant/default-tests/playPA.cy.js
+++ b/cypress/e2e/participant/default-tests/playPA.cy.js
@@ -28,7 +28,7 @@ describe('Testing playthrough of ROAR-Phoneme as a participant', () => {
     cy.visit('/');
     cy.wait(0.2 * timeout);
     cy.selectAdministration(Cypress.env('testRoarAppsAdministration'));
-    cy.get('.tabview-nav-link-label', { timeout: 2 * timeout })
+    cy.get('.tabview-nav-link-label', { timeout: 3 * timeout })
       .contains('ROAR - Phoneme')
       .should('have.attr', 'data-game-status', 'complete');
   });
diff --git a/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js b/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
index 1eda10880..58681be56 100644
--- a/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
+++ b/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
@@ -22,11 +22,11 @@ function clickScoreButton() {
   );
 }
 
-function checkAssignmentColumns() {
+function checkAssignmentColumns(assignments) {
   cy.get('[data-cy="roar-data-table"] thead th').then(($header) => {
     const tableHeaders = $header.map((index, elem) => Cypress.$(elem).text()).get();
 
-    testAssignments.forEach((assignment) => {
+    assignments.forEach((assignment) => {
       expect(tableHeaders).to.include(assignment);
     });
   });
diff --git a/cypress/support/helper-functions/roar-pa/paHelpers.js b/cypress/support/helper-functions/roar-pa/paHelpers.js
index 9960704b2..8bae35ea5 100644
--- a/cypress/support/helper-functions/roar-pa/paHelpers.js
+++ b/cypress/support/helper-functions/roar-pa/paHelpers.js
@@ -53,15 +53,15 @@ const playTrial = (targetText) => {
 };
 
 function playIntro(startText) {
-  cy.get('.instructionCanvasNS', { timeout: 5 * timeout })
+  cy.get('.instructionCanvasNS', { timeout: 6 * timeout })
     .should('be.visible')
     .click();
 
-  cy.get('.jspsych-btn', { timeout: 5 * timeout })
+  cy.get('.jspsych-btn', { timeout: 6 * timeout })
     .should('be.visible')
     .click();
 
-  cy.get('.continue', { timeout: 5 * timeout })
+  cy.get('.continue', { timeout: 6 * timeout })
     .should('be.visible')
     .click();
 
diff --git a/cypress/support/helper-functions/roar-sre/sreHelpers.js b/cypress/support/helper-functions/roar-sre/sreHelpers.js
index 67db6bf4b..f2ff0871b 100644
--- a/cypress/support/helper-functions/roar-sre/sreHelpers.js
+++ b/cypress/support/helper-functions/roar-sre/sreHelpers.js
@@ -20,7 +20,7 @@ export const playSRE = (administration, language, optional = false) => {
     .should('exist');
   cy.visit(languageOptions[language].url);
 
-  cy.get('.jspsych-btn', { timeout: 5 * timeout })
+  cy.get('.jspsych-btn', { timeout: 6 * timeout })
     .should('be.visible')
     .click();
 
@@ -29,14 +29,14 @@ export const playSRE = (administration, language, optional = false) => {
   // handles error where full screen throws a permissions error
   cy.wait(0.2 * timeout);
 
-  cy.get('body', { timeout: 5 * timeout }).type('{enter}');
-  cy.get('body', { timeout: 5 * timeout }).type('{1}');
+  cy.get('body', { timeout: 6 * timeout }).type('{enter}');
+  cy.get('body', { timeout: 6 * timeout }).type('{1}');
 
   playSREGame();
 
   // check if game completed
   cy.visit('/');
-  cy.wait(0.2 * timeout);
+  cy.wait(0.3 * timeout);
   cy.selectAdministration(administration);
 
   if (optional) {
diff --git a/cypress/support/helper-functions/roar-swr/swrHelpers.js b/cypress/support/helper-functions/roar-swr/swrHelpers.js
index 7ed27b6ee..2f7aaf38e 100644
--- a/cypress/support/helper-functions/roar-swr/swrHelpers.js
+++ b/cypress/support/helper-functions/roar-swr/swrHelpers.js
@@ -16,7 +16,7 @@ export const playSWR = (administration, language, optional = false) => {
   cy.get('.p-tabview', { timeout: timeout }).contains(languageOptions[language].gameTab).should('exist');
   cy.visit(languageOptions[language].url);
 
-  cy.get('.jspsych-btn', { timeout: 3 * timeout })
+  cy.get('.jspsych-btn', { timeout: 6 * timeout })
     .should('be.visible')
     .click();
 
diff --git a/package-lock.json b/package-lock.json
index 1815091ba..cac45b966 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,13 +9,13 @@
       "version": "2.0.1",
       "dependencies": {
         "@bdelab/roam-fluency": "^1.11.9",
-        "@bdelab/roar-firekit": "^4.8.9",
+        "@bdelab/roar-firekit": "^4.8.10",
         "@bdelab/roar-letter": "^1.10.0",
-        "@bdelab/roar-multichoice": "^1.9.4",
-        "@bdelab/roar-pa": "^1.6.4",
+        "@bdelab/roar-multichoice": "^1.11.0",
+        "@bdelab/roar-pa": "^1.6.5",
         "@bdelab/roar-sre": "^1.13.3",
         "@bdelab/roar-swr": "^1.9.0",
-        "@bdelab/roar-utils": "^1.1.0",
+        "@bdelab/roar-utils": "^1.2.0",
         "@bdelab/roar-vocab": "^1.6.11",
         "@sentry/browser": "^7.107.0",
         "@sentry/integrations": "^7.107.0",
@@ -1596,9 +1596,9 @@
       }
     },
     "node_modules/@bdelab/roar-firekit": {
-      "version": "4.8.9",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-firekit/-/roar-firekit-4.8.9.tgz",
-      "integrity": "sha512-M6eogX/IkNq2pvNndUTvGolQ4321ALD1qkL0FlWAxdW7vjA7LpedHGezc0l1lrlBtqwvyd+BKJNcQ7jaaMzgFQ==",
+      "version": "4.8.10",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-firekit/-/roar-firekit-4.8.10.tgz",
+      "integrity": "sha512-0jqYeX/MIsnI/tkmMgqtd1tkrjC8eyVsgAa8ouLU24ITDYgUbSbtANiy7K5SgawYTv/LKO0TfVQpVXSReF8yVw==",
       "dependencies": {
         "@bdelab/roar-firekit": "^4.1.1",
         "crc-32": "^1.2.2",
@@ -2043,9 +2043,9 @@
       }
     },
     "node_modules/@bdelab/roar-multichoice": {
-      "version": "1.9.4",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-multichoice/-/roar-multichoice-1.9.4.tgz",
-      "integrity": "sha512-Tk1u0qTYz4F6AawLlIshIrLNO255mHhoKVq4DM4jeSJfBjY6LImc+PXdHdV/KjIWkUCbgX5o8MsEbYtVP7EJTA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-multichoice/-/roar-multichoice-1.11.0.tgz",
+      "integrity": "sha512-0L2Ocsqy5LWmBGMb//oS87NmhgiVlyU/VIiojNJtzgxkxNlUZ3KDFDlVOO1U77mqYGxNo3woryj3SiurkQxnUw==",
       "dependencies": {
         "@bdelab/jscat": "^4.0.0",
         "@bdelab/roar-firekit": "^4.7.0",
@@ -2085,9 +2085,9 @@
       }
     },
     "node_modules/@bdelab/roar-pa": {
-      "version": "1.6.4",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-pa/-/roar-pa-1.6.4.tgz",
-      "integrity": "sha512-jm+NYvmRZPNcuMZCV0Jc4V+TyiyDQ0qs5SLKOkI104A4wj7ndRYOz+IsZfBxs1RdA+Xk05aMoS7y4mCbUHGG2w==",
+      "version": "1.6.5",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-pa/-/roar-pa-1.6.5.tgz",
+      "integrity": "sha512-EnMF9u/Eo8stdvVlQiGX4EtoFNyT9fNSvGyhRYwgN5bY7wPmOR0OliiXM+Z7mg557LRBY7/BUvu0IS3EDTZzzA==",
       "dependencies": {
         "@babel/core": "^7.19.0",
         "@babel/preset-env": "^7.19.0",
@@ -3609,9 +3609,9 @@
       }
     },
     "node_modules/@bdelab/roar-utils": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-utils/-/roar-utils-1.1.0.tgz",
-      "integrity": "sha512-XF/eSN81cdvYd9D4d8Q5Cl2Wsx9uUtgRNUCPTBw29qytiDGFIv+J62WseOsoCOl6IbYLZwsWhREu6vCvpqzO9g==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-utils/-/roar-utils-1.2.0.tgz",
+      "integrity": "sha512-39/2mCeGFKfAcNZ4hx4Gr+Qdi9yYiL28SkBOVqvCalQoI0OI/GN/4D2x8xmv0iVfSvTHfZw1HyeAIRpFDTRH1Q==",
       "dependencies": {
         "@jspsych/plugin-preload": "^1.1.2",
         "detect-it": "^4.0.1",
@@ -27098,9 +27098,9 @@
       }
     },
     "@bdelab/roar-firekit": {
-      "version": "4.8.9",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-firekit/-/roar-firekit-4.8.9.tgz",
-      "integrity": "sha512-M6eogX/IkNq2pvNndUTvGolQ4321ALD1qkL0FlWAxdW7vjA7LpedHGezc0l1lrlBtqwvyd+BKJNcQ7jaaMzgFQ==",
+      "version": "4.8.10",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-firekit/-/roar-firekit-4.8.10.tgz",
+      "integrity": "sha512-0jqYeX/MIsnI/tkmMgqtd1tkrjC8eyVsgAa8ouLU24ITDYgUbSbtANiy7K5SgawYTv/LKO0TfVQpVXSReF8yVw==",
       "requires": {
         "@bdelab/roar-firekit": "^4.1.1",
         "crc-32": "^1.2.2",
@@ -27444,9 +27444,9 @@
       }
     },
     "@bdelab/roar-multichoice": {
-      "version": "1.9.4",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-multichoice/-/roar-multichoice-1.9.4.tgz",
-      "integrity": "sha512-Tk1u0qTYz4F6AawLlIshIrLNO255mHhoKVq4DM4jeSJfBjY6LImc+PXdHdV/KjIWkUCbgX5o8MsEbYtVP7EJTA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-multichoice/-/roar-multichoice-1.11.0.tgz",
+      "integrity": "sha512-0L2Ocsqy5LWmBGMb//oS87NmhgiVlyU/VIiojNJtzgxkxNlUZ3KDFDlVOO1U77mqYGxNo3woryj3SiurkQxnUw==",
       "requires": {
         "@bdelab/jscat": "^4.0.0",
         "@bdelab/roar-firekit": "^4.7.0",
@@ -27486,9 +27486,9 @@
       }
     },
     "@bdelab/roar-pa": {
-      "version": "1.6.4",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-pa/-/roar-pa-1.6.4.tgz",
-      "integrity": "sha512-jm+NYvmRZPNcuMZCV0Jc4V+TyiyDQ0qs5SLKOkI104A4wj7ndRYOz+IsZfBxs1RdA+Xk05aMoS7y4mCbUHGG2w==",
+      "version": "1.6.5",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-pa/-/roar-pa-1.6.5.tgz",
+      "integrity": "sha512-EnMF9u/Eo8stdvVlQiGX4EtoFNyT9fNSvGyhRYwgN5bY7wPmOR0OliiXM+Z7mg557LRBY7/BUvu0IS3EDTZzzA==",
       "requires": {
         "@babel/core": "^7.19.0",
         "@babel/preset-env": "^7.19.0",
@@ -28710,9 +28710,9 @@
       }
     },
     "@bdelab/roar-utils": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-utils/-/roar-utils-1.1.0.tgz",
-      "integrity": "sha512-XF/eSN81cdvYd9D4d8Q5Cl2Wsx9uUtgRNUCPTBw29qytiDGFIv+J62WseOsoCOl6IbYLZwsWhREu6vCvpqzO9g==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-utils/-/roar-utils-1.2.0.tgz",
+      "integrity": "sha512-39/2mCeGFKfAcNZ4hx4Gr+Qdi9yYiL28SkBOVqvCalQoI0OI/GN/4D2x8xmv0iVfSvTHfZw1HyeAIRpFDTRH1Q==",
       "requires": {
         "@jspsych/plugin-preload": "^1.1.2",
         "detect-it": "^4.0.1",
diff --git a/package.json b/package.json
index 17960b645..32bed3c3e 100644
--- a/package.json
+++ b/package.json
@@ -3,9 +3,11 @@
   "private": true,
   "version": "2.0.1",
   "scripts": {
-    "build": "vite build",
+    "build": "export VITE_FIREBASE_DATA_SOURCE=live && vite build",
+    "build:sandbox": "export VITE_FIREBASE_DATA_SOURCE=sandbox && vite build",
     "build:levante": "vite build -m LEVANTE",
-    "dev": "vite --force --host",
+    "dev": "export VITE_FIREBASE_DATA_SOURCE=sandbox && vite --force --host",
+    "dev:live": "export VITE_FIREBASE_DATA_SOURCE=live && vite --force --host",
     "dev:levante": "vite --force --host -m LEVANTE",
     "dev:emulate": "export VITE_FIREBASE_EMULATOR=true && vite --force --host",
     "emulate:admin": "source firebase/emulate_admin.sh",
@@ -25,13 +27,13 @@
   },
   "dependencies": {
     "@bdelab/roam-fluency": "^1.11.9",
-    "@bdelab/roar-firekit": "^4.8.9",
+    "@bdelab/roar-firekit": "^4.8.10",
     "@bdelab/roar-letter": "^1.10.0",
-    "@bdelab/roar-multichoice": "^1.9.4",
-    "@bdelab/roar-pa": "^1.6.4",
+    "@bdelab/roar-multichoice": "^1.11.0",
+    "@bdelab/roar-pa": "^1.6.5",
     "@bdelab/roar-sre": "^1.13.3",
     "@bdelab/roar-swr": "^1.9.0",
-    "@bdelab/roar-utils": "^1.1.0",
+    "@bdelab/roar-utils": "^1.2.0",
     "@bdelab/roar-vocab": "^1.6.11",
     "@sentry/browser": "^7.107.0",
     "@sentry/integrations": "^7.107.0",
diff --git a/roar-firebase-functions b/roar-firebase-functions
index 49a443103..0f66270d4 160000
--- a/roar-firebase-functions
+++ b/roar-firebase-functions
@@ -1 +1 @@
-Subproject commit 49a443103198ba6ad9f5b2b5b30f186cdb7cb74c
+Subproject commit 0f66270d4742226d8ef08f69c01174888becbc1c
diff --git a/src/assets/styles/root/base.scss b/src/assets/styles/root/base.scss
index 0642a1fc4..d9fb5104b 100644
--- a/src/assets/styles/root/base.scss
+++ b/src/assets/styles/root/base.scss
@@ -12,6 +12,20 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
+// Sentry feedback widget
+#sentry-feedback {
+  max-width: fit-content;
+  opacity: 0.85;
+  --bottom: 1rem;
+  --left: 1rem;
+  --border: 1px solid var(--primary-color);
+  --background-hover: var(--red-100);
+  --submit-border: var(--primary-color);
+  --submit-background: var(--primary-color);
+  --submit-background-hover: var(--primary-color-hover);
+  --cancel-background-hover: var(--red-100);
+}
+
 // Placeholder
 ::-webkit-input-placeholder {
   color: var(--text-color-secondary);
diff --git a/src/components/ConsentModal.vue b/src/components/ConsentModal.vue
index f9dde82db..de11e28c5 100644
--- a/src/components/ConsentModal.vue
+++ b/src/components/ConsentModal.vue
@@ -17,8 +17,10 @@ import { useConfirm } from 'primevue/useconfirm';
 import { useToast } from 'primevue/usetoast';
 import { marked } from 'marked';
 import { useAuthStore } from '@/store/auth';
+import { useI18n } from 'vue-i18n';
 
 const authStore = useAuthStore();
+const i18n = useI18n();
 
 const props = defineProps({
   consentText: { type: String, require: true, default: 'Text Here' },
@@ -28,6 +30,7 @@ const consentHeader = {
   tos: 'Terms of Service',
   consent: 'Consent',
   assent: 'Assent',
+  'assent-es': 'Asentimiento',
 };
 const emit = defineEmits(['accepted', 'delayed']);
 
@@ -45,15 +48,19 @@ onMounted(() => {
   const delayPromise = delay(8000);
   confirm.require({
     group: 'templating',
-    header: `${consentHeader[props.consentType]} Form`,
+    header: props.consentType.includes('-es')
+      ? `Formulario de ${consentHeader[props.consentType]}`
+      : `${consentHeader[props.consentType]} Form`,
     icon: 'pi pi-question-circle',
-    acceptLabel: 'Continue',
+    acceptLabel: i18n.t('consentModal.acceptButton'),
     acceptIcon: 'pi pi-check',
     accept: async () => {
       toast.add({
         severity: 'info',
-        summary: 'Confirmed',
-        detail: `${consentHeader[props.consentType]} status updated.`,
+        summary: i18n.t('consentModal.toastHeader'),
+        detail: props.consentType.includes('-es')
+          ? `Estado de ${consentHeader[props.consentType]} actualizado`
+          : `${consentHeader[props.consentType]} status updated.`,
         life: 3000,
       });
       emit('accepted');
diff --git a/src/components/GameTabs.vue b/src/components/GameTabs.vue
index c104e3872..792513143 100644
--- a/src/components/GameTabs.vue
+++ b/src/components/GameTabs.vue
@@ -72,7 +72,7 @@
   </div>
 </template>
 <script setup>
-import { computed } from 'vue';
+import { computed, onMounted } from 'vue';
 import _get from 'lodash/get';
 import _find from 'lodash/find';
 import _findIndex from 'lodash/findIndex';
@@ -80,7 +80,12 @@ import { useAuthStore } from '@/store/auth';
 import { useGameStore } from '@/store/game';
 import { storeToRefs } from 'pinia';
 import { useI18n } from 'vue-i18n';
-import VideoPlayer from '@/components/VideoPlayer.vue';
+
+let VideoPlayer;
+
+onMounted(async () => {
+  VideoPlayer = (await import('@/components/VideoPlayer.vue')).default;
+});
 
 const { t } = useI18n();
 
diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index 754688567..80f269065 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import videojs from 'video.js';
 import 'video.js/dist/video-js.css';
 
 export default {
@@ -23,7 +22,8 @@ export default {
       player: null,
     };
   },
-  mounted() {
+  mounted: async function () {
+    const videojs = (await import('video.js')).default;
     this.player = videojs(this.$refs.videoPlayer, this.options, () => {
       this.player.log('onPlayerReady', this);
     });
diff --git a/src/components/tasks/TaskFluency.vue b/src/components/tasks/TaskFluency.vue
index 105c19d95..d7f147d0f 100644
--- a/src/components/tasks/TaskFluency.vue
+++ b/src/components/tasks/TaskFluency.vue
@@ -6,8 +6,7 @@
   </div>
 </template>
 <script setup>
-import { TaskLauncher as RoamFluency } from '@bdelab/roam-fluency';
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, watch, ref, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -17,10 +16,12 @@ import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 
 const props = defineProps({
-  taskId: { type: String, required: true, default: 'fluency-arf' },
-  language: { type: String, required: true, default: 'en' },
+  taskId: { type: String, default: 'fluency-arf' },
+  language: { type: String, default: 'en' },
 });
 
+let TaskLauncher;
+
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -34,6 +35,9 @@ const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
 
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
@@ -52,18 +56,28 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
 
 onMounted(async () => {
+  try {
+    TaskLauncher = (await import('@bdelab/roam-fluency')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
 
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
@@ -71,30 +85,46 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 const { selectedAdmin } = storeToRefs(gameStore);
 
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-    language: props.language,
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoamFluency(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await roarApp.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
+  }
 }
 </script>
 <style>
diff --git a/src/components/tasks/TaskLetter.vue b/src/components/tasks/TaskLetter.vue
index ff2e5328b..e3e061fce 100644
--- a/src/components/tasks/TaskLetter.vue
+++ b/src/components/tasks/TaskLetter.vue
@@ -6,8 +6,7 @@
   </div>
 </template>
 <script setup>
-import RoarLetter from '@bdelab/roar-letter';
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, watch, ref, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -17,10 +16,12 @@ import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 
 const props = defineProps({
-  taskId: { type: String, required: true, default: 'letter' },
-  language: { type: String, required: true, default: 'en' },
+  taskId: { type: String, default: 'letter' },
+  language: { type: String, default: 'en' },
 });
 
+let TaskLauncher;
+
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -34,6 +35,9 @@ const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
 
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
@@ -52,18 +56,28 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
 
 onMounted(async () => {
+  try {
+    TaskLauncher = (await import('@bdelab/roar-letter')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
 
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
@@ -71,30 +85,46 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 const { selectedAdmin } = storeToRefs(gameStore);
 
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-    language: props.language,
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoarLetter(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await roarApp.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
+  }
 }
 </script>
 <style>
diff --git a/src/components/tasks/TaskLevante.vue b/src/components/tasks/TaskLevante.vue
index 8a1dd6775..5ee306720 100644
--- a/src/components/tasks/TaskLevante.vue
+++ b/src/components/tasks/TaskLevante.vue
@@ -7,8 +7,7 @@
 </template>
 
 <script setup>
-import { TaskLauncher } from 'core-tasks';
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, watch, ref, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -17,23 +16,32 @@ import { useGameStore } from '@/store/game';
 import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 const props = defineProps({
-  taskId: { type: String, required: true, default: 'egma-math' },
+  taskId: { type: String, default: 'egma-math' },
 });
+
+let TaskLauncher;
+
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
 const authStore = useAuthStore();
 const gameStore = useGameStore();
 const { isFirekitInit, roarfirekit } = storeToRefs(authStore);
+
 const initialized = ref(false);
 let unsubscribe;
 const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
+
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
 });
+
 const { isLoading: isLoadingUserData, data: userData } = useQuery({
   queryKey: ['userData', authStore.uid, 'studentData'],
   queryFn: () => fetchDocById('users', authStore.uid, ['studentData']),
@@ -41,44 +49,81 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
   enabled: initialized,
   staleTime: 5 * 60 * 1000, // 5 minutes
 });
+
 // The following code intercepts the back button and instead forces a refresh.
 // We add { once: true } to prevent an infinite loop.
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
+
 onMounted(async () => {
+  try {
+    TaskLauncher = (await import('core-tasks')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
+
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
+
 const { selectedAdmin } = storeToRefs(gameStore);
+
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-  };
-  const gameParams = { ...appKit._taskInfo.variantParams };
-  const levanteTask = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
-  gameStarted.value = true;
-  await levanteTask.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const levanteTask = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await levanteTask.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
+  }
 }
 </script>
 
diff --git a/src/components/tasks/TaskMultichoice.vue b/src/components/tasks/TaskMultichoice.vue
index 4529e110a..28288d943 100644
--- a/src/components/tasks/TaskMultichoice.vue
+++ b/src/components/tasks/TaskMultichoice.vue
@@ -6,8 +6,7 @@
   </div>
 </template>
 <script setup>
-import RoarMultichoice from '@bdelab/roar-multichoice';
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, watch, ref, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -17,9 +16,12 @@ import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 
 const props = defineProps({
-  taskId: { type: String, required: true, default: 'multichoice' },
+  taskId: { type: String, default: 'multichoice' },
+  language: { type: String, default: 'en' },
 });
 
+let TaskLauncher;
+
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -33,6 +35,9 @@ const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
 
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
@@ -51,18 +56,28 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
 
 onMounted(async () => {
+  try {
+    TaskLauncher = (await import('@bdelab/roar-multichoice')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
 
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
@@ -70,29 +85,46 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 const { selectedAdmin } = storeToRefs(gameStore);
 
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoarMultichoice(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await roarApp.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
+  }
 }
 </script>
 <style>
diff --git a/src/components/tasks/TaskPA.vue b/src/components/tasks/TaskPA.vue
index 23d595e52..3e41258b2 100644
--- a/src/components/tasks/TaskPA.vue
+++ b/src/components/tasks/TaskPA.vue
@@ -6,8 +6,7 @@
   </div>
 </template>
 <script setup>
-import RoarPA from '@bdelab/roar-pa';
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, watch, ref, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -16,7 +15,14 @@ import { useGameStore } from '@/store/game';
 import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 
-const taskId = 'pa';
+const props = defineProps({
+  taskId: { type: String, default: 'pa' },
+  language: { type: String, default: 'en' },
+});
+
+let TaskLauncher;
+
+const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
 const authStore = useAuthStore();
@@ -29,6 +35,9 @@ const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
 
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
@@ -47,18 +56,28 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
 
 onMounted(async () => {
+  try {
+    TaskLauncher = (await import('@bdelab/roar-pa')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
 
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
@@ -66,29 +85,46 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 const { selectedAdmin } = storeToRefs(gameStore);
 
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoarPA(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await roarApp.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
+  }
 }
 </script>
 <style>
diff --git a/src/components/tasks/TaskSRE.vue b/src/components/tasks/TaskSRE.vue
index eed82a288..f9a8be490 100644
--- a/src/components/tasks/TaskSRE.vue
+++ b/src/components/tasks/TaskSRE.vue
@@ -6,8 +6,7 @@
   </div>
 </template>
 <script setup>
-import RoarSRE from '@bdelab/roar-sre';
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, watch, ref, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -21,6 +20,8 @@ const props = defineProps({
   language: { type: String, required: true, default: 'en' },
 });
 
+let TaskLauncher;
+
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -34,6 +35,9 @@ const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
 
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
@@ -52,18 +56,28 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
 
 onMounted(async () => {
+  try {
+    TaskLauncher = (await import('@bdelab/roar-sre')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
 
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
@@ -71,37 +85,46 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 const { selectedAdmin } = storeToRefs(gameStore);
 
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-    language: props.language,
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoarSRE(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    console.log('Finished assessment');
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    console.log('Finished authStore.completeAssessment');
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-
-    console.log('Finished gameStore.requireHomeRefresh');
-
-    console.log('router.push Home');
-    router.push({ name: 'Home' });
-  });
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await roarApp.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
+  }
 }
 </script>
 <style>
diff --git a/src/components/tasks/TaskSWR-ES.vue b/src/components/tasks/TaskSWR-ES.vue
deleted file mode 100644
index fa2e67cf1..000000000
--- a/src/components/tasks/TaskSWR-ES.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-  <div id="jspsych-target" class="game-target" translate="no" />
-  <div v-if="!gameStarted" class="col-full text-center">
-    <h1>{{ $t('tasks.preparing') }}</h1>
-    <AppSpinner />
-  </div>
-</template>
-<script setup>
-import RoarSWR from '@bdelab/roar-swr';
-import { onMounted, watch, ref } from 'vue';
-import { useRouter } from 'vue-router';
-import { storeToRefs } from 'pinia';
-import { useQuery } from '@tanstack/vue-query';
-import { useAuthStore } from '@/store/auth';
-import { useGameStore } from '@/store/game';
-import _get from 'lodash/get';
-import { fetchDocById } from '@/helpers/query/utils';
-
-const taskId = 'swr-es';
-const router = useRouter();
-const gameStarted = ref(false);
-const authStore = useAuthStore();
-const gameStore = useGameStore();
-const { isFirekitInit, roarfirekit } = storeToRefs(authStore);
-
-const initialized = ref(false);
-let unsubscribe;
-const init = () => {
-  if (unsubscribe) unsubscribe();
-  initialized.value = true;
-};
-
-unsubscribe = authStore.$subscribe(async (mutation, state) => {
-  if (state.roarfirekit.restConfig) init();
-});
-
-const { isLoading: isLoadingUserData, data: userData } = useQuery({
-  queryKey: ['userData', authStore.uid, 'studentData'],
-  queryFn: () => fetchDocById('users', authStore.uid, ['studentData']),
-  keepPreviousData: true,
-  enabled: initialized,
-  staleTime: 5 * 60 * 1000, // 5 minutes
-});
-
-// The following code intercepts the back button and instead forces a refresh.
-// We add { once: true } to prevent an infinite loop.
-window.addEventListener(
-  'popstate',
-  () => {
-    router.go(0);
-  },
-  { once: true },
-);
-
-onMounted(async () => {
-  if (roarfirekit.value.restConfig) init();
-  if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask();
-  }
-});
-
-watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
-  if (newFirekitInitValue && !newLoadingUserData) await startTask();
-});
-
-const { selectedAdmin } = storeToRefs(gameStore);
-
-async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-    language: 'es',
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoarSWR(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
-}
-</script>
-<style>
-@import '@bdelab/roar-swr/lib/resources/roar-swr.css';
-
-.game-target {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.game-target:focus {
-  outline: none;
-}
-</style>
diff --git a/src/components/tasks/TaskSWR.vue b/src/components/tasks/TaskSWR.vue
index 2d2a6d78d..ae1d68b87 100644
--- a/src/components/tasks/TaskSWR.vue
+++ b/src/components/tasks/TaskSWR.vue
@@ -6,8 +6,7 @@
   </div>
 </template>
 <script setup>
-import RoarSWR from '@bdelab/roar-swr';
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, onBeforeUnmount, watch, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -16,7 +15,14 @@ import { useGameStore } from '@/store/game';
 import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 
-const taskId = 'swr';
+const props = defineProps({
+  taskId: { type: String, required: true, default: 'swr' },
+  language: { type: String, required: true, default: 'en' },
+});
+
+let TaskLauncher;
+
+const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
 const authStore = useAuthStore();
@@ -29,6 +35,9 @@ const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
 
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
@@ -47,18 +56,28 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
 
 onMounted(async () => {
+  try {
+    TaskLauncher = (await import('@bdelab/roar-swr')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
 
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
@@ -66,30 +85,46 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 const { selectedAdmin } = storeToRefs(gameStore);
 
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-    language: 'en',
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoarSWR(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await roarApp.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
+  }
 }
 </script>
 <style>
diff --git a/src/components/tasks/TaskVocab.vue b/src/components/tasks/TaskVocab.vue
index 2d891be54..59b821aab 100644
--- a/src/components/tasks/TaskVocab.vue
+++ b/src/components/tasks/TaskVocab.vue
@@ -6,8 +6,7 @@
   </div>
 </template>
 <script setup>
-import RoarVocab from '@bdelab/roar-vocab';
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, watch, ref, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -16,7 +15,14 @@ import { useGameStore } from '@/store/game';
 import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 
-const taskId = 'vocab';
+const props = defineProps({
+  taskId: { type: String, required: true, default: 'vocab' },
+  language: { type: String, required: true, default: 'en' },
+});
+
+let TaskLauncher;
+
+const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
 const authStore = useAuthStore();
@@ -29,6 +35,9 @@ const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
 
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
@@ -47,18 +56,28 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
 
 onMounted(async () => {
+  try {
+    TaskLauncher = (await import('@bdelab/roar-vocab')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
 
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
@@ -66,29 +85,46 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 const { selectedAdmin } = storeToRefs(gameStore);
 
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoarVocab(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await roarApp.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
+  }
 }
 </script>
 <style>
diff --git a/src/config/levanteFirebase.js b/src/config/firebaseLevante.js
similarity index 100%
rename from src/config/levanteFirebase.js
rename to src/config/firebaseLevante.js
diff --git a/src/config/firebase.js b/src/config/firebaseRoar.js
similarity index 68%
rename from src/config/firebase.js
rename to src/config/firebaseRoar.js
index 63a44c556..f4e3a95eb 100644
--- a/src/config/firebase.js
+++ b/src/config/firebaseRoar.js
@@ -5,6 +5,7 @@ let appConfig;
 let adminConfig;
 
 const isEmulated = import.meta.env.VITE_FIREBASE_EMULATOR === 'true';
+const useSandbox = import.meta.env.VITE_FIREBASE_DATA_SOURCE === 'sandbox';
 const isStaging = import.meta.env.VITE_STAGING_BUILD === 'true';
 
 if (isEmulated) {
@@ -28,6 +29,25 @@ if (isEmulated) {
       functions: adminFirebaseConfig.emulators.functions.port,
     },
   };
+} else if (useSandbox) {
+  console.log('Using sandbox data from the dev Firebase projects');
+  appConfig = {
+    apiKey: 'AIzaSyCEUxEgYMp4fg2zORT0lsgn4Q6CCoMVzjU',
+    authDomain: 'gse-roar-assessment-dev.firebaseapp.com',
+    projectId: 'gse-roar-assessment-dev',
+    storageBucket: 'gse-roar-assessment-dev.appspot.com',
+    messagingSenderId: '26086061121',
+    appId: '1:26086061121:web:262163d6c145b7a80bc2c0',
+  };
+
+  adminConfig = {
+    apiKey: 'AIzaSyCl-JsYraUfofQZXpzshQ6s-E0nYzlCvvg',
+    authDomain: 'gse-roar-admin-dev.firebaseapp.com',
+    projectId: 'gse-roar-admin-dev',
+    storageBucket: 'gse-roar-admin-dev.appspot.com',
+    messagingSenderId: '401455396681',
+    appId: '1:401455396681:web:859ea073a116d0aececc98',
+  };
 } else {
   appConfig = {
     apiKey: 'AIzaSyDw0TnTXbvRyoVo5_oa_muhXk9q7783k_g',
diff --git a/src/firebaseInit.js b/src/firebaseInit.js
index b07fba887..259f51905 100644
--- a/src/firebaseInit.js
+++ b/src/firebaseInit.js
@@ -1,10 +1,12 @@
 import { RoarFirekit } from '@bdelab/roar-firekit';
-import firebaseConfig from './config/firebase';
-import levanteFirebaseConfig from './config/levanteFirebase';
+import roarFirebaseConfig from './config/firebaseRoar';
+import levanteFirebaseConfig from './config/firebaseLevante';
+
+const roarConfig = import.meta.env.MODE === 'LEVANTE' ? levanteFirebaseConfig : roarFirebaseConfig;
 
 export async function initNewFirekit() {
   const firekit = new RoarFirekit({
-    roarConfig: import.meta.env.MODE === 'LEVANTE' ? levanteFirebaseConfig : firebaseConfig,
+    roarConfig,
     authPersistence: 'session',
     markRawConfig: {
       auth: false,
diff --git a/src/helpers/query/assignments.js b/src/helpers/query/assignments.js
index c70009f39..cdfbdaddb 100644
--- a/src/helpers/query/assignments.js
+++ b/src/helpers/query/assignments.js
@@ -7,7 +7,7 @@ import _replace from 'lodash/replace';
 import _uniq from 'lodash/uniq';
 import _without from 'lodash/without';
 import _isEmpty from 'lodash/isEmpty';
-import { convertValues, getAxiosInstance, mapFields } from './utils';
+import { convertValues, getAxiosInstance, getProjectId, mapFields } from './utils';
 import { pluralizeFirestoreCollection } from '@/helpers';
 import { toRaw } from 'vue';
 
@@ -696,6 +696,8 @@ export const assignmentPageFetcher = async (
 ) => {
   const adminAxiosInstance = getAxiosInstance();
   const appAxiosInstance = getAxiosInstance('app');
+  const adminProjectId = getProjectId('admin');
+  const appProjectId = getProjectId('app');
 
   // Only allow one non-org filter
   let nonOrgFilter = null;
@@ -748,7 +750,7 @@ export const assignmentPageFetcher = async (
         _without(
           data.map((scoreDoc) => {
             if (scoreDoc.document?.name) {
-              return _replace(scoreDoc.document.name.split('/runs/')[0], 'gse-roar-assessment', 'gse-roar-admin');
+              return _replace(scoreDoc.document.name.split('/runs/')[0], appProjectId, adminProjectId);
             } else {
               return undefined;
             }
@@ -816,7 +818,7 @@ export const assignmentPageFetcher = async (
             const reliable = _get(_find(scoresData, { id: runId }), 'reliable');
             const engagementFlags = _get(_find(scoresData, { id: runId }), 'engagementFlags');
             if (!scoresObject && runId) {
-              const runPath = `projects/gse-roar-assessment/databases/(default)/documents/users/${assignment.userId}/runs/${runId}`;
+              const runPath = `projects/${appProjectId}/databases/(default)/documents/users/${assignment.userId}/runs/${runId}`;
               unretrievedScores.push(runPath);
             }
             return {
diff --git a/src/helpers/query/utils.js b/src/helpers/query/utils.js
index 532cb0446..1b9958038 100644
--- a/src/helpers/query/utils.js
+++ b/src/helpers/query/utils.js
@@ -63,6 +63,12 @@ export const orderByDefault = [
   },
 ];
 
+export const getProjectId = (project = 'admin') => {
+  const authStore = useAuthStore();
+  const { roarfirekit } = storeToRefs(authStore);
+  return roarfirekit.value.roarConfig?.[project]?.projectId;
+};
+
 export const getAxiosInstance = (db = 'admin') => {
   const authStore = useAuthStore();
   const { roarfirekit } = storeToRefs(authStore);
diff --git a/src/main.js b/src/main.js
index bfa95fa7d..94197caed 100644
--- a/src/main.js
+++ b/src/main.js
@@ -94,9 +94,7 @@ const app = createApp(App);
 const pinia = createPinia();
 pinia.use(piniaPluginPersistedState);
 
-if (window.location.origin === 'https://roar.education') {
-  initSentry(app);
-}
+initSentry(app);
 
 app.use(PrimeVue, { ripple: true });
 app.use(ToastService);
diff --git a/src/pages/HomeParticipant.vue b/src/pages/HomeParticipant.vue
index 845f1f6b5..220dc50b0 100644
--- a/src/pages/HomeParticipant.vue
+++ b/src/pages/HomeParticipant.vue
@@ -67,8 +67,6 @@
 
 <script setup>
 import { onMounted, ref, watch, computed } from 'vue';
-import GameTabs from '../components/GameTabs.vue';
-import ParticipantSidebar from '../components/ParticipantSidebar.vue';
 import _filter from 'lodash/filter';
 import _get from 'lodash/get';
 import _head from 'lodash/head';
@@ -81,6 +79,8 @@ import { useQuery } from '@tanstack/vue-query';
 import { fetchDocById, fetchDocsById, fetchSubcollection } from '../helpers/query/utils';
 import { getUserAssignments } from '../helpers/query/assignments';
 
+let GameTabs, ParticipantSidebar;
+
 let unsubscribe;
 const initialized = ref(false);
 const init = () => {
@@ -95,7 +95,9 @@ unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
 });
 
-onMounted(() => {
+onMounted(async () => {
+  GameTabs = (await import('../components/GameTabs.vue')).default;
+  ParticipantSidebar = (await import('../components/ParticipantSidebar.vue')).default;
   if (roarfirekit.value.restConfig) init();
 });
 
diff --git a/src/pages/HomeSelector.vue b/src/pages/HomeSelector.vue
index 63d9e00a4..761ce9ea5 100644
--- a/src/pages/HomeSelector.vue
+++ b/src/pages/HomeSelector.vue
@@ -31,16 +31,15 @@ import { useConfirm } from 'primevue/useconfirm';
 import { useRouter } from 'vue-router';
 import { useAuthStore } from '@/store/auth';
 import { useGameStore } from '@/store/game';
-import HomeParticipant from '@/pages/HomeParticipant.vue';
-import HomeAdministrator from '@/pages/HomeAdministrator.vue';
 import _get from 'lodash/get';
 import _isEmpty from 'lodash/isEmpty';
 import _union from 'lodash/union';
 import { storeToRefs } from 'pinia';
-import ConsentModal from '@/components/ConsentModal.vue';
 import { fetchDocById } from '@/helpers/query/utils';
 import { useI18n } from 'vue-i18n';
 
+let HomeParticipant, HomeAdministrator, ConsentModal;
+
 const authStore = useAuthStore();
 const { roarfirekit, userQueryKeyIndex } = storeToRefs(authStore);
 
@@ -82,7 +81,13 @@ const isAdmin = computed(() => {
   return true;
 });
 
-const consentType = computed(() => (isAdmin.value ? 'tos' : 'assent'));
+const consentType = computed(() => {
+  if (isAdmin.value) {
+    return 'tos';
+  } else {
+    return i18n.locale.value.includes('es') ? 'assent-es' : 'assent';
+  }
+});
 const showConsent = ref(false);
 const confirmText = ref('');
 const consentVersion = ref('');
@@ -110,6 +115,10 @@ async function checkConsent() {
 const router = useRouter();
 
 onMounted(async () => {
+  HomeParticipant = (await import('@/pages/HomeParticipant.vue')).default;
+  HomeAdministrator = (await import('@/pages/HomeAdministrator.vue')).default;
+  ConsentModal = (await import('@/components/ConsentModal.vue')).default;
+
   if (requireRefresh.value) {
     requireRefresh.value = false;
     router.go(0);
@@ -130,7 +139,8 @@ watch(isLoading, async (newValue) => {
 const { idle } = useIdle(20 * 60 * 1000); // 10 min
 const confirm = useConfirm();
 const timeLeft = ref(60);
-const { t } = useI18n();
+const i18n = useI18n();
+const t = i18n.t;
 
 watch(idle, (idleValue) => {
   if (idleValue) {
diff --git a/src/pages/ScoreReport.vue b/src/pages/ScoreReport.vue
index e6f5a5bd0..d9ae66599 100644
--- a/src/pages/ScoreReport.vue
+++ b/src/pages/ScoreReport.vue
@@ -320,9 +320,11 @@ import {
   addElementToPdf,
   getScoreKeys,
 } from '@/helpers/reports.js';
-import TaskReport from '@/components/reports/tasks/TaskReport.vue';
-import DistributionChartOverview from '@/components/reports/DistributionChartOverview.vue';
-import NextSteps from '@/assets/NextSteps.pdf';
+// import TaskReport from '@/components/reports/tasks/TaskReport.vue';
+// import DistributionChartOverview from '@/components/reports/DistributionChartOverview.vue';
+// import NextSteps from '@/assets/NextSteps.pdf';
+
+let TaskReport, DistributionChartOverview, NextSteps;
 
 const authStore = useAuthStore();
 
@@ -534,7 +536,7 @@ const { data: schoolsInfo } = useQuery({
 const schoolsDict = computed(() => {
   if (schoolsInfo.value) {
     return schoolsInfo.value.reduce((acc, school) => {
-      acc[school.id] = parseGrade(school.lowGrade) + ' ' + school.name;
+      acc[school.id] = getGrade(school.lowGrade) + ' ' + school.name;
       return acc;
     }, {});
   } else {
@@ -1087,18 +1089,13 @@ function rawScoreByTaskId(taskId) {
   return 'roarScore';
 }
 
-const parseGrade = (grade) => {
-  const gradeZero = ['kindergarten', 'preschool', 'k', 'pk', 'tk', 'prekindergarten'];
-  return gradeZero.includes(String(grade)?.toLowerCase()) ? 0 : parseInt(grade);
-};
-
 const runsByTaskId = computed(() => {
   if (runResults.value === undefined) return {};
   const computedScores = {};
   for (const { scores, taskId, user } of runResults.value) {
     let percentScore;
     const rawScore = _get(scores, rawScoreByTaskId(taskId));
-    const grade = parseGrade(user?.data?.grade);
+    const grade = getGrade(user?.data?.grade);
     if (grade >= 6) {
       percentScore = _get(scores, scoreFieldAboveSixth(taskId));
     } else {
@@ -1163,6 +1160,9 @@ unsubscribe = authStore.$subscribe(async (mutation, state) => {
 });
 
 onMounted(async () => {
+  TaskReport = (await import('@/components/reports/tasks/TaskReport.vue')).default;
+  DistributionChartOverview = (await import('@/components/reports/DistributionChartOverview.vue')).default;
+  NextSteps = (await import('@/assets/NextSteps.pdf')).default;
   if (roarfirekit.value.restConfig) refresh();
 });
 </script>
diff --git a/src/router/index.js b/src/router/index.js
index 4acceeddf..bd671fd92 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -41,18 +41,21 @@ const routes = [
     path: '/game/swr',
     name: 'SWR',
     component: () => import('../components/tasks/TaskSWR.vue'),
+    props: { taskId: 'swr', language: 'en' },
     meta: { pageTitle: 'SWR' },
   },
   {
     path: '/game/swr-es',
     name: 'SWR-ES',
-    component: () => import('../components/tasks/TaskSWR-ES.vue'),
+    component: () => import('../components/tasks/TaskSWR.vue'),
+    props: { taskId: 'swr-es', language: 'es' },
     meta: { pageTitle: 'SWR (ES)' },
   },
   {
     path: '/game/pa',
     name: 'PA',
     component: () => import('../components/tasks/TaskPA.vue'),
+    props: { taskId: 'pa', language: 'en' },
     meta: { pageTitle: 'PA' },
   },
   {
@@ -87,26 +90,28 @@ const routes = [
     path: '/game/multichoice',
     name: 'Multichoice',
     component: () => import('../components/tasks/TaskMultichoice.vue'),
+    props: { taskId: 'multichoice', language: 'en' },
     meta: { pageTitle: 'Multichoice' },
   },
   {
     path: '/game/morphology',
     name: 'Morphology',
     component: () => import('../components/tasks/TaskMultichoice.vue'),
-    props: { taskId: 'morphology' },
+    props: { taskId: 'morphology', language: 'en' },
     meta: { pageTitle: 'Morphology' },
   },
   {
     path: '/game/cva',
     name: 'Cva',
     component: () => import('../components/tasks/TaskMultichoice.vue'),
-    props: { taskId: 'cva' },
+    props: { taskId: 'cva', language: 'en' },
     meta: { pageTitle: 'CVA' },
   },
   {
     path: '/game/vocab',
     name: 'Vocab',
     component: () => import('../components/tasks/TaskVocab.vue'),
+    props: { taskId: 'vocab', language: 'en' },
     meta: { pageTitle: 'Vocab' },
   },
   {
diff --git a/src/sentry.js b/src/sentry.js
index c68249a0e..4bde98b82 100644
--- a/src/sentry.js
+++ b/src/sentry.js
@@ -1,6 +1,9 @@
 import * as Sentry from '@sentry/vue';
 import { captureConsoleIntegration, contextLinesIntegration, extraErrorDataIntegration } from '@sentry/integrations';
+import { i18n, languageOptions } from './translations/i18n';
 
+// Workaround for using i18n-vue in plain JavaScript; this is a temporary solution until a more robust bug report component is implemented
+const language = i18n.global.locale.value;
 const regex = /https:\/\/roar-staging(--pr\d+-\w+)?\.web\.app/;
 
 export function initSentry(app) {
@@ -8,7 +11,7 @@ export function initSentry(app) {
   if (process.env.NODE_ENV === 'production') {
     Sentry.init({
       app,
-      dsn: 'https://f15e3ff866394e93e00514b42113d03d@o4505913837420544.ingest.sentry.io/4506820782129152',
+      dsn: 'https://f15e3ff866394e93e00514b42113d03d@o4505913837420544.ingest.us.sentry.io/4506820782129152',
       integrations: [
         Sentry.replayIntegration({
           maskAllText: true,
@@ -16,7 +19,21 @@ export function initSentry(app) {
         }),
         Sentry.browserTracingIntegration(),
         captureConsoleIntegration({
-          levels: ['warning', 'error', 'debug', 'assert'],
+          levels: ['error'],
+        }),
+        Sentry.feedbackIntegration({
+          showBranding: false,
+          showName: false,
+          showEmail: false,
+          colorScheme: 'light',
+          formTitle: languageOptions[language].translations.sentryForm.formTitle,
+          buttonLabel: languageOptions[language].translations.sentryForm.buttonLabel,
+          cancelButtonLabel: languageOptions[language].translations.sentryForm.cancelButtonLabel,
+          submitButtonLabel: languageOptions[language].translations.sentryForm.submitButtonLabel,
+          namePlaceholder: languageOptions[language].translations.sentryForm.namePlaceholder,
+          emailPlaceholder: languageOptions[language].translations.sentryForm.emailPlaceholder,
+          messageLabel: languageOptions[language].translations.sentryForm.messageLabel,
+          messagePlaceholder: languageOptions[language].translations.sentryForm.messagePlaceholder,
         }),
         contextLinesIntegration(),
         extraErrorDataIntegration(),
@@ -24,14 +41,10 @@ export function initSentry(app) {
       attachStacktrace: true,
       // Performance Monitoring
       tracesSampleRate: 0.2, // Capture 20% of the transactions
-      tracePropagationTargets: ['localhost', 'https://roar.education/**/*', regex],
+      tracePropagationTargets: ['localhost:5173', 'https://roar.education/**/*', regex],
       // Session Replay
       replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
       replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
-
-      beforeSend(event) {
-        return event;
-      },
     });
   }
 }
diff --git a/src/translations/en/en-componentTranslations.json b/src/translations/en/en-componentTranslations.json
index c1396688c..7cb31842c 100644
--- a/src/translations/en/en-componentTranslations.json
+++ b/src/translations/en/en-componentTranslations.json
@@ -22,7 +22,9 @@
     "cleverLoading": "Loading your data from Clever..."
   },
   "consentModal": {
-    "title": "Consent"
+    "title": "Consent",
+    "acceptButton": "Continue",
+    "toastHeader": "Confirmed"
   },
   "homeParticipant": {
     "showOptionalAssignments": "Show optional assignments",
@@ -61,5 +63,15 @@
   },
   "tasks": {
     "preparing": "Preparing your game!"
+  },
+  "sentryForm": {
+    "formTitle": "Report an Issue to ROAR",
+    "buttonLabel": "Report an Issue",
+    "submitButtonLabel": "Submit Issue Report",
+    "cancelButtonLabel": "Cancel",
+    "namePlaceholder": "Your Name (optional)",
+    "emailPlaceholder": "your.email@example.org (optional)",
+    "messageLabel": "Description",
+    "messagePlaceholder": "What is the issue? What did you want to experience instead? Thank you for sharing."
   }
 }
diff --git a/src/translations/en/us/en-us-componentTranslations.json b/src/translations/en/us/en-us-componentTranslations.json
index c1396688c..7cb31842c 100644
--- a/src/translations/en/us/en-us-componentTranslations.json
+++ b/src/translations/en/us/en-us-componentTranslations.json
@@ -22,7 +22,9 @@
     "cleverLoading": "Loading your data from Clever..."
   },
   "consentModal": {
-    "title": "Consent"
+    "title": "Consent",
+    "acceptButton": "Continue",
+    "toastHeader": "Confirmed"
   },
   "homeParticipant": {
     "showOptionalAssignments": "Show optional assignments",
@@ -61,5 +63,15 @@
   },
   "tasks": {
     "preparing": "Preparing your game!"
+  },
+  "sentryForm": {
+    "formTitle": "Report an Issue to ROAR",
+    "buttonLabel": "Report an Issue",
+    "submitButtonLabel": "Submit Issue Report",
+    "cancelButtonLabel": "Cancel",
+    "namePlaceholder": "Your Name (optional)",
+    "emailPlaceholder": "your.email@example.org (optional)",
+    "messageLabel": "Description",
+    "messagePlaceholder": "What is the issue? What did you want to experience instead? Thank you for sharing."
   }
 }
diff --git a/src/translations/es/co/es-co-componentTranslations.json b/src/translations/es/co/es-co-componentTranslations.json
index 6a9048ce0..a71525344 100644
--- a/src/translations/es/co/es-co-componentTranslations.json
+++ b/src/translations/es/co/es-co-componentTranslations.json
@@ -23,7 +23,9 @@
     "cleverLoading": "Cargando tus datos desde Clever..."
   },
   "consentModal": {
-    "title": "Consentimiento"
+    "title": "Consentimiento",
+    "acceptButton": "Continuar",
+    "toastHeader": "Confirmado"
   },
   "homeParticipant": {
     "showOptionalAssignments": "Mostrar actividades opcionales",
@@ -62,5 +64,15 @@
   },
   "tasks": {
     "preparing": "¡Preparando tu juego!"
+  },
+  "sentryForm": {
+    "formTitle": "Reportar un problema a ROAR",
+    "buttonLabel": "Reportar un problema",
+    "submitButtonLabel": "Enviar informe de problema",
+    "cancelButtonLabel": "Cancelar",
+    "namePlaceholder": "Tu nombre (opcional)",
+    "emailPlaceholder": "tu.email@example.org (opcional)",
+    "messageLabel": "Descripción",
+    "messagePlaceholder": "¿Cuál es el problema? ¿Qué querías experimentar en su lugar? Gracias por compartir."
   }
 }
diff --git a/src/translations/es/es-componentTranslations.json b/src/translations/es/es-componentTranslations.json
index 1d0e7dd22..95a5f19fa 100644
--- a/src/translations/es/es-componentTranslations.json
+++ b/src/translations/es/es-componentTranslations.json
@@ -23,7 +23,9 @@
     "cleverLoading": "Cargando tus datos desde Clever..."
   },
   "consentModal": {
-    "title": "Consentimiento"
+    "title": "Consentimiento",
+    "acceptButton": "Continuar",
+    "toastHeader": "Confirmado"
   },
   "homeParticipant": {
     "showOptionalAssignments": "Mostrar actividades opcionales",
@@ -62,5 +64,15 @@
   },
   "tasks": {
     "preparing": "¡Preparando tu juego!"
+  },
+  "sentryForm": {
+    "formTitle": "Reportar un problema a ROAR",
+    "buttonLabel": "Reportar un problema",
+    "submitButtonLabel": "Enviar informe de problema",
+    "cancelButtonLabel": "Cancelar",
+    "namePlaceholder": "Tu nombre (opcional)",
+    "emailPlaceholder": "tu.email@example.org (opcional)",
+    "messageLabel": "Descripción",
+    "messagePlaceholder": "¿Cuál es el problema? ¿Qué querías experimentar en su lugar? Gracias por compartir."
   }
 }
diff --git a/vite.config.js b/vite.config.js
index ce89cb045..22afe52bb 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -33,6 +33,25 @@ export default defineConfig({
   build: {
     cssCodeSplit: true,
     sourcemap: true,
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          lodash: ['lodash'],
+          tanstack: ['@tanstack/vue-query'],
+          chartJs: ['chart.js'],
+          sentry: ['@sentry/browser', '@sentry/integrations', '@sentry/vue', '@sentry/wasm'],
+          fluency: ['@bdelab/roam-fluency'],
+          firekit: ['@bdelab/roar-firekit'],
+          letter: ['@bdelab/roar-letter'],
+          multichoice: ['@bdelab/roar-multichoice'],
+          phoneme: ['@bdelab/roar-pa'],
+          sre: ['@bdelab/roar-sre'],
+          swr: ['@bdelab/roar-swr'],
+          utils: ['@bdelab/roar-utils'],
+          vocab: ['@bdelab/roar-vocab'],
+        },
+      },
+    },
   },
   optimizeDeps: {
     include: ['@bdelab/roar-firekit', 'vue-google-maps-community-fork', 'fast-deep-equal'],