From 7ee2ba6f09769cfba648cdd7d10fc3545c33430c Mon Sep 17 00:00:00 2001
From: Hugh Sorby <h.sorby@auckland.ac.nz>
Date: Fri, 19 Dec 2025 12:17:29 +1300
Subject: [PATCH 1/3] Mock API for getting data from SimulationVuer.

---
 src/components/SimulationVuer.vue | 59 +++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)

diff --git a/src/components/SimulationVuer.vue b/src/components/SimulationVuer.vue
index adef742..e59be6a 100644
--- a/src/components/SimulationVuer.vue
+++ b/src/components/SimulationVuer.vue
@@ -53,6 +53,65 @@
   </div>
 </template>
 
+<script setup>
+const emit = defineEmits(['data-ready'])
+
+function generateMockSeries(type, length = 100) {
+  const data = []
+  for (let i = 0; i < length; i++) {
+    if (type === 'sine') {
+      // Smooth curve.
+      data.push(Math.sin(i * 0.1) * 10)
+    } else {
+      // Random noise.
+      data.push(Math.random() * 10)
+    }
+  }
+  return data
+}
+
+function getDataView(requests) {
+  if (!requests || !Array.isArray(requests)) {
+    console.error("getDataView: Request must be an array.")
+    return {};
+  }
+
+  const response = {};
+  const EXPECTED_ID = 'nz.ac.auckland.simulation-data-request'
+  const EXPECTED_MAJOR_VERSION = 0;
+
+  requests.forEach((req, index) => {
+    // --- VALIDATION BLOCK ---
+
+    // Check request is expected type.
+    if (req.id !== EXPECTED_ID) {
+      console.warn(`[Mock] Request #${index} ignored: Invalid ID '${req.id}'`)
+      return // Skip this specific item.
+    }
+
+    // Test version compatibility.
+    const requestMajorVersion = parseInt(req.version.split('.')[0])
+    if (requestMajorVersion !== EXPECTED_MAJOR_VERSION) {
+      console.warn(`[Mock] Request #${index} ignored: Version mismatch. Expected v${EXPECTED_MAJOR_VERSION}.x, got v${req.version}`)
+      return // Skip this specific item.
+    }
+
+    // --- MOCK RESPONSE BLOCK ---
+
+    if (req.variable && req.variable.includes('v_in')) {
+      response[req.identifier] = generateMockSeries('sine')
+    } else {
+      // Default fallback for other variables.
+      response[req.identifier] = generateMockSeries('random')
+    }
+  })
+
+  return response
+}
+
+defineExpose({ getDataView })
+</script>
+
 <script>
 import { PlotVuer } from "@abi-software/plotvuer";
 import "@abi-software/plotvuer/dist/style.css";

From 3e02b3311c8c934ccb02b2a8429bf964aac1e689 Mon Sep 17 00:00:00 2001
From: Hugh Sorby <h.sorby@auckland.ac.nz>
Date: Fri, 19 Dec 2025 12:58:33 +1300
Subject: [PATCH 2/3] package-lock.json got a new peer attribute.

---
 package-lock.json | 113 +++++++++++++++++++++++++++++++---------------
 1 file changed, 76 insertions(+), 37 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4ef506e..eccf853 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -221,7 +221,6 @@
       "integrity": "sha512-FfmdHTrXhIduWyyuko1YTcGLuicVbhUyRjO3HbXE4aP655yKZgdTIfMhZ/V5VY9bHuxv/fGEh3Od1Lvv2ODNTg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@algolia/client-common": "5.35.0",
         "@algolia/requester-browser-xhr": "5.35.0",
@@ -1111,6 +1110,7 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
       "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25"
@@ -1517,7 +1517,6 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.25.tgz",
       "integrity": "sha512-YLVdgv2K13WJ6n+kD5owehKtEXwdwXuj2TTyJMsO7pSeKw2bfRNZGjhB7YzrpbMYj5b5QsUebHpOqR3R3ziy/g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@vue/compiler-dom": "3.5.25",
         "@vue/compiler-sfc": "3.5.25",
@@ -1660,7 +1659,6 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.25.tgz",
       "integrity": "sha512-YLVdgv2K13WJ6n+kD5owehKtEXwdwXuj2TTyJMsO7pSeKw2bfRNZGjhB7YzrpbMYj5b5QsUebHpOqR3R3ziy/g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@vue/compiler-dom": "3.5.25",
         "@vue/compiler-sfc": "3.5.25",
@@ -1682,7 +1680,6 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.21.tgz",
       "integrity": "sha512-5hjyV/jLEIKD/jYl4cavMcnzKwjMKohureP8ejn3hhEjwhWIhWeuzL2kJAjzl/WyVsgPY56Sy4Z40C3lVshxXA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@vue/compiler-dom": "3.4.21",
         "@vue/compiler-sfc": "3.4.21",
@@ -2675,6 +2672,7 @@
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz",
       "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/estree": "*",
         "@types/json-schema": "*"
@@ -2685,6 +2683,7 @@
       "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
       "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/eslint": "*",
         "@types/estree": "*"
@@ -2725,7 +2724,8 @@
       "version": "7.0.15",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
       "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@types/linkify-it": {
       "version": "5.0.0",
@@ -2745,7 +2745,6 @@
       "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.12.tgz",
       "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/lodash": "*"
       }
@@ -2800,6 +2799,7 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-24.3.0.tgz",
       "integrity": "sha512-aPTXCrfwnDLj4VvXrm+UUCQjNEvJgNA8s5F1cvwQU+3KNltTOkBm1j30uNLyqqPNe7gE3KFzImYoZEfLhp4Yow==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "undici-types": "~7.10.0"
       }
@@ -3202,6 +3202,7 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
       "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/helper-numbers": "1.13.2",
         "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
@@ -3211,25 +3212,29 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
       "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@webassemblyjs/helper-api-error": {
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
       "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@webassemblyjs/helper-buffer": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
       "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@webassemblyjs/helper-numbers": {
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
       "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/floating-point-hex-parser": "1.13.2",
         "@webassemblyjs/helper-api-error": "1.13.2",
@@ -3240,13 +3245,15 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
       "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@webassemblyjs/helper-wasm-section": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
       "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-buffer": "1.14.1",
@@ -3259,6 +3266,7 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
       "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@xtuc/ieee754": "^1.2.0"
       }
@@ -3268,6 +3276,7 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
       "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "@xtuc/long": "4.2.2"
       }
@@ -3276,13 +3285,15 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
       "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@webassemblyjs/wasm-edit": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
       "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-buffer": "1.14.1",
@@ -3299,6 +3310,7 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
       "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
@@ -3312,6 +3324,7 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
       "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-buffer": "1.14.1",
@@ -3324,6 +3337,7 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
       "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-api-error": "1.13.2",
@@ -3338,6 +3352,7 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
       "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@xtuc/long": "4.2.2"
@@ -3347,13 +3362,15 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
       "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
-      "license": "BSD-3-Clause"
+      "license": "BSD-3-Clause",
+      "peer": true
     },
     "node_modules/@xtuc/long": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
-      "license": "Apache-2.0"
+      "license": "Apache-2.0",
+      "peer": true
     },
     "node_modules/abs-svg-path": {
       "version": "0.1.1",
@@ -3366,7 +3383,6 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3379,6 +3395,7 @@
       "resolved": "https://registry.npmjs.org/acorn-import-phases/-/acorn-import-phases-1.0.4.tgz",
       "integrity": "sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10.13.0"
       },
@@ -3418,6 +3435,7 @@
       "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
       "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "ajv": "^8.0.0"
       },
@@ -3435,6 +3453,7 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
       "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -3450,7 +3469,8 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/algoliasearch": {
       "version": "5.35.0",
@@ -3458,7 +3478,6 @@
       "integrity": "sha512-Y+moNhsqgLmvJdgTsO4GZNgsaDWv8AOGAaPeIeHKlDn/XunoAqYbA+XNpBd1dW8GOXAUDyxC9Rxc7AV4kpFcIg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@algolia/abtesting": "1.1.0",
         "@algolia/client-abtesting": "5.35.0",
@@ -4082,7 +4101,8 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "CC-BY-4.0"
+      "license": "CC-BY-4.0",
+      "peer": true
     },
     "node_modules/canvas-fit": {
       "version": "1.5.0",
@@ -4195,6 +4215,7 @@
       "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz",
       "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6.0"
       }
@@ -5098,7 +5119,8 @@
       "version": "1.5.208",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.208.tgz",
       "integrity": "sha512-ozZyibehoe7tOhNaf16lKmljVf+3npZcJIEbJRVftVsmAg5TeA1mGS9dVCZzOwr2xT7xK15V0p7+GZqSPgkuPg==",
-      "license": "ISC"
+      "license": "ISC",
+      "peer": true
     },
     "node_modules/element-plus": {
       "version": "2.8.4",
@@ -5200,6 +5222,7 @@
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
       "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "graceful-fs": "^4.2.4",
         "tapable": "^2.2.0"
@@ -5242,7 +5265,8 @@
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
       "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/es-object-atoms": {
       "version": "1.1.1",
@@ -5408,7 +5432,6 @@
       "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -5784,7 +5807,8 @@
           "url": "https://opencollective.com/fastify"
         }
       ],
-      "license": "BSD-3-Clause"
+      "license": "BSD-3-Clause",
+      "peer": true
     },
     "node_modules/fastq": {
       "version": "1.19.1",
@@ -5873,7 +5897,6 @@
       "integrity": "sha512-7Ke1jyybbbPZyZXFxEftUtxFGLMpE2n6A+z//m4CRDlj0hW+o3iYSmh8nFlYMurOiJVDmJRilUQtJr08KfIxlg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "tabbable": "^6.2.0"
       }
@@ -6125,7 +6148,8 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
       "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
-      "license": "BSD-2-Clause"
+      "license": "BSD-2-Clause",
+      "peer": true
     },
     "node_modules/global-prefix": {
       "version": "4.0.0",
@@ -7056,6 +7080,7 @@
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
       "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/node": "*",
         "merge-stream": "^2.0.0",
@@ -7116,7 +7141,8 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
@@ -7215,6 +7241,7 @@
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
       "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6.11.5"
       }
@@ -7265,15 +7292,13 @@
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/lodash-es": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
       "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/lodash-unified": {
       "version": "1.0.3",
@@ -7559,7 +7584,8 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
       "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/merge2": {
       "version": "1.4.1",
@@ -7880,7 +7906,8 @@
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/next-tick": {
       "version": "1.1.0",
@@ -7899,7 +7926,8 @@
       "version": "2.0.19",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
       "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/node-stdlib-browser": {
       "version": "1.3.1",
@@ -8472,7 +8500,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -9159,6 +9186,7 @@
       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
       "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -9257,7 +9285,6 @@
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.48.1.tgz",
       "integrity": "sha512-jVG20NvbhTYDkGAty2/Yh7HK6/q3DGSRH4o8ALKGArmMuaauM9kLfoMZ+WliPwA5+JHr2lTn3g557FxBV87ifg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/estree": "1.0.8"
       },
@@ -9436,6 +9463,7 @@
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.2.tgz",
       "integrity": "sha512-Gn/JaSk/Mt9gYubxTtSn/QCV4em9mpAPiR1rqy/Ocu19u/G9J5WWdNoUT4SiV6mFC3y6cxyFcFwdzPM3FgxGAQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/json-schema": "^7.0.9",
         "ajv": "^8.9.0",
@@ -9472,6 +9500,7 @@
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
       "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3"
       },
@@ -9483,7 +9512,8 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/search-insights": {
       "version": "2.17.3",
@@ -9516,6 +9546,7 @@
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
       "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
       "license": "BSD-3-Clause",
+      "peer": true,
       "dependencies": {
         "randombytes": "^2.1.0"
       }
@@ -9723,6 +9754,7 @@
       "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
       "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "buffer-from": "^1.0.0",
         "source-map": "^0.6.0"
@@ -10067,6 +10099,7 @@
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.3.tgz",
       "integrity": "sha512-ZL6DDuAlRlLGghwcfmSn9sK3Hr6ArtyudlSAiCqQ6IfE+b+HHbydbYDIG15IfS5do+7XQQBdBiubF/cV2dnDzg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6"
       },
@@ -10080,6 +10113,7 @@
       "resolved": "https://registry.npmjs.org/terser/-/terser-5.43.1.tgz",
       "integrity": "sha512-+6erLbBm0+LROX2sPXlUYx/ux5PyE9K/a92Wrt6oA+WDAoFTdpHE5tCYCI5PNzq2y8df4rA+QgHLJuR4jNymsg==",
       "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
         "acorn": "^8.14.0",
@@ -10098,6 +10132,7 @@
       "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.14.tgz",
       "integrity": "sha512-vkZjpUjb6OMS7dhV+tILUW6BhpDR7P2L/aQSAv+Uwk+m8KATX9EccViHTJR2qDtACKPIYndLGCyl3FMo+r2LMw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.25",
         "jest-worker": "^27.4.5",
@@ -10419,7 +10454,8 @@
       "version": "7.10.0",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.10.0.tgz",
       "integrity": "sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/unist-util-is": {
       "version": "6.0.0",
@@ -10593,6 +10629,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "escalade": "^3.2.0",
         "picocolors": "^1.1.1"
@@ -10693,7 +10730,6 @@
       "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.19.tgz",
       "integrity": "sha512-qO3aKv3HoQC8QKiNSTuUM1l9o/XX3+c+VTgLHbJWHZGeTPVAg2XwazI9UWzoxjIJCGCV2zU60uqMzjeLZuULqA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.21.3",
         "postcss": "^8.4.43",
@@ -10884,7 +10920,6 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.20.tgz",
       "integrity": "sha512-2sBz0x/wis5TkF1XZ2vH25zWq3G1bFEPOfkBcx2ikowmphoQsPH6X0V3mmPCXA2K1N/XGTnifVyDQP4GfDDeQw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@vue/compiler-dom": "3.5.20",
         "@vue/compiler-sfc": "3.5.20",
@@ -11009,6 +11044,7 @@
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.4.tgz",
       "integrity": "sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "glob-to-regexp": "^0.4.1",
         "graceful-fs": "^4.1.2"
@@ -11093,6 +11129,7 @@
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.3.3.tgz",
       "integrity": "sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10.13.0"
       }
@@ -11108,6 +11145,7 @@
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
       "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
       "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^4.1.1"
@@ -11121,6 +11159,7 @@
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
       "license": "BSD-2-Clause",
+      "peer": true,
       "engines": {
         "node": ">=4.0"
       }

From 591d1fa9d2ac3b95202bfbe550785156f0778406 Mon Sep 17 00:00:00 2001
From: Hugh Sorby <h.sorby@auckland.ac.nz>
Date: Mon, 12 Jan 2026 14:29:53 +1300
Subject: [PATCH 3/3] Rename API from getDataView to getData.

---
 src/components/SimulationVuer.vue | 448 +++++++++++++++++-------------
 1 file changed, 255 insertions(+), 193 deletions(-)

diff --git a/src/components/SimulationVuer.vue b/src/components/SimulationVuer.vue
index 16a25d6..84bf7bb 100644
--- a/src/components/SimulationVuer.vue
+++ b/src/components/SimulationVuer.vue
@@ -1,14 +1,24 @@
 <template>
-  <div class="simulation-vuer" v-loading="showUserMessage" :element-loading-text="userMessage">
+  <div
+    class="simulation-vuer"
+    v-loading="showUserMessage"
+    :element-loading-text="userMessage"
+  >
     <div class="container" v-if="opencorOmexFile === null">
-      <p v-if="!hasValidSimulationUiInfo && !showUserMessage" class="default error"><span class="error">Error:</span> {{ errorMessage }}.</p>
+      <p
+        v-if="!hasValidSimulationUiInfo && !showUserMessage"
+        class="default error"
+      >
+        <span class="error">Error:</span> {{ errorMessage }}.
+      </p>
       <div class="main" v-if="hasValidSimulationUiInfo">
-        <div class="main-left" :class="{'with-buttons': uuid}">
+        <div class="main-left" :class="{ 'with-buttons': uuid }">
           <p class="default name">{{ name }}</p>
           <el-divider></el-divider>
           <p class="default input-parameters">Input parameters</p>
           <div class="input scrollbar">
-            <SimulationVuerInput v-for="(input, index) in simulationUiInfo.input"
+            <SimulationVuerInput
+              v-for="(input, index) in simulationUiInfo.input"
               ref="simInput"
               :defaultValue="input.defaultValue"
               :key="`input-${index}`"
@@ -21,19 +31,28 @@
           </div>
           <div class="buttons-container">
             <div class="primary-button">
-              <el-button type="primary" size="small" @click="startSimulation()">Run Simulation</el-button>
+              <el-button type="primary" size="small" @click="startSimulation()"
+                >Run Simulation</el-button
+              >
             </div>
             <div class="secondary-button" v-if="uuid">
-              <el-button size="small" @click="runOnOsparc()">Run on oSPARC</el-button>
+              <el-button size="small" @click="runOnOsparc()"
+                >Run on oSPARC</el-button
+              >
             </div>
             <div class="secondary-button">
-              <el-button size="small" @click="viewDataset()">View Dataset</el-button>
+              <el-button size="small" @click="viewDataset()"
+                >View Dataset</el-button
+              >
             </div>
-            <p class="default note" v-if="uuid">Additional parameters are available on oSPARC</p>
+            <p class="default note" v-if="uuid">
+              Additional parameters are available on oSPARC
+            </p>
           </div>
         </div>
         <div class="main-right" ref="output" v-show="isSimulationValid">
-          <PlotVuer v-for="(_outputPlot, index) in simulationUiInfo.output.plots"
+          <PlotVuer
+            v-for="(_outputPlot, index) in simulationUiInfo.output.plots"
             :key="`output-${index}`"
             :metadata="plotMetadata(index)"
             :data-source="{ data: simulationResults[index] }"
@@ -43,7 +62,10 @@
           />
         </div>
         <div class="main-right" v-show="!isSimulationValid">
-          <p class="default error"><span class="error">Error:</span> <span v-html="errorMessage"></span>.</p>
+          <p class="default error">
+            <span class="error">Error:</span>
+            <span v-html="errorMessage"></span>.
+          </p>
         </div>
       </div>
     </div>
@@ -62,6 +84,9 @@ function generateMockSeries(type, length = 100) {
     if (type === 'sine') {
       // Smooth curve.
       data.push(Math.sin(i * 0.1) * 10)
+    } else if (type === 'linear') {
+      // Linear increase.
+      data.push(i)
     } else {
       // Random noise.
       data.push(Math.random() * 10)
@@ -70,15 +95,15 @@ function generateMockSeries(type, length = 100) {
   return data
 }
 
-function getDataView(requests) {
+function getData(requests) {
   if (!requests || !Array.isArray(requests)) {
-    console.error("getDataView: Request must be an array.")
-    return {};
+    console.error('getData: Request must be an array.')
+    return {}
   }
 
-  const response = {};
+  const response = {}
   const EXPECTED_ID = 'nz.ac.auckland.simulation-data-request'
-  const EXPECTED_MAJOR_VERSION = 0;
+  const EXPECTED_MAJOR_VERSION = 0
 
   requests.forEach((req, index) => {
     // --- VALIDATION BLOCK ---
@@ -92,56 +117,70 @@ function getDataView(requests) {
     // Test version compatibility.
     const requestMajorVersion = parseInt(req.version.split('.')[0])
     if (requestMajorVersion !== EXPECTED_MAJOR_VERSION) {
-      console.warn(`[Mock] Request #${index} ignored: Version mismatch. Expected v${EXPECTED_MAJOR_VERSION}.x, got v${req.version}`)
+      console.warn(
+        `[Mock] Request #${index} ignored: Version mismatch. Expected v${EXPECTED_MAJOR_VERSION}.x, got v${req.version}`
+      )
       return // Skip this specific item.
     }
 
     // --- MOCK RESPONSE BLOCK ---
 
-    if (req.variable && req.variable.includes('v_in')) {
-      response[req.identifier] = generateMockSeries('sine')
+    if (req.position) {
+      response.position = { ...req.position }
+    }
+
+    if (!response['data']) {
+      response['data'] = { x: [], y: [] }
+    }
+
+    const axis =
+      req.axis !== undefined ? req.axis : req.variable === 'VOI' ? 'x' : 'y'
+    if (req.variable === 'VOI') {
+      response['data'][axis] = generateMockSeries('linear')
+    } else if (req.variable && req.variable.includes('v_in')) {
+      response['data'][axis] = generateMockSeries('sine')
     } else {
       // Default fallback for other variables.
-      response[req.identifier] = generateMockSeries('random')
+      response['data'][axis] = generateMockSeries('random')
     }
   })
 
   return response
 }
 
-defineExpose({ getDataView })
+defineExpose({ getData })
 </script>
 
 <script>
-import { PlotVuer } from "@abi-software/plotvuer";
-import "@abi-software/plotvuer/dist/style.css";
-import SimulationVuerInput from "./SimulationVuerInput.vue";
-import { ElButton, ElDivider, ElLoading } from "element-plus";
-import { evaluateValue, finaliseUi, OPENCOR_SOLVER_NAME } from "./common.js";
-import { validJson } from "./json.js";
-import { create, all } from "mathjs";
-import OpenCOR from '@opencor/opencor';
-import '@opencor/opencor/style.css';
+import { PlotVuer } from '@abi-software/plotvuer'
+import '@abi-software/plotvuer/dist/style.css'
+import SimulationVuerInput from './SimulationVuerInput.vue'
+import { ElButton, ElDivider, ElLoading } from 'element-plus'
+import { evaluateValue, finaliseUi, OPENCOR_SOLVER_NAME } from './common.js'
+import { validJson } from './json.js'
+import { create, all } from 'mathjs'
+import OpenCOR from '@opencor/opencor'
+import '@opencor/opencor/style.css'
 
-const PMR_URL = "https://models.physiomeproject.org/";
+const PMR_URL = 'https://models.physiomeproject.org/'
 
-const math = create(all, {});
+const math = create(all, {})
 
 const IdType = Object.freeze({
   DATASET_ID: 'dataset_id',
   DATASET_URL: 'dataset_url',
   PMR_PATH: 'pmr_path',
   RAW_COMBINE_ARCHIVE: 'raw_combine_archive',
-});
+})
 
 function isWebProtocol(urlString) {
   try {
-    const url = new URL(urlString);
+    const url = new URL(urlString)
     // Protocol property includes the colon, e.g., "https:".
-    return url.protocol === "http:" || url.protocol === "https:";
+    return url.protocol === 'http:' || url.protocol === 'https:'
   } catch (_err) {
     // String was not a valid URL.
-    return false;
+    return false
   }
 }
 
@@ -149,7 +188,7 @@ function isWebProtocol(urlString) {
  * SimulationVuer
  */
 export default {
-  name: "SimulationVuer",
+  name: 'SimulationVuer',
   components: {
     PlotVuer,
     SimulationVuerInput,
@@ -181,39 +220,42 @@ export default {
   data: function () {
     // Determine the ID's type.
 
-    let idType;
+    let idType
 
-    if (typeof this.id === "number") {
-      idType = IdType.DATASET_ID;
+    if (typeof this.id === 'number') {
+      idType = IdType.DATASET_ID
     } else if (this.id instanceof Uint8Array) {
-      idType = IdType.RAW_COMBINE_ARCHIVE;
+      idType = IdType.RAW_COMBINE_ARCHIVE
     } else if (isWebProtocol(this.id)) {
-      idType = IdType.DATASET_URL;
+      idType = IdType.DATASET_URL
     } else {
-      idType = IdType.PMR_PATH;
+      idType = IdType.PMR_PATH
     }
 
     // Retrieve some information about the dataset.
 
     if (idType === IdType.DATASET_ID) {
-      const xmlhttp = new XMLHttpRequest();
+      const xmlhttp = new XMLHttpRequest()
 
-      xmlhttp.open("GET", this.apiLocation + "/sim/dataset/" + this.id);
+      xmlhttp.open('GET', this.apiLocation + '/sim/dataset/' + this.id)
       xmlhttp.onreadystatechange = () => {
         if (xmlhttp.readyState === 4) {
           if (xmlhttp.status === 200) {
-            const datasetInfo = JSON.parse(xmlhttp.responseText);
+            const datasetInfo = JSON.parse(xmlhttp.responseText)
 
-            this.name = datasetInfo.name;
-            this.uuid = (datasetInfo.study !== undefined) ? datasetInfo.study.uuid : undefined;
+            this.name = datasetInfo.name
+            this.uuid =
+              datasetInfo.study !== undefined
+                ? datasetInfo.study.uuid
+                : undefined
           }
         }
-      };
-      xmlhttp.send();
+      }
+      xmlhttp.send()
     }
 
     return {
-      errorMessage: "",
+      errorMessage: '',
       fileManager: undefined,
       hasFinalisedUi: false,
       hasValidSimulationUiInfo: false,
@@ -235,10 +277,10 @@ export default {
       simulationResultsId: {},
       simulationUiInfo: {},
       solver: undefined,
-      userMessage: "",
+      userMessage: '',
       ui: null,
       uuid: null,
-    };
+    }
   },
   methods: {
     /**
@@ -248,13 +290,13 @@ export default {
      */
     plotMetadata(index) {
       return {
-        version: "1.1.0",
-        type: "plot",
+        version: '1.1.0',
+        type: 'plot',
         attrs: {
-          style: "timeseries",
+          style: 'timeseries',
           layout: this.layout[index],
         },
-      };
+      }
     },
     /**
      * @public
@@ -264,49 +306,49 @@ export default {
     buildSimulationUi(simulationUiInfo) {
       // Keep track of the simulation UI information.
 
-      this.simulationUiInfo = simulationUiInfo;
+      this.simulationUiInfo = simulationUiInfo
 
       // Make sure that the simulation UI information is valid.
 
-      this.hasValidSimulationUiInfo = validJson(this.simulationUiInfo);
+      this.hasValidSimulationUiInfo = validJson(this.simulationUiInfo)
 
       if (!this.hasValidSimulationUiInfo) {
-        this.errorMessage = "the simulation.json file is malformed";
+        this.errorMessage = 'the simulation.json file is malformed'
 
-        return;
+        return
       }
 
       // Retrieve and keep track of the solver to be used for the simulation.
 
       this.simulationUiInfo.simulation.solvers.forEach((solver) => {
-        if ((solver.if === undefined) || evaluateValue(this, solver.if)) {
-          this.solver = solver;
+        if (solver.if === undefined || evaluateValue(this, solver.if)) {
+          this.solver = solver
         }
-      });
+      })
 
       if (this.solver === undefined) {
-        this.hasValidSimulationUiInfo = false;
-        this.errorMessage = "no solver name and/or solver version specified";
+        this.hasValidSimulationUiInfo = false
+        this.errorMessage = 'no solver name and/or solver version specified'
 
-        return;
+        return
       }
 
-      this.opencorBasedSimulation = this.solver.name === OPENCOR_SOLVER_NAME;
+      this.opencorBasedSimulation = this.solver.name === OPENCOR_SOLVER_NAME
 
       // Initialise our UI.
 
       this.simulationUiInfo.output.data.forEach((data) => {
-        this.simulationResultsId[data.id] = data.name;
-      });
+        this.simulationResultsId[data.id] = data.name
+      })
 
-      let index = -1;
+      let index = -1
 
       this.simulationUiInfo.output.plots.forEach((outputPlot) => {
-        ++index;
+        ++index
 
         this.layout[index] = {
-          paper_bgcolor: "rgba(0, 0, 0, 0)",
-          plot_bgcolor: "rgba(0, 0, 0, 0)",
+          paper_bgcolor: 'rgba(0, 0, 0, 0)',
+          plot_bgcolor: 'rgba(0, 0, 0, 0)',
           autosize: true,
           margin: {
             t: 25,
@@ -320,7 +362,7 @@ export default {
             responsive: true,
             scrollZoom: true,
           },
-          dragmode: "pan",
+          dragmode: 'pan',
           xaxis: {
             title: {
               text: outputPlot.xAxisTitle,
@@ -337,8 +379,8 @@ export default {
               },
             },
           },
-        };
-      });
+        }
+      })
 
       // Finalise our UI.
       // Note: we try both here and in the mounted() function since we have no
@@ -346,8 +388,8 @@ export default {
       //       information.
 
       this.$nextTick(() => {
-        finaliseUi(this);
-      });
+        finaliseUi(this)
+      })
     },
     /**
      * @public
@@ -356,7 +398,7 @@ export default {
      * method.
      */
     runOnOsparc() {
-      window.open(`https://osparc.io/study/${this.uuid}`, "_blank");
+      window.open(`https://osparc.io/study/${this.uuid}`, '_blank')
     },
     /**
      * @public
@@ -364,7 +406,10 @@ export default {
      * clicked, calls this method.
      */
     viewDataset() {
-      window.open(`https://sparc.science/datasets/${this.id}?type=dataset`, "_blank");
+      window.open(
+        `https://sparc.science/datasets/${this.id}?type=dataset`,
+        '_blank'
+      )
     },
     /**
      * @public
@@ -372,22 +417,22 @@ export default {
      * calls this method.
      */
     viewWorkspace() {
-      const url = PMR_URL + this.id;
+      const url = PMR_URL + this.id
 
-      window.open(url.substring(0, url.lastIndexOf("/")), "_blank");
+      window.open(url.substring(0, url.lastIndexOf('/')), '_blank')
     },
     /**
      * @public
      * Data needed to set a model's parameters.
      */
     parametersData() {
-      const res = {};
+      const res = {}
 
       this.simulationUiInfo.parameters.forEach((parameter) => {
-        res[parameter.name] = evaluateValue(this, parameter.value);
-      });
+        res[parameter.name] = evaluateValue(this, parameter.value)
+      })
 
-      return res;
+      return res
     },
     /**
      * @public
@@ -396,15 +441,15 @@ export default {
     outputData() {
       if (this.output === undefined) {
         if (this.simulationUiInfo.output.data !== undefined) {
-          this.output = [];
+          this.output = []
 
           this.simulationUiInfo.output.data.forEach((output) => {
-            this.output.push(output.name);
-          });
+            this.output.push(output.name)
+          })
         }
       }
 
-      return this.output;
+      return this.output
     },
     /**
      * @public
@@ -412,37 +457,41 @@ export default {
      */
     retrieveRequest() {
       const request = {
-        solver: this.solver
-      };
+        solver: this.solver,
+      }
 
       if (this.opencorBasedSimulation) {
         request.opencor = {
           model_url: this.simulationUiInfo.simulation.opencor.resource,
           json_config: {},
-        };
+        }
 
-        if ((this.simulationUiInfo.simulation.opencor.endingPoint !== undefined)
-          && (this.simulationUiInfo.simulation.opencor.pointInterval !== undefined)) {
+        if (
+          this.simulationUiInfo.simulation.opencor.endingPoint !== undefined &&
+          this.simulationUiInfo.simulation.opencor.pointInterval !== undefined
+        ) {
           request.opencor.json_config.simulation = {
-            "Ending point": this.simulationUiInfo.simulation.opencor.endingPoint,
-            "Point interval": this.simulationUiInfo.simulation.opencor.pointInterval,
-          };
+            'Ending point':
+              this.simulationUiInfo.simulation.opencor.endingPoint,
+            'Point interval':
+              this.simulationUiInfo.simulation.opencor.pointInterval,
+          }
         }
 
-        request.opencor.json_config.parameters = this.parametersData();
+        request.opencor.json_config.parameters = this.parametersData()
 
-        const output = this.outputData();
+        const output = this.outputData()
 
         if (output !== undefined) {
-          request.opencor.json_config.output = output;
+          request.opencor.json_config.output = output
         }
       } else {
-        request.osparc = {};
+        request.osparc = {}
 
-        request.osparc.job_inputs = this.parametersData();
+        request.osparc.job_inputs = this.parametersData()
       }
 
-      return request;
+      return request
     },
     /**
      * @public
@@ -454,50 +503,50 @@ export default {
       // Convert, if needed, the results to a JSON format that is compatible
       // with our OpenCOR results.
 
-      if (typeof (results) === "string") {
-        const SPACES = /[ \t]+/g;
-        const lines = results.trim().split("\n");
-        const iMax = lines[0].trim().split(SPACES).length;
+      if (typeof results === 'string') {
+        const SPACES = /[ \t]+/g
+        const lines = results.trim().split('\n')
+        const iMax = lines[0].trim().split(SPACES).length
 
-        results = {};
+        results = {}
 
         for (let i = 0; i < iMax; ++i) {
-          results[i] = [];
+          results[i] = []
         }
 
-        let i = -1;
+        let i = -1
 
         lines.forEach((line) => {
-          ++i;
+          ++i
 
-          let j = -1;
-          const values = line.trim().split(SPACES);
+          let j = -1
+          const values = line.trim().split(SPACES)
 
           values.forEach((value) => {
-            results[++j][i] = Number(value);
-          });
-        });
+            results[++j][i] = Number(value)
+          })
+        })
       }
 
       // Get the results ready for plotting.
 
-      const parser = new math.parser();
+      const parser = new math.parser()
 
       Object.keys(this.simulationResultsId).forEach((id) => {
-        parser.set(id, results[this.simulationResultsId[id]]);
-      });
+        parser.set(id, results[this.simulationResultsId[id]])
+      })
 
-      let index = -1;
+      let index = -1
 
       this.simulationUiInfo.output.plots.forEach((outputPlot) => {
         this.simulationResults[++index] = [
           {
             x: parser.evaluate(outputPlot.xValue),
             y: parser.evaluate(outputPlot.yValue),
-            type: "scatter",
+            type: 'scatter',
           },
-        ];
-      });
+        ]
+      })
     },
     /**
      * @public
@@ -505,9 +554,15 @@ export default {
      * @arg `xmlhttp`
      */
     showHttpIssue(xmlhttp) {
-      this.isSimulationValid = false;
-      this.showUserMessage = false;
-      this.errorMessage = xmlhttp.statusText.toLowerCase() + " (<a href='https://httpstatuses.com/" + xmlhttp.status + "/' target='_blank'>" + xmlhttp.status + "</a>)";
+      this.isSimulationValid = false
+      this.showUserMessage = false
+      this.errorMessage =
+        xmlhttp.statusText.toLowerCase() +
+        " (<a href='https://httpstatuses.com/" +
+        xmlhttp.status +
+        "/' target='_blank'>" +
+        xmlhttp.status +
+        '</a>)'
     },
     /**
      * @public
@@ -519,44 +574,44 @@ export default {
     checkSimulation(data) {
       // Check the simulation.
 
-      const xmlhttp = new XMLHttpRequest();
+      const xmlhttp = new XMLHttpRequest()
 
-      xmlhttp.open("POST", this.apiLocation + "/check_simulation");
-      xmlhttp.setRequestHeader("Content-type", "application/json");
+      xmlhttp.open('POST', this.apiLocation + '/check_simulation')
+      xmlhttp.setRequestHeader('Content-type', 'application/json')
       xmlhttp.onreadystatechange = () => {
         if (xmlhttp.readyState === 4) {
           if (xmlhttp.status === 200) {
-            let response = JSON.parse(xmlhttp.responseText);
+            let response = JSON.parse(xmlhttp.responseText)
 
-            this.isSimulationValid = response.status === "ok";
+            this.isSimulationValid = response.status === 'ok'
 
             if (this.isSimulationValid) {
               if (response.results !== undefined) {
                 // The simulation is finished, so process its results.
 
-                this.showUserMessage = false;
+                this.showUserMessage = false
 
-                this.processSimulationResults(response.results);
+                this.processSimulationResults(response.results)
               } else {
                 // The simulation is not yet finished, so check again in a
                 // second.
 
-                let that = this;
+                let that = this
 
                 setTimeout(function () {
-                  that.checkSimulation(data);
-                }, 1000);
+                  that.checkSimulation(data)
+                }, 1000)
               }
             } else {
-              this.showUserMessage = false;
-              this.errorMessage = response.description;
+              this.showUserMessage = false
+              this.errorMessage = response.description
             }
           } else {
-            this.showHttpIssue(xmlhttp);
+            this.showHttpIssue(xmlhttp)
           }
         }
-      };
-      xmlhttp.send(JSON.stringify(data));
+      }
+      xmlhttp.send(JSON.stringify(data))
     },
     /**
      * @public
@@ -567,72 +622,74 @@ export default {
       // Start the simulation (after resetting our previous simulation data, in
       // case there were sonme).
 
-      this.userMessage = "Loading simulation results...";
-      this.showUserMessage = true;
+      this.userMessage = 'Loading simulation results...'
+      this.showUserMessage = true
 
       this.$nextTick(() => {
-        this.simulationResults = {};
+        this.simulationResults = {}
 
-        const xmlhttp = new XMLHttpRequest();
+        const xmlhttp = new XMLHttpRequest()
 
-        xmlhttp.open("POST", this.apiLocation + "/start_simulation");
-        xmlhttp.setRequestHeader("Content-type", "application/json");
+        xmlhttp.open('POST', this.apiLocation + '/start_simulation')
+        xmlhttp.setRequestHeader('Content-type', 'application/json')
         xmlhttp.onreadystatechange = () => {
           if (xmlhttp.readyState === 4) {
             if (xmlhttp.status === 200) {
-              let response = JSON.parse(xmlhttp.responseText);
+              let response = JSON.parse(xmlhttp.responseText)
 
-              this.isSimulationValid = response.status === "ok";
+              this.isSimulationValid = response.status === 'ok'
 
               if (this.isSimulationValid) {
-                this.checkSimulation(response.data);
+                this.checkSimulation(response.data)
               } else {
-                this.showUserMessage = false;
-                this.errorMessage = response.description;
+                this.showUserMessage = false
+                this.errorMessage = response.description
               }
             } else {
-              this.showHttpIssue(xmlhttp);
+              this.showHttpIssue(xmlhttp)
             }
           }
-        };
-        xmlhttp.send(JSON.stringify(this.retrieveRequest()));
-      });
+        }
+        xmlhttp.send(JSON.stringify(this.retrieveRequest()))
+      })
     },
   },
   created: function () {
     // Try to retrieve the UI information.
 
     if (this.idType === IdType.DATASET_ID) {
-      this.userMessage = "Retrieving UI information...";
-      this.showUserMessage = true;
+      this.userMessage = 'Retrieving UI information...'
+      this.showUserMessage = true
 
       // Retrieve and build the simulation UI.
 
       this.$nextTick(() => {
-        const xmlhttp = new XMLHttpRequest();
+        const xmlhttp = new XMLHttpRequest()
 
-        xmlhttp.open("GET", this.apiLocation + "/simulation_ui_file/" + this.id);
+        xmlhttp.open('GET', this.apiLocation + '/simulation_ui_file/' + this.id)
         xmlhttp.onreadystatechange = () => {
           if (xmlhttp.readyState === 4) {
-            this.showUserMessage = false;
+            this.showUserMessage = false
 
             if (xmlhttp.status === 200) {
               this.$nextTick(() => {
-                this.buildSimulationUi(JSON.parse(xmlhttp.responseText));
-              });
+                this.buildSimulationUi(JSON.parse(xmlhttp.responseText))
+              })
             } else {
-              this.errorMessage = "the simulation dataset could not be retrieved";
+              this.errorMessage =
+                'the simulation dataset could not be retrieved'
             }
           }
-        };
-        xmlhttp.send();
-      });
+        }
+        xmlhttp.send()
+      })
     } else if (this.idType === IdType.DATASET_URL) {
-      this.opencorOmexFile = this.id;
+      this.opencorOmexFile = this.id
     } else if (this.idType === IdType.PMR_PATH) {
-      this.opencorOmexFile = PMR_URL + this.id;
-    } else { // IdType.RAW_COMBINE_ARCHIVE
-      this.opencorOmexFile = this.id;
+      this.opencorOmexFile = PMR_URL + this.id
+    } else {
+      // IdType.RAW_COMBINE_ARCHIVE
+      this.opencorOmexFile = this.id
     }
   },
   mounted: function () {
@@ -641,20 +698,20 @@ export default {
     //       idea how long it's going to take to retrieve the simulation UI
     //       information.
 
-    this.isMounted = true;
+    this.isMounted = true
 
-    finaliseUi(this);
+    finaliseUi(this)
   },
-};
+}
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="scss">
 .simulation-vuer {
-  --el-color-primary: #8300BF;
-  --el-color-primary-light-7: #DAB3EC;
-  --el-color-primary-light-8: #E6CCF2;
-  --el-color-primary-light-9: #F3E6F9;
+  --el-color-primary: #8300bf;
+  --el-color-primary-light-7: #dab3ec;
+  --el-color-primary-light-8: #e6ccf2;
+  --el-color-primary-light-9: #f3e6f9;
 }
 
 :deep(.el-button:hover) {
@@ -668,29 +725,32 @@ export default {
 
 :deep(.el-loading-spinner) {
   .path {
-    stroke: #8300BF;
+    stroke: #8300bf;
   }
 
   i,
   .el-loading-text {
-    color: #8300BF;
+    color: #8300bf;
   }
 }
 
-:deep(.p-floatlabel:has(input:focus)) label, :deep(.p-floatlabel:has(input:-webkit-autofill)) label, :deep(.p-floatlabel:has(textarea:focus)) label, :deep(.p-floatlabel:has(.p-inputwrapper-focus)) label {
-  color: #8300BF;
+:deep(.p-floatlabel:has(input:focus)) label,
+:deep(.p-floatlabel:has(input:-webkit-autofill)) label,
+:deep(.p-floatlabel:has(textarea:focus)) label,
+:deep(.p-floatlabel:has(.p-inputwrapper-focus)) label {
+  color: #8300bf;
 }
 
 :deep(.p-inputtext:enabled:focus) {
-    border-color: #8300BF;
+  border-color: #8300bf;
 }
 
 :deep(.p-select:not(.p-disabled).p-focus) {
-    border-color: #8300BF;
+  border-color: #8300bf;
 }
 
 :deep(.p-slider-range) {
-  background-color: #8300BF;
+  background-color: #8300bf;
 }
 
 div.input {
@@ -893,21 +953,23 @@ span.error {
 /* Note: not sure why, but the following rules need to be global!? */
 
 .p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {
-    background: #F5F7FA !important;
+  background: #f5f7fa !important;
 }
 
 .p-select-option.p-select-option-selected.p-focus {
-    background: #F5F7FA !important;
-    color: #8300BF !important;
+  background: #f5f7fa !important;
+  color: #8300bf !important;
 }
 
 .p-select-option.p-select-option-selected {
-    background: white !important;
-    color: #8300BF !important;
+  background: white !important;
+  color: #8300bf !important;
 }
 
 .p-select-option-label {
-    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-    font-size: 0.875rem;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  font-size: 0.875rem;
 }
 </style>