diff --git a/.claude/skills/verify/SKILL.md b/.claude/skills/verify/SKILL.md
index 92b1294b7..91f1a7727 100644
--- a/.claude/skills/verify/SKILL.md
+++ b/.claude/skills/verify/SKILL.md
@@ -13,7 +13,7 @@ the script lives outside the repo).
 ## Launch
 
 - Chromium needs `headless: false` plus args `--no-sandbox
-  --disable-setuid-sandbox --headless=old`. This is not a contradiction:
+--disable-setuid-sandbox --headless=old`. This is not a contradiction:
   `headless: false` stops Playwright adding its own headless flags (its
   headless mode uses the new headless shell, which drops WebGL), and
   `--headless=old` then puts Chromium itself in legacy headless mode,
@@ -53,8 +53,10 @@ the script lives outside the repo).
 flock.js listens on the top document. Stub and dispatch:
 
 ```js
-Object.defineProperty(document, "visibilityState",
-  { configurable: true, get: () => document.__fakeVis || "visible" });
-document.__fakeVis = "hidden"; // or "visible"
-document.dispatchEvent(new Event("visibilitychange"));
+Object.defineProperty(document, 'visibilityState', {
+  configurable: true,
+  get: () => document.__fakeVis || 'visible',
+});
+document.__fakeVis = 'hidden'; // or "visible"
+document.dispatchEvent(new Event('visibilitychange'));
 ```
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index 55fa77646..d153ba570 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -1,9 +1,9 @@
 ---
 name: Bug report
 about: Create a report to help us improve
-title: ""
+title: ''
 labels: bug
-assignees: ""
+assignees: ''
 ---
 
 **Describe the bug**
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
index 8eec841f2..a080037a4 100644
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -1,9 +1,9 @@
 ---
 name: Feature request
 about: Suggest an idea for this project
-title: ""
+title: ''
 labels: enhancement
-assignees: ""
+assignees: ''
 ---
 
 **Is your feature request related to a problem? Please describe.**
diff --git a/.github/workflows/run-mocha-tests.yml b/.github/workflows/run-mocha-tests.yml
index f63ff2c64..7b3d7d3b8 100644
--- a/.github/workflows/run-mocha-tests.yml
+++ b/.github/workflows/run-mocha-tests.yml
@@ -5,9 +5,9 @@ name: Run mocha tests
 
 on:
   push:
-    branches: ["testable"]
+    branches: ['testable']
   pull_request:
-    branches: ["testable"]
+    branches: ['testable']
 
 jobs:
   build:
@@ -28,7 +28,7 @@ jobs:
         uses: actions/setup-node@v5
         with:
           node-version: ${{ matrix.node-version }}
-          cache: "npm"
+          cache: 'npm'
       - run: npm ci
       - name: Get installed Playwright version
         id: playwright-version
diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml
index 27bcd98e7..5c5531023 100644
--- a/.github/workflows/static.yml
+++ b/.github/workflows/static.yml
@@ -3,7 +3,7 @@ name: Vite Github Pages Deploy
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ["master", "main"]
+    branches: ['master', 'main']
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
 
@@ -14,11 +14,11 @@ permissions:
   id-token: write
 
 concurrency:
-  group: "pages"
+  group: 'pages'
   cancel-in-progress: false
 
 env:
-  VITE_BASE_URL: "/${{ github.event.repository.name }}/"
+  VITE_BASE_URL: '/${{ github.event.repository.name }}/'
 
 jobs:
   # Build job
diff --git a/AGENTS.md b/AGENTS.md
index 348289d76..d4dfef157 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -14,6 +14,7 @@
 - Review code for unnecessary complexity
 
 ## Style
+
 - Match the existing style
 - Comments should be infrequent
 - Comments should be genuinely noteworthy
@@ -27,4 +28,3 @@
 - If user verification is needed, describe the test to be carried out and request confirmation
 - Don't introduce security issues
 - Don't introduce changes that would break offline PWA behaviour
-
diff --git a/AI_POLICY.md b/AI_POLICY.md
index 88cdeb7cc..d21095d55 100644
--- a/AI_POLICY.md
+++ b/AI_POLICY.md
@@ -4,15 +4,15 @@ AI is a tool to support human creativity and responsibility, not replace it.
 
 ## Our overall goals are:
 
-- Open source principles  
-- Efficiency, particularly when funded with public money and adding accessibility features  
-- Quality and maintainability of code  
-- Consider workload on maintainers and contributors and avoiding barriers to contribution  
-- Humans are responsible for code and other assets, AI is a tool  
+- Open source principles
+- Efficiency, particularly when funded with public money and adding accessibility features
+- Quality and maintainability of code
+- Consider workload on maintainers and contributors and avoiding barriers to contribution
+- Humans are responsible for code and other assets, AI is a tool
 
 ## Contribution expectations
 
-The world has changed. We believe that open source projects need to be able to benefit from generative AI tools that have largely been trained on open source content. We need to do this in a way that is aligned with the goals of the project. 
+The world has changed. We believe that open source projects need to be able to benefit from generative AI tools that have largely been trained on open source content. We need to do this in a way that is aligned with the goals of the project.
 
 At this point we are not able to accept large contributions from fully automated contributors or contributors who are not known to the project.
 
@@ -54,4 +54,4 @@ We recognise that some potential contributors may wish to write code completely
 
 This policy will be reviewed regularly as the generative AI landscape changes.
 
-This policy is influenced by [NLnet Generative AI Policy](https://nlnet.nl/foundation/policies/generativeAI/) (we’re grateful that they listened to feedback as the open source community navigates this unprecedented change in how we develop software), the measured policy from [Apache Generative Tooling Guidelines](https://www.apache.org/legal/generative-tooling.html), and the ideas around community and human maintainers from [Ghostty AI Policy](https://github.com/ghostty-org/ghostty/blob/main/AI_POLICY.md).
\ No newline at end of file
+This policy is influenced by [NLnet Generative AI Policy](https://nlnet.nl/foundation/policies/generativeAI/) (we’re grateful that they listened to feedback as the open source community navigates this unprecedented change in how we develop software), the measured policy from [Apache Generative Tooling Guidelines](https://www.apache.org/legal/generative-tooling.html), and the ideas around community and human maintainers from [Ghostty AI Policy](https://github.com/ghostty-org/ghostty/blob/main/AI_POLICY.md).
diff --git a/API.md b/API.md
index b0582359d..42e62ce59 100644
--- a/API.md
+++ b/API.md
@@ -43,8 +43,8 @@ Plays an animation on a specified mesh.
 **Example:**
 
 ```javascript
-await playAnimation("character1", {
-  animationName: "walk",
+await playAnimation('character1', {
+  animationName: 'walk',
   loop: true,
 });
 ```
@@ -64,8 +64,8 @@ Switches to a different animation on a mesh.
 **Example:**
 
 ```javascript
-await switchAnimation("character1", {
-  animationName: "run",
+await switchAnimation('character1', {
+  animationName: 'run',
 });
 ```
 
@@ -86,12 +86,12 @@ Animates a property using keyframes.
 **Example:**
 
 ```javascript
-await animateKeyFrames("box1", {
+await animateKeyFrames('box1', {
   keyframes: [
-    { duration: 0, value: "#FF0000" },
-    { duration: 2, value: "#00FF00" },
+    { duration: 0, value: '#FF0000' },
+    { duration: 2, value: '#00FF00' },
   ],
-  property: "color",
+  property: 'color',
   loop: true,
 });
 ```
@@ -113,12 +113,12 @@ Smoothly moves a mesh to a new position.
 **Example:**
 
 ```javascript
-await glideTo("player", {
+await glideTo('player', {
   x: 5,
   y: 0,
   z: 3,
   duration: 2,
-  easing: "SineEase",
+  easing: 'SineEase',
 });
 ```
 
@@ -139,7 +139,7 @@ Rotates a mesh with animation.
 **Example:**
 
 ```javascript
-await rotateAnim("box1", {
+await rotateAnim('box1', {
   x: 90,
   y: 180,
   z: 0,
@@ -199,14 +199,14 @@ Creates a character model in the scene.
 
 ```javascript
 const player = createCharacter({
-  modelName: "Character2.glb",
-  modelId: "player_unique_id",
+  modelName: 'Character2.glb',
+  modelId: 'player_unique_id',
   scale: 1,
   position: { x: 0, y: 0, z: 0 },
   colors: {
-    hair: "#ffcc00",
-    skin: "#f0d5b1",
-    eyes: "#33cc00",
+    hair: '#ffcc00',
+    skin: '#f0d5b1',
+    eyes: '#33cc00',
   },
 });
 ```
@@ -235,7 +235,7 @@ Creates a box geometry.
 **Example:**
 
 ```javascript
-const box1 = createBox("myBox", "#ff0000", 2, 2, 2, [0, 1, 0]);
+const box1 = createBox('myBox', '#ff0000', 2, 2, 2, [0, 1, 0]);
 ```
 
 #### `createSphere(name, options)`
@@ -268,7 +268,7 @@ Sets the transparency of a mesh.
 **Example:**
 
 ```javascript
-await setAlpha("box1", 0.75);
+await setAlpha('box1', 0.75);
 ```
 
 #### `changeColor(meshName, color)`
@@ -337,7 +337,7 @@ Applies physics properties to a mesh.
 **Example:**
 
 ```javascript
-await setPhysics("player", "DYNAMIC");
+await setPhysics('player', 'DYNAMIC');
 ```
 
 #### `applyForce(meshName, force)`
@@ -358,7 +358,7 @@ Creates a ground plane.
 **Example:**
 
 ```javascript
-createGround("#ffffff", "ground");
+createGround('#ffffff', 'ground');
 ```
 
 #### `setSky(color)`
@@ -372,7 +372,7 @@ Sets the skybox/environment color.
 **Example:**
 
 ```javascript
-setSky("#ffffff");
+setSky('#ffffff');
 ```
 
 #### `lightIntensity(intensity)`
@@ -395,8 +395,8 @@ Adds fog to the scene for atmospheric effects.
 
 ```javascript
 setFog({
-  fogColorHex: "#ffffff",
-  fogMode: "LINEAR",
+  fogColorHex: '#ffffff',
+  fogMode: 'LINEAR',
   fogDensity: 0.1,
   fogStart: 50,
   fogEnd: 100,
@@ -431,7 +431,7 @@ Attaches the camera to follow a specific mesh.
 **Example:**
 
 ```javascript
-await attachCamera("player", 7);
+await attachCamera('player', 7);
 ```
 
 ### UI
@@ -449,7 +449,7 @@ Displays text in the UI.
 **Example:**
 
 ```javascript
-printText("🌈 Hello", 30, "#000080");
+printText('🌈 Hello', 30, '#000080');
 ```
 
 #### `buttonControls(type, enabled, color)`
@@ -465,7 +465,7 @@ Creates button controls for user interaction.
 **Example:**
 
 ```javascript
-buttonControls("ARROWS", true, "#cc33cc");
+buttonControls('ARROWS', true, '#cc33cc');
 ```
 
 #### `say(meshName, text, duration)`
@@ -527,7 +527,7 @@ Checks if a specific key is currently pressed.
 **Example:**
 
 ```javascript
-if (keyPressed("w")) {
+if (keyPressed('w')) {
   // Move forward
 }
 ```
@@ -543,7 +543,7 @@ Checks if a movement or action input is active across keyboard, touch, or XR con
 **Example:**
 
 ```javascript
-if (actionPressed("FORWARD")) {
+if (actionPressed('FORWARD')) {
   // Move forward regardless of whether the player is using W, Z, touch, or XR input
 }
 ```
@@ -561,7 +561,7 @@ Run a callback when the chosen action is pressed or released across keyboard, to
 **Example:**
 
 ```javascript
-whenActionEvent("BUTTON1", async () => {
+whenActionEvent('BUTTON1', async () => {
   // Respond to the action button, regardless of whether it came from E, touch, or XR
 });
 ```
@@ -589,11 +589,11 @@ Runs a function in an infinite loop.
 
 ```javascript
 forever(async () => {
-  if (keyPressed("w")) {
-    moveForward("player", 3);
-    await switchAnimation("player", { animationName: "Walk" });
+  if (keyPressed('w')) {
+    moveForward('player', 3);
+    await switchAnimation('player', { animationName: 'Walk' });
   } else {
-    await switchAnimation("player", { animationName: "Idle" });
+    await switchAnimation('player', { animationName: 'Idle' });
   }
 });
 ```
@@ -638,7 +638,7 @@ Shows a 5×5 image on a micro:bit's LED display. The micro:bit must be connected
 
 ```javascript
 // A sun on every plugged-in micro:bit
-microbitShowImage("", "9090909990999990999090909");
+microbitShowImage('', '9090909990999990999090909');
 ```
 
 ## Examples
@@ -648,19 +648,19 @@ For a complete working example, see [example.html](example.html) in the reposito
 ### Basic Scene Setup
 
 ```javascript
-setSky("#ffffff");
-createGround("#ffffff", "ground");
-printText("🌈 Hello", 30, "#000080");
-buttonControls("ARROWS", true, "#cc33cc");
+setSky('#ffffff');
+createGround('#ffffff', 'ground');
+printText('🌈 Hello', 30, '#000080');
+buttonControls('ARROWS', true, '#cc33cc');
 
 const player = createCharacter({
-  modelName: "Character2.glb",
-  modelId: "player_unique_id",
+  modelName: 'Character2.glb',
+  modelId: 'player_unique_id',
   scale: 1,
   position: { x: 0, y: 0, z: 0 },
 });
 
-await setPhysics(player, "DYNAMIC");
+await setPhysics(player, 'DYNAMIC');
 await attachCamera(player, 7);
 ```
 
@@ -668,14 +668,14 @@ await attachCamera(player, 7);
 
 ```javascript
 forever(async () => {
-  if (keyPressed("w")) {
-    moveForward("player", 3);
-    await switchAnimation("player", { animationName: "Walk" });
-  } else if (keyPressed("s")) {
-    moveForward("player", -3);
-    await switchAnimation("player", { animationName: "Walk" });
+  if (keyPressed('w')) {
+    moveForward('player', 3);
+    await switchAnimation('player', { animationName: 'Walk' });
+  } else if (keyPressed('s')) {
+    moveForward('player', -3);
+    await switchAnimation('player', { animationName: 'Walk' });
   } else {
-    await switchAnimation("player", { animationName: "Idle" });
+    await switchAnimation('player', { animationName: 'Idle' });
   }
 });
 ```
@@ -684,23 +684,23 @@ forever(async () => {
 
 ```javascript
 // Keyframe animation
-await animateKeyFrames("box1", {
+await animateKeyFrames('box1', {
   keyframes: [
-    { duration: 0, value: "#FF0000" },
-    { duration: 2, value: "#00FF00" },
-    { duration: 4, value: "#0000FF" },
+    { duration: 0, value: '#FF0000' },
+    { duration: 2, value: '#00FF00' },
+    { duration: 4, value: '#0000FF' },
   ],
-  property: "color",
+  property: 'color',
   loop: true,
 });
 
 // Smooth movement
-await glideTo("player", {
+await glideTo('player', {
   x: 10,
   y: 0,
   z: 5,
   duration: 3,
-  easing: "SineEase",
+  easing: 'SineEase',
 });
 ```
 
diff --git a/CLAUDE.md b/CLAUDE.md
index d250fcfdf..bcb6d35ea 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -1,3 +1,3 @@
 ## claude.md
 
-See [AGENTS.md](AGENTS.md)
\ No newline at end of file
+See [AGENTS.md](AGENTS.md)
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 5fa2d8995..607bfa3ea 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -72,7 +72,9 @@ Before starting, we suggest you [get in touch](https://flipcomputing.com/contact
 7. **Create a Pull Request** on GitHub
 
 ### Deploying your fork to GitHub Pages
+
 1. **Push your fork to GitHub**:
+
    ```bash
    git push origin main
    ```
diff --git a/README.md b/README.md
index a05d6d421..eb825a43d 100644
--- a/README.md
+++ b/README.md
@@ -8,35 +8,36 @@ It enables educators, students, and families to build interactive 3D experiences
 
 ## Key features
 
-- No login required  
-- Runs entirely in the browser (including Chromebooks, tablets, and low-spec devices)  
-- Designed for schools, clubs, and home learning  
-- Supported by curriculum resources and ready-to-use lesson materials  
+- No login required
+- Runs entirely in the browser (including Chromebooks, tablets, and low-spec devices)
+- Designed for schools, clubs, and home learning
+- Supported by curriculum resources and ready-to-use lesson materials
 
 ### What can you do with Flock XR?
 
-- Build and explore interactive 3D environments 
-- Create worlds using visual gizmos and block-based coding  
-- Teach coding, game design, and digital storytelling through hands-on projects  
+- Build and explore interactive 3D environments
+- Create worlds using visual gizmos and block-based coding
+- Teach coding, game design, and digital storytelling through hands-on projects
 - Run engaging learning activities without installing software
 - Use games engine concepts such as aniamtions, particle effects and physics
 - Create [spatial computing](https://www.techagekids.com/2026/06/spatial-computing-skills-children.html) projects that link the digital and physical worlds
 
-Flock XR has been designed to start with younger children aged 7+, often using tablets. Then take them through upper primary, middle school and high school right through to professional 3D tools, such as Babylon JS, UEFN, Unity and Godot. 
+Flock XR has been designed to start with younger children aged 7+, often using tablets. Then take them through upper primary, middle school and high school right through to professional 3D tools, such as Babylon JS, UEFN, Unity and Godot.
 
 ### Why 3D and XR?
-3D is engaging and age appropriate for young people and can lead to careers across a range of industries. Technology that originated in games is now used in many sectors. XR and spatial computing are changing how humans interact with technology, bridging the physical and digital worlds. 
+
+3D is engaging and age appropriate for young people and can lead to careers across a range of industries. Technology that originated in games is now used in many sectors. XR and spatial computing are changing how humans interact with technology, bridging the physical and digital worlds.
 
 - Young people love 3D games and social platforms such as Minecraft, Roblox, Fortnite and more. Flock XR brings that knowledge into the classroom.
 - The real world is 3D. It turns out that some things are just easier when you don't have the complexity of having to map to 3D.
-- 3D is the basis for eXtended Reality and spatial computing, the metaverse and immersive tech which are growing dramatically across industries. 
+- 3D is the basis for eXtended Reality and spatial computing, the metaverse and immersive tech which are growing dramatically across industries.
 
 ### Who is it for?
 
 - Young people age 7-14+ (primary through secondary education, K-12)
-- Teachers and educators worldwide  
-- Clubs, coding groups, and informal learning communities  
-- Parents and home educators supporting creative learning 
+- Teachers and educators worldwide
+- Clubs, coding groups, and informal learning communities
+- Parents and home educators supporting creative learning
 
 👉 Try it now: [app.flockxr.com](https://app.flockxr.com/)
 A project from: [Flip Computing](https://flipcomputing.com/).
@@ -53,9 +54,9 @@ Please see our [documentation hub](https://hub.flockxr.com) and [free resources
 
 ## Development info
 
-Full details of Flock XR versions including the latest Development version can be found at  [flockxr.com/versions/](https://flockxr.com/versions/)
+Full details of Flock XR versions including the latest Development version can be found at [flockxr.com/versions/](https://flockxr.com/versions/)
 
-You will also find full dev setup for [contributing to Flock XR](https://github.com/flipcomputing/flockupdate/blob/main/CONTRIBUTING.md) in our guide. 
+You will also find full dev setup for [contributing to Flock XR](https://github.com/flipcomputing/flockupdate/blob/main/CONTRIBUTING.md) in our guide.
 
 Flock XR is licensed under the MIT License. By contributing, you agree that your contributions will be licensed under the same license.
 
@@ -75,4 +76,5 @@ Flock XR is based on Blockly, the Babylon JS library and the Havok physics engin
 This project is tested with BrowserStack.
 
 **📚 Documentation:**
+
 - [Getting Started](docs/GETTING_STARTED.md) - Quick start for improving API quality
diff --git a/TRADEMARK.md b/TRADEMARK.md
index 166257ddc..9c0dfd6ef 100644
--- a/TRADEMARK.md
+++ b/TRADEMARK.md
@@ -1 +1 @@
-Flock XR® and the Flock XR purple bird are trademarks registered to Flip Computing Ltd. The marks may not be used to endorse or promote products derived from this software without specific prior written permission.
\ No newline at end of file
+Flock XR® and the Flock XR purple bird are trademarks registered to Flip Computing Ltd. The marks may not be used to endorse or promote products derived from this software without specific prior written permission.
diff --git a/TRANSLATION.md b/TRANSLATION.md
index 8bf0f4d20..14789f33b 100644
--- a/TRANSLATION.md
+++ b/TRANSLATION.md
@@ -21,8 +21,8 @@ Follow these steps to wire a new locale into the app:
 2. **Import the locale in the translation module**
    - In `main/translation.js`, add the Blockly pack import (if it exists) and the custom locale import:
      ```javascript
-     import * as xx from "blockly/msg/xx";
-     import xxLocale from "../locale/xx.js";
+     import * as xx from 'blockly/msg/xx';
+     import xxLocale from '../locale/xx.js';
      ```
    - Add the locale to the `translations` map (e.g., `xx: xxLocale,`).
    - Extend `applySavedLanguageTranslations` and `setLanguage` with a branch that applies the Blockly pack for the new language (mirroring the existing languages).
@@ -59,10 +59,10 @@ When you introduce new UI text in the codebase, wire it to the translation syste
    - **JavaScript** (manual assignment):
 
      ```javascript
-     import { translate } from "../main/translation.js";
+     import { translate } from '../main/translation.js';
 
-     const snackbar = document.querySelector("#snackbar");
-     snackbar.textContent = translate("snackbar_saved_ui");
+     const snackbar = document.querySelector('#snackbar');
+     snackbar.textContent = translate('snackbar_saved_ui');
      ```
 
      Add `snackbar_saved_ui: "Saved",` to `locale/en.js` and provide translations for the same key.
diff --git a/accessibility/accessibility.js b/accessibility/accessibility.js
index 2b05a1179..6fdbb9e13 100644
--- a/accessibility/accessibility.js
+++ b/accessibility/accessibility.js
@@ -1,6 +1,6 @@
 // flock/accessibility/accessibility.js
-import { translate } from "../main/translation.js";
-import { onInteractObservable } from "../ui/interactIndicator.js";
+import { translate } from '../main/translation.js';
+import { onInteractObservable } from '../ui/interactIndicator.js';
 
 let speechMuted = false;
 let currentScene = null;
@@ -10,17 +10,16 @@ let keyListenerAttached = false;
 let pointerObserverRef = null;
 let pointerObserverScene = null;
 
-
 // Message sequencing to stop stale/laggy announcements
 let announceSeq = 0;
-let lastAnnouncedText = "";
+let lastAnnouncedText = '';
 let lastAnnouncedAt = 0;
 
 // Separate channel for say-block announcements so they don't cancel printText
 let sayAnnounceSeq = 0;
 
 // Helps avoid repeating the same click announcement too many times in a row
-let lastInteractionKey = "";
+let lastInteractionKey = '';
 let lastInteractionTime = 0;
 
 // Two persistent assertive regions that alternate so each announce writes to whichever
@@ -41,18 +40,18 @@ let hasSpokenInitialPageIntro = false;
 let worldInstructionTexts = [];
 
 function createA11yRoot() {
-  let root = document.getElementById("flock-a11y-root");
+  let root = document.getElementById('flock-a11y-root');
   if (!root) {
-    root = document.createElement("div");
-    root.id = "flock-a11y-root";
+    root = document.createElement('div');
+    root.id = 'flock-a11y-root';
 
     // Visually hidden but readable by screen readers
-    root.style.position = "absolute";
-    root.style.left = "-9999px";
-    root.style.top = "0";
-    root.style.width = "1px";
-    root.style.height = "1px";
-    root.style.overflow = "hidden";
+    root.style.position = 'absolute';
+    root.style.left = '-9999px';
+    root.style.top = '0';
+    root.style.width = '1px';
+    root.style.height = '1px';
+    root.style.overflow = 'hidden';
 
     document.body.appendChild(root);
   }
@@ -60,17 +59,17 @@ function createA11yRoot() {
 }
 
 export function createLiveRegion() {
-  let region = document.getElementById("flock-live-region");
+  let region = document.getElementById('flock-live-region');
   if (!region) {
     const root = createA11yRoot();
 
-    region = document.createElement("div");
-    region.id = "flock-live-region";
+    region = document.createElement('div');
+    region.id = 'flock-live-region';
 
     // Status (not log) avoids a backlog of old messages
-    region.setAttribute("role", "status");
-    region.setAttribute("aria-live", "polite");
-    region.setAttribute("aria-atomic", "true");
+    region.setAttribute('role', 'status');
+    region.setAttribute('aria-live', 'polite');
+    region.setAttribute('aria-atomic', 'true');
 
     root.appendChild(region);
   }
@@ -78,14 +77,14 @@ export function createLiveRegion() {
 }
 
 function createSayLiveRegion() {
-  let region = document.getElementById("flock-say-region");
+  let region = document.getElementById('flock-say-region');
   if (!region) {
     const root = createA11yRoot();
-    region = document.createElement("div");
-    region.id = "flock-say-region";
-    region.setAttribute("role", "status");
-    region.setAttribute("aria-live", "polite");
-    region.setAttribute("aria-atomic", "true");
+    region = document.createElement('div');
+    region.id = 'flock-say-region';
+    region.setAttribute('role', 'status');
+    region.setAttribute('aria-live', 'polite');
+    region.setAttribute('aria-atomic', 'true');
     root.appendChild(region);
   }
   return region;
@@ -100,7 +99,7 @@ export function announceObjectSay(text, options = {}) {
 
   const region = createSayLiveRegion();
   const mySeq = ++sayAnnounceSeq;
-  region.textContent = "";
+  region.textContent = '';
   setTimeout(() => {
     if (mySeq !== sayAnnounceSeq) return;
     region.textContent = spoken;
@@ -111,7 +110,7 @@ export function announce(message, options = {}) {
   const { force = false, noDedup = false } = options;
   if (speechMuted && !force) return;
 
-  const text = String(message ?? "").trim();
+  const text = String(message ?? '').trim();
   if (!text) return;
 
   const now = Date.now();
@@ -128,10 +127,11 @@ export function announce(message, options = {}) {
     if (!_interactRegions) {
       const root = createA11yRoot();
       _interactRegions = [0, 1].map(() => {
-        const el = document.createElement("div");
-        el.setAttribute("aria-live", "assertive");
-        el.setAttribute("aria-atomic", "true");
-        el.style.cssText = "position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden";
+        const el = document.createElement('div');
+        el.setAttribute('aria-live', 'assertive');
+        el.setAttribute('aria-atomic', 'true');
+        el.style.cssText =
+          'position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden';
         root.appendChild(el);
         return el;
       });
@@ -139,15 +139,17 @@ export function announce(message, options = {}) {
     _interactRegionIdx = 1 - _interactRegionIdx;
     const next = _interactRegions[_interactRegionIdx];
     const prev = _interactRegions[1 - _interactRegionIdx];
-    prev.textContent = "";
-    setTimeout(() => { next.textContent = text; }, 0);
+    prev.textContent = '';
+    setTimeout(() => {
+      next.textContent = text;
+    }, 0);
     return;
   }
 
   const region = createLiveRegion();
   const mySeq = ++announceSeq;
 
-  region.textContent = "";
+  region.textContent = '';
 
   setTimeout(() => {
     if (mySeq !== announceSeq) return;
@@ -156,41 +158,36 @@ export function announce(message, options = {}) {
 }
 
 function normaliseName(name) {
-  return String(name || "object")
-    .replace(/[_-]/g, " ")
-    .replace(/([a-z])([A-Z])/g, "$1 $2")
-    .replace(/\s+/g, " ")
+  return String(name || 'object')
+    .replace(/[_-]/g, ' ')
+    .replace(/([a-z])([A-Z])/g, '$1 $2')
+    .replace(/\s+/g, ' ')
     .trim();
 }
 
 function looksLikeInternalMeshName(name) {
-  const n = String(name || "").toLowerCase();
+  const n = String(name || '').toLowerCase();
   return (
     !n ||
-    n === "__root__" ||
-    n === "textplane" ||
-    n.startsWith("__flock_") ||
-    n.includes("camera") ||
-    n.includes("light") ||
-    n.includes("highlighter") ||
-    n.includes("gizmo") ||
-    n.includes("bounding") ||
-    n.includes("debug") ||
-    n.includes("hitbox") ||
-    n.includes("collider") ||
-    n.includes("armature") ||
-    n.includes("mixamo")
+    n === '__root__' ||
+    n === 'textplane' ||
+    n.startsWith('__flock_') ||
+    n.includes('camera') ||
+    n.includes('light') ||
+    n.includes('highlighter') ||
+    n.includes('gizmo') ||
+    n.includes('bounding') ||
+    n.includes('debug') ||
+    n.includes('hitbox') ||
+    n.includes('collider') ||
+    n.includes('armature') ||
+    n.includes('mixamo')
   );
 }
 
 function looksLikeTextName(name) {
-  const n = String(name || "").toLowerCase();
-  return (
-    n.includes("text") ||
-    n.includes("label") ||
-    n.includes("caption") ||
-    n.includes("title")
-  );
+  const n = String(name || '').toLowerCase();
+  return n.includes('text') || n.includes('label') || n.includes('caption') || n.includes('title');
 }
 
 function getEntityRoot(mesh) {
@@ -198,7 +195,7 @@ function getEntityRoot(mesh) {
   let lastValid = mesh;
 
   while (node) {
-    const n = node.name || "";
+    const n = node.name || '';
     if (!looksLikeInternalMeshName(n)) {
       lastValid = node;
     }
@@ -225,23 +222,23 @@ function getMetadataText(mesh) {
       md.description;
     if (text && String(text).trim()) return resolveSpokenText(text);
   }
-  return "";
+  return '';
 }
 
 function cleanSpokenAnnouncement(text) {
-  let s = String(text || "");
+  let s = String(text || '');
 
   // Remove variation selectors
-  s = s.replace(/[\uFE0E\uFE0F]/g, "");
+  s = s.replace(/[\uFE0E\uFE0F]/g, '');
 
   // Remove Fitzpatrick skin tone modifiers
-  s = s.replace(/[\u{1F3FB}-\u{1F3FF}]/gu, "");
+  s = s.replace(/[\u{1F3FB}-\u{1F3FF}]/gu, '');
 
   // Remove most emoji / pictographs
-  s = s.replace(/[\p{Extended_Pictographic}]/gu, "");
+  s = s.replace(/[\p{Extended_Pictographic}]/gu, '');
 
   // Collapse extra spacing left behind
-  s = s.replace(/\s+/g, " ").trim();
+  s = s.replace(/\s+/g, ' ').trim();
 
   return s;
 }
@@ -249,40 +246,35 @@ function cleanSpokenAnnouncement(text) {
 function resolveSpokenText(value) {
   // Unwrap common object shapes
   let rawValue = value;
-  if (rawValue && typeof rawValue === "object") {
+  if (rawValue && typeof rawValue === 'object') {
     rawValue =
-      rawValue.key ??
-      rawValue.id ??
-      rawValue.name ??
-      rawValue.label ??
-      rawValue.value ??
-      "";
+      rawValue.key ?? rawValue.id ?? rawValue.name ?? rawValue.label ?? rawValue.value ?? '';
   }
 
-  const raw = String(rawValue ?? "").trim();
-  if (!raw) return "";
+  const raw = String(rawValue ?? '').trim();
+  if (!raw) return '';
 
   const original = raw;
   const lower = raw.toLowerCase();
   const underscored = lower
-    .replace(/[\s-]+/g, "_")
-    .replace(/_+/g, "_")
-    .replace(/^_+|_+$/g, "");
+    .replace(/[\s-]+/g, '_')
+    .replace(/_+/g, '_')
+    .replace(/^_+|_+$/g, '');
 
-  const stripped = underscored.replace(/^(key|id|name|label)[:=]\s*/i, "");
+  const stripped = underscored.replace(/^(key|id|name|label)[:=]\s*/i, '');
 
   const candidates = [original, lower, underscored, stripped].filter(
     (v, i, arr) => v && arr.indexOf(v) === i
   );
 
   const looksKeyLike = (s) =>
-    s.startsWith("model_display_") ||
-    s.endsWith("_ui") ||
-    s.endsWith("_aria") ||
-    s.endsWith("_tooltip") ||
-    s.includes("_option") ||
-    s.includes("_message") ||
-    s.includes("_label") ||
+    s.startsWith('model_display_') ||
+    s.endsWith('_ui') ||
+    s.endsWith('_aria') ||
+    s.endsWith('_tooltip') ||
+    s.includes('_option') ||
+    s.includes('_message') ||
+    s.includes('_label') ||
     /^[a-z0-9]+(_[a-z0-9]+){1,}$/.test(s);
 
   for (const c of candidates) {
@@ -296,8 +288,8 @@ function resolveSpokenText(value) {
   // If it still looks like a key, humanise it
   if (looksKeyLike(stripped)) {
     const human = stripped
-      .replace(/^model_display_/, "")
-      .replace(/_/g, " ")
+      .replace(/^model_display_/, '')
+      .replace(/_/g, ' ')
       .trim();
     if (human) return human;
   }
@@ -317,9 +309,9 @@ export function recordWorldInstructionText(text) {
 
   // Skip generic startup chatter
   if (
-    lower.includes("flock xr loaded successfully") ||
-    lower.includes("flock world successfully loaded") ||
-    lower.includes("loading flock xr")
+    lower.includes('flock xr loaded successfully') ||
+    lower.includes('flock world successfully loaded') ||
+    lower.includes('loading flock xr')
   ) {
     return;
   }
@@ -344,43 +336,41 @@ export function getObjectLabel(mesh) {
   const root = getEntityRoot(mesh);
   const rootMd = root?.metadata || {};
 
-  const rootExplicit =
-    rootMd.a11yLabel || rootMd.label || rootMd.displayName || rootMd.name;
+  const rootExplicit = rootMd.a11yLabel || rootMd.label || rootMd.displayName || rootMd.name;
 
   if (rootExplicit) return resolveSpokenText(rootExplicit);
 
-  const rootName = normaliseName(root?.name || "");
+  const rootName = normaliseName(root?.name || '');
   if (rootName && !/^mesh\b/i.test(rootName) && !/^node\b/i.test(rootName)) {
     return rootName;
   }
 
-  return normaliseName(mesh?.name || "object");
+  return normaliseName(mesh?.name || 'object');
 }
 
 function getDistanceLabel(distance) {
-  if (distance < 1.5) return "very close";
-  if (distance < 4) return "nearby";
-  if (distance < 8) return "a short distance away";
-  if (distance < 15) return "further away";
-  return "far away";
+  if (distance < 1.5) return 'very close';
+  if (distance < 4) return 'nearby';
+  if (distance < 8) return 'a short distance away';
+  if (distance < 15) return 'further away';
+  return 'far away';
 }
 
 function getVerticalLabel(dy) {
-  if (dy > 1.5) return "above you";
-  if (dy < -1.5) return "below you";
-  return "";
+  if (dy > 1.5) return 'above you';
+  if (dy < -1.5) return 'below you';
+  return '';
 }
 
 function getHorizontalLabel(dot, cross) {
-  const frontBack =
-    dot > 0.45 ? "in front of you" : dot < -0.45 ? "behind you" : "beside you";
+  const frontBack = dot > 0.45 ? 'in front of you' : dot < -0.45 ? 'behind you' : 'beside you';
 
-  let leftRight = "";
+  let leftRight = '';
   if (Math.abs(cross) > 0.3) {
-    leftRight = cross > 0 ? "to your left" : "to your right";
+    leftRight = cross > 0 ? 'to your left' : 'to your right';
   }
 
-  if (frontBack === "beside you" && leftRight) return leftRight;
+  if (frontBack === 'beside you' && leftRight) return leftRight;
   if (leftRight) return `${frontBack}, ${leftRight}`;
   return frontBack;
 }
@@ -396,7 +386,7 @@ function getCameraForward(scene) {
       return { x: dir.x / len, z: dir.z / len };
     }
   } catch (error) {
-    console.warn("Suppressed non-critical error:", error);
+    console.warn('Suppressed non-critical error:', error);
   }
 
   try {
@@ -409,40 +399,40 @@ function getCameraForward(scene) {
       return { x: x / len, z: z / len };
     }
   } catch (error) {
-    console.warn("Suppressed non-critical error:", error);
+    console.warn('Suppressed non-critical error:', error);
   }
 
   return { x: 0, z: 1 };
 }
 
 function isEnvironmentObject(label) {
-  const n = String(label || "").toLowerCase();
+  const n = String(label || '').toLowerCase();
   return (
-    n.includes("sky") ||
-    n.includes("ground") ||
-    n.includes("floor") ||
-    n.includes("terrain") ||
-    n.includes("land") ||
-    n.includes("grass") ||
-    n.includes("road") ||
-    n.includes("path")
+    n.includes('sky') ||
+    n.includes('ground') ||
+    n.includes('floor') ||
+    n.includes('terrain') ||
+    n.includes('land') ||
+    n.includes('grass') ||
+    n.includes('road') ||
+    n.includes('path')
   );
 }
 
 function isSkyLike(label) {
-  const n = String(label || "").toLowerCase();
-  return n.includes("sky") || n.includes("cloud");
+  const n = String(label || '').toLowerCase();
+  return n.includes('sky') || n.includes('cloud');
 }
 
 function isGroundLike(label) {
-  const n = String(label || "").toLowerCase();
+  const n = String(label || '').toLowerCase();
   return (
-    n.includes("ground") ||
-    n.includes("floor") ||
-    n.includes("terrain") ||
-    n.includes("grass") ||
-    n.includes("road") ||
-    n.includes("path")
+    n.includes('ground') ||
+    n.includes('floor') ||
+    n.includes('terrain') ||
+    n.includes('grass') ||
+    n.includes('road') ||
+    n.includes('path')
   );
 }
 
@@ -466,7 +456,6 @@ function getInteractionHint(mesh) {
       return String(hint).trim();
     }
   }
-
 }
 
 function closestBoundingBoxDistance(mesh, point) {
@@ -477,7 +466,9 @@ function closestBoundingBoxDistance(mesh, point) {
     const cx = Math.max(bb.minimumWorld.x, Math.min(point.x, bb.maximumWorld.x));
     const cy = Math.max(bb.minimumWorld.y, Math.min(point.y, bb.maximumWorld.y));
     const cz = Math.max(bb.minimumWorld.z, Math.min(point.z, bb.maximumWorld.z));
-    const dx = cx - point.x, dy = cy - point.y, dz = cz - point.z;
+    const dx = cx - point.x,
+      dy = cy - point.y,
+      dz = cz - point.z;
     return Math.sqrt(dx * dx + dy * dy + dz * dz);
   } catch {
     return null;
@@ -489,9 +480,14 @@ function isInsideBoundingBox(mesh, point) {
     mesh.computeWorldMatrix?.(true);
     const bb = mesh.getBoundingInfo?.()?.boundingBox;
     if (!bb) return false;
-    return point.x > bb.minimumWorld.x && point.x < bb.maximumWorld.x &&
-           point.y > bb.minimumWorld.y && point.y < bb.maximumWorld.y &&
-           point.z > bb.minimumWorld.z && point.z < bb.maximumWorld.z;
+    return (
+      point.x > bb.minimumWorld.x &&
+      point.x < bb.maximumWorld.x &&
+      point.y > bb.minimumWorld.y &&
+      point.y < bb.maximumWorld.y &&
+      point.z > bb.minimumWorld.z &&
+      point.z < bb.maximumWorld.z
+    );
   } catch {
     return false;
   }
@@ -502,8 +498,11 @@ function isUnderfootOf(mesh, playerPos) {
     mesh.computeWorldMatrix?.(true);
     const bb = mesh.getBoundingInfo?.()?.boundingBox;
     if (!bb || bb.maximumWorld.y === bb.minimumWorld.y) return false;
-    const withinXZ = playerPos.x > bb.minimumWorld.x && playerPos.x < bb.maximumWorld.x &&
-                     playerPos.z > bb.minimumWorld.z && playerPos.z < bb.maximumWorld.z;
+    const withinXZ =
+      playerPos.x > bb.minimumWorld.x &&
+      playerPos.x < bb.maximumWorld.x &&
+      playerPos.z > bb.minimumWorld.z &&
+      playerPos.z < bb.maximumWorld.z;
     return withinXZ && Math.abs(playerPos.y - bb.maximumWorld.y) < 2.0;
   } catch {
     return false;
@@ -519,7 +518,7 @@ function getRepresentativePosition(root, fallbackMesh) {
     try {
       node.computeWorldMatrix?.(true);
     } catch (error) {
-      console.warn("Suppressed non-critical error:", error);
+      console.warn('Suppressed non-critical error:', error);
     }
 
     try {
@@ -533,21 +532,16 @@ function getRepresentativePosition(root, fallbackMesh) {
         return center;
       }
     } catch (error) {
-      console.warn("Suppressed non-critical error:", error);
+      console.warn('Suppressed non-critical error:', error);
     }
 
     try {
       const p = node.getAbsolutePosition?.() ?? node.position;
-      if (
-        p &&
-        Number.isFinite(p.x) &&
-        Number.isFinite(p.y) &&
-        Number.isFinite(p.z)
-      ) {
+      if (p && Number.isFinite(p.x) && Number.isFinite(p.y) && Number.isFinite(p.z)) {
         return p;
       }
     } catch (error) {
-      console.warn("Suppressed non-critical error:", error);
+      console.warn('Suppressed non-critical error:', error);
     }
   }
 
@@ -563,17 +557,17 @@ export function getPlayerMesh(scene) {
 
   // 1. Camera-attached mesh (highest priority)
   const locked = camera.lockedTarget;
-  if (locked && typeof locked.name === "string" && !locked.isDisposed?.()) {
+  if (locked && typeof locked.name === 'string' && !locked.isDisposed?.()) {
     return locked;
   }
 
   const parent = camera.parent;
-  if (parent && typeof parent.name === "string" && !parent.isDisposed?.()) {
+  if (parent && typeof parent.name === 'string' && !parent.isDisposed?.()) {
     return parent;
   }
 
   const following = camera.metadata?.following;
-  if (following && typeof following.name === "string" && !following.isDisposed?.()) {
+  if (following && typeof following.name === 'string' && !following.isDisposed?.()) {
     return following;
   }
 
@@ -596,16 +590,16 @@ export function getPlayerMesh(scene) {
 
     let score = 0;
 
-    if (md.a11yAnchor === "player" || md.a11yRole === "player") score += 200;
-    if (md.a11yRole === "character" || md.role === "character") score += 150;
+    if (md.a11yAnchor === 'player' || md.a11yRole === 'player') score += 200;
+    if (md.a11yRole === 'character' || md.role === 'character') score += 150;
     if (md.character === true) score += 120;
     if (md.isPlayer === true) score += 200;
     if (md.player === true) score += 180;
     if (md.mainCharacter === true) score += 180;
 
-    if (label.includes("player")) score += 80;
-    if (label.includes("avatar")) score += 70;
-    if (label.includes("character")) score += 60;
+    if (label.includes('player')) score += 80;
+    if (label.includes('avatar')) score += 70;
+    if (label.includes('character')) score += 60;
 
     const p = getRepresentativePosition(root, mesh);
     if (p && cameraPos) {
@@ -638,19 +632,19 @@ function getReferenceAnchor(scene) {
         // Use feet position (bottom of bounding box) so ground-level objects
         // measure correctly — using the centre inflates distance to flat surfaces.
         const pos = { x: bb.centerWorld.x, y: bb.minimumWorld.y, z: bb.centerWorld.z };
-        return { kind: "character", mesh: playerMesh, position: pos };
+        return { kind: 'character', mesh: playerMesh, position: pos };
       }
     } catch {
       /* no bounding info; fall through to representative position */
     }
     const pos = getRepresentativePosition(playerMesh, playerMesh);
     if (pos) {
-      return { kind: "character", mesh: playerMesh, position: pos };
+      return { kind: 'character', mesh: playerMesh, position: pos };
     }
   }
 
   return {
-    kind: "camera",
+    kind: 'camera',
     mesh: camera || null,
     position: cameraPos || { x: 0, y: 0, z: 0 },
   };
@@ -730,9 +724,7 @@ function getSceneObjects(scene, options = {}) {
     const dxCam = p.x - cameraPos.x;
     const dyCam = p.y - cameraPos.y;
     const dzCam = p.z - cameraPos.z;
-    const distFromCamera = Math.sqrt(
-      dxCam * dxCam + dyCam * dyCam + dzCam * dzCam,
-    );
+    const distFromCamera = Math.sqrt(dxCam * dxCam + dyCam * dyCam + dzCam * dzCam);
     if (distFromCamera < 0.2) continue;
 
     const lenXZ = Math.sqrt(dxCam * dxCam + dzCam * dzCam) || 1;
@@ -766,7 +758,7 @@ function getSceneObjects(scene, options = {}) {
       mesh.actionManager ||
       root?.metadata?.interactive ||
       root?.metadata?.clickable ||
-      interactionHint,
+      interactionHint
     );
 
     const textLabels = collectNearbyTextForObject(scene, p, root);
@@ -798,21 +790,18 @@ function getSceneObjects(scene, options = {}) {
   return Array.from(byEntityName.values());
 }
 
-function objectToSentence(
-  obj,
-  { includeActionHint = false, includeText = false } = {},
-) {
-  const where = [obj.horizontal, obj.vertical].filter(Boolean).join(" and ");
-  let sentence = `${obj.label} is ${where || "nearby"}, ${obj.distanceLabel}.`;
+function objectToSentence(obj, { includeActionHint = false, includeText = false } = {}) {
+  const where = [obj.horizontal, obj.vertical].filter(Boolean).join(' and ');
+  let sentence = `${obj.label} is ${where || 'nearby'}, ${obj.distanceLabel}.`;
 
   if (includeText && obj.sayText) {
     sentence += ` ${obj.label} says: ${obj.sayText}.`;
   } else if (includeText && obj.textLabels?.length) {
-    sentence += ` Text: ${obj.textLabels.join(". ")}.`;
+    sentence += ` Text: ${obj.textLabels.join('. ')}.`;
   }
 
   if (includeActionHint && obj.interactive) {
-    const hint = obj.interactionHint || "You can interact with this.";
+    const hint = obj.interactionHint || 'You can interact with this.';
     sentence += ` ${hint}`;
   }
 
@@ -820,13 +809,13 @@ function objectToSentence(
 }
 
 function buildEnvironmentSummary(objects, anchor = null, scene = null) {
-  if (!objects?.length) return "";
+  if (!objects?.length) return '';
 
-  const normalise = (s) => String(s || "").trim();
+  const normalise = (s) => String(s || '').trim();
   const lower = (s) => normalise(s).toLowerCase();
 
   // Exclude the main character label from the environment glimpse
-  const anchorLabel = anchor?.mesh ? lower(getObjectLabel(anchor.mesh)) : "";
+  const anchorLabel = anchor?.mesh ? lower(getObjectLabel(anchor.mesh)) : '';
 
   // Group objects by spoken label
   const counts = new Map();
@@ -840,12 +829,12 @@ function buildEnvironmentSummary(objects, anchor = null, scene = null) {
 
     if (labelLower === anchorLabel) continue;
 
-    if (obj.isGroundLike || ["ground", "floor", "terrain", "grass"].includes(labelLower)) {
+    if (obj.isGroundLike || ['ground', 'floor', 'terrain', 'grass'].includes(labelLower)) {
       hasGround = true;
       continue;
     }
 
-    if (obj.isSkyLike || labelLower.includes("sky")) {
+    if (obj.isSkyLike || labelLower.includes('sky')) {
       hasSky = true;
       continue;
     }
@@ -859,11 +848,10 @@ function buildEnvironmentSummary(objects, anchor = null, scene = null) {
   }
 
   // Sort repeated scene elements by count, then label
-  const grouped = Array.from(counts.entries())
-    .sort((a, b) => {
-      if (b[1] !== a[1]) return b[1] - a[1];
-      return a[0].localeCompare(b[0]);
-    });
+  const grouped = Array.from(counts.entries()).sort((a, b) => {
+    if (b[1] !== a[1]) return b[1] - a[1];
+    return a[0].localeCompare(b[0]);
+  });
 
   const parts = [];
 
@@ -872,20 +860,20 @@ function buildEnvironmentSummary(objects, anchor = null, scene = null) {
     if (count === 1) {
       parts.push(`${label}`);
     } else {
-      parts.push(`${count} ${label}${count === 1 ? "" : "s"}`);
+      parts.push(`${count} ${label}${count === 1 ? '' : 's'}`);
     }
   }
 
   if (hasGround) {
-    parts.push("ground");
+    parts.push('ground');
   }
 
   if (hasSky) {
-    parts.push("sky");
+    parts.push('sky');
   }
 
   const chosen = parts.slice(0, 6);
-  if (!chosen.length) return "";
+  if (!chosen.length) return '';
 
   if (chosen.length === 1) {
     return `The scene includes ${chosen[0]}.`;
@@ -895,18 +883,22 @@ function buildEnvironmentSummary(objects, anchor = null, scene = null) {
     return `The scene includes ${chosen[0]} and ${chosen[1]}.`;
   }
 
-  return `The scene includes ${chosen.slice(0, -1).join(", ")}, and ${chosen[chosen.length - 1]}.`;
+  return `The scene includes ${chosen.slice(0, -1).join(', ')}, and ${chosen[chosen.length - 1]}.`;
 }
 
 export function recordObjectSayText(targetName, text) {
-  const key = String(targetName || "").trim().toLowerCase();
+  const key = String(targetName || '')
+    .trim()
+    .toLowerCase();
   const spoken = cleanSpokenAnnouncement(resolveSpokenText(text));
   if (!key || !spoken) return;
   objectSayTextCache.set(key, spoken);
 }
 
 export function setTransientSayText(targetName, text, duration) {
-  const key = String(targetName || "").trim().toLowerCase();
+  const key = String(targetName || '')
+    .trim()
+    .toLowerCase();
   if (!key) return;
 
   if (objectTransientSayTimers.has(key)) {
@@ -938,21 +930,25 @@ function getSayMeshCandidates(mesh) {
     getObjectLabel(mesh),
     getObjectLabel(getEntityRoot(mesh)),
   ]
-    .map((v) => String(v || "").trim().toLowerCase())
+    .map((v) =>
+      String(v || '')
+        .trim()
+        .toLowerCase()
+    )
     .filter(Boolean);
 }
 
 function getTransientSayTextForMesh(mesh) {
-  if (!mesh) return "";
+  if (!mesh) return '';
   for (const key of getSayMeshCandidates(mesh)) {
     const hit = objectTransientSayCache.get(key);
     if (hit) return hit;
   }
-  return "";
+  return '';
 }
 
 function getCachedSayTextForMesh(mesh) {
-  if (!mesh) return "";
+  if (!mesh) return '';
   const candidates = getSayMeshCandidates(mesh);
 
   for (const key of candidates) {
@@ -965,23 +961,21 @@ function getCachedSayTextForMesh(mesh) {
     if (hit) return hit;
   }
 
-  return "";
+  return '';
 }
 
 function describeCharacterIntro(scene) {
   const anchor = getReferenceAnchor(scene);
 
-  if (!anchor?.mesh || anchor.kind !== "character") {
-    return "";
+  if (!anchor?.mesh || anchor.kind !== 'character') {
+    return '';
   }
 
   const label = getObjectLabel(anchor.mesh);
   const promptText = getCachedPromptTextForMesh(anchor.mesh);
-  const hint = cleanSpokenAnnouncement(
-    resolveSpokenText(getInteractionHint(anchor.mesh))
-  );
+  const hint = cleanSpokenAnnouncement(resolveSpokenText(getInteractionHint(anchor.mesh)));
 
-  let msg = "";
+  let msg = '';
 
   if (promptText) {
     msg += ` You can interact with ${label}. ${label} says: ${promptText}.`;
@@ -993,15 +987,17 @@ function describeCharacterIntro(scene) {
 }
 
 export function describeScene(scene) {
-  if (!scene) return "No scene loaded.";
-  if (!scene.activeCamera) return "No active camera is available.";
+  if (!scene) return 'No scene loaded.';
+  if (!scene.activeCamera) return 'No active camera is available.';
 
   const anchor = getReferenceAnchor(scene);
   const objects = getSceneObjects(scene, { anchor });
 
   const labelCounts = new Map();
   for (const o of objects) {
-    const key = String(o.label || "").trim().toLowerCase();
+    const key = String(o.label || '')
+      .trim()
+      .toLowerCase();
     if (!key) continue;
     labelCounts.set(key, (labelCounts.get(key) || 0) + 1);
   }
@@ -1014,15 +1010,17 @@ export function describeScene(scene) {
   }
 
   if (objects.length === 0) {
-    if (parts.length) return parts.join(" ");
-    return "I cannot detect any objects around you yet.";
+    if (parts.length) return parts.join(' ');
+    return 'I cannot detect any objects around you yet.';
   }
 
   const environmentSummary = buildEnvironmentSummary(objects, anchor, scene);
 
   const mainObjects = objects
     .filter((o) => {
-      const key = String(o.label || "").trim().toLowerCase();
+      const key = String(o.label || '')
+        .trim()
+        .toLowerCase();
       const repeatedScenery = (labelCounts.get(key) || 0) >= 4;
       return !o.isEnvironment && !repeatedScenery;
     })
@@ -1035,23 +1033,21 @@ export function describeScene(scene) {
   }
 
   if (mainObjects.length > 0) {
-    parts.push(
-      top.map((o) => objectToSentence(o, { includeText: true })).join(" "),
-    );
+    parts.push(top.map((o) => objectToSentence(o, { includeText: true })).join(' '));
   } else {
-    parts.push("I can detect the environment, but no nearby main objects.");
+    parts.push('I can detect the environment, but no nearby main objects.');
   }
 
   if (worldInstructionTexts.length) {
-    parts.push(`Instructions: ${worldInstructionTexts.join(". ")}.`);
+    parts.push(`Instructions: ${worldInstructionTexts.join('. ')}.`);
   }
 
-  return parts.join(" ");
+  return parts.join(' ');
 }
 
 export function describeNearestObject(scene) {
-  if (!scene) return "No scene loaded.";
-  if (!scene.activeCamera) return "No active camera is available.";
+  if (!scene) return 'No scene loaded.';
+  if (!scene.activeCamera) return 'No active camera is available.';
 
   const anchor = getReferenceAnchor(scene);
   const objects = getSceneObjects(scene, { anchor })
@@ -1059,7 +1055,7 @@ export function describeNearestObject(scene) {
     .sort((a, b) => a.distFromAnchor - b.distFromAnchor);
 
   if (objects.length === 0) {
-    return "I cannot detect any nearby objects.";
+    return 'I cannot detect any nearby objects.';
   }
 
   const nearest = objects[0];
@@ -1070,15 +1066,16 @@ export function describeNearestObject(scene) {
 }
 
 export function describeFacingObject(scene) {
-  if (!scene) return "No scene loaded.";
+  if (!scene) return 'No scene loaded.';
   const camera = scene?.activeCamera;
-  if (!camera) return "No active camera is available.";
+  if (!camera) return 'No active camera is available.';
 
   const cameraPos = camera.globalPosition || camera.position;
-  if (!cameraPos) return "No active camera is available.";
+  if (!cameraPos) return 'No active camera is available.';
 
   // Full 3D forward direction from the camera (where the player is looking).
-  let fwdX = 0, fwdZ = 1;
+  let fwdX = 0,
+    fwdZ = 1;
   try {
     const dir = camera.getForwardRay?.(1)?.direction;
     if (dir && Number.isFinite(dir.x) && Number.isFinite(dir.y) && Number.isFinite(dir.z)) {
@@ -1086,13 +1083,15 @@ export function describeFacingObject(scene) {
       fwdX = dir.x / len;
       fwdZ = dir.z / len;
     }
-  } catch { /* fall through to default forward */ }
+  } catch {
+    /* fall through to default forward */
+  }
 
   const anchor = getReferenceAnchor(scene);
 
   // Cast the ray from the player's position when available, not the camera's.
   // The camera may be offset behind/above in third-person; the player is what moves forward.
-  const rayOrigin = (anchor?.kind === "character" && anchor.position) ? anchor.position : cameraPos;
+  const rayOrigin = anchor?.kind === 'character' && anchor.position ? anchor.position : cameraPos;
 
   // Tube test is XZ-only: the player moves on the ground plane, so vertical offset
   // (e.g. a tall tree whose bounding-box centre is several metres up) is irrelevant.
@@ -1178,28 +1177,25 @@ export function describeFacingObject(scene) {
     }
   }
 
-  if (!bestLabel) return "Nothing ahead.";
+  if (!bestLabel) return 'Nothing ahead.';
 
   const reportDist = anchor?.position
     ? (closestBoundingBoxDistance(bestRoot, anchor.position) ?? bestRawDist)
     : bestRawDist;
 
-  const dir = Math.abs(bestSigned) < 1.0 ? "Forward"
-            : bestSigned > 0 ? "Left"
-            : "Right";
+  const dir = Math.abs(bestSigned) < 1.0 ? 'Forward' : bestSigned > 0 ? 'Left' : 'Right';
   return `${dir}: ${bestLabel}, ${getDistanceLabel(reportDist)}.`;
 }
 
 export function getHelpText(scene) {
-  const custom =
-    scene?.metadata?.a11yInstructions || scene?.metadata?.instructions;
+  const custom = scene?.metadata?.a11yInstructions || scene?.metadata?.instructions;
 
   const baseInstructions = custom
     ? String(custom).trim()
-    : "Use keyboard controls to navigate and interact with objects. Canvas keyboard controls: Arrow keys or WASD to move camera, Mouse to look around, Space for actions, Tab to navigate to other interface elements.";
+    : 'Use keyboard controls to navigate and interact with objects. Canvas keyboard controls: Arrow keys or WASD to move camera, Mouse to look around, Space for actions, Tab to navigate to other interface elements.';
 
   const ctrlInstructions =
-    " Press Control plus I to hear a scene summary. Press Control plus J to hear the nearest object. Press Control plus K to hear the object directly ahead. Press Control plus H to repeat these instructions.";
+    ' Press Control plus I to hear a scene summary. Press Control plus J to hear the nearest object. Press Control plus K to hear the object directly ahead. Press Control plus H to repeat these instructions.';
 
   return `${baseInstructions}${ctrlInstructions}`;
 }
@@ -1207,7 +1203,7 @@ export function announceHelp(scene) {
   announce(getHelpText(scene));
 }
 
-function announceInteraction(mesh, actionWord = "interacted with", options = {}) {
+function announceInteraction(mesh, actionWord = 'interacted with', options = {}) {
   if (!mesh) return;
 
   const { noDedup = false } = options;
@@ -1215,17 +1211,11 @@ function announceInteraction(mesh, actionWord = "interacted with", options = {})
   const label = getObjectLabel(root);
   const hint = getInteractionHint(root);
   const pos = getRepresentativePosition(root, mesh);
-  const textLabels = currentScene
-    ? collectNearbyTextForObject(currentScene, pos, root)
-    : [];
+  const textLabels = currentScene ? collectNearbyTextForObject(currentScene, pos, root) : [];
 
   const now = Date.now();
-  const interactionKey = `${actionWord}:${label}:${hint}:${(textLabels || []).join("|")}`;
-  if (
-    !noDedup &&
-    interactionKey === lastInteractionKey &&
-    now - lastInteractionTime < 400
-  ) {
+  const interactionKey = `${actionWord}:${label}:${hint}:${(textLabels || []).join('|')}`;
+  if (!noDedup && interactionKey === lastInteractionKey && now - lastInteractionTime < 400) {
     return;
   }
   lastInteractionKey = interactionKey;
@@ -1233,7 +1223,7 @@ function announceInteraction(mesh, actionWord = "interacted with", options = {})
 
   let msg = `You ${actionWord} ${label}.`;
   if (textLabels.length) {
-    msg += ` Text: ${textLabels.join(". ")}.`;
+    msg += ` Text: ${textLabels.join('. ')}.`;
   }
   if (hint) {
     msg += ` ${hint}`;
@@ -1250,9 +1240,7 @@ function announceMeshAction(mesh, actionWord, options = {}) {
   // is for Ctrl+J discovery; the say block announces its own text when it
   // fires, so repeating the old text on interaction is confusing.
   const transientSay = getTransientSayTextForMesh(root);
-  const textLabels = currentScene
-    ? collectNearbyTextForObject(currentScene, pos, root)
-    : [];
+  const textLabels = currentScene ? collectNearbyTextForObject(currentScene, pos, root) : [];
 
   if (transientSay) {
     announce(`${label} says: ${transientSay}`, options);
@@ -1260,7 +1248,7 @@ function announceMeshAction(mesh, actionWord, options = {}) {
   }
 
   if (textLabels.length) {
-    announce(`${label}. ${textLabels.join(". ")}`, options);
+    announce(`${label}. ${textLabels.join('. ')}`, options);
     return;
   }
 
@@ -1273,14 +1261,14 @@ function attachPointerAnnouncements(scene) {
   if (pointerObserverScene && pointerObserverRef) {
     try {
       pointerObserverScene.onPointerObservable.remove(pointerObserverRef);
-    } catch { /* observer already removed */ }
+    } catch {
+      /* observer already removed */
+    }
     pointerObserverRef = null;
     pointerObserverScene = null;
   }
 
-  const PointerTypes =
-    window.BABYLON?.PointerEventTypes ||
-    globalThis.BABYLON?.PointerEventTypes;
+  const PointerTypes = window.BABYLON?.PointerEventTypes || globalThis.BABYLON?.PointerEventTypes;
 
   pointerObserverScene = scene;
 
@@ -1295,23 +1283,21 @@ function attachPointerAnnouncements(scene) {
 
       if (!pickedMesh) return;
 
-      const isBabylonPick = PointerTypes
-        ? type === PointerTypes.POINTERPICK
-        : true;
+      const isBabylonPick = PointerTypes ? type === PointerTypes.POINTERPICK : true;
 
       // Require a real primary click / tap, not hover or passive movement
       const isPrimaryMouseClick =
         !evt ||
-        evt.pointerType === "touch" ||
-        evt.type === "click" ||
-        evt.type === "pointerup" ||
-        evt.type === "mouseup";
+        evt.pointerType === 'touch' ||
+        evt.type === 'click' ||
+        evt.type === 'pointerup' ||
+        evt.type === 'mouseup';
 
       if (!isBabylonPick || !isPrimaryMouseClick) return;
 
       if (introInProgress || Date.now() < suppressPointerUntil) return;
 
-      announceMeshAction(pickedMesh, "selected");
+      announceMeshAction(pickedMesh, 'selected');
     } catch {
       // fail silently
     }
@@ -1320,11 +1306,13 @@ function attachPointerAnnouncements(scene) {
 
 onInteractObservable.add((mesh) => {
   if (introInProgress || Date.now() < suppressPointerUntil) return;
-  announceMeshAction(mesh, "interacted with", { noDedup: true });
+  announceMeshAction(mesh, 'interacted with', { noDedup: true });
 });
 
 export function recordObjectPromptText(targetName, text) {
-  const key = String(targetName || "").trim().toLowerCase();
+  const key = String(targetName || '')
+    .trim()
+    .toLowerCase();
   const spoken = cleanSpokenAnnouncement(resolveSpokenText(text));
 
   if (!key || !spoken) return;
@@ -1336,15 +1324,19 @@ export function recordObjectPromptText(targetName, text) {
 }
 
 function getCachedPromptTextForMesh(mesh) {
-  if (!mesh) return "";
+  if (!mesh) return '';
 
   const candidates = [
     mesh?.name,
     getEntityRoot(mesh)?.name,
     getObjectLabel(mesh),
-    getObjectLabel(getEntityRoot(mesh))
+    getObjectLabel(getEntityRoot(mesh)),
   ]
-    .map((v) => String(v || "").trim().toLowerCase())
+    .map((v) =>
+      String(v || '')
+        .trim()
+        .toLowerCase()
+    )
     .filter(Boolean);
 
   for (const key of candidates) {
@@ -1352,7 +1344,7 @@ function getCachedPromptTextForMesh(mesh) {
     if (hit) return hit;
   }
 
-  return "";
+  return '';
 }
 
 export function announceSayText(text, options = {}) {
@@ -1363,8 +1355,8 @@ export function announceSayText(text, options = {}) {
 
   const lower = spoken.toLowerCase();
   if (
-    lower.includes("flock xr loaded successfully") ||
-    lower.includes("flock world successfully loaded")
+    lower.includes('flock xr loaded successfully') ||
+    lower.includes('flock world successfully loaded')
   ) {
     return;
   }
@@ -1422,10 +1414,10 @@ function scheduleInitialIntro(scene) {
   const waitUntilReady = (tries = 0) => {
     if (scene !== currentScene) return;
 
-    const loadingScreen = document.getElementById("loadingScreen");
+    const loadingScreen = document.getElementById('loadingScreen');
     const stillLoading =
-      document.body.classList.contains("loading") ||
-      (loadingScreen && !loadingScreen.classList.contains("fade-out"));
+      document.body.classList.contains('loading') ||
+      (loadingScreen && !loadingScreen.classList.contains('fade-out'));
 
     if (stillLoading && tries < 40) {
       setTimeout(() => waitUntilReady(tries + 1), 250);
@@ -1442,10 +1434,10 @@ function scheduleInitialIntro(scene) {
     });
   };
 
-  if (document.readyState === "complete") {
+  if (document.readyState === 'complete') {
     waitUntilReady();
   } else {
-    window.addEventListener("load", () => waitUntilReady(), { once: true });
+    window.addEventListener('load', () => waitUntilReady(), { once: true });
   }
 }
 
@@ -1456,9 +1448,9 @@ export function enableSceneDescription(scene, inputManager) {
   createLiveRegion();
 
   // Reset per-world state
-  lastInteractionKey = "";
+  lastInteractionKey = '';
   lastInteractionTime = 0;
-  lastAnnouncedText = "";
+  lastAnnouncedText = '';
   lastAnnouncedAt = 0;
   announceSeq += 1;
 
@@ -1474,43 +1466,42 @@ export function enableSceneDescription(scene, inputManager) {
   attachPointerAnnouncements(scene);
   scheduleInitialIntro(scene);
 
-
   if (keyListenerAttached) return;
   keyListenerAttached = true;
 
   document.addEventListener(
-    "keydown",
+    'keydown',
     (e) => {
-      const tag = (e.target && e.target.tagName) ? e.target.tagName.toLowerCase() : "";
-      if (tag === "input" || tag === "textarea" || e.target?.isContentEditable) return;
+      const tag = e.target && e.target.tagName ? e.target.tagName.toLowerCase() : '';
+      if (tag === 'input' || tag === 'textarea' || e.target?.isContentEditable) return;
 
       if (!e.ctrlKey || e.altKey || e.metaKey) return;
       if (!e.key) return;
 
       const key = e.key.toLowerCase();
 
-      if (key === "i") {
+      if (key === 'i') {
         e.preventDefault();
         e.stopPropagation();
         announce(describeScene(currentScene));
         return;
       }
 
-      if (key === "j") {
+      if (key === 'j') {
         e.preventDefault();
         e.stopPropagation();
         announce(describeNearestObject(currentScene));
         return;
       }
 
-      if (key === "h") {
+      if (key === 'h') {
         e.preventDefault();
         e.stopPropagation();
         announceHelp(currentScene);
         return;
       }
 
-      if (key === "k") {
+      if (key === 'k') {
         e.preventDefault();
         e.stopPropagation();
         announce(describeFacingObject(currentScene), { noDedup: true });
@@ -1521,9 +1512,9 @@ export function enableSceneDescription(scene, inputManager) {
 
   if (inputManager) {
     inputManager.onActionDownObservable.add((action) => {
-      if (action === "A11Y_I") announce(describeScene(currentScene));
-      else if (action === "A11Y_J") announce(describeNearestObject(currentScene));
-      else if (action === "A11Y_K") announce(describeFacingObject(currentScene), { noDedup: true });
+      if (action === 'A11Y_I') announce(describeScene(currentScene));
+      else if (action === 'A11Y_J') announce(describeNearestObject(currentScene));
+      else if (action === 'A11Y_K') announce(describeFacingObject(currentScene), { noDedup: true });
     });
   }
 }
@@ -1532,6 +1523,6 @@ export function enableSceneDescription(scene, inputManager) {
  * Helper for Flock code to call directly on custom events
  * (e.g., collisions, scripted triggers, button clicks).
  */
-export function announceSceneEvent(mesh, verb = "interacted with") {
+export function announceSceneEvent(mesh, verb = 'interacted with') {
   announceInteraction(mesh, verb);
 }
diff --git a/accessibility/uiA11y.js b/accessibility/uiA11y.js
index 601b97171..74f8f4cc8 100644
--- a/accessibility/uiA11y.js
+++ b/accessibility/uiA11y.js
@@ -32,8 +32,7 @@ function _createSrRoot() {
   root.setAttribute('role', 'group');
   root.setAttribute('aria-label', 'UI controls');
   // Visually hidden but accessible; individual elements are moved into view on focus
-  root.style.cssText =
-    'position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;';
+  root.style.cssText = 'position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;';
   document.body.appendChild(root);
   return root;
 }
@@ -52,9 +51,13 @@ function _installCanvasTabHandler(canvas) {
 
 function _getFocusableElements() {
   if (!_srRoot) return [];
-  return Array.from(
-    _srRoot.querySelectorAll('[data-flock-twin]')
-  ).filter((el) => el.tagName === 'BUTTON' || el.tagName === 'INPUT' || el.tagName === 'P' || el.tagName === 'SPAN');
+  return Array.from(_srRoot.querySelectorAll('[data-flock-twin]')).filter(
+    (el) =>
+      el.tagName === 'BUTTON' ||
+      el.tagName === 'INPUT' ||
+      el.tagName === 'P' ||
+      el.tagName === 'SPAN'
+  );
 }
 
 // Cycle focus within shadow controls; return to canvas at either end
@@ -89,12 +92,12 @@ function _computeFixedRect({ x, y, w, h }) {
 
   // Negative coordinates mean right/bottom alignment (same logic as ui.js)
   const cssLeft = x < 0 ? cw - Math.abs(px) - pw : px;
-  const cssTop  = y < 0 ? ch - Math.abs(py) - ph : py;
+  const cssTop = y < 0 ? ch - Math.abs(py) - ph : py;
 
   return {
-    left:   cr.left + cssLeft,
-    top:    cr.top  + cssTop,
-    width:  pw,
+    left: cr.left + cssLeft,
+    top: cr.top + cssTop,
+    width: pw,
     height: ph,
   };
 }
@@ -121,9 +124,9 @@ function _attachFocusBehavior(el, posParams) {
   el.addEventListener('focus', () => {
     const rect = _computeFixedRect(posParams);
     if (rect) {
-      indicator.style.left   = `${rect.left}px`;
-      indicator.style.top    = `${rect.top}px`;
-      indicator.style.width  = `${rect.width}px`;
+      indicator.style.left = `${rect.left}px`;
+      indicator.style.top = `${rect.top}px`;
+      indicator.style.width = `${rect.width}px`;
       indicator.style.height = `${rect.height}px`;
       indicator.style.display = 'block';
     }
@@ -168,7 +171,11 @@ export function registerUIButton(id, text, babylonButton, posParams) {
       btn.removeEventListener('click', onClick);
       btn.removeEventListener('keydown', _onTwinKeydown);
       indicator.remove();
-      try { babylonButton.onDisposeObservable.remove(disposeObs); } catch { /* already gone */ }
+      try {
+        babylonButton.onDisposeObservable.remove(disposeObs);
+      } catch {
+        /* already gone */
+      }
     },
   });
 }
@@ -208,15 +215,30 @@ export function registerUISlider(id, babylonSlider, posParams) {
       range.removeEventListener('input', onInput);
       range.removeEventListener('keydown', _onTwinKeydown);
       indicator.remove();
-      try { babylonSlider.onValueChangedObservable.remove(valueObs); } catch { /* already gone */ }
-      try { babylonSlider.onDisposeObservable.remove(disposeObs); } catch { /* already gone */ }
+      try {
+        babylonSlider.onValueChangedObservable.remove(valueObs);
+      } catch {
+        /* already gone */
+      }
+      try {
+        babylonSlider.onDisposeObservable.remove(disposeObs);
+      } catch {
+        /* already gone */
+      }
     },
   });
 }
 
 // ─── UIInput twin ─────────────────────────────────────────────────────────────
 
-export function registerUIInput(inputId, submitId, babylonInput, babylonSubmit, inputPosParams, submitPosParams) {
+export function registerUIInput(
+  inputId,
+  submitId,
+  babylonInput,
+  babylonSubmit,
+  inputPosParams,
+  submitPosParams
+) {
   if (!_srRoot) return;
   unregisterUIControl(inputId);
 
@@ -233,9 +255,7 @@ export function registerUIInput(inputId, submitId, babylonInput, babylonSubmit,
     // Capture next focus target before the twins are removed by dispose
     const focusable = _getFocusableElements();
     const idx = focusable.indexOf(submitBtn);
-    const nextTarget = idx >= 0 && idx < focusable.length - 1
-      ? focusable[idx + 1]
-      : _canvas;
+    const nextTarget = idx >= 0 && idx < focusable.length - 1 ? focusable[idx + 1] : _canvas;
 
     babylonInput.text = htmlInput.value;
     babylonSubmit.onPointerUpObservable.notifyObservers({});
@@ -251,12 +271,11 @@ export function registerUIInput(inputId, submitId, babylonInput, babylonSubmit,
   const _applyStyle = (focused) => {
     const rect = _computeFixedRect(inputPosParams);
     if (!rect) return;
-    const bg   = babylonInput.background   || '#ffffff';
-    const fg   = babylonInput.color        || '#000000';
-    const fs   = babylonInput.fontSize     || '16px';
+    const bg = babylonInput.background || '#ffffff';
+    const fg = babylonInput.color || '#000000';
+    const fs = babylonInput.fontSize || '16px';
     const border = focused ? '2px solid #005fcc' : '1px solid rgba(128,128,128,0.6)';
-    _phStyle.textContent =
-      `#${_styleId}-el::placeholder { color: ${fg}; opacity: 0.5; }`;
+    _phStyle.textContent = `#${_styleId}-el::placeholder { color: ${fg}; opacity: 0.5; }`;
     htmlInput.id = `${_styleId}-el`;
     htmlInput.style.cssText =
       `position:fixed;left:${rect.left}px;top:${rect.top}px;` +
@@ -288,8 +307,12 @@ export function registerUIInput(inputId, submitId, babylonInput, babylonSubmit,
       const idx = focusable.indexOf(htmlInput);
       e.preventDefault();
       (e.shiftKey
-        ? (idx > 0 ? focusable[idx - 1] : _canvas)
-        : (idx < focusable.length - 1 ? focusable[idx + 1] : _canvas)
+        ? idx > 0
+          ? focusable[idx - 1]
+          : _canvas
+        : idx < focusable.length - 1
+          ? focusable[idx + 1]
+          : _canvas
       )?.focus();
     }
   };
@@ -319,7 +342,11 @@ export function registerUIInput(inputId, submitId, babylonInput, babylonSubmit,
       submitBtn.removeEventListener('keydown', _onTwinKeydown);
       submitIndicator.remove();
       _phStyle.remove();
-      try { babylonInput.onDisposeObservable.remove(disposeObs); } catch { /* already gone */ }
+      try {
+        babylonInput.onDisposeObservable.remove(disposeObs);
+      } catch {
+        /* already gone */
+      }
     },
   });
 }
@@ -362,9 +389,9 @@ export function registerUIText(id, text, posParams) {
     p.addEventListener('focus', () => {
       const rect = _computeFixedRect(posParams);
       if (rect) {
-        indicator.style.left   = `${rect.left}px`;
-        indicator.style.top    = `${rect.top}px`;
-        indicator.style.width  = `${rect.width}px`;
+        indicator.style.left = `${rect.left}px`;
+        indicator.style.top = `${rect.top}px`;
+        indicator.style.width = `${rect.width}px`;
         indicator.style.height = `${rect.height}px`;
         indicator.style.display = 'block';
       }
diff --git a/api/animate.js b/api/animate.js
index decad4ae5..65cd5af7c 100644
--- a/api/animate.js
+++ b/api/animate.js
@@ -393,7 +393,13 @@ export const flockAnimate = {
           // interrupted final frame) can't leave the mesh slightly off: the target for a
           // one-way glide, or back at the start for a reverse (there-and-back) glide.
           if (!loop) mesh.position = (reverse ? startPosition : endPosition).clone();
-          if (isPhysicsActive && originalMotionType !== null && !loop && !reverse && isBodyAlive(mesh.physics)) {
+          if (
+            isPhysicsActive &&
+            originalMotionType !== null &&
+            !loop &&
+            !reverse &&
+            isBodyAlive(mesh.physics)
+          ) {
             mesh.physics.setMotionType(originalMotionType);
           }
           resolve();
diff --git a/api/camera.js b/api/camera.js
index d675fa884..ff3b8ae8a 100644
--- a/api/camera.js
+++ b/api/camera.js
@@ -14,7 +14,7 @@ export const flockCamera = {
     return new Promise((resolve) => {
       flock.whenModelReady(meshName, async function (mesh) {
         if (!mesh) {
-          console.log("Model not loaded:", meshName);
+          console.log('Model not loaded:', meshName);
           resolve();
           return;
         }
@@ -42,17 +42,17 @@ export const flockCamera = {
           const forward = new flock.BABYLON.Vector3(
             Math.sin(mesh.rotation.y),
             0,
-            Math.cos(mesh.rotation.y),
+            Math.cos(mesh.rotation.y)
           );
 
           // STEP 1: Place camera IN FRONT of character (facing them)
           camera = new flock.BABYLON.ArcRotateCamera(
-            "camera",
+            'camera',
             Math.PI / 2,
             Math.PI,
             radius,
             mesh.position.add(forward.scale(3)), // in front
-            flock.scene,
+            flock.scene
           );
 
           camera.lockedTarget = mesh;
@@ -67,7 +67,7 @@ export const flockCamera = {
           camera.angularSensibilityX = 2000;
           camera.angularSensibilityY = 2000;
           camera.panningSensibility = 0;
-          camera.inputs.removeByType("ArcRotateCameraMouseWheelInput");
+          camera.inputs.removeByType('ArcRotateCameraMouseWheelInput');
 
           camera.inputs.attached.pointers.multiTouchPanAndZoom = false;
           camera.inputs.attached.pointers.multiTouchPanning = false;
@@ -90,12 +90,12 @@ export const flockCamera = {
           savedCamera?.detachControl();
 
           camera = new flock.BABYLON.ArcRotateCamera(
-            "camera",
+            'camera',
             Math.PI / 2,
             Math.PI,
             radius,
             mesh.position,
-            flock.scene,
+            flock.scene
           );
 
           camera.checkCollisions = true;
@@ -106,7 +106,7 @@ export const flockCamera = {
           camera.angularSensibilityX = 2000;
           camera.angularSensibilityY = 2000;
           camera.panningSensibility = 0;
-          camera.inputs.removeByType("ArcRotateCameraMouseWheelInput");
+          camera.inputs.removeByType('ArcRotateCameraMouseWheelInput');
 
           camera.inputs.attached.pointers.multiTouchPanAndZoom = false;
           camera.inputs.attached.pointers.multiTouchPanning = false;
@@ -136,43 +136,37 @@ export const flockCamera = {
 
     // --- find or create a reusable constraint box (anchor) ---
     let constraintBox =
-      (flock._constraintBox &&
-        !flock._constraintBox.isDisposed() &&
-        flock._constraintBox) ||
+      (flock._constraintBox && !flock._constraintBox.isDisposed() && flock._constraintBox) ||
       (scene.meshes || []).find(
         (m) =>
-          m &&
-          typeof m.name === "string" &&
-          m.name.startsWith("Constraint_") &&
-          !m.isDisposed(),
+          m && typeof m.name === 'string' && m.name.startsWith('Constraint_') && !m.isDisposed()
       );
 
     if (!constraintBox) {
       // create a new hidden static box
       constraintBox = flock.BABYLON.MeshBuilder.CreateBox(
-        "Constraint",
+        'Constraint',
         { height: 1, width: 1, depth: 1 },
-        scene,
+        scene
       );
       constraintBox.metadata = constraintBox.metadata || {};
       constraintBox.metadata.blockKey = constraintBox.name;
-      constraintBox.name = constraintBox.name + "_" + constraintBox.uniqueId;
+      constraintBox.name = constraintBox.name + '_' + constraintBox.uniqueId;
       constraintBox.isVisible = false;
       constraintBox.material =
-        constraintBox.material ||
-        new flock.BABYLON.StandardMaterial("staticMaterial", scene);
+        constraintBox.material || new flock.BABYLON.StandardMaterial('staticMaterial', scene);
 
       const body = new flock.BABYLON.PhysicsBody(
         constraintBox,
         flock.BABYLON.PhysicsMotionType.STATIC,
         false,
-        scene,
+        scene
       );
       const shape = new flock.BABYLON.PhysicsShapeBox(
         flock.BABYLON.Vector3.Zero(),
         new flock.BABYLON.Quaternion(0, 0, 0, 1),
         flock.BABYLON.Vector3.One(),
-        scene,
+        scene
       );
       body.shape = shape;
       body.setMassProperties({ mass: 1 });
@@ -188,13 +182,13 @@ export const flockCamera = {
           constraintBox,
           flock.BABYLON.PhysicsMotionType.STATIC,
           false,
-          scene,
+          scene
         );
         const shape = new flock.BABYLON.PhysicsShapeBox(
           flock.BABYLON.Vector3.Zero(),
           new flock.BABYLON.Quaternion(0, 0, 0, 1),
           flock.BABYLON.Vector3.One(),
-          scene,
+          scene
         );
         body.shape = shape;
         body.setMassProperties({ mass: 1 });
@@ -205,7 +199,7 @@ export const flockCamera = {
           flock.BABYLON.Vector3.Zero(),
           new flock.BABYLON.Quaternion(0, 0, 0, 1),
           flock.BABYLON.Vector3.One(),
-          scene,
+          scene
         );
       }
     }
@@ -225,7 +219,7 @@ export const flockCamera = {
       constraintBox.physics.disablePreStep = false;
       constraintBox.physics.setTargetTransform(
         constraintBox.position,
-        constraintBox.rotationQuaternion,
+        constraintBox.rotationQuaternion
       );
     }
 
@@ -249,7 +243,7 @@ export const flockCamera = {
           maxLimit: 0,
         },
       ],
-      scene,
+      scene
     );
 
     try {
@@ -257,37 +251,27 @@ export const flockCamera = {
       mesh.metadata.constraint = true;
       mesh.metadata.uprightConstraint = constraint;
     } catch (e) {
-      console.warn("[ensureVerticalConstraint] addConstraint failed:", e);
+      console.warn('[ensureVerticalConstraint] addConstraint failed:', e);
     }
 
     // --- stabiliser: add only once per mesh to avoid stacking effects after swaps ---
     if (!mesh.metadata._uprightStabiliser) {
-      mesh.metadata._uprightStabiliser = scene.onAfterPhysicsObservable.add(
-        () => {
-          if (
-            !mesh ||
-            mesh.isDisposed() ||
-            !mesh.physics ||
-            !mesh.physics._pluginData
-          )
-            return;
-          try {
-            // preserve Y motion; zero X/Z linear velocity
-            const v = mesh.physics.getLinearVelocity();
-            mesh.physics.setLinearVelocity(
-              new flock.BABYLON.Vector3(0, v.y, 0),
-            );
-
-            mesh.physics.setAngularVelocity(new flock.BABYLON.Vector3(0, 0, 0));
-          } catch (err) {
-            console.warn("Physics body became invalid:", err);
-          }
-        },
-      );
+      mesh.metadata._uprightStabiliser = scene.onAfterPhysicsObservable.add(() => {
+        if (!mesh || mesh.isDisposed() || !mesh.physics || !mesh.physics._pluginData) return;
+        try {
+          // preserve Y motion; zero X/Z linear velocity
+          const v = mesh.physics.getLinearVelocity();
+          mesh.physics.setLinearVelocity(new flock.BABYLON.Vector3(0, v.y, 0));
+
+          mesh.physics.setAngularVelocity(new flock.BABYLON.Vector3(0, 0, 0));
+        } catch (err) {
+          console.warn('Physics body became invalid:', err);
+        }
+      });
     }
   },
   getCamera() {
-    return "__active_camera__";
+    return '__active_camera__';
   },
   _normalizeKeyCode(inputKey) {
     const keyMap = {
@@ -295,17 +279,17 @@ export const flockCamera = {
       ArrowUp: 38,
       ArrowRight: 39,
       ArrowDown: 40,
-      " ": 32,
-      ",": 188,
-      ".": 190,
-      "/": 191,
+      ' ': 32,
+      ',': 188,
+      '.': 190,
+      '/': 191,
     };
 
-    if (typeof inputKey === "number") {
+    if (typeof inputKey === 'number') {
       return inputKey;
     }
 
-    if (typeof inputKey !== "string") {
+    if (typeof inputKey !== 'string') {
       return null;
     }
 
@@ -330,47 +314,47 @@ export const flockCamera = {
   _applyCameraBinding(camera, normalizedKey, action) {
     if (camera.keysRotateLeft) {
       switch (action) {
-        case "moveUp":
+        case 'moveUp':
           camera.keysUp = [normalizedKey];
           break;
-        case "moveDown":
+        case 'moveDown':
           camera.keysDown = [normalizedKey];
           break;
-        case "moveLeft":
+        case 'moveLeft':
           camera.keysLeft = [normalizedKey];
           break;
-        case "moveRight":
+        case 'moveRight':
           camera.keysRight = [normalizedKey];
           break;
-        case "rotateUp":
+        case 'rotateUp':
           camera.keysRotateUp = [normalizedKey];
           break;
-        case "rotateDown":
+        case 'rotateDown':
           camera.keysRotateDown = [normalizedKey];
           break;
-        case "rotateLeft":
+        case 'rotateLeft':
           camera.keysRotateLeft = [normalizedKey];
           break;
-        case "rotateRight":
+        case 'rotateRight':
           camera.keysRotateRight = [normalizedKey];
           break;
       }
     } else {
       switch (action) {
-        case "rotateLeft":
-        case "moveLeft":
+        case 'rotateLeft':
+        case 'moveLeft':
           camera.keysLeft = [normalizedKey];
           break;
-        case "rotateRight":
-        case "moveRight":
+        case 'rotateRight':
+        case 'moveRight':
           camera.keysRight = [normalizedKey];
           break;
-        case "moveUp":
-        case "rotateUp":
+        case 'moveUp':
+        case 'rotateUp':
           camera.keysUp = [normalizedKey];
           break;
-        case "moveDown":
-        case "rotateDown":
+        case 'moveDown':
+        case 'rotateDown':
           camera.keysDown = [normalizedKey];
           break;
       }
@@ -385,22 +369,20 @@ export const flockCamera = {
   cameraControl(key, action) {
     const normalizedKey = this._normalizeKeyCode(key);
     if (normalizedKey == null) {
-      console.warn("Unsupported camera control key:", key);
+      console.warn('Unsupported camera control key:', key);
       return;
     }
 
     if (!flock._cameraControlBindings) {
       flock._cameraControlBindings = [];
     }
-    flock._cameraControlBindings = flock._cameraControlBindings.filter(
-      (b) => b.action !== action,
-    );
+    flock._cameraControlBindings = flock._cameraControlBindings.filter((b) => b.action !== action);
     flock._cameraControlBindings.push({ normalizedKey, action });
 
     if (flock.scene.activeCamera) {
       this._applyCameraBinding(flock.scene.activeCamera, normalizedKey, action);
     } else {
-      console.error("No active camera found in the scene.");
+      console.error('No active camera found in the scene.');
     }
   },
 };
diff --git a/api/control.js b/api/control.js
index bfc18e14b..bdce69cbc 100644
--- a/api/control.js
+++ b/api/control.js
@@ -22,22 +22,22 @@ export const flockControl = {
         return;
       }
       const timeoutId = setTimeout(() => {
-        signal?.removeEventListener("abort", onAbort);
+        signal?.removeEventListener('abort', onAbort);
         resolve();
       }, ms);
 
       const onAbort = () => {
         clearTimeout(timeoutId);
-        signal?.removeEventListener("abort", onAbort);
+        signal?.removeEventListener('abort', onAbort);
         reject(flock.makeAbortError());
       };
 
-      signal?.addEventListener("abort", onAbort);
+      signal?.addEventListener('abort', onAbort);
     });
   },
   makeAbortError() {
-    const err = new Error("Run stopped");
-    err.name = "AbortError";
+    const err = new Error('Run stopped');
+    err.name = 'AbortError';
     return err;
   },
   async safeLoop(
@@ -45,7 +45,7 @@ export const flockControl = {
     loopBody,
     chunkSize = 100,
     timing = { lastFrameTime: performance.now() },
-    state = {},
+    state = {}
   ) {
     if (state.stopExecution) return; // Check if we should stop further iterations
     if (flock.abortController?.signal?.aborted) return;
@@ -64,8 +64,8 @@ export const flockControl = {
     }
   },
   waitUntil(conditionFunc) {
-    if (typeof conditionFunc !== "function") {
-      console.warn("waitUntil: conditionFunc must be a function");
+    if (typeof conditionFunc !== 'function') {
+      console.warn('waitUntil: conditionFunc must be a function');
       return Promise.resolve();
     }
     const signal = flock.abortController?.signal;
@@ -95,12 +95,12 @@ export const flockControl = {
       const observer = flock.scene.onBeforeRenderObservable.add(checkCondition);
 
       signal?.addEventListener(
-        "abort",
+        'abort',
         () => {
           flock.scene?.onBeforeRenderObservable?.remove(observer);
           reject(flock.makeAbortError());
         },
-        { once: true },
+        { once: true }
       );
     });
   },
diff --git a/api/csg.js b/api/csg.js
index 68334f4b0..af658de26 100644
--- a/api/csg.js
+++ b/api/csg.js
@@ -16,8 +16,7 @@ function prepareMeshForCSG(mesh) {
 
   // Check if mesh itself has valid geometry using multiple methods
   const hasPositions =
-    mesh.getVerticesData &&
-    mesh.getVerticesData(flock.BABYLON.VertexBuffer.PositionKind);
+    mesh.getVerticesData && mesh.getVerticesData(flock.BABYLON.VertexBuffer.PositionKind);
   const hasIndices = mesh.getIndices && mesh.getIndices();
 
   // If mesh has positions but no indices, it might need conversion
@@ -27,10 +26,7 @@ function prepareMeshForCSG(mesh) {
       mesh.convertToUnIndexedMesh();
       mesh.forceSharedVertices();
     } catch (error) {
-      console.warn(
-        "[prepareMeshForCSG] Failed to convert mesh geometry:",
-        error,
-      );
+      console.warn('[prepareMeshForCSG] Failed to convert mesh geometry:', error);
     }
   }
 
@@ -49,10 +45,8 @@ function prepareMeshForCSG(mesh) {
   // Mesh has no geometry, check for children with geometry
   const children = mesh.getChildMeshes ? mesh.getChildMeshes(false) : [];
   const meshesWithGeometry = children.filter((child) => {
-    const childHasVertices =
-      child.getTotalVertices && child.getTotalVertices() > 0;
-    const childHasIndices =
-      child.getIndices && child.getIndices() && child.getIndices().length > 0;
+    const childHasVertices = child.getTotalVertices && child.getTotalVertices() > 0;
+    const childHasIndices = child.getIndices && child.getIndices() && child.getIndices().length > 0;
     return childHasVertices && childHasIndices;
   });
 
@@ -60,8 +54,7 @@ function prepareMeshForCSG(mesh) {
   if (meshesWithGeometry.length === 0) {
     const childrenWithPositions = children.filter((child) => {
       const positions =
-        child.getVerticesData &&
-        child.getVerticesData(flock.BABYLON.VertexBuffer.PositionKind);
+        child.getVerticesData && child.getVerticesData(flock.BABYLON.VertexBuffer.PositionKind);
       return positions && positions.length > 0;
     });
 
@@ -72,27 +65,18 @@ function prepareMeshForCSG(mesh) {
           if (!child.getIndices() || child.getIndices().length === 0) {
             child.forceSharedVertices();
           }
-          if (
-            child.getTotalVertices() > 0 &&
-            child.getIndices() &&
-            child.getIndices().length > 0
-          ) {
+          if (child.getTotalVertices() > 0 && child.getIndices() && child.getIndices().length > 0) {
             meshesWithGeometry.push(child);
           }
         } catch (error) {
-          console.warn(
-            "[prepareMeshForCSG] Failed to process child mesh geometry:",
-            error,
-          );
+          console.warn('[prepareMeshForCSG] Failed to process child mesh geometry:', error);
         }
       });
     }
   }
 
   if (meshesWithGeometry.length === 0) {
-    console.warn(
-      `[prepareMeshForCSG] No valid geometry found for mesh: ${mesh.name}`,
-    );
+    console.warn(`[prepareMeshForCSG] No valid geometry found for mesh: ${mesh.name}`);
     return null;
   }
 
@@ -121,7 +105,7 @@ function prepareMeshForCSG(mesh) {
     true, // allow32BitsIndices
     undefined,
     false,
-    true,
+    true
   );
 
   if (merged) {
@@ -162,11 +146,7 @@ function recenterMeshLocalOrigin(mesh) {
   if (!worldCenter) return;
 
   mesh.bakeTransformIntoVertices(
-    flock.BABYLON.Matrix.Translation(
-      -worldCenter.x,
-      -worldCenter.y,
-      -worldCenter.z,
-    ),
+    flock.BABYLON.Matrix.Translation(-worldCenter.x, -worldCenter.y, -worldCenter.z)
   );
   mesh.position.copyFrom(worldCenter);
   mesh.computeWorldMatrix?.(true);
@@ -174,8 +154,7 @@ function recenterMeshLocalOrigin(mesh) {
 }
 
 function applyBoxProjectionUV(mesh, uvScale = 1) {
-  if (!mesh?.getVerticesData || typeof flock.setSizeBasedBoxUVs !== "function")
-    return;
+  if (!mesh?.getVerticesData || typeof flock.setSizeBasedBoxUVs !== 'function') return;
 
   // Ensure per-face UV projection behaves predictably:
   // indexed meshes share vertices across hard edges, which can blend normals
@@ -186,17 +165,13 @@ function applyBoxProjectionUV(mesh, uvScale = 1) {
     currentIndices &&
     currentIndices.length > 0 &&
     currentIndices.length !==
-      (mesh.getVerticesData(flock.BABYLON.VertexBuffer.PositionKind)?.length ||
-        0) /
-        3 &&
-    typeof mesh.convertToUnIndexedMesh === "function"
+      (mesh.getVerticesData(flock.BABYLON.VertexBuffer.PositionKind)?.length || 0) / 3 &&
+    typeof mesh.convertToUnIndexedMesh === 'function'
   ) {
     mesh.convertToUnIndexedMesh();
   }
 
-  const positions = mesh.getVerticesData(
-    flock.BABYLON.VertexBuffer.PositionKind,
-  );
+  const positions = mesh.getVerticesData(flock.BABYLON.VertexBuffer.PositionKind);
   if (!positions || positions.length === 0) return;
 
   const indices = mesh.getIndices ? mesh.getIndices() : null;
@@ -265,15 +240,15 @@ function hasUsableUVs(mesh) {
 }
 
 function shouldApplyBoxProjection(resultMesh, options = {}) {
-  if (options.uvProjection === "box") return true;
-  if (options.uvProjection !== "auto") return false;
+  if (options.uvProjection === 'box') return true;
+  if (options.uvProjection !== 'auto') return false;
 
   const hasRenderableTexture = (texture) => {
     if (!texture) return false;
-    const textureName = String(texture.name || "").toLowerCase();
+    const textureName = String(texture.name || '').toLowerCase();
     if (!textureName) return false;
-    if (textureName.endsWith("undefined")) return false;
-    if (textureName.includes("none.png")) return false;
+    if (textureName.endsWith('undefined')) return false;
+    if (textureName.includes('none.png')) return false;
     return true;
   };
 
@@ -315,13 +290,10 @@ function normalizeMeshAttributesForMerge(meshes, { logWarning = true } = {}) {
   if (!normalizationRequired) return;
 
   if (logWarning) {
-    console.warn(
-      "[mergeMeshes] Normalizing vertex attributes before fallback merge",
-      {
-        meshes: getMeshKindsSummary(meshes),
-        requiredKinds: Array.from(kindUnion),
-      },
-    );
+    console.warn('[mergeMeshes] Normalizing vertex attributes before fallback merge', {
+      meshes: getMeshKindsSummary(meshes),
+      requiredKinds: Array.from(kindUnion),
+    });
   }
 
   const vertexBuffer = flock.BABYLON.VertexBuffer;
@@ -380,9 +352,7 @@ function normalizeMeshAttributesForMerge(meshes, { logWarning = true } = {}) {
 
 function hasNonFinitePositions(mesh) {
   if (!mesh?.getVerticesData) return true;
-  const positions = mesh.getVerticesData(
-    flock.BABYLON.VertexBuffer.PositionKind,
-  );
+  const positions = mesh.getVerticesData(flock.BABYLON.VertexBuffer.PositionKind);
   if (!positions || positions.length === 0) return true;
   for (let i = 0; i < positions.length; i++) {
     if (!Number.isFinite(positions[i])) return true;
@@ -404,20 +374,13 @@ function sanitizeMeshVertexDataForCSG(mesh) {
   const positionKind = flock.BABYLON.VertexBuffer.PositionKind;
   const normalKind = flock.BABYLON.VertexBuffer.NormalKind;
   const positions = mesh.getVerticesData(positionKind);
-  if (
-    !positions ||
-    positions.length === 0 ||
-    arrayHasNonFiniteValues(positions)
-  ) {
+  if (!positions || positions.length === 0 || arrayHasNonFiniteValues(positions)) {
     return false;
   }
 
   const kinds = mesh.getVerticesDataKinds() || [];
   let indices = mesh.getIndices ? mesh.getIndices() : null;
-  if (
-    (!indices || indices.length === 0) &&
-    typeof mesh.setIndices === "function"
-  ) {
+  if ((!indices || indices.length === 0) && typeof mesh.setIndices === 'function') {
     indices = Array.from({ length: positions.length / 3 }, (_, i) => i);
     mesh.setIndices(indices);
   }
@@ -447,8 +410,8 @@ function resolveCsgModelIdentity(requestedModelId) {
   let resolvedModelId = requestedModelId;
   let blockKey = requestedModelId;
 
-  if (typeof requestedModelId === "string" && requestedModelId.includes("__")) {
-    const separatorIndex = requestedModelId.lastIndexOf("__");
+  if (typeof requestedModelId === 'string' && requestedModelId.includes('__')) {
+    const separatorIndex = requestedModelId.lastIndexOf('__');
     resolvedModelId = requestedModelId.slice(0, separatorIndex);
     blockKey = requestedModelId.slice(separatorIndex + 2);
   }
@@ -463,29 +426,25 @@ export const flockCSG = {
     if (!Array.isArray(meshes) || meshes.length === 0) return false;
     return meshes.some((meshOrName) => {
       const raw =
-        typeof meshOrName === "string"
+        typeof meshOrName === 'string'
           ? meshOrName
-          : meshOrName?.name || meshOrName?.metadata?.modelName || "";
+          : meshOrName?.name || meshOrName?.metadata?.modelName || '';
       const name = raw.toLowerCase();
       const modelName =
-        typeof meshOrName === "string"
-          ? ""
-          : meshOrName?.metadata?.modelName?.toLowerCase?.() || "";
-      return (
-        name.includes("3dtext") ||
-        modelName.includes("3dtext") ||
-        modelName.includes("text")
-      );
+        typeof meshOrName === 'string'
+          ? ''
+          : meshOrName?.metadata?.modelName?.toLowerCase?.() || '';
+      return name.includes('3dtext') || modelName.includes('3dtext') || modelName.includes('text');
     });
   },
   toolMeshesUseTextures(meshes) {
     if (!Array.isArray(meshes) || meshes.length === 0) return false;
     const hasRenderableTexture = (texture) => {
       if (!texture) return false;
-      const textureName = String(texture.name || "").toLowerCase();
+      const textureName = String(texture.name || '').toLowerCase();
       if (!textureName) return false;
-      if (textureName.endsWith("undefined")) return false;
-      if (textureName.includes("none.png")) return false;
+      if (textureName.endsWith('undefined')) return false;
+      if (textureName.includes('none.png')) return false;
       return true;
     };
     const materialHasTexture = (material) => {
@@ -503,9 +462,7 @@ export const flockCSG = {
     return meshes.some((mesh) => {
       if (materialHasTexture(mesh?.material)) return true;
       if (!mesh?.getChildMeshes) return false;
-      return mesh
-        .getChildMeshes()
-        .some((child) => materialHasTexture(child?.material));
+      return mesh.getChildMeshes().some((child) => materialHasTexture(child?.material));
     });
   },
   mergeCompositeMesh(meshes) {
@@ -518,228 +475,200 @@ export const flockCSG = {
       true, // allow32BitsIndices
       null, // meshSubclass
       false, // subdivideWithSubMeshes (Set to false for CSG)
-      true, // multiMultiMaterials
+      true // multiMultiMaterials
     );
 
     return merged;
   },
   mergeMeshes(modelId, meshList) {
-    const { modelId: resolvedModelId, blockKey } =
-      resolveCsgModelIdentity(modelId);
+    const { modelId: resolvedModelId, blockKey } = resolveCsgModelIdentity(modelId);
     modelId = resolvedModelId;
 
-    return flock
-      .prepareMeshes(modelId, meshList, blockKey)
-      .then((validMeshes) => {
-        if (validMeshes.length) {
-          const meshesToMerge = [];
-          let referenceMesh = validMeshes[0];
+    return flock.prepareMeshes(modelId, meshList, blockKey).then((validMeshes) => {
+      if (validMeshes.length) {
+        const meshesToMerge = [];
+        let referenceMesh = validMeshes[0];
 
-          validMeshes.forEach((mesh) => {
-            let targetMesh = mesh;
-
-            if (mesh.metadata?.modelName) {
-              const meshWithMaterial =
-                flock._findFirstDescendantWithMaterial(mesh);
-              if (meshWithMaterial) {
-                targetMesh = meshWithMaterial;
-                targetMesh.refreshBoundingInfo();
-              }
+        validMeshes.forEach((mesh) => {
+          let targetMesh = mesh;
+
+          if (mesh.metadata?.modelName) {
+            const meshWithMaterial = flock._findFirstDescendantWithMaterial(mesh);
+            if (meshWithMaterial) {
+              targetMesh = meshWithMaterial;
+              targetMesh.refreshBoundingInfo();
             }
+          }
 
-            targetMesh = prepareMeshForCSG(targetMesh);
-            if (!targetMesh) return;
+          targetMesh = prepareMeshForCSG(targetMesh);
+          if (!targetMesh) return;
 
-            targetMesh.computeWorldMatrix(true);
+          targetMesh.computeWorldMatrix(true);
 
-            if (targetMesh.getTotalVertices() > 0) {
-              meshesToMerge.push(targetMesh);
-            }
-          });
+          if (targetMesh.getTotalVertices() > 0) {
+            meshesToMerge.push(targetMesh);
+          }
+        });
 
-          if (meshesToMerge.length === 0) return null;
+        if (meshesToMerge.length === 0) return null;
 
-          if (meshesToMerge.length === 1) {
-            const singleMesh = meshesToMerge[0];
-            let mergedMesh = singleMesh.clone(modelId);
-            if (!mergedMesh) mergedMesh = singleMesh;
+        if (meshesToMerge.length === 1) {
+          const singleMesh = meshesToMerge[0];
+          let mergedMesh = singleMesh.clone(modelId);
+          if (!mergedMesh) mergedMesh = singleMesh;
 
-            mergedMesh.name = modelId;
-            mergedMesh.metadata = mergedMesh.metadata || {};
-            mergedMesh.metadata.blockKey = blockKey;
-            mergedMesh.metadata.sharedMaterial = false;
+          mergedMesh.name = modelId;
+          mergedMesh.metadata = mergedMesh.metadata || {};
+          mergedMesh.metadata.blockKey = blockKey;
+          mergedMesh.metadata.sharedMaterial = false;
 
-            return modelId;
-          }
+          return modelId;
+        }
 
-          const originalMaterial = referenceMesh.material;
-          let mergedMesh = null;
-          let csgSucceeded = false;
+        const originalMaterial = referenceMesh.material;
+        let mergedMesh = null;
+        let csgSucceeded = false;
 
-          normalizeMeshAttributesForMerge(meshesToMerge, { logWarning: false });
+        normalizeMeshAttributesForMerge(meshesToMerge, { logWarning: false });
 
-          const csgUnsafe = meshesToMerge.some((mesh) => {
-            const positionsFinite = !hasNonFinitePositions(mesh);
-            if (!positionsFinite) return true;
-            return !sanitizeMeshVertexDataForCSG(mesh);
-          });
+        const csgUnsafe = meshesToMerge.some((mesh) => {
+          const positionsFinite = !hasNonFinitePositions(mesh);
+          if (!positionsFinite) return true;
+          return !sanitizeMeshVertexDataForCSG(mesh);
+        });
 
-          if (!csgUnsafe) {
-            try {
-              let currentMesh = meshesToMerge[0];
-
-              for (let i = 1; i < meshesToMerge.length; i++) {
-                const nextMesh = meshesToMerge[i];
-
-                // Perform pairwise normalization to prevent property mismatch
-                const pair = [currentMesh, nextMesh];
-                normalizeMeshAttributesForMerge(pair, { logWarning: false });
-
-                const leftCSG = flock.BABYLON.CSG2.FromMesh(currentMesh, false);
-                const rightCSG = flock.BABYLON.CSG2.FromMesh(nextMesh, false);
-                const combinedCSG = leftCSG.add(rightCSG);
-
-                const oldIntermediate = currentMesh;
-
-                // Convert back to mesh to "bake" geometry before the next addition
-                currentMesh = combinedCSG.toMesh(
-                  "temp_step_" + i,
-                  referenceMesh.getScene(),
-                  {
-                    centerMesh: false,
-                    rebuildNormals: true,
-                  },
-                );
-
-                // Dispose the intermediate mesh if it's not part of the original source list
-                if (i > 1 || oldIntermediate !== meshesToMerge[0]) {
-                  oldIntermediate.dispose();
-                }
-              }
+        if (!csgUnsafe) {
+          try {
+            let currentMesh = meshesToMerge[0];
 
-              mergedMesh = currentMesh;
+            for (let i = 1; i < meshesToMerge.length; i++) {
+              const nextMesh = meshesToMerge[i];
 
-              if (mergedMesh && mergedMesh.getTotalVertices() > 0) {
-                csgSucceeded = true;
-              } else {
-                if (mergedMesh) mergedMesh.dispose();
-                mergedMesh = null;
-              }
-            } catch (error) {
-              const emptyMeshes = flock.scene.meshes.filter(
-                (m) => m.name === modelId && m.getTotalVertices() === 0,
-              );
-              emptyMeshes.forEach((m) => m.dispose());
-
-              if (
-                !String(error?.message || "").includes(
-                  "same number of properties",
-                ) ||
-                flock?.materialsDebug
-              ) {
-                console.warn(
-                  "[mergeMeshes] Pairwise CSG attempt failed:",
-                  error,
-                );
+              // Perform pairwise normalization to prevent property mismatch
+              const pair = [currentMesh, nextMesh];
+              normalizeMeshAttributesForMerge(pair, { logWarning: false });
+
+              const leftCSG = flock.BABYLON.CSG2.FromMesh(currentMesh, false);
+              const rightCSG = flock.BABYLON.CSG2.FromMesh(nextMesh, false);
+              const combinedCSG = leftCSG.add(rightCSG);
+
+              const oldIntermediate = currentMesh;
+
+              // Convert back to mesh to "bake" geometry before the next addition
+              currentMesh = combinedCSG.toMesh('temp_step_' + i, referenceMesh.getScene(), {
+                centerMesh: false,
+                rebuildNormals: true,
+              });
+
+              // Dispose the intermediate mesh if it's not part of the original source list
+              if (i > 1 || oldIntermediate !== meshesToMerge[0]) {
+                oldIntermediate.dispose();
               }
-              csgSucceeded = false;
             }
-          }
 
-          if (!csgSucceeded) {
-            try {
-              normalizeMeshAttributesForMerge(meshesToMerge, {
-                logWarning: false,
-              });
-              mergedMesh = flock.BABYLON.Mesh.MergeMeshes(
-                meshesToMerge,
-                false,
-                true,
-                undefined,
-                true,
-                true,
-              );
-            } catch (mergeError) {
-              console.warn(
-                "[mergeMeshes] Mesh.MergeMeshes fallback failed:",
-                mergeError,
-              );
-              return null;
+            mergedMesh = currentMesh;
+
+            if (mergedMesh && mergedMesh.getTotalVertices() > 0) {
+              csgSucceeded = true;
+            } else {
+              if (mergedMesh) mergedMesh.dispose();
+              mergedMesh = null;
             }
+          } catch (error) {
+            const emptyMeshes = flock.scene.meshes.filter(
+              (m) => m.name === modelId && m.getTotalVertices() === 0
+            );
+            emptyMeshes.forEach((m) => m.dispose());
+
+            if (
+              !String(error?.message || '').includes('same number of properties') ||
+              flock?.materialsDebug
+            ) {
+              console.warn('[mergeMeshes] Pairwise CSG attempt failed:', error);
+            }
+            csgSucceeded = false;
           }
+        }
 
-          if (!mergedMesh) return null;
+        if (!csgSucceeded) {
+          try {
+            normalizeMeshAttributesForMerge(meshesToMerge, {
+              logWarning: false,
+            });
+            mergedMesh = flock.BABYLON.Mesh.MergeMeshes(
+              meshesToMerge,
+              false,
+              true,
+              undefined,
+              true,
+              true
+            );
+          } catch (mergeError) {
+            console.warn('[mergeMeshes] Mesh.MergeMeshes fallback failed:', mergeError);
+            return null;
+          }
+        }
 
-          recenterMeshLocalOrigin(mergedMesh);
+        if (!mergedMesh) return null;
 
-          mergedMesh.name = modelId;
-          mergedMesh.metadata = mergedMesh.metadata || {};
-          mergedMesh.metadata.blockKey = blockKey;
-          mergedMesh.metadata.sharedMaterial = false;
+        recenterMeshLocalOrigin(mergedMesh);
 
-          const isDefaultMaterial = (material) => {
-            return (
-              material instanceof flock.BABYLON.StandardMaterial &&
-              material.name === "default material"
+        mergedMesh.name = modelId;
+        mergedMesh.metadata = mergedMesh.metadata || {};
+        mergedMesh.metadata.blockKey = blockKey;
+        mergedMesh.metadata.sharedMaterial = false;
+
+        const isDefaultMaterial = (material) => {
+          return (
+            material instanceof flock.BABYLON.StandardMaterial &&
+            material.name === 'default material'
+          );
+        };
+
+        if (mergedMesh.material) {
+          if (mergedMesh.material instanceof flock.BABYLON.MultiMaterial) {
+            mergedMesh.material.subMaterials = mergedMesh.material.subMaterials.map(
+              (subMaterial) => {
+                if (subMaterial && isDefaultMaterial(subMaterial) && originalMaterial) {
+                  const replacement = originalMaterial.clone(modelId + '_material');
+                  replacement.backFaceCulling = false;
+                  return replacement;
+                }
+                return subMaterial;
+              }
             );
-          };
-
-          if (mergedMesh.material) {
-            if (mergedMesh.material instanceof flock.BABYLON.MultiMaterial) {
-              mergedMesh.material.subMaterials =
-                mergedMesh.material.subMaterials.map((subMaterial) => {
-                  if (
-                    subMaterial &&
-                    isDefaultMaterial(subMaterial) &&
-                    originalMaterial
-                  ) {
-                    const replacement = originalMaterial.clone(
-                      modelId + "_material",
-                    );
-                    replacement.backFaceCulling = false;
-                    return replacement;
-                  }
-                  return subMaterial;
-                });
-            } else if (
-              isDefaultMaterial(mergedMesh.material) &&
-              originalMaterial
-            ) {
-              const newMat = originalMaterial.clone(modelId + "_material");
-              newMat.backFaceCulling = false;
-              mergedMesh.material = newMat;
-            }
-          } else if (originalMaterial) {
-            const newMat = originalMaterial.clone(modelId + "_material");
+          } else if (isDefaultMaterial(mergedMesh.material) && originalMaterial) {
+            const newMat = originalMaterial.clone(modelId + '_material');
             newMat.backFaceCulling = false;
             mergedMesh.material = newMat;
           }
+        } else if (originalMaterial) {
+          const newMat = originalMaterial.clone(modelId + '_material');
+          newMat.backFaceCulling = false;
+          mergedMesh.material = newMat;
+        }
 
-          mergedMesh.createNormals(true);
+        mergedMesh.createNormals(true);
 
-          try {
-            const physicsShape = new flock.BABYLON.PhysicsShapeMesh(
-              mergedMesh,
-              flock.scene,
-            );
-            flock.applyPhysics(mergedMesh, physicsShape);
-          } catch (e) {
-            console.warn("Suppressed non-critical error:", e);
-          }
+        try {
+          const physicsShape = new flock.BABYLON.PhysicsShapeMesh(mergedMesh, flock.scene);
+          flock.applyPhysics(mergedMesh, physicsShape);
+        } catch (e) {
+          console.warn('Suppressed non-critical error:', e);
+        }
 
-          validMeshes.forEach((mesh) => {
-            if (mesh !== mergedMesh) mesh.dispose();
-          });
+        validMeshes.forEach((mesh) => {
+          if (mesh !== mergedMesh) mesh.dispose();
+        });
 
-          return modelId;
-        } else {
-          return null;
-        }
-      });
+        return modelId;
+      } else {
+        return null;
+      }
+    });
   },
   subtractMeshesMerge(modelId, baseMeshName, meshNames, options = {}) {
-    const { modelId: resolvedModelId, blockKey } =
-      resolveCsgModelIdentity(modelId);
+    const { modelId: resolvedModelId, blockKey } = resolveCsgModelIdentity(modelId);
     modelId = resolvedModelId;
 
     const collectMaterialMeshesDeep = (root) => {
@@ -748,12 +677,7 @@ export const flockCSG = {
       while (stack.length) {
         const node = stack.pop();
         if (!node) continue;
-        if (
-          node.getTotalVertices &&
-          node.getTotalVertices() > 0 &&
-          node.material
-        )
-          out.push(node);
+        if (node.getTotalVertices && node.getTotalVertices() > 0 && node.material) out.push(node);
         const kids = node.getChildren ? node.getChildren() : [];
         for (let i = kids.length - 1; i >= 0; i--) stack.push(kids[i]);
       }
@@ -793,150 +717,119 @@ export const flockCSG = {
         // Ensure base mesh has valid geometry for CSG
         actualBase = prepareMeshForCSG(actualBase);
         if (!actualBase) {
-          console.warn(
-            "[subtractMeshesMerge] Base mesh has no valid geometry for CSG.",
-          );
+          console.warn('[subtractMeshesMerge] Base mesh has no valid geometry for CSG.');
           return resolve(null);
         }
 
-        flock
-          .prepareMeshes(modelId, meshNames, blockKey)
-          .then((validMeshes) => {
-            const inferredUvProjection =
-              options.uvProjection === undefined &&
-              flock.toolMeshesUseTextures(validMeshes)
-                ? "auto"
-                : options.uvProjection;
-            const scene = baseMesh.getScene();
-            const baseDuplicate = cloneForCSG(actualBase, "baseDuplicate");
-            let outerCSG = flock.BABYLON.CSG2.FromMesh(baseDuplicate, false);
-            const subtractDuplicates = [];
-
-            validMeshes.forEach((mesh, meshIndex) => {
-              const parts = collectMaterialMeshesDeep(mesh);
-
-              // Check if mesh itself has valid geometry (e.g., manifold text meshes)
-              const meshHasGeometry =
-                mesh.getTotalVertices && mesh.getTotalVertices() > 0;
-
-              if (parts.length > 0) {
-                const partClones = parts.map((p, i) =>
-                  cloneForCSG(p, `temp_${meshIndex}_${i}`),
-                );
-                const isDonut =
-                  mesh.name.toLowerCase().includes("donut") ||
-                  mesh.metadata?.modelName?.toLowerCase().includes("donut");
-
-                if (isDonut) {
-                  partClones.forEach((pc) => subtractDuplicates.push(pc));
-                } else {
-                  let unified =
-                    partClones.length > 1
-                      ? flock.BABYLON.Mesh.MergeMeshes(
-                          partClones,
-                          true,
-                          true,
-                          undefined,
-                          false,
-                          true,
-                        )
-                      : partClones[0];
-                  if (unified) {
-                    unified.forceSharedVertices();
-                    if (
-                      mesh.metadata?.modelName &&
-                      typeof unified.flipFaces === "function"
-                    )
-                      unified.flipFaces();
-                    subtractDuplicates.push(unified);
-                  }
+        flock.prepareMeshes(modelId, meshNames, blockKey).then((validMeshes) => {
+          const inferredUvProjection =
+            options.uvProjection === undefined && flock.toolMeshesUseTextures(validMeshes)
+              ? 'auto'
+              : options.uvProjection;
+          const scene = baseMesh.getScene();
+          const baseDuplicate = cloneForCSG(actualBase, 'baseDuplicate');
+          let outerCSG = flock.BABYLON.CSG2.FromMesh(baseDuplicate, false);
+          const subtractDuplicates = [];
+
+          validMeshes.forEach((mesh, meshIndex) => {
+            const parts = collectMaterialMeshesDeep(mesh);
+
+            // Check if mesh itself has valid geometry (e.g., manifold text meshes)
+            const meshHasGeometry = mesh.getTotalVertices && mesh.getTotalVertices() > 0;
+
+            if (parts.length > 0) {
+              const partClones = parts.map((p, i) => cloneForCSG(p, `temp_${meshIndex}_${i}`));
+              const isDonut =
+                mesh.name.toLowerCase().includes('donut') ||
+                mesh.metadata?.modelName?.toLowerCase().includes('donut');
+
+              if (isDonut) {
+                partClones.forEach((pc) => subtractDuplicates.push(pc));
+              } else {
+                let unified =
+                  partClones.length > 1
+                    ? flock.BABYLON.Mesh.MergeMeshes(partClones, true, true, undefined, false, true)
+                    : partClones[0];
+                if (unified) {
+                  unified.forceSharedVertices();
+                  if (mesh.metadata?.modelName && typeof unified.flipFaces === 'function')
+                    unified.flipFaces();
+                  subtractDuplicates.push(unified);
                 }
-              } else if (meshHasGeometry) {
-                // Direct mesh without children (e.g., manifold text mesh)
-                const clone = cloneForCSG(mesh, `direct_tool_${meshIndex}`);
-                subtractDuplicates.push(clone);
               }
-            });
-
-            subtractDuplicates.forEach((m, idx) => {
-              try {
-                const meshCSG = flock.BABYLON.CSG2.FromMesh(m, false);
-                outerCSG = outerCSG.subtract(meshCSG);
-              } catch (e) {
-                console.warn(
-                  `[subtractMeshesMerge] Subtraction ${idx} failed:`,
-                  e.message,
-                );
-              }
-            });
+            } else if (meshHasGeometry) {
+              // Direct mesh without children (e.g., manifold text mesh)
+              const clone = cloneForCSG(mesh, `direct_tool_${meshIndex}`);
+              subtractDuplicates.push(clone);
+            }
+          });
 
-            let resultMesh;
+          subtractDuplicates.forEach((m, idx) => {
             try {
-              resultMesh = outerCSG.toMesh("resultMesh", scene, {
-                centerMesh: false,
-              });
-
-              if (!resultMesh || resultMesh.getTotalVertices() === 0) {
-                throw new Error("CSG produced empty mesh");
-              }
+              const meshCSG = flock.BABYLON.CSG2.FromMesh(m, false);
+              outerCSG = outerCSG.subtract(meshCSG);
             } catch (e) {
-              flock.reportBlockError({
-                key: "csg_empty_result",
-                api: "subtractMeshesMerge",
-                values: {
-                  hint: "CSG requires watertight (manifold) geometry; 3D text and merged meshes are typically non-manifold.",
-                },
-                error: e,
-              });
+              console.warn(`[subtractMeshesMerge] Subtraction ${idx} failed:`, e.message);
+            }
+          });
 
-              // Clean up any empty meshes
-              flock.scene.meshes
-                .filter(
-                  (m) => m.name === "resultMesh" && m.getTotalVertices() === 0,
-                )
-                .forEach((m) => m.dispose());
+          let resultMesh;
+          try {
+            resultMesh = outerCSG.toMesh('resultMesh', scene, {
+              centerMesh: false,
+            });
 
-              baseDuplicate.dispose();
-              subtractDuplicates.forEach((m) => m.dispose());
-              return resolve(null);
+            if (!resultMesh || resultMesh.getTotalVertices() === 0) {
+              throw new Error('CSG produced empty mesh');
             }
-
-            resultMesh.position.set(0, 0, 0);
-            resultMesh.rotation.set(0, 0, 0);
-            resultMesh.scaling.set(1, 1, 1);
-            resultMesh.computeWorldMatrix(true);
-            flock.applyResultMeshProperties(
-              resultMesh,
-              actualBase,
-              modelId,
-              blockKey,
-              {
-                forceReferenceMaterial: options.forceReferenceMaterial === true,
-                flattenNonReferenceSubMaterials:
-                  options.flattenNonReferenceSubMaterials === true,
+          } catch (e) {
+            flock.reportBlockError({
+              key: 'csg_empty_result',
+              api: 'subtractMeshesMerge',
+              values: {
+                hint: 'CSG requires watertight (manifold) geometry; 3D text and merged meshes are typically non-manifold.',
               },
-            );
-            if (
-              shouldApplyBoxProjection(resultMesh, {
-                ...options,
-                uvProjection: inferredUvProjection,
-              })
-            ) {
-              applyBoxProjectionUV(resultMesh, options.uvScale);
-            }
+              error: e,
+            });
+
+            // Clean up any empty meshes
+            flock.scene.meshes
+              .filter((m) => m.name === 'resultMesh' && m.getTotalVertices() === 0)
+              .forEach((m) => m.dispose());
 
             baseDuplicate.dispose();
             subtractDuplicates.forEach((m) => m.dispose());
-            baseMesh.dispose();
-            validMeshes.forEach((m) => m.dispose());
-            resolve(modelId);
+            return resolve(null);
+          }
+
+          resultMesh.position.set(0, 0, 0);
+          resultMesh.rotation.set(0, 0, 0);
+          resultMesh.scaling.set(1, 1, 1);
+          resultMesh.computeWorldMatrix(true);
+          flock.applyResultMeshProperties(resultMesh, actualBase, modelId, blockKey, {
+            forceReferenceMaterial: options.forceReferenceMaterial === true,
+            flattenNonReferenceSubMaterials: options.flattenNonReferenceSubMaterials === true,
           });
+          if (
+            shouldApplyBoxProjection(resultMesh, {
+              ...options,
+              uvProjection: inferredUvProjection,
+            })
+          ) {
+            applyBoxProjectionUV(resultMesh, options.uvScale);
+          }
+
+          baseDuplicate.dispose();
+          subtractDuplicates.forEach((m) => m.dispose());
+          baseMesh.dispose();
+          validMeshes.forEach((m) => m.dispose());
+          resolve(modelId);
+        });
       });
     });
   },
   subtractMeshesIndividual(modelId, baseMeshName, meshNames, options = {}) {
-    const { modelId: resolvedModelId, blockKey } =
-      resolveCsgModelIdentity(modelId);
+    const { modelId: resolvedModelId, blockKey } = resolveCsgModelIdentity(modelId);
     modelId = resolvedModelId;
 
     const collectMaterialMeshesDeep = (root) => {
@@ -945,12 +838,7 @@ export const flockCSG = {
       while (stack.length) {
         const node = stack.pop();
         if (!node) continue;
-        if (
-          node.getTotalVertices &&
-          node.getTotalVertices() > 0 &&
-          node.material
-        )
-          out.push(node);
+        if (node.getTotalVertices && node.getTotalVertices() > 0 && node.material) out.push(node);
         const kids = node.getChildren ? node.getChildren() : [];
         for (let i = kids.length - 1; i >= 0; i--) stack.push(kids[i]);
       }
@@ -962,408 +850,323 @@ export const flockCSG = {
         if (!baseMesh) return resolve(null);
         let actualBase = baseMesh;
         if (baseMesh.metadata?.modelName) {
-          const meshWithMaterial =
-            flock._findFirstDescendantWithMaterial(baseMesh);
+          const meshWithMaterial = flock._findFirstDescendantWithMaterial(baseMesh);
           if (meshWithMaterial) actualBase = meshWithMaterial;
         }
 
         // Ensure base mesh has valid geometry for CSG
         actualBase = prepareMeshForCSG(actualBase);
         if (!actualBase) {
-          console.warn(
-            "[subtractMeshesIndividual] Base mesh has no valid geometry for CSG.",
-          );
+          console.warn('[subtractMeshesIndividual] Base mesh has no valid geometry for CSG.');
           return resolve(null);
         }
 
-        flock
-          .prepareMeshes(modelId, meshNames, blockKey)
-          .then((validMeshes) => {
-            const inferredUvProjection =
-              options.uvProjection === undefined &&
-              flock.toolMeshesUseTextures(validMeshes)
-                ? "auto"
-                : options.uvProjection;
-            const scene = baseMesh.getScene();
-            const baseDuplicate = actualBase.clone("baseDuplicate");
-            baseDuplicate.setParent(null);
-            baseDuplicate.position = actualBase.getAbsolutePosition().clone();
-            baseDuplicate.rotationQuaternion = null;
-            baseDuplicate.rotation = actualBase.absoluteRotationQuaternion
-              ? actualBase.absoluteRotationQuaternion.toEulerAngles()
-              : actualBase.rotation.clone();
-            baseDuplicate.computeWorldMatrix(true);
-
-            let outerCSG = flock.BABYLON.CSG2.FromMesh(baseDuplicate, false);
-            const allToolParts = [];
-            validMeshes.forEach((mesh) => {
-              const parts = collectMaterialMeshesDeep(mesh);
-              parts.forEach((p) => {
-                const dup = p.clone("partDup", null, true);
-                dup.computeWorldMatrix(true);
-                if (typeof dup.flipFaces === "function") dup.flipFaces();
-                allToolParts.push(dup);
-              });
-            });
-
-            allToolParts.forEach((part) => {
-              try {
-                const partCSG = flock.BABYLON.CSG2.FromMesh(part, false);
-                outerCSG = outerCSG.subtract(partCSG);
-              } catch (e) {
-                console.warn(e);
-              }
+        flock.prepareMeshes(modelId, meshNames, blockKey).then((validMeshes) => {
+          const inferredUvProjection =
+            options.uvProjection === undefined && flock.toolMeshesUseTextures(validMeshes)
+              ? 'auto'
+              : options.uvProjection;
+          const scene = baseMesh.getScene();
+          const baseDuplicate = actualBase.clone('baseDuplicate');
+          baseDuplicate.setParent(null);
+          baseDuplicate.position = actualBase.getAbsolutePosition().clone();
+          baseDuplicate.rotationQuaternion = null;
+          baseDuplicate.rotation = actualBase.absoluteRotationQuaternion
+            ? actualBase.absoluteRotationQuaternion.toEulerAngles()
+            : actualBase.rotation.clone();
+          baseDuplicate.computeWorldMatrix(true);
+
+          let outerCSG = flock.BABYLON.CSG2.FromMesh(baseDuplicate, false);
+          const allToolParts = [];
+          validMeshes.forEach((mesh) => {
+            const parts = collectMaterialMeshesDeep(mesh);
+            parts.forEach((p) => {
+              const dup = p.clone('partDup', null, true);
+              dup.computeWorldMatrix(true);
+              if (typeof dup.flipFaces === 'function') dup.flipFaces();
+              allToolParts.push(dup);
             });
+          });
 
-            let resultMesh;
+          allToolParts.forEach((part) => {
             try {
-              resultMesh = outerCSG.toMesh("resultMesh", scene, {
-                centerMesh: false,
-              });
-
-              if (!resultMesh || resultMesh.getTotalVertices() === 0) {
-                throw new Error("CSG produced empty mesh");
-              }
+              const partCSG = flock.BABYLON.CSG2.FromMesh(part, false);
+              outerCSG = outerCSG.subtract(partCSG);
             } catch (e) {
-              flock.reportBlockError({
-                key: "csg_empty_result",
-                api: "subtractMeshesIndividual",
-                values: {
-                  hint: "CSG requires watertight (manifold) geometry; 3D text and merged meshes are typically non-manifold.",
-                },
-                error: e,
-              });
+              console.warn(e);
+            }
+          });
 
-              // Clean up any empty meshes
-              flock.scene.meshes
-                .filter(
-                  (m) => m.name === "resultMesh" && m.getTotalVertices() === 0,
-                )
-                .forEach((m) => m.dispose());
+          let resultMesh;
+          try {
+            resultMesh = outerCSG.toMesh('resultMesh', scene, {
+              centerMesh: false,
+            });
 
-              baseDuplicate.dispose();
-              allToolParts.forEach((t) => t.dispose());
-              return resolve(null);
+            if (!resultMesh || resultMesh.getTotalVertices() === 0) {
+              throw new Error('CSG produced empty mesh');
             }
-
-            const localCenter = resultMesh
-              .getBoundingInfo()
-              .boundingBox.center.clone();
-            resultMesh.setPivotMatrix(
-              flock.BABYLON.Matrix.Translation(
-                localCenter.x,
-                localCenter.y,
-                localCenter.z,
-              ),
-              false,
-            );
-            resultMesh.position.subtractInPlace(localCenter);
-            resultMesh.computeWorldMatrix(true);
-            flock.applyResultMeshProperties(
-              resultMesh,
-              actualBase,
-              modelId,
-              blockKey,
-              {
-                forceReferenceMaterial: options.forceReferenceMaterial === true,
-                flattenNonReferenceSubMaterials:
-                  options.flattenNonReferenceSubMaterials === true,
+          } catch (e) {
+            flock.reportBlockError({
+              key: 'csg_empty_result',
+              api: 'subtractMeshesIndividual',
+              values: {
+                hint: 'CSG requires watertight (manifold) geometry; 3D text and merged meshes are typically non-manifold.',
               },
-            );
-            if (
-              shouldApplyBoxProjection(resultMesh, {
-                ...options,
-                uvProjection: inferredUvProjection,
-              })
-            ) {
-              applyBoxProjectionUV(resultMesh, options.uvScale);
-            }
+              error: e,
+            });
+
+            // Clean up any empty meshes
+            flock.scene.meshes
+              .filter((m) => m.name === 'resultMesh' && m.getTotalVertices() === 0)
+              .forEach((m) => m.dispose());
 
             baseDuplicate.dispose();
             allToolParts.forEach((t) => t.dispose());
-            baseMesh.dispose();
-            validMeshes.forEach((m) => m.dispose());
-            resolve(modelId);
+            return resolve(null);
+          }
+
+          const localCenter = resultMesh.getBoundingInfo().boundingBox.center.clone();
+          resultMesh.setPivotMatrix(
+            flock.BABYLON.Matrix.Translation(localCenter.x, localCenter.y, localCenter.z),
+            false
+          );
+          resultMesh.position.subtractInPlace(localCenter);
+          resultMesh.computeWorldMatrix(true);
+          flock.applyResultMeshProperties(resultMesh, actualBase, modelId, blockKey, {
+            forceReferenceMaterial: options.forceReferenceMaterial === true,
+            flattenNonReferenceSubMaterials: options.flattenNonReferenceSubMaterials === true,
           });
+          if (
+            shouldApplyBoxProjection(resultMesh, {
+              ...options,
+              uvProjection: inferredUvProjection,
+            })
+          ) {
+            applyBoxProjectionUV(resultMesh, options.uvScale);
+          }
+
+          baseDuplicate.dispose();
+          allToolParts.forEach((t) => t.dispose());
+          baseMesh.dispose();
+          validMeshes.forEach((m) => m.dispose());
+          resolve(modelId);
+        });
       });
     });
   },
-  subtractMeshes(
-    modelId,
-    baseMeshName,
-    meshNames,
-    optionsOrApproach = "merge",
-  ) {
+  subtractMeshes(modelId, baseMeshName, meshNames, optionsOrApproach = 'merge') {
     const options =
-      optionsOrApproach && typeof optionsOrApproach === "object"
-        ? optionsOrApproach
-        : {};
+      optionsOrApproach && typeof optionsOrApproach === 'object' ? optionsOrApproach : {};
     const approach =
-      typeof optionsOrApproach === "string"
-        ? optionsOrApproach
-        : options.approach || "merge";
-
-    if (approach === "individual") {
-      return this.subtractMeshesIndividual(
-        modelId,
-        baseMeshName,
-        meshNames,
-        options,
-      );
+      typeof optionsOrApproach === 'string' ? optionsOrApproach : options.approach || 'merge';
+
+    if (approach === 'individual') {
+      return this.subtractMeshesIndividual(modelId, baseMeshName, meshNames, options);
     } else {
-      return this.subtractMeshesMerge(
-        modelId,
-        baseMeshName,
-        meshNames,
-        options,
-      );
+      return this.subtractMeshesMerge(modelId, baseMeshName, meshNames, options);
     }
   },
   intersectMeshes(modelId, meshList) {
-    const { modelId: resolvedModelId, blockKey } =
-      resolveCsgModelIdentity(modelId);
+    const { modelId: resolvedModelId, blockKey } = resolveCsgModelIdentity(modelId);
     modelId = resolvedModelId;
 
-    return flock
-      .prepareMeshes(modelId, meshList, blockKey)
-      .then((validMeshes) => {
-        if (validMeshes.length) {
-          let firstMesh = validMeshes[0];
-          // If metadata exists, use the mesh with material.
-          if (firstMesh.metadata?.modelName) {
-            const meshWithMaterial =
-              flock._findFirstDescendantWithMaterial(firstMesh);
+    return flock.prepareMeshes(modelId, meshList, blockKey).then((validMeshes) => {
+      if (validMeshes.length) {
+        let firstMesh = validMeshes[0];
+        // If metadata exists, use the mesh with material.
+        if (firstMesh.metadata?.modelName) {
+          const meshWithMaterial = flock._findFirstDescendantWithMaterial(firstMesh);
+          if (meshWithMaterial) {
+            firstMesh = meshWithMaterial;
+            firstMesh.refreshBoundingInfo();
+            firstMesh.flipFaces();
+          }
+        }
+
+        // Ensure mesh has valid geometry for CSG
+        firstMesh = prepareMeshForCSG(firstMesh);
+        if (!firstMesh) {
+          console.warn('First mesh has no valid geometry for CSG intersect.');
+          return null;
+        }
+
+        // Create the base CSG
+        let baseCSG;
+        try {
+          baseCSG = flock.BABYLON.CSG2.FromMesh(firstMesh, false);
+        } catch (e) {
+          console.warn('[intersectMeshes] CSG2.FromMesh failed on first mesh:', e.message);
+          console.warn(
+            '[intersectMeshes] Note: CSG operations require watertight (manifold) geometry. 3D text and merged meshes are typically non-manifold.'
+          );
+          return null;
+        }
+
+        // Intersect each subsequent mesh
+        let csgFailed = false;
+        validMeshes.slice(1).forEach((mesh) => {
+          if (csgFailed) return;
+
+          if (mesh.metadata?.modelName) {
+            const meshWithMaterial = flock._findFirstDescendantWithMaterial(mesh);
             if (meshWithMaterial) {
-              firstMesh = meshWithMaterial;
-              firstMesh.refreshBoundingInfo();
-              firstMesh.flipFaces();
+              mesh = meshWithMaterial;
+              mesh.refreshBoundingInfo();
+              mesh.flipFaces();
             }
           }
 
           // Ensure mesh has valid geometry for CSG
-          firstMesh = prepareMeshForCSG(firstMesh);
-          if (!firstMesh) {
-            console.warn("First mesh has no valid geometry for CSG intersect.");
-            return null;
+          mesh = prepareMeshForCSG(mesh);
+          if (!mesh) {
+            console.warn('Skipping mesh with no valid geometry for CSG intersect.');
+            return;
           }
 
-          // Create the base CSG
-          let baseCSG;
           try {
-            baseCSG = flock.BABYLON.CSG2.FromMesh(firstMesh, false);
+            const meshCSG = flock.BABYLON.CSG2.FromMesh(mesh, false);
+            baseCSG = baseCSG.intersect(meshCSG);
           } catch (e) {
-            console.warn(
-              "[intersectMeshes] CSG2.FromMesh failed on first mesh:",
-              e.message,
-            );
-            console.warn(
-              "[intersectMeshes] Note: CSG operations require watertight (manifold) geometry. 3D text and merged meshes are typically non-manifold.",
-            );
-            return null;
+            console.warn('[intersectMeshes] CSG intersect failed:', e.message);
+            csgFailed = true;
           }
+        });
 
-          // Intersect each subsequent mesh
-          let csgFailed = false;
-          validMeshes.slice(1).forEach((mesh) => {
-            if (csgFailed) return;
-
-            if (mesh.metadata?.modelName) {
-              const meshWithMaterial =
-                flock._findFirstDescendantWithMaterial(mesh);
-              if (meshWithMaterial) {
-                mesh = meshWithMaterial;
-                mesh.refreshBoundingInfo();
-                mesh.flipFaces();
-              }
-            }
-
-            // Ensure mesh has valid geometry for CSG
-            mesh = prepareMeshForCSG(mesh);
-            if (!mesh) {
-              console.warn(
-                "Skipping mesh with no valid geometry for CSG intersect.",
-              );
-              return;
-            }
+        if (csgFailed) {
+          console.warn(
+            '[intersectMeshes] Note: CSG operations require watertight (manifold) geometry.'
+          );
+          return null;
+        }
 
-            try {
-              const meshCSG = flock.BABYLON.CSG2.FromMesh(mesh, false);
-              baseCSG = baseCSG.intersect(meshCSG);
-            } catch (e) {
-              console.warn(
-                "[intersectMeshes] CSG intersect failed:",
-                e.message,
-              );
-              csgFailed = true;
-            }
+        // Generate the resulting intersected mesh
+        let intersectedMesh;
+        try {
+          intersectedMesh = baseCSG.toMesh('intersectedMesh', validMeshes[0].getScene(), {
+            centerMesh: false,
+            rebuildNormals: true,
           });
 
-          if (csgFailed) {
-            console.warn(
-              "[intersectMeshes] Note: CSG operations require watertight (manifold) geometry.",
-            );
-            return null;
+          if (!intersectedMesh || intersectedMesh.getTotalVertices() === 0) {
+            throw new Error('CSG produced empty mesh');
           }
+        } catch (e) {
+          flock.reportBlockError({
+            key: 'csg_empty_result',
+            api: 'intersectMeshes',
+            values: {
+              hint: 'CSG requires watertight (manifold) geometry.',
+            },
+            error: e,
+          });
 
-          // Generate the resulting intersected mesh
-          let intersectedMesh;
-          try {
-            intersectedMesh = baseCSG.toMesh(
-              "intersectedMesh",
-              validMeshes[0].getScene(),
-              {
-                centerMesh: false,
-                rebuildNormals: true,
-              },
-            );
-
-            if (!intersectedMesh || intersectedMesh.getTotalVertices() === 0) {
-              throw new Error("CSG produced empty mesh");
-            }
-          } catch (e) {
-            flock.reportBlockError({
-              key: "csg_empty_result",
-              api: "intersectMeshes",
-              values: {
-                hint: "CSG requires watertight (manifold) geometry.",
-              },
-              error: e,
-            });
-
-            // Clean up any empty meshes
-            flock.scene.meshes
-              .filter(
-                (m) =>
-                  m.name === "intersectedMesh" && m.getTotalVertices() === 0,
-              )
-              .forEach((m) => m.dispose());
+          // Clean up any empty meshes
+          flock.scene.meshes
+            .filter((m) => m.name === 'intersectedMesh' && m.getTotalVertices() === 0)
+            .forEach((m) => m.dispose());
 
-            return null;
-          }
+          return null;
+        }
 
-          // Keep local origin aligned with mesh bounds while preserving world placement.
-          recenterMeshLocalOrigin(intersectedMesh);
+        // Keep local origin aligned with mesh bounds while preserving world placement.
+        recenterMeshLocalOrigin(intersectedMesh);
 
-          // Apply properties to the resulting mesh
-          flock.applyResultMeshProperties(
-            intersectedMesh,
-            firstMesh,
-            modelId,
-            blockKey,
-          );
+        // Apply properties to the resulting mesh
+        flock.applyResultMeshProperties(intersectedMesh, firstMesh, modelId, blockKey);
 
-          validMeshes.forEach((mesh) => mesh.dispose());
+        validMeshes.forEach((mesh) => mesh.dispose());
 
-          return modelId; // Return the modelId as per original functionality
-        } else {
-          console.warn("No valid meshes to intersect.");
-          return null;
-        }
-      });
+        return modelId; // Return the modelId as per original functionality
+      } else {
+        console.warn('No valid meshes to intersect.');
+        return null;
+      }
+    });
   },
   createHull(modelId, meshList) {
-    const { modelId: resolvedModelId, blockKey } =
-      resolveCsgModelIdentity(modelId);
+    const { modelId: resolvedModelId, blockKey } = resolveCsgModelIdentity(modelId);
     modelId = resolvedModelId;
 
-    return flock
-      .prepareMeshes(modelId, meshList, blockKey)
-      .then((validMeshes) => {
-        if (validMeshes.length) {
-          // Calculate the combined bounding box centre
-          let min = validMeshes[0]
-            .getBoundingInfo()
-            .boundingBox.minimumWorld.clone();
-          let max = validMeshes[0]
-            .getBoundingInfo()
-            .boundingBox.maximumWorld.clone();
+    return flock.prepareMeshes(modelId, meshList, blockKey).then((validMeshes) => {
+      if (validMeshes.length) {
+        // Calculate the combined bounding box centre
+        let min = validMeshes[0].getBoundingInfo().boundingBox.minimumWorld.clone();
+        let max = validMeshes[0].getBoundingInfo().boundingBox.maximumWorld.clone();
 
-          validMeshes.forEach((mesh) => {
-            const boundingInfo = mesh.getBoundingInfo();
-            const meshMin = boundingInfo.boundingBox.minimumWorld;
-            const meshMax = boundingInfo.boundingBox.maximumWorld;
+        validMeshes.forEach((mesh) => {
+          const boundingInfo = mesh.getBoundingInfo();
+          const meshMin = boundingInfo.boundingBox.minimumWorld;
+          const meshMax = boundingInfo.boundingBox.maximumWorld;
 
-            min = flock.BABYLON.Vector3.Minimize(min, meshMin);
-            max = flock.BABYLON.Vector3.Maximize(max, meshMax);
-          });
+          min = flock.BABYLON.Vector3.Minimize(min, meshMin);
+          max = flock.BABYLON.Vector3.Maximize(max, meshMax);
+        });
 
-          const combinedCentre = min.add(max).scale(0.5);
-
-          // Merge the valid meshes into a single mesh
-          const updatedValidMeshes = validMeshes.map((mesh) => {
-            if (mesh.metadata?.modelName) {
-              const meshWithMaterial =
-                flock._findFirstDescendantWithMaterial(mesh);
-              if (meshWithMaterial) {
-                meshWithMaterial.refreshBoundingInfo();
-                meshWithMaterial.flipFaces();
-                return meshWithMaterial;
-              }
+        const combinedCentre = min.add(max).scale(0.5);
+
+        // Merge the valid meshes into a single mesh
+        const updatedValidMeshes = validMeshes.map((mesh) => {
+          if (mesh.metadata?.modelName) {
+            const meshWithMaterial = flock._findFirstDescendantWithMaterial(mesh);
+            if (meshWithMaterial) {
+              meshWithMaterial.refreshBoundingInfo();
+              meshWithMaterial.flipFaces();
+              return meshWithMaterial;
             }
-            return mesh;
-          });
+          }
+          return mesh;
+        });
 
-          const mergedMesh = flock.BABYLON.Mesh.MergeMeshes(
-            updatedValidMeshes,
-            true,
-          );
+        const mergedMesh = flock.BABYLON.Mesh.MergeMeshes(updatedValidMeshes, true);
 
-          if (!mergedMesh) {
-            console.warn("Failed to merge meshes for hull creation.");
-            return null;
-          }
+        if (!mergedMesh) {
+          console.warn('Failed to merge meshes for hull creation.');
+          return null;
+        }
 
-          // Offset the merged mesh to be locally centred
-          mergedMesh.bakeTransformIntoVertices(
-            flock.BABYLON.Matrix.Translation(
-              -combinedCentre.x,
-              -combinedCentre.y,
-              -combinedCentre.z,
-            ),
-          );
+        // Offset the merged mesh to be locally centred
+        mergedMesh.bakeTransformIntoVertices(
+          flock.BABYLON.Matrix.Translation(-combinedCentre.x, -combinedCentre.y, -combinedCentre.z)
+        );
 
-          // Apply the material of the first mesh to the merged mesh
-          mergedMesh.material = updatedValidMeshes[0].material;
+        // Apply the material of the first mesh to the merged mesh
+        mergedMesh.material = updatedValidMeshes[0].material;
 
-          // Create the convex hull physics aggregate
-          const hullAggregate = new flock.BABYLON.PhysicsAggregate(
-            mergedMesh,
-            flock.BABYLON.PhysicsShapeType.CONVEX_HULL,
-            { mass: 0 }, // Adjust mass based on use case
-            flock.scene,
-          );
+        // Create the convex hull physics aggregate
+        const hullAggregate = new flock.BABYLON.PhysicsAggregate(
+          mergedMesh,
+          flock.BABYLON.PhysicsShapeType.CONVEX_HULL,
+          { mass: 0 }, // Adjust mass based on use case
+          flock.scene
+        );
 
-          // Create a debug mesh to visualize the convex hull
-          const hullMesh = flock.hullMeshFromBody(hullAggregate.body);
+        // Create a debug mesh to visualize the convex hull
+        const hullMesh = flock.hullMeshFromBody(hullAggregate.body);
 
-          // Offset the debug mesh to the original world position
-          hullMesh.position = combinedCentre;
+        // Offset the debug mesh to the original world position
+        hullMesh.position = combinedCentre;
 
-          hullMesh.material = updatedValidMeshes[0].material;
+        hullMesh.material = updatedValidMeshes[0].material;
 
-          // Apply properties to the resulting mesh
-          flock.applyResultMeshProperties(
-            hullMesh,
-            updatedValidMeshes[0],
-            modelId,
-            blockKey,
-          );
-          // Dispose of original meshes after creating the hull
-          validMeshes.forEach((mesh) => mesh.dispose());
-          mergedMesh.dispose();
+        // Apply properties to the resulting mesh
+        flock.applyResultMeshProperties(hullMesh, updatedValidMeshes[0], modelId, blockKey);
+        // Dispose of original meshes after creating the hull
+        validMeshes.forEach((mesh) => mesh.dispose());
+        mergedMesh.dispose();
 
-          return modelId; // Return the debug mesh for further use
-        } else {
-          console.warn("No valid meshes to create a hull.");
-          return null;
-        }
-      });
+        return modelId; // Return the debug mesh for further use
+      } else {
+        console.warn('No valid meshes to create a hull.');
+        return null;
+      }
+    });
   },
   hullMeshFromBody(body) {
     const bodyInfoGeom = flock.hk.getBodyGeometry(body);
     const { positions, indices } = bodyInfoGeom;
 
-    const hullMesh = new flock.BABYLON.Mesh("custom", flock.scene);
+    const hullMesh = new flock.BABYLON.Mesh('custom', flock.scene);
     indices.reverse();
 
     const vertexData = new flock.BABYLON.VertexData();
@@ -1390,7 +1193,7 @@ export const flockCSG = {
             }
           });
         });
-      }),
+      })
     ).then((meshes) => meshes.filter((mesh) => mesh !== null));
   },
   applyResultMeshProperties(
@@ -1398,10 +1201,7 @@ export const flockCSG = {
     referenceMesh,
     modelId,
     blockId,
-    {
-      forceReferenceMaterial = false,
-      flattenNonReferenceSubMaterials = false,
-    } = {},
+    { forceReferenceMaterial = false, flattenNonReferenceSubMaterials = false } = {}
   ) {
     // Copy transformation properties
     referenceMesh.material.backFaceCulling = false;
@@ -1413,35 +1213,27 @@ export const flockCSG = {
     resultMesh.metadata.blockKey = blockId;
 
     // Apply physics
-    flock.applyPhysics(
-      resultMesh,
-      new flock.BABYLON.PhysicsShapeMesh(resultMesh, flock.scene),
-    );
+    flock.applyPhysics(resultMesh, new flock.BABYLON.PhysicsShapeMesh(resultMesh, flock.scene));
 
     // Log and replace default materials
     const isDefaultMaterial = (material) => {
       return (
-        material instanceof flock.BABYLON.StandardMaterial &&
-        material.name === "default material"
+        material instanceof flock.BABYLON.StandardMaterial && material.name === 'default material'
       );
     };
 
     const replaceMaterial = () => {
-      return referenceMesh.material.clone("clonedMaterial");
+      return referenceMesh.material.clone('clonedMaterial');
     };
 
     if (forceReferenceMaterial) {
-      resultMesh.material = referenceMesh.material.clone("csgResultMaterial");
+      resultMesh.material = referenceMesh.material.clone('csgResultMaterial');
       resultMesh.material.backFaceCulling = false;
       const textureName = String(
-        resultMesh.material.diffuseTexture?.name ||
-          resultMesh.material.albedoTexture?.name ||
-          "",
+        resultMesh.material.diffuseTexture?.name || resultMesh.material.albedoTexture?.name || ''
       ).toLowerCase();
       const hasRenderableTexture =
-        textureName &&
-        !textureName.endsWith("undefined") &&
-        !textureName.includes("none.png");
+        textureName && !textureName.endsWith('undefined') && !textureName.includes('none.png');
       if (!hasRenderableTexture && resultMesh.convertToFlatShadedMesh) {
         try {
           resultMesh.convertToFlatShadedMesh();
@@ -1456,21 +1248,19 @@ export const flockCSG = {
 
     if (resultMesh.material) {
       if (resultMesh.material instanceof flock.BABYLON.MultiMaterial) {
-        resultMesh.material.subMaterials = resultMesh.material.subMaterials.map(
-          (subMaterial) => {
-            if (subMaterial && isDefaultMaterial(subMaterial)) {
-              return replaceMaterial();
-            }
-            return subMaterial;
-          },
-        );
+        resultMesh.material.subMaterials = resultMesh.material.subMaterials.map((subMaterial) => {
+          if (subMaterial && isDefaultMaterial(subMaterial)) {
+            return replaceMaterial();
+          }
+          return subMaterial;
+        });
       } else if (isDefaultMaterial(resultMesh.material)) {
         resultMesh.material = replaceMaterial();
         resultMesh.material.backFaceCulling = false;
       }
     } else {
       // No material assigned by CSG - copy from reference mesh
-      resultMesh.material = referenceMesh.material.clone("csgResultMaterial");
+      resultMesh.material = referenceMesh.material.clone('csgResultMaterial');
       resultMesh.material.backFaceCulling = false;
     }
 
@@ -1479,26 +1269,24 @@ export const flockCSG = {
       resultMesh.material instanceof flock.BABYLON.MultiMaterial
     ) {
       const baseName = referenceMesh.material?.name;
-      resultMesh.material.subMaterials = resultMesh.material.subMaterials.map(
-        (subMaterial) => {
-          if (!subMaterial) return subMaterial;
-          if (baseName && subMaterial.name === baseName) return subMaterial;
+      resultMesh.material.subMaterials = resultMesh.material.subMaterials.map((subMaterial) => {
+        if (!subMaterial) return subMaterial;
+        if (baseName && subMaterial.name === baseName) return subMaterial;
 
-          if (typeof subMaterial.clone === "function") {
-            subMaterial = subMaterial.clone(`${subMaterial.name}_csg`);
-          }
+        if (typeof subMaterial.clone === 'function') {
+          subMaterial = subMaterial.clone(`${subMaterial.name}_csg`);
+        }
 
-          if (subMaterial.diffuseColor) {
-            subMaterial.emissiveColor = subMaterial.diffuseColor.scale(0.2);
-          }
-          subMaterial.disableLighting = false;
-          if (subMaterial.specularColor) {
-            subMaterial.specularColor = flock.BABYLON.Color3.Black();
-          }
-          subMaterial.backFaceCulling = false;
-          return subMaterial;
-        },
-      );
+        if (subMaterial.diffuseColor) {
+          subMaterial.emissiveColor = subMaterial.diffuseColor.scale(0.2);
+        }
+        subMaterial.disableLighting = false;
+        if (subMaterial.specularColor) {
+          subMaterial.specularColor = flock.BABYLON.Color3.Black();
+        }
+        subMaterial.backFaceCulling = false;
+        return subMaterial;
+      });
     }
   },
 };
diff --git a/api/effects.js b/api/effects.js
index 3bbd276ab..d528d1a64 100644
--- a/api/effects.js
+++ b/api/effects.js
@@ -10,30 +10,23 @@ export const flockEffects = {
     if (flock.mainLight) {
       flock.mainLight.intensity = intensity;
     } else {
-      console.warn(
-        "Main light is not defined. Please ensure flock.mainLight exists.",
-      );
+      console.warn('Main light is not defined. Please ensure flock.mainLight exists.');
     }
   },
   lightColor(diffuse, groundColor) {
     if (flock.mainLight) {
       flock.mainLight.diffuse = flock.BABYLON.Color3.FromHexString(diffuse);
-      flock.mainLight.groundColor =
-        flock.BABYLON.Color3.FromHexString(groundColor);
+      flock.mainLight.groundColor = flock.BABYLON.Color3.FromHexString(groundColor);
     } else {
-      console.warn(
-        "Main light is not defined. Please ensure flock.mainLight exists.",
-      );
+      console.warn('Main light is not defined. Please ensure flock.mainLight exists.');
     }
   },
   getMainLight() {
-    return "__main_light__";
+    return '__main_light__';
   },
   enableShadows({ enabled = true } = {}) {
     if (!flock.shadowLight) {
-      console.warn(
-        "Shadow light is not defined. Please ensure flock.shadowLight exists.",
-      );
+      console.warn('Shadow light is not defined. Please ensure flock.shadowLight exists.');
       return;
     }
     if (enabled) {
@@ -67,8 +60,7 @@ export const flockEffects = {
     return new Promise((resolve) => {
       flock.whenModelReady(meshName, (mesh) => {
         const meshes = [mesh, ...mesh.getDescendants()].filter(
-          (m) =>
-            m instanceof flock.BABYLON.Mesh && m.getTotalVertices() > 0,
+          (m) => m instanceof flock.BABYLON.Mesh && m.getTotalVertices() > 0
         );
         // Marking a caster does NOT turn shadows on — enableShadows is the
         // master switch. Track the intent and apply it live if a generator
@@ -99,7 +91,7 @@ export const flockEffects = {
       gravity,
       direction,
       rotation,
-    } = {},
+    } = {}
   ) {
     const resultName = flock._reserveName(name);
 
@@ -107,8 +99,8 @@ export const flockEffects = {
       flock.whenModelReady(emitterMesh, (meshInstance) => {
         if (!(meshInstance instanceof flock.BABYLON.AbstractMesh)) {
           flock.reportBlockError({
-            key: "particle_emitter_not_mesh",
-            api: "createParticleEffect",
+            key: 'particle_emitter_not_mesh',
+            api: 'createParticleEffect',
             values: { effect: resultName, emitter: emitterMesh },
           });
           resolve(null);
@@ -127,21 +119,12 @@ export const flockEffects = {
               });
           }
 
-          const particleSystem = new flock.BABYLON.ParticleSystem(
-            resultName,
-            500,
-            flock.scene,
-          );
+          const particleSystem = new flock.BABYLON.ParticleSystem(resultName, 500, flock.scene);
           const texturePath = flock.texturePath + shape;
-          particleSystem.particleTexture = new flock.BABYLON.Texture(
-            texturePath,
-            flock.scene,
-          );
+          particleSystem.particleTexture = new flock.BABYLON.Texture(texturePath, flock.scene);
           particleSystem.emitter = meshInstance;
 
-          const meshEmitter = new flock.BABYLON.MeshParticleEmitter(
-            meshInstance,
-          );
+          const meshEmitter = new flock.BABYLON.MeshParticleEmitter(meshInstance);
           particleSystem.particleEmitterType = meshEmitter;
           particleSystem.blendMode = 4;
 
@@ -152,19 +135,19 @@ export const flockEffects = {
             startColor.r,
             startColor.g,
             startColor.b,
-            alphas.start,
+            alphas.start
           );
           particleSystem.color2 = new flock.BABYLON.Color4(
             endColor.r,
             endColor.g,
             endColor.b,
-            alphas.end,
+            alphas.end
           );
           particleSystem.colorDead = new flock.BABYLON.Color4(
             endColor.r,
             endColor.g,
             endColor.b,
-            0,
+            0
           );
 
           particleSystem.minSize = sizes.start;
@@ -180,38 +163,31 @@ export const flockEffects = {
             ? new flock.BABYLON.Vector3(0, -9.81, 0)
             : flock.BABYLON.Vector3.Zero();
 
-          if (
-            direction &&
-            (direction.x !== 0 || direction.y !== 0 || direction.z !== 0)
-          ) {
+          if (direction && (direction.x !== 0 || direction.y !== 0 || direction.z !== 0)) {
             particleSystem.minEmitPower = 1;
             particleSystem.maxEmitPower = 3;
             meshEmitter.useMeshNormalsForDirection = false;
             meshEmitter.direction1 = new flock.BABYLON.Vector3(
               direction.x,
               direction.y,
-              direction.z,
+              direction.z
             );
             meshEmitter.direction2 = new flock.BABYLON.Vector3(
               direction.x,
               direction.y,
-              direction.z,
+              direction.z
             );
           }
 
           if (rotation) {
             const toRad = Math.PI / 180;
             if (rotation.angularSpeed) {
-              particleSystem.minAngularSpeed =
-                rotation.angularSpeed.min * toRad;
-              particleSystem.maxAngularSpeed =
-                rotation.angularSpeed.max * toRad;
+              particleSystem.minAngularSpeed = rotation.angularSpeed.min * toRad;
+              particleSystem.maxAngularSpeed = rotation.angularSpeed.max * toRad;
             }
             if (rotation.initialRotation) {
-              particleSystem.minInitialRotation =
-                rotation.initialRotation.min * toRad;
-              particleSystem.maxInitialRotation =
-                rotation.initialRotation.max * toRad;
+              particleSystem.minInitialRotation = rotation.initialRotation.min * toRad;
+              particleSystem.maxInitialRotation = rotation.initialRotation.max * toRad;
             }
           }
 
@@ -219,8 +195,8 @@ export const flockEffects = {
           resolve(particleSystem);
         } catch (error) {
           flock.reportBlockError({
-            key: "particle_effect_failed",
-            api: "createParticleEffect",
+            key: 'particle_effect_failed',
+            api: 'createParticleEffect',
             values: { effect: resultName },
             error,
           });
@@ -233,9 +209,7 @@ export const flockEffects = {
     return resultName;
   },
   startParticleSystem(systemName) {
-    const particleSystem = flock.scene.particleSystems.find(
-      (system) => system.name === systemName,
-    );
+    const particleSystem = flock.scene.particleSystems.find((system) => system.name === systemName);
     if (particleSystem) {
       particleSystem.start();
     } else {
@@ -243,9 +217,7 @@ export const flockEffects = {
     }
   },
   stopParticleSystem(systemName) {
-    const particleSystem = flock.scene.particleSystems.find(
-      (system) => system.name === systemName,
-    );
+    const particleSystem = flock.scene.particleSystems.find((system) => system.name === systemName);
 
     if (particleSystem) {
       particleSystem.stop();
@@ -254,37 +226,27 @@ export const flockEffects = {
     }
   },
   resetParticleSystem(systemName) {
-    const particleSystem = flock.scene.particleSystems.find(
-      (system) => system.name === systemName,
-    );
+    const particleSystem = flock.scene.particleSystems.find((system) => system.name === systemName);
     if (particleSystem) {
       particleSystem.reset();
     } else {
       console.warn(`Particle system '${systemName}' not found.`);
     }
   },
-  setFog({
-    fogColorHex,
-    fogMode,
-    fogDensity = 0.1,
-    fogStart = 50,
-    fogEnd = 100,
-  } = {}) {
-    const fogColorRgb = flock.BABYLON.Color3.FromHexString(
-      flock.getColorFromString(fogColorHex),
-    );
+  setFog({ fogColorHex, fogMode, fogDensity = 0.1, fogStart = 50, fogEnd = 100 } = {}) {
+    const fogColorRgb = flock.BABYLON.Color3.FromHexString(flock.getColorFromString(fogColorHex));
 
     switch (fogMode) {
-      case "NONE":
+      case 'NONE':
         flock.scene.fogMode = flock.BABYLON.Scene.FOGMODE_NONE;
         break;
-      case "EXP":
+      case 'EXP':
         flock.scene.fogMode = flock.BABYLON.Scene.FOGMODE_EXP;
         break;
-      case "EXP2":
+      case 'EXP2':
         flock.scene.fogMode = flock.BABYLON.Scene.FOGMODE_EXP2;
         break;
-      case "LINEAR":
+      case 'LINEAR':
         flock.scene.fogMode = flock.BABYLON.Scene.FOGMODE_LINEAR;
         break;
     }
diff --git a/api/events.js b/api/events.js
index 36d6f5e3b..eb373bee7 100644
--- a/api/events.js
+++ b/api/events.js
@@ -1,4 +1,4 @@
-import { getMicrobitManager } from "../microbit/manager.js";
+import { getMicrobitManager } from '../microbit/manager.js';
 
 let flock;
 
@@ -12,15 +12,15 @@ export const flockEvents = {
   */
 
   onEvent(eventName, handler, once = false) {
-    if (typeof handler !== "function") {
-      flock.reportBlockError({ key: "invalid_callback", api: "onEvent" });
+    if (typeof handler !== 'function') {
+      flock.reportBlockError({ key: 'invalid_callback', api: 'onEvent' });
       return;
     }
     eventName = flock.sanitizeEventName(eventName);
     if (!flock.isAllowedEventName(eventName)) {
       flock.reportBlockError({
-        key: "event_name_reserved",
-        api: "onEvent",
+        key: 'event_name_reserved',
+        api: 'onEvent',
         values: { event: eventName },
       });
       return;
@@ -43,19 +43,19 @@ export const flockEvents = {
     }
 
     signal?.addEventListener(
-      "abort",
+      'abort',
       () => {
         flock.events[eventName]?.remove(observer);
       },
-      { once: true },
+      { once: true }
     );
   },
   broadcastEvent(eventName, data) {
     eventName = flock.sanitizeEventName(eventName);
     if (!flock.isAllowedEventName(eventName)) {
       flock.reportBlockError({
-        key: "event_name_reserved",
-        api: "broadcastEvent",
+        key: 'event_name_reserved',
+        api: 'broadcastEvent',
         values: { event: eventName },
       });
       return;
@@ -65,8 +65,8 @@ export const flockEvents = {
     }
   },
   whenActionEvent(action, callback, isReleased = false) {
-    if (typeof callback !== "function") {
-      flock.reportBlockError({ key: "invalid_callback", api: "whenActionEvent" });
+    if (typeof callback !== 'function') {
+      flock.reportBlockError({ key: 'invalid_callback', api: 'whenActionEvent' });
       return;
     }
     const signal = flock.abortController?.signal;
@@ -79,7 +79,7 @@ export const flockEvents = {
     if (isReleased) {
       const upObs = flock.inputManager.onActionUpObservable;
       const observer = upObs.add(handler);
-      signal?.addEventListener("abort", () => upObs.remove(observer), {
+      signal?.addEventListener('abort', () => upObs.remove(observer), {
         once: true,
       });
     } else {
@@ -90,29 +90,31 @@ export const flockEvents = {
       const downObserver = downObs.add(handler);
       const repeatObserver = repeatObs.add(handler);
       signal?.addEventListener(
-        "abort",
+        'abort',
         () => {
           downObs.remove(downObserver);
           repeatObs.remove(repeatObserver);
         },
-        { once: true },
+        { once: true }
       );
     }
   },
   whenKeyEvent(key, callback, isReleased = false) {
-    if (typeof callback !== "function") {
-      flock.reportBlockError({ key: "invalid_callback", api: "whenKeyEvent" });
+    if (typeof callback !== 'function') {
+      flock.reportBlockError({ key: 'invalid_callback', api: 'whenKeyEvent' });
       return;
     }
     const signal = flock.abortController?.signal;
     if (signal?.aborted) return;
 
-    const handler = (k) => { if (k === key) callback(); };
+    const handler = (k) => {
+      if (k === key) callback();
+    };
 
     if (isReleased) {
       const upObs = flock.inputManager.onKeyUpObservable;
       const observer = upObs.add(handler);
-      signal?.addEventListener("abort", () => upObs.remove(observer), {
+      signal?.addEventListener('abort', () => upObs.remove(observer), {
         once: true,
       });
     } else {
@@ -123,18 +125,18 @@ export const flockEvents = {
       const downObserver = downObs.add(handler);
       const repeatObserver = repeatObs.add(handler);
       signal?.addEventListener(
-        "abort",
+        'abort',
         () => {
           downObs.remove(downObserver);
           repeatObs.remove(repeatObserver);
         },
-        { once: true },
+        { once: true }
       );
     }
   },
   onMicrobitEvent(variableName, eventChar, callback) {
-    if (typeof callback !== "function") {
-      flock.reportBlockError({ key: "invalid_callback", api: "onMicrobitEvent" });
+    if (typeof callback !== 'function') {
+      flock.reportBlockError({ key: 'invalid_callback', api: 'onMicrobitEvent' });
       return;
     }
     const signal = flock.abortController?.signal;
@@ -145,7 +147,7 @@ export const flockEvents = {
     const unsubscribe = getMicrobitManager().subscribe(variableName, (char) => {
       if (char === eventChar) callback();
     });
-    signal?.addEventListener("abort", unsubscribe, { once: true });
+    signal?.addEventListener('abort', unsubscribe, { once: true });
   },
   start(action) {
     flock.scene.onBeforeRenderObservable.addOnce(action);
@@ -157,7 +159,7 @@ export const flockEvents = {
     // Function to run the action
     const runAction = async () => {
       if (isDisposed) {
-        console.log("Scene is disposed. Exiting action.");
+        console.log('Scene is disposed. Exiting action.');
         return; // Exit if the scene is disposed
       }
 
@@ -174,8 +176,8 @@ export const flockEvents = {
         await action();
       } catch (error) {
         flock.reportBlockError({
-          key: "forever_block_failed",
-          api: "forever",
+          key: 'forever_block_failed',
+          api: 'forever',
           error,
         });
       } finally {
@@ -199,7 +201,7 @@ export const flockEvents = {
     flock.scene.onDisposeObservable.addOnce(disposeHandler);
   },
   isAllowedEventName(eventName) {
-    if (!eventName || typeof eventName !== "string") {
+    if (!eventName || typeof eventName !== 'string') {
       return false;
     }
 
@@ -208,14 +210,7 @@ export const flockEvents = {
     }
 
     const lower = eventName.toLowerCase();
-    const reservedPrefixes = [
-      "_",
-      "on",
-      "system",
-      "internal",
-      "babylon",
-      "flock",
-    ];
+    const reservedPrefixes = ['_', 'on', 'system', 'internal', 'babylon', 'flock'];
     if (reservedPrefixes.some((prefix) => lower.startsWith(prefix))) {
       return false;
     }
@@ -228,15 +223,12 @@ export const flockEvents = {
     return true;
   },
   sanitizeEventName(eventName) {
-    if (typeof eventName !== "string") {
-      return "";
+    if (typeof eventName !== 'string') {
+      return '';
     }
     // Remove disallowed characters (symbols, control chars), allow emoji, spaces, letters, numbers
     // This allows everything except common punctuation and control characters
-    const clean = eventName.replace(
-      /[!@#$%^&*()+=[\]{};:'"\\|,<>?/\n\r\t]/g,
-      "",
-    );
+    const clean = eventName.replace(/[!@#$%^&*()+=[\]{};:'"\\|,<>?/\n\r\t]/g, '');
     return clean.substring(0, 50);
   },
 };
diff --git a/api/material.js b/api/material.js
index 19c83a227..0807d2b84 100644
--- a/api/material.js
+++ b/api/material.js
@@ -57,8 +57,7 @@ export const flockMaterial = {
 
     // Babylon's Color3.fromHexString only accepts #RRGGBB, so expand the
     // #RGB shorthand (e.g. #f0c -> #ff00cc) rather than passing it through.
-    const expandShortHex = (hex) =>
-      hex.length === 3 ? hex.replace(/(.)/g, '$1$1') : hex;
+    const expandShortHex = (hex) => (hex.length === 3 ? hex.replace(/(.)/g, '$1$1') : hex);
 
     if (/^([0-9A-F]{3}|[0-9A-F]{6})$/i.test(colourString)) {
       return `#${expandShortHex(colourString).toLowerCase()}`;
diff --git a/api/mesh.js b/api/mesh.js
index 6ffa5316e..2d33d98cb 100644
--- a/api/mesh.js
+++ b/api/mesh.js
@@ -654,8 +654,7 @@ export const flockMesh = {
   // double-tile them). Returns true if the mesh was a recognised primitive.
   retilePrimitiveUVs(mesh, { width, height, depth }, scale = null, texturePhysicalSize = 4) {
     if (!mesh) return false;
-    const shape =
-      mesh.metadata?.shapeType || (mesh.metadata?.shape === 'plane' ? 'Plane' : null);
+    const shape = mesh.metadata?.shapeType || (mesh.metadata?.shape === 'plane' ? 'Plane' : null);
     switch (shape) {
       case 'Box':
         flock.setSizeBasedBoxUVs(mesh, width, height, depth, texturePhysicalSize, scale);
diff --git a/api/microbit.js b/api/microbit.js
index a7ab86145..aa7462f4a 100644
--- a/api/microbit.js
+++ b/api/microbit.js
@@ -1,4 +1,4 @@
-import { getMicrobitManager } from "../microbit/manager.js";
+import { getMicrobitManager } from '../microbit/manager.js';
 
 // Kept for consistency with the other api modules; addMicrobit itself only
 // needs the manager.
@@ -20,19 +20,18 @@ export const flockMicrobit = {
    * tethers.
    */
   addMicrobit(variableName, channel = 1) {
-    if (typeof variableName !== "string" || variableName === "") {
-      console.warn("addMicrobit: variableName must be a non-empty string");
+    if (typeof variableName !== 'string' || variableName === '') {
+      console.warn('addMicrobit: variableName must be a non-empty string');
       return;
     }
-    const channelValue =
-      typeof channel === "string" ? Number(channel) : channel;
+    const channelValue = typeof channel === 'string' ? Number(channel) : channel;
     if (
-      typeof channelValue !== "number" ||
+      typeof channelValue !== 'number' ||
       !Number.isSafeInteger(channelValue) ||
       channelValue < 0 ||
       channelValue > 255
     ) {
-      console.warn("addMicrobit: channel must be an integer between 0 and 255");
+      console.warn('addMicrobit: channel must be an integer between 0 and 255');
       return;
     }
     getMicrobitManager().setVariableChannel(variableName, channelValue, {
@@ -47,24 +46,24 @@ export const flockMicrobit = {
    * are a silent no-op — images can only be sent over USB.
    */
   microbitShowImage(deviceName, pattern) {
-    if (typeof deviceName !== "string") {
-      console.warn("microbitShowImage: deviceName must be a string");
+    if (typeof deviceName !== 'string') {
+      console.warn('microbitShowImage: deviceName must be a string');
       return;
     }
-    if (typeof pattern !== "string") {
-      console.warn("microbitShowImage: pattern must be a string");
+    if (typeof pattern !== 'string') {
+      console.warn('microbitShowImage: pattern must be a string');
       return;
     }
     const manager = getMicrobitManager();
-    if (deviceName !== "" && !manager.isMicrobitVariable(deviceName)) {
+    if (deviceName !== '' && !manager.isMicrobitVariable(deviceName)) {
       _flock?.reportBlockError?.({
-        key: "not_a_microbit",
-        api: "microbitShowImage",
+        key: 'not_a_microbit',
+        api: 'microbitShowImage',
         values: { object: deviceName },
       });
       return;
     }
-    manager.showImage(deviceName === "" ? null : deviceName, pattern);
+    manager.showImage(deviceName === '' ? null : deviceName, pattern);
   },
 
   /**
@@ -75,23 +74,23 @@ export const flockMicrobit = {
    * are a silent no-op — text can only be sent over USB.
    */
   microbitScrollText(deviceName, text) {
-    if (typeof deviceName !== "string") {
-      console.warn("microbitScrollText: deviceName must be a string");
+    if (typeof deviceName !== 'string') {
+      console.warn('microbitScrollText: deviceName must be a string');
       return;
     }
-    if (typeof text !== "string" && typeof text !== "number") {
-      console.warn("microbitScrollText: text must be a string");
+    if (typeof text !== 'string' && typeof text !== 'number') {
+      console.warn('microbitScrollText: text must be a string');
       return;
     }
     const manager = getMicrobitManager();
-    if (deviceName !== "" && !manager.isMicrobitVariable(deviceName)) {
+    if (deviceName !== '' && !manager.isMicrobitVariable(deviceName)) {
       _flock?.reportBlockError?.({
-        key: "not_a_microbit",
-        api: "microbitScrollText",
+        key: 'not_a_microbit',
+        api: 'microbitScrollText',
         values: { object: deviceName },
       });
       return;
     }
-    manager.scrollText(deviceName === "" ? null : deviceName, String(text));
+    manager.scrollText(deviceName === '' ? null : deviceName, String(text));
   },
 };
diff --git a/api/models.js b/api/models.js
index 5f939f78a..0d88c77a4 100644
--- a/api/models.js
+++ b/api/models.js
@@ -11,12 +11,12 @@ export const flockModels = {
     scale = 1,
     position = { x: 0, y: 0, z: 0 },
     colors = {
-      hair: "#000000",
-      skin: "#a15c33",
-      eyes: "#0000ff",
-      sleeves: "#ff0000",
-      shorts: "#00ff00",
-      tshirt: "#0000ff",
+      hair: '#000000',
+      skin: '#a15c33',
+      eyes: '#0000ff',
+      sleeves: '#ff0000',
+      shorts: '#00ff00',
+      tshirt: '#0000ff',
     },
     callback = () => {},
   }) {
@@ -29,42 +29,42 @@ export const flockModels = {
         container.skeletons = [];
         container.animationGroups = [];
       } catch (_) {
-        console.warn("Suppressed non-critical error:", _);
+        console.warn('Suppressed non-critical error:', _);
       }
     };
 
     // --- bail if there is no live scene (e.g. called during dispose) ---
     if (!flock.scene || flock.scene.isDisposed) {
-      console.warn("createCharacter: no active scene");
-      return "error_no_scene";
+      console.warn('createCharacter: no active scene');
+      return 'error_no_scene';
     }
 
     // --- validate ---
-    if (!modelName || typeof modelName !== "string" || modelName.length > 100) {
-      console.warn("createCharacter: invalid modelName");
-      return "error_" + flock.scene.getUniqueId();
+    if (!modelName || typeof modelName !== 'string' || modelName.length > 100) {
+      console.warn('createCharacter: invalid modelName');
+      return 'error_' + flock.scene.getUniqueId();
     }
-    if (!modelId || typeof modelId !== "string" || modelId.length > 100) {
-      console.warn("createCharacter: invalid modelId");
-      return "error_" + flock.scene.getUniqueId();
+    if (!modelId || typeof modelId !== 'string' || modelId.length > 100) {
+      console.warn('createCharacter: invalid modelId');
+      return 'error_' + flock.scene.getUniqueId();
     }
 
     // --- parse BEFORE sanitizing so blockKey remains RAW ---
     let desiredBase = modelId; // e.g. "player__j9#WY5..."
     let blockKey = null;
-    if (desiredBase.includes("__")) {
-      [desiredBase, blockKey] = desiredBase.split("__");
+    if (desiredBase.includes('__')) {
+      [desiredBase, blockKey] = desiredBase.split('__');
     }
     // If no "__" was provided, fall back to base as the key (keeps prior behavior safe)
     if (!blockKey) blockKey = desiredBase;
 
     // --- sanitize ONLY modelName + BASE (NOT the blockKey) ---
-    modelName = modelName.replace(/[^a-zA-Z0-9._-]/g, "");
+    modelName = modelName.replace(/[^a-zA-Z0-9._-]/g, '');
     // Capture the original base name before sanitization so we can register it as
     // an alias in modelReadyPromises. This lets whenModelReady("dimnnd monkey", ...)
     // resolve correctly even though the actual mesh name is "dimnndmonkey".
     const originalBase = desiredBase;
-    desiredBase = desiredBase.replace(/[^a-zA-Z0-9._-]/g, "");
+    desiredBase = desiredBase.replace(/[^a-zA-Z0-9._-]/g, '');
     // The sanitized base, captured before _reserveName may append a collision
     // suffix. The bare-base alias must only bridge a genuine sanitization
     // difference (originalBase !== sanitizedBase); it must NOT be registered for
@@ -72,7 +72,7 @@ export const flockModels = {
     // would otherwise alias the bare model name onto the wrong instance.
     const sanitizedBase = desiredBase;
 
-    if (flock.maxMeshesReached()) return "error_" + flock.scene.getUniqueId();
+    if (flock.maxMeshesReached()) return 'error_' + flock.scene.getUniqueId();
 
     flock._recycleOldestByKey(modelName);
 
@@ -82,23 +82,17 @@ export const flockModels = {
     const groupName = desiredBase; // group by base for onTrigger applyToGroup
 
     // position/scale clamps
-    const x = Number.isFinite(position?.x)
-      ? Math.max(-1000, Math.min(1000, position.x))
-      : 0;
+    const x = Number.isFinite(position?.x) ? Math.max(-1000, Math.min(1000, position.x)) : 0;
     const groundLevelSentinel = -999999;
-    const numericY =
-      typeof position?.y === "string" ? Number(position.y) : position?.y;
+    const numericY = typeof position?.y === 'string' ? Number(position.y) : position?.y;
     const y =
-      position?.y === "__ground__level__" || numericY === groundLevelSentinel
+      position?.y === '__ground__level__' || numericY === groundLevelSentinel
         ? position.y
         : Number.isFinite(position?.y)
           ? Math.max(-1000, Math.min(1000, position.y))
           : 0;
-    const z = Number.isFinite(position?.z)
-      ? Math.max(-1000, Math.min(1000, position.z))
-      : 0;
-    if (!(typeof scale === "number" && scale >= 0.01 && scale <= 100))
-      scale = 1;
+    const z = Number.isFinite(position?.z) ? Math.max(-1000, Math.min(1000, position.z)) : 0;
+    if (!(typeof scale === 'number' && scale >= 0.01 && scale <= 100)) scale = 1;
 
     // --- create readiness deferred (resolve OR reject) + abort hookup ---
     let resolveReady, rejectReady;
@@ -125,9 +119,9 @@ export const flockModels = {
     const signal = flock.abortController?.signal;
     const onAbort = () => {
       try {
-        rejectReady(new Error("aborted"));
+        rejectReady(new Error('aborted'));
       } catch (error) {
-        console.warn("Suppressed non-critical error:", error);
+        console.warn('Suppressed non-critical error:', error);
       }
       flock.modelReadyPromises.delete(meshName);
       if (
@@ -136,10 +130,10 @@ export const flockModels = {
       )
         flock.modelReadyPromises.delete(originalBase);
       flock._releaseName?.(meshName);
-      signal?.removeEventListener("abort", onAbort);
+      signal?.removeEventListener('abort', onAbort);
     };
-    signal?.addEventListener("abort", onAbort, { once: true });
-    const cleanupAbort = () => signal?.removeEventListener("abort", onAbort);
+    signal?.addEventListener('abort', onAbort, { once: true });
+    const cleanupAbort = () => signal?.removeEventListener('abort', onAbort);
 
     // --- single load path ---
     flock.BABYLON.SceneLoader.LoadAssetContainerAsync(
@@ -148,7 +142,7 @@ export const flockModels = {
       flock.scene,
       null,
       null,
-      { signal: flock.abortController?.signal },
+      { signal: flock.abortController?.signal }
     )
       .then((container) => {
         // The scene was disposed / the load was aborted while this
@@ -161,10 +155,10 @@ export const flockModels = {
           try {
             container?.dispose?.();
           } catch (_) {
-            console.warn("Suppressed non-critical error:", _);
+            console.warn('Suppressed non-critical error:', _);
           }
           if (!signal?.aborted) {
-            rejectReady(new Error("scene disposed"));
+            rejectReady(new Error('scene disposed'));
             flock.modelReadyPromises.delete(meshName);
             if (
               originalBase !== sanitizedBase &&
@@ -181,16 +175,7 @@ export const flockModels = {
         container.addAllToScene();
 
         const mesh = container.meshes[0];
-        const bb = flock.setupMesh(
-          mesh,
-          modelName,
-          meshName,
-          blockKey,
-          scale,
-          x,
-          y,
-          z,
-        );
+        const bb = flock.setupMesh(mesh, modelName, meshName, blockKey, scale, x, y, z);
 
         // materials & colors
         flock.ensureStandardMaterial(mesh);
@@ -209,8 +194,8 @@ export const flockModels = {
         mesh.setEnabled(false);
 
         // Preload animations (non-blocking for readiness)
-        const animationPromises = ["Walk", "Jump", "Idle"].map((name) =>
-          flock.switchToAnimation(flock.scene, bb, name, false, false, false),
+        const animationPromises = ['Walk', 'Jump', 'Idle'].map((name) =>
+          flock.switchToAnimation(flock.scene, bb, name, false, false, false)
         );
 
         // After anims, run optional callback (await if it returns a promise), then show
@@ -219,9 +204,9 @@ export const flockModels = {
             if (callback) {
               try {
                 const result = callback();
-                if (result && typeof result.then === "function") await result;
+                if (result && typeof result.then === 'function') await result;
               } catch (err) {
-                console.error("Callback error:", err);
+                console.error('Callback error:', err);
               }
             }
           })
@@ -256,7 +241,7 @@ export const flockModels = {
         releaseContainer(container);
       })
       .catch((error) => {
-        console.log("❌ Error loading character:", error);
+        console.log('❌ Error loading character:', error);
         rejectReady(error);
         flock._releaseName(meshName);
         flock.modelReadyPromises.delete(meshName);
@@ -299,7 +284,7 @@ export const flockModels = {
         container.skeletons = [];
         container.animationGroups = [];
       } catch (_) {
-        console.warn("Suppressed non-critical error:", _);
+        console.warn('Suppressed non-critical error:', _);
       }
     };
 
@@ -316,10 +301,10 @@ export const flockModels = {
         m.metadata.originalNodeName = m.metadata.originalNodeName || m.name;
         m.metadata.isTemplate = true;
         m.metadata.templateTag = tag;
-        if ("isPickable" in m) m.isPickable = false;
-        if (typeof m.setEnabled === "function") m.setEnabled(false);
-        if ("isVisible" in m) m.isVisible = false;
-        if ("visibility" in m) m.visibility = 0;
+        if ('isPickable' in m) m.isPickable = false;
+        if (typeof m.setEnabled === 'function') m.setEnabled(false);
+        if ('isVisible' in m) m.isVisible = false;
+        if ('visibility' in m) m.visibility = 0;
       });
     };
 
@@ -329,10 +314,10 @@ export const flockModels = {
         if (m.metadata?.isTemplate) {
           m.metadata = { ...m.metadata, isTemplate: false };
         }
-        if ("isPickable" in m) m.isPickable = true;
-        if (typeof m.setEnabled === "function") m.setEnabled(true);
-        if ("isVisible" in m) m.isVisible = true;
-        if ("visibility" in m) m.visibility = 1;
+        if ('isPickable' in m) m.isPickable = true;
+        if (typeof m.setEnabled === 'function') m.setEnabled(true);
+        if ('isVisible' in m) m.isVisible = true;
+        if ('visibility' in m) m.visibility = 1;
       });
     };
 
@@ -353,7 +338,7 @@ export const flockModels = {
         position.x,
         position.y,
         position.z,
-        color,
+        color
       );
       applyMaterialToHierarchy(mesh, color);
       mesh.computeWorldMatrix(true);
@@ -366,22 +351,20 @@ export const flockModels = {
 
     try {
       if (!flock.scene || flock.scene.isDisposed) {
-        console.warn("createObject: no active scene");
-        return "error_no_scene";
+        console.warn('createObject: no active scene');
+        return 'error_no_scene';
       }
-      if (flock.maxMeshesReached()) return "error_" + flock.scene.getUniqueId();
+      if (flock.maxMeshesReached()) return 'error_' + flock.scene.getUniqueId();
 
-      let [desiredBase, bKey] = modelId.includes("__")
-        ? modelId.split("__")
-        : [modelId, modelId];
-      modelName = modelName.replace(/[^a-zA-Z0-9._-]/g, "");
-      desiredBase = desiredBase.replace(/[^a-zA-Z0-9._-]/g, "");
+      let [desiredBase, bKey] = modelId.includes('__') ? modelId.split('__') : [modelId, modelId];
+      modelName = modelName.replace(/[^a-zA-Z0-9._-]/g, '');
+      desiredBase = desiredBase.replace(/[^a-zA-Z0-9._-]/g, '');
 
       const meshName = flock._reserveName(desiredBase);
       const groupName = desiredBase;
 
       if (applyColor && !color) {
-        color = flock.objectColours?.[modelName] || ["#FFFFFF", "#FFFFFF"];
+        color = flock.objectColours?.[modelName] || ['#FFFFFF', '#FFFFFF'];
       }
 
       let resolveReady;
@@ -392,9 +375,7 @@ export const flockModels = {
 
       if (flock.modelCache[modelName]) {
         flock._recycleOldestByKey(modelName);
-        const mesh = flock.modelCache[modelName].clone(
-          flock.modelCache[modelName].name,
-        );
+        const mesh = flock.modelCache[modelName].clone(flock.modelCache[modelName].name);
         flock._registerInstance(modelName, meshName);
         finalizeMesh(mesh, meshName, groupName, bKey);
         resolveReady(mesh);
@@ -405,9 +386,7 @@ export const flockModels = {
         flock.modelsBeingLoaded[modelName].then(() => {
           if (!flock.scene || flock.scene.isDisposed) return;
           flock._recycleOldestByKey(modelName);
-          const mesh = flock.modelCache[modelName].clone(
-            flock.modelCache[modelName].name,
-          );
+          const mesh = flock.modelCache[modelName].clone(flock.modelCache[modelName].name);
           flock._registerInstance(modelName, meshName);
           finalizeMesh(mesh, meshName, groupName, bKey);
           resolveReady(mesh);
@@ -418,7 +397,7 @@ export const flockModels = {
       const loadPromise = flock.BABYLON.SceneLoader.LoadAssetContainerAsync(
         flock.modelPath,
         modelName,
-        flock.scene,
+        flock.scene
       );
       flock.modelsBeingLoaded[modelName] = loadPromise;
 
@@ -430,7 +409,7 @@ export const flockModels = {
           try {
             container?.dispose?.();
           } catch (_) {
-            console.warn("Suppressed non-critical error:", _);
+            console.warn('Suppressed non-critical error:', _);
           }
           delete flock.modelsBeingLoaded[modelName];
           return;
@@ -475,17 +454,11 @@ export const flockModels = {
 
       return meshName;
     } catch (error) {
-      console.warn("createObject failed; returning error id:", error);
-      return "error_" + flock.scene.getUniqueId();
+      console.warn('createObject failed; returning error id:', error);
+      return 'error_' + flock.scene.getUniqueId();
     }
   },
-  createModel({
-    modelName,
-    modelId,
-    scale = 1,
-    position = { x: 0, y: 0, z: 0 },
-    callback = null,
-  }) {
+  createModel({ modelName, modelId, scale = 1, position = { x: 0, y: 0, z: 0 }, callback = null }) {
     return flock.createObject({
       modelName,
       modelId,
@@ -507,7 +480,7 @@ export const flockModels = {
       container.skeletons = [];
       container.animationGroups = [];
     } catch (error) {
-      console.warn("releaseContainer cleanup failed:", error);
+      console.warn('releaseContainer cleanup failed:', error);
     }
   },
 };
diff --git a/api/movement.js b/api/movement.js
index 32eacda64..be8d3ab21 100644
--- a/api/movement.js
+++ b/api/movement.js
@@ -40,9 +40,7 @@ function sceneGravityMagnitude() {
 }
 
 function nowMs() {
-  return typeof performance !== 'undefined' && performance.now
-    ? performance.now()
-    : Date.now();
+  return typeof performance !== 'undefined' && performance.now ? performance.now() : Date.now();
 }
 
 export const flockMovement = {
diff --git a/api/physics.js b/api/physics.js
index cd5853a00..bf773c605 100644
--- a/api/physics.js
+++ b/api/physics.js
@@ -793,8 +793,8 @@ export const flockPhysics = {
             currentIndex = (currentIndex + 1) % callbacks.length;
           } catch (e) {
             flock.reportBlockError({
-              key: "trigger_block_failed",
-              api: "onTrigger",
+              key: 'trigger_block_failed',
+              api: 'onTrigger',
               error: e,
             });
           } finally {
diff --git a/api/sensing.js b/api/sensing.js
index 2db6b410d..09729f868 100644
--- a/api/sensing.js
+++ b/api/sensing.js
@@ -11,9 +11,9 @@ export const flockSensing = {
 
   getProperty(modelName, propertyName) {
     const mesh =
-      modelName === "__active_camera__"
+      modelName === '__active_camera__'
         ? flock.scene.activeCamera
-        : modelName === "__main_light__"
+        : modelName === '__main_light__'
           ? flock.mainLight
           : flock.scene.getMeshByName(modelName);
 
@@ -24,32 +24,28 @@ export const flockSensing = {
 
     // Use a consistent world position call (works for meshes, lights, and cameras).
     const absolutePosition =
-      typeof mesh.getAbsolutePosition === "function"
+      typeof mesh.getAbsolutePosition === 'function'
         ? mesh.getAbsolutePosition()
         : (mesh.globalPosition ?? mesh.position);
 
     const usesAbsolutePosition =
-      modelName === "__active_camera__" || modelName === "__main_light__";
+      modelName === '__active_camera__' || modelName === '__main_light__';
 
     const hasNumericXYZ = (value) =>
-      value &&
-      Number.isFinite(value.x) &&
-      Number.isFinite(value.y) &&
-      Number.isFinite(value.z);
+      value && Number.isFinite(value.x) && Number.isFinite(value.y) && Number.isFinite(value.z);
 
     const position = (() => {
       if (usesAbsolutePosition) {
         return absolutePosition;
       }
 
-      const anchor =
-        typeof flock._getAnchor === "function" ? flock._getAnchor(mesh) : null;
+      const anchor = typeof flock._getAnchor === 'function' ? flock._getAnchor(mesh) : null;
       if (hasNumericXYZ(anchor)) {
         return anchor;
       }
 
       const blockPosition =
-        typeof flock.getBlockPositionFromMesh === "function"
+        typeof flock.getBlockPositionFromMesh === 'function'
           ? flock.getBlockPositionFromMesh(mesh)
           : null;
       if (hasNumericXYZ(blockPosition)) {
@@ -72,96 +68,81 @@ export const flockSensing = {
     let allMeshes, materialNode, materialNodes;
 
     switch (propertyName) {
-      case "POSITION_X":
+      case 'POSITION_X':
         propertyValue = position ? parseFloat(position.x.toFixed(2)) : null;
         break;
-      case "POSITION_Y":
+      case 'POSITION_Y':
         propertyValue = position ? parseFloat(position.y.toFixed(2)) : null;
         break;
-      case "POSITION_Z":
+      case 'POSITION_Z':
         propertyValue = position ? parseFloat(position.z.toFixed(2)) : null;
         break;
 
-      case "ROTATION_X":
-        propertyValue = parseFloat(
-          flock.BABYLON.Tools.ToDegrees(rotEuler.x).toFixed(2),
-        );
+      case 'ROTATION_X':
+        propertyValue = parseFloat(flock.BABYLON.Tools.ToDegrees(rotEuler.x).toFixed(2));
         break;
-      case "ROTATION_Y":
-        propertyValue = parseFloat(
-          flock.BABYLON.Tools.ToDegrees(rotEuler.y).toFixed(2),
-        );
+      case 'ROTATION_Y':
+        propertyValue = parseFloat(flock.BABYLON.Tools.ToDegrees(rotEuler.y).toFixed(2));
         break;
-      case "ROTATION_Z":
-        propertyValue = parseFloat(
-          flock.BABYLON.Tools.ToDegrees(rotEuler.z).toFixed(2),
-        );
+      case 'ROTATION_Z':
+        propertyValue = parseFloat(flock.BABYLON.Tools.ToDegrees(rotEuler.z).toFixed(2));
         break;
 
-      case "SCALE_X":
+      case 'SCALE_X':
         propertyValue = parseFloat(mesh.scaling.x.toFixed(2));
         break;
-      case "SCALE_Y":
+      case 'SCALE_Y':
         propertyValue = parseFloat(mesh.scaling.y.toFixed(2));
         break;
-      case "SCALE_Z":
+      case 'SCALE_Z':
         propertyValue = parseFloat(mesh.scaling.z.toFixed(2));
         break;
 
-      case "SIZE_X": {
-        if (typeof mesh.refreshBoundingInfo === "function") {
+      case 'SIZE_X': {
+        if (typeof mesh.refreshBoundingInfo === 'function') {
           mesh.refreshBoundingInfo(true);
         }
         const bi = mesh.getBoundingInfo();
         propertyValue = parseFloat(
-          (
-            bi.boundingBox.maximumWorld.x - bi.boundingBox.minimumWorld.x
-          ).toFixed(2),
+          (bi.boundingBox.maximumWorld.x - bi.boundingBox.minimumWorld.x).toFixed(2)
         );
         break;
       }
-      case "SIZE_Y": {
-        if (typeof mesh.refreshBoundingInfo === "function") {
+      case 'SIZE_Y': {
+        if (typeof mesh.refreshBoundingInfo === 'function') {
           mesh.refreshBoundingInfo(true);
         }
         const bi = mesh.getBoundingInfo();
         propertyValue = parseFloat(
-          (
-            bi.boundingBox.maximumWorld.y - bi.boundingBox.minimumWorld.y
-          ).toFixed(2),
+          (bi.boundingBox.maximumWorld.y - bi.boundingBox.minimumWorld.y).toFixed(2)
         );
         break;
       }
-      case "SIZE_Z": {
-        if (typeof mesh.refreshBoundingInfo === "function") {
+      case 'SIZE_Z': {
+        if (typeof mesh.refreshBoundingInfo === 'function') {
           mesh.refreshBoundingInfo(true);
         }
         const bi = mesh.getBoundingInfo();
         propertyValue = parseFloat(
-          (
-            bi.boundingBox.maximumWorld.z - bi.boundingBox.minimumWorld.z
-          ).toFixed(2),
+          (bi.boundingBox.maximumWorld.z - bi.boundingBox.minimumWorld.z).toFixed(2)
         );
         break;
       }
 
       // Speed per world axis, and overall speed. 0 with no live physics body.
-      case "SPEED_X":
-      case "SPEED_Y":
-      case "SPEED_Z":
-      case "SPEED": {
+      case 'SPEED_X':
+      case 'SPEED_Y':
+      case 'SPEED_Z':
+      case 'SPEED': {
         const body = mesh.physics;
-        const v =
-          body && body._pluginData?.hpBodyId
-            ? body.getLinearVelocity()
-            : null;
+        const v = body && body._pluginData?.hpBodyId ? body.getLinearVelocity() : null;
         if (!v) {
           propertyValue = 0;
-        } else if (propertyName === "SPEED_X") {
+        } else if (propertyName === 'SPEED_X') {
           propertyValue = parseFloat(v.x.toFixed(2));
-        } else if (propertyName === "SPEED_Y") {
+        } else if (propertyName === 'SPEED_Y') {
           propertyValue = parseFloat(v.y.toFixed(2));
-        } else if (propertyName === "SPEED_Z") {
+        } else if (propertyName === 'SPEED_Z') {
           propertyValue = parseFloat(v.z.toFixed(2));
         } else {
           propertyValue = parseFloat(v.length().toFixed(2));
@@ -171,48 +152,48 @@ export const flockSensing = {
 
       // MIN/MAX: return consistent world AABB extents.
       // (Origin-specific adjustments previously mixed local/world spaces and manual scaling.)
-      case "MIN_X": {
-        if (typeof mesh.refreshBoundingInfo === "function") {
+      case 'MIN_X': {
+        if (typeof mesh.refreshBoundingInfo === 'function') {
           mesh.refreshBoundingInfo(true);
         }
         const bi = mesh.getBoundingInfo();
         propertyValue = bi.boundingBox.minimumWorld.x;
         break;
       }
-      case "MAX_X": {
-        if (typeof mesh.refreshBoundingInfo === "function") {
+      case 'MAX_X': {
+        if (typeof mesh.refreshBoundingInfo === 'function') {
           mesh.refreshBoundingInfo(true);
         }
         const bi = mesh.getBoundingInfo();
         propertyValue = bi.boundingBox.maximumWorld.x;
         break;
       }
-      case "MIN_Y": {
-        if (typeof mesh.refreshBoundingInfo === "function") {
+      case 'MIN_Y': {
+        if (typeof mesh.refreshBoundingInfo === 'function') {
           mesh.refreshBoundingInfo(true);
         }
         const bi = mesh.getBoundingInfo();
         propertyValue = bi.boundingBox.minimumWorld.y;
         break;
       }
-      case "MAX_Y": {
-        if (typeof mesh.refreshBoundingInfo === "function") {
+      case 'MAX_Y': {
+        if (typeof mesh.refreshBoundingInfo === 'function') {
           mesh.refreshBoundingInfo(true);
         }
         const bi = mesh.getBoundingInfo();
         propertyValue = bi.boundingBox.maximumWorld.y;
         break;
       }
-      case "MIN_Z": {
-        if (typeof mesh.refreshBoundingInfo === "function") {
+      case 'MIN_Z': {
+        if (typeof mesh.refreshBoundingInfo === 'function') {
           mesh.refreshBoundingInfo(true);
         }
         const bi = mesh.getBoundingInfo();
         propertyValue = bi.boundingBox.minimumWorld.z;
         break;
       }
-      case "MAX_Z": {
-        if (typeof mesh.refreshBoundingInfo === "function") {
+      case 'MAX_Z': {
+        if (typeof mesh.refreshBoundingInfo === 'function') {
           mesh.refreshBoundingInfo(true);
         }
         const bi = mesh.getBoundingInfo();
@@ -220,11 +201,11 @@ export const flockSensing = {
         break;
       }
 
-      case "VISIBLE":
+      case 'VISIBLE':
         propertyValue = mesh.isEnabled() && mesh.isVisible;
         break;
 
-      case "ALPHA":
+      case 'ALPHA':
         allMeshes = [mesh].concat(mesh.getDescendants?.() ?? []);
         materialNode = allMeshes.find((node) => node.material);
 
@@ -233,7 +214,7 @@ export const flockSensing = {
         }
         break;
 
-      case "COLOUR":
+      case 'COLOUR':
         allMeshes = [mesh].concat(mesh.getDescendants?.() ?? []);
         materialNodes = allMeshes.filter((node) => node.material);
 
@@ -251,17 +232,14 @@ export const flockSensing = {
         if (colors.length === 1) {
           propertyValue = colors[0];
         } else if (colors.length > 1) {
-          propertyValue = colors.join(", ");
+          propertyValue = colors.join(', ');
         }
         break;
 
-      case "DESCRIPTION": {
+      case 'DESCRIPTION': {
         const root = mesh.metadata?.boundingBox ?? mesh;
         propertyValue = root.metadata?.displayName ?? null;
-        if (
-          propertyValue === null &&
-          typeof root.getChildMeshes === "function"
-        ) {
+        if (propertyValue === null && typeof root.getChildMeshes === 'function') {
           for (const child of root.getChildMeshes(false)) {
             if (child.metadata?.displayName != null) {
               propertyValue = child.metadata.displayName;
@@ -273,14 +251,14 @@ export const flockSensing = {
       }
 
       default:
-        console.log("Property not recognized.");
+        console.log('Property not recognized.');
     }
 
     return propertyValue;
   },
   keyPressed(key) {
-    if (key === "ANY") return flock.inputManager.heldKeyCount() > 0;
-    if (key === "NONE") return flock.inputManager.heldKeyCount() === 0;
+    if (key === 'ANY') return flock.inputManager.heldKeyCount() > 0;
+    if (key === 'NONE') return flock.inputManager.heldKeyCount() === 0;
     return flock.inputManager.isKeyDown(key);
   },
   setActionKey(action, key) {
@@ -297,11 +275,11 @@ export const flockSensing = {
   },
   convertTime(ms, unit) {
     switch (unit) {
-      case "milliseconds":
+      case 'milliseconds':
         return ms;
-      case "minutes":
+      case 'minutes':
         return Math.floor(ms / 60000);
-      case "seconds":
+      case 'seconds':
       default:
         return Math.floor(ms / 1000);
     }
diff --git a/api/sound.js b/api/sound.js
index bedb66940..4fa4b619d 100644
--- a/api/sound.js
+++ b/api/sound.js
@@ -23,14 +23,18 @@ const soundBufferCache = new Map(); // soundUrl → Promise<AudioBuffer>
 // α = 0.4 gives a ~33 ms time constant at 60 fps, enough to damp
 // rapid panning swings without perceptible spatial lag.
 const LISTENER_SMOOTH = 0.4;
-const PANNER_SMOOTH   = 0.4;
+const PANNER_SMOOTH = 0.4;
 
 // Smoothed listener state — shared across all sounds in the same context.
 // Stored at module level so every updateListenerPositionAndOrientation call
 // continues from the same running average rather than resetting each time.
 let _listenerCtx = null;
-let _slx = 0, _sly = 0, _slz = 0; // smoothed listener position
-let _sfx = 0, _sfy = 0, _sfz = 0; // smoothed listener forward
+let _slx = 0,
+  _sly = 0,
+  _slz = 0; // smoothed listener position
+let _sfx = 0,
+  _sfy = 0,
+  _sfz = 0; // smoothed listener forward
 
 const _gestureWaits = new WeakMap();
 
@@ -47,7 +51,7 @@ async function loadAudioBuffer(url, context) {
         .catch((err) => {
           soundBufferCache.delete(url);
           throw err;
-        }),
+        })
     );
   }
   return soundBufferCache.get(url);
@@ -68,8 +72,16 @@ function playBufferEverywhere(context, buffer, soundName, { loop, volume, playba
   const finish = () => {
     if (done) return;
     done = true;
-    try { source.stop(); } catch { /* already stopped */ }
-    try { gainNode.disconnect(); } catch { /* already disconnected */ }
+    try {
+      source.stop();
+    } catch {
+      /* already stopped */
+    }
+    try {
+      gainNode.disconnect();
+    } catch {
+      /* already disconnected */
+    }
     const idx = flock.globalSounds.indexOf(soundRef);
     if (idx !== -1) flock.globalSounds.splice(idx, 1);
   };
@@ -86,7 +98,10 @@ function playBufferEverywhere(context, buffer, soundName, { loop, volume, playba
 
   if (!loop) {
     return new Promise((resolve) => {
-      source.onended = () => { finish(); resolve(); };
+      source.onended = () => {
+        finish();
+        resolve();
+      };
     });
   }
   return soundRef;
@@ -97,7 +112,11 @@ function playBufferOnMesh(context, mesh, buffer, soundName, { loop, volume, play
 
   const currentSound = mesh.metadata.currentSound;
   if (currentSound) {
-    try { currentSound.stop(); } catch { /* already stopped */ }
+    try {
+      currentSound.stop();
+    } catch {
+      /* already stopped */
+    }
   }
 
   const panner = context.createPanner();
@@ -119,11 +138,19 @@ function playBufferOnMesh(context, mesh, buffer, soundName, { loop, volume, play
   source.connect(gainNode);
 
   // Smoothed panner position — initialised to the mesh's starting position.
-  let sx = mesh.position.x, sy = mesh.position.y, sz = mesh.position.z;
+  let sx = mesh.position.x,
+    sy = mesh.position.y,
+    sz = mesh.position.z;
 
   const updatePosition = () => {
-    if (!flock.scene || context.state === 'closed') { finish(); return; }
-    if (mesh.isDisposed?.()) { finish(); return; }
+    if (!flock.scene || context.state === 'closed') {
+      finish();
+      return;
+    }
+    if (mesh.isDisposed?.()) {
+      finish();
+      return;
+    }
     const { x, y, z } = mesh.position;
     sx += PANNER_SMOOTH * (x - sx);
     sy += PANNER_SMOOTH * (y - sy);
@@ -143,10 +170,26 @@ function playBufferOnMesh(context, mesh, buffer, soundName, { loop, volume, play
     if (done) return;
     done = true;
     flock.scene?.onBeforeRenderObservable?.remove(observer);
-    try { source.stop(); } catch { /* already stopped */ }
-    try { source.disconnect(); } catch { /* already disconnected */ }
-    try { gainNode.disconnect(); } catch { /* already disconnected */ }
-    try { panner.disconnect(); } catch { /* already disconnected */ }
+    try {
+      source.stop();
+    } catch {
+      /* already stopped */
+    }
+    try {
+      source.disconnect();
+    } catch {
+      /* already disconnected */
+    }
+    try {
+      gainNode.disconnect();
+    } catch {
+      /* already disconnected */
+    }
+    try {
+      panner.disconnect();
+    } catch {
+      /* already disconnected */
+    }
     if (mesh.metadata?.currentSound === soundRef) delete mesh.metadata.currentSound;
     const idx = flock.globalSounds.indexOf(soundRef);
     if (idx !== -1) flock.globalSounds.splice(idx, 1);
@@ -166,7 +209,10 @@ function playBufferOnMesh(context, mesh, buffer, soundName, { loop, volume, play
 
   if (!loop) {
     return new Promise((resolve) => {
-      source.onended = () => { finish(); resolve(); };
+      source.onended = () => {
+        finish();
+        resolve();
+      };
     });
   }
   return soundRef;
@@ -222,13 +268,19 @@ async function safeResume(context) {
         };
         const handler = () => {
           cleanup();
-          context.resume().catch(() => {}).finally(resolve);
+          context
+            .resume()
+            .catch(() => {})
+            .finally(resolve);
         };
         document.addEventListener('pointerdown', handler);
         document.addEventListener('touchstart', handler, { passive: true });
         // Abandon after 10 s — prevents a permanent listener leak when programmatic
         // audio fires but the user never gestures (e.g. background tab, navigation).
-        timer = setTimeout(() => { cleanup(); resolve(); }, 10000);
+        timer = setTimeout(() => {
+          cleanup();
+          resolve();
+        }, 10000);
       });
       _gestureWaits.set(context, wait);
     }
@@ -283,17 +335,12 @@ function getNoteBus(context) {
 }
 
 export const flockSound = {
-  async playSound(
-    meshName,
-    { soundName, loop = false, volume = 1, playbackRate = 1 } = {},
-  ) {
+  async playSound(meshName, { soundName, loop = false, volume = 1, playbackRate = 1 } = {}) {
     volume = Number.isFinite(Number(volume)) ? Math.max(0, Math.min(1, Number(volume))) : 1;
     playbackRate =
-      Number.isFinite(Number(playbackRate)) && Number(playbackRate) > 0
-        ? Number(playbackRate)
-        : 1;
-    if (!soundName || typeof soundName !== "string") {
-      console.warn("playSound: invalid soundName");
+      Number.isFinite(Number(playbackRate)) && Number(playbackRate) > 0 ? Number(playbackRate) : 1;
+    if (!soundName || typeof soundName !== 'string') {
+      console.warn('playSound: invalid soundName');
       return;
     }
 
@@ -309,17 +356,17 @@ export const flockSound = {
       buffer = await loadAudioBuffer(soundUrl, context);
     } catch (err) {
       flock.reportBlockError({
-        key: "sound_load_failed",
-        api: "playSound",
+        key: 'sound_load_failed',
+        api: 'playSound',
         values: { sound: soundName, url: soundUrl },
         error: err,
       });
       return;
     }
 
-    if (context.state === "closed") return;
+    if (context.state === 'closed') return;
 
-    if (meshName === "__everywhere__") {
+    if (meshName === '__everywhere__') {
       return playBufferEverywhere(context, buffer, soundName, { loop, volume, playbackRate });
     }
 
@@ -330,19 +377,20 @@ export const flockSound = {
 
     return new Promise((resolve) => {
       flock.whenModelReady(meshName, async (resolvedMesh) => {
-        if (flock.audioContext !== context) { resolve(); return; }
+        if (flock.audioContext !== context) {
+          resolve();
+          return;
+        }
         // Spatial playback reads resolvedMesh.position every frame.
-        if (!flock.requireMesh(resolvedMesh, { api: "playSound", name: meshName })) {
+        if (!flock.requireMesh(resolvedMesh, { api: 'playSound', name: meshName })) {
           resolve();
           return;
         }
-        const result = await playBufferOnMesh(
-          context,
-          resolvedMesh,
-          buffer,
-          soundName,
-          { loop, volume, playbackRate },
-        );
+        const result = await playBufferOnMesh(context, resolvedMesh, buffer, soundName, {
+          loop,
+          volume,
+          playbackRate,
+        });
         resolve(result);
       });
     });
@@ -353,7 +401,11 @@ export const flockSound = {
       flock._speechGeneration = (flock._speechGeneration ?? 0) + 1;
       flock._speechPausedByVisibility = false;
     }
-    try { window.speechSynthesis?.cancel(); } catch { /* unsupported */ }
+    try {
+      window.speechSynthesis?.cancel();
+    } catch {
+      /* unsupported */
+    }
 
     if (!flock?.globalSounds) return;
     soundBufferCache.clear();
@@ -363,14 +415,18 @@ export const flockSound = {
       try {
         sound.stop();
       } catch (e) {
-        console.warn("Error stopping sound:", sound.name, e);
+        console.warn('Error stopping sound:', sound.name, e);
       }
     }
 
     // Immediately disconnect the __everywhere__ gain — context.close() is async and
     // a brief window exists where the old gain can still feed the destination.
     if (flock._everywhereGain) {
-      try { flock._everywhereGain.disconnect(); } catch { /* already detached */ }
+      try {
+        flock._everywhereGain.disconnect();
+      } catch {
+        /* already detached */
+      }
       flock._everywhereGain = null;
     }
 
@@ -383,14 +439,14 @@ export const flockSound = {
     // so _listenerCtx would otherwise hold the last closed context indefinitely.
     _listenerCtx = null;
 
-    if (!ctx || ctx.state === "closed") return;
+    if (!ctx || ctx.state === 'closed') return;
 
     // Don't close Babylon's own context — it gets closed when audioEngine.dispose() runs.
     // Closing it here would break Babylon's audio graph on the next scene load.
     const isBabylonOwned = flock.audioEngine?._audioContext === ctx;
     if (!isBabylonOwned) {
       ctx.close().catch((error) => {
-        console.error("Error closing audio context:", error);
+        console.error('Error closing audio context:', error);
       });
     }
   },
@@ -406,7 +462,11 @@ export const flockSound = {
       const synth = window.speechSynthesis;
       if (synth?.speaking && !synth.paused) {
         flock._speechPausedByVisibility = true;
-        try { synth.pause(); } catch { /* unsupported */ }
+        try {
+          synth.pause();
+        } catch {
+          /* unsupported */
+        }
       }
 
       // An interruption before visibilitychange leaves 'interrupted', not 'running'.
@@ -428,7 +488,11 @@ export const flockSound = {
 
     if (flock._speechPausedByVisibility) {
       flock._speechPausedByVisibility = false;
-      try { window.speechSynthesis?.resume(); } catch { /* unsupported */ }
+      try {
+        window.speechSynthesis?.resume();
+      } catch {
+        /* unsupported */
+      }
     }
 
     if (!flock._audioSuspendedByVisibility) return;
@@ -442,33 +506,25 @@ export const flockSound = {
   },
   async playNotes(
     meshName,
-    {
-      notes = [],
-      durations = [],
-      instrument = flock.createInstrument("square"),
-    } = {},
+    { notes = [], durations = [], instrument = flock.createInstrument('square') } = {}
   ) {
     // Clear any prior stopAllSounds abort; stop must not disable future playback.
     flock._audioStopped = false;
-    notes = notes.map((note) => (note === "_" ? null : note));
+    notes = notes.map((note) => (note === '_' ? null : note));
     durations = durations.map(Number);
 
     const getBPM = (obj) => obj?.metadata?.bpm || null;
 
     await flock.ensureAudio();
     const context = getOrCreateContext();
-    if (!context || context.state === "closed") return;
+    if (!context || context.state === 'closed') return;
     await safeResume(context);
-    if (context.state === "closed") return;
+    if (context.state === 'closed') return;
     if (flock._audioStopped) return;
 
     const scheduleNotes = (mesh, outputNode, observer) => {
       return new Promise((resolve) => {
-        let bpm =
-          getBPM(mesh) ||
-          getBPM(mesh?.parent) ||
-          getBPM(flock.scene) ||
-          60;
+        let bpm = getBPM(mesh) || getBPM(mesh?.parent) || getBPM(flock.scene) || 60;
         bpm = Number(bpm);
         if (!isFinite(bpm) || bpm <= 0) bpm = 60;
 
@@ -488,7 +544,7 @@ export const flockSound = {
               duration,
               bpm,
               baseTime + offsetTime,
-              instrument,
+              instrument
             );
           }
 
@@ -505,10 +561,14 @@ export const flockSound = {
       });
     };
 
-    if (meshName === "__everywhere__") {
+    if (meshName === '__everywhere__') {
       // context.close() is async; a lingering prior gain would briefly double the output.
       if (flock._everywhereGain) {
-        try { flock._everywhereGain.disconnect(); } catch { /* already detached */ }
+        try {
+          flock._everywhereGain.disconnect();
+        } catch {
+          /* already detached */
+        }
         flock._everywhereGain = null;
       }
       const gain = context.createGain();
@@ -516,7 +576,11 @@ export const flockSound = {
       gain.connect(getNoteBus(context));
       return scheduleNotes(null, gain, null).then(() => {
         if (flock._everywhereGain === gain) flock._everywhereGain = null;
-        try { gain.disconnect(); } catch { /* already detached */ }
+        try {
+          gain.disconnect();
+        } catch {
+          /* already detached */
+        }
       });
     }
 
@@ -527,7 +591,7 @@ export const flockSound = {
           return;
         }
         if (!mesh?.position) {
-          console.error("Mesh does not have a position property:", mesh);
+          console.error('Mesh does not have a position property:', mesh);
           resolve();
           return;
         }
@@ -536,18 +600,26 @@ export const flockSound = {
 
         if (!mesh.metadata.panner || mesh.metadata.panner.context !== context) {
           if (mesh.metadata.panner) {
-            try { mesh.metadata.panner.disconnect(); } catch { /* already disconnected */ }
+            try {
+              mesh.metadata.panner.disconnect();
+            } catch {
+              /* already disconnected */
+            }
           }
           const panner = context.createPanner();
           mesh.metadata.panner = panner;
-          panner.panningModel = "equalpower";
-          panner.distanceModel = "linear";
+          panner.panningModel = 'equalpower';
+          panner.distanceModel = 'linear';
           panner.refDistance = 1;
           panner.maxDistance = 20;
           panner.rolloffFactor = 1;
           panner.connect(getNoteBus(context));
           mesh.onDisposeObservable?.addOnce(() => {
-            try { panner.disconnect(); } catch { /* already disconnected */ }
+            try {
+              panner.disconnect();
+            } catch {
+              /* already disconnected */
+            }
             if (mesh.metadata?.panner === panner) delete mesh.metadata.panner;
           });
         }
@@ -561,10 +633,7 @@ export const flockSound = {
           panner.positionY.value = y;
           panner.positionZ.value = z;
           if (!flock.audioEngine && flock.scene.activeCamera) {
-            flockSound.updateListenerPositionAndOrientation(
-              context,
-              flock.scene.activeCamera,
-            );
+            flockSound.updateListenerPositionAndOrientation(context, flock.scene.activeCamera);
           }
         };
         updatePositions();
@@ -575,19 +644,11 @@ export const flockSound = {
       });
     });
   },
-  playMidiNote(
-    context,
-    mesh,
-    note,
-    duration,
-    bpm,
-    playTime,
-    instrument = null,
-  ) {
-    if (!context || context.state === "closed") return;
+  playMidiNote(context, mesh, note, duration, bpm, playTime, instrument = null) {
+    if (!context || context.state === 'closed') return;
 
     if (!isFinite(duration) || !isFinite(playTime) || !isFinite(bpm)) {
-      console.warn("playMidiNote: Invalid parameters", {
+      console.warn('playMidiNote: Invalid parameters', {
         duration,
         playTime,
         bpm,
@@ -601,25 +662,23 @@ export const flockSound = {
     gainNode.gain.setValueAtTime(0, context.currentTime); // silent until envelope starts
     const panner = mesh.metadata.panner;
 
-    osc.type = instrument?.type ?? "sine";
+    osc.type = instrument?.type ?? 'sine';
     osc.frequency.value = flock.midiToFrequency(note);
 
-    const effect = instrument?.effect ?? "none";
+    const effect = instrument?.effect ?? 'none';
     const effectRate = instrument?.effectRate ?? 5;
     const effectDepth = instrument?.effectDepth ?? 0.5;
     let lfo = null;
     let lfoGain = null;
-    if (effect !== "none") {
+    if (effect !== 'none') {
       lfo = context.createOscillator();
       lfoGain = context.createGain();
-      lfo.type = effect === "warble" ? "square" : "sine";
-      lfo.frequency.value = effect === "robot" ? effectRate * 100 : effectRate;
+      lfo.type = effect === 'warble' ? 'square' : 'sine';
+      lfo.frequency.value = effect === 'robot' ? effectRate * 100 : effectRate;
       lfoGain.gain.value =
-        effect === "tremolo"
-          ? effectDepth
-          : osc.frequency.value * effectDepth * 0.5;
+        effect === 'tremolo' ? effectDepth : osc.frequency.value * effectDepth * 0.5;
       lfo.connect(lfoGain);
-      if (effect === "tremolo") {
+      if (effect === 'tremolo') {
         lfoGain.connect(gainNode.gain);
       } else {
         lfoGain.connect(osc.frequency);
@@ -683,15 +742,22 @@ export const flockSound = {
     const cleanupDelay = Math.max(100, (stopTime - context.currentTime + 0.5) * 1000);
     cancelCleanup = audioTimer(context, cleanupDelay, doDisconnect);
 
-    noteRef = { name: 'note', stop() { try { osc.stop(0); } catch { /* already stopped */ } doDisconnect(); } };
+    noteRef = {
+      name: 'note',
+      stop() {
+        try {
+          osc.stop(0);
+        } catch {
+          /* already stopped */
+        }
+        doDisconnect();
+      },
+    };
     if (flock.globalSounds) flock.globalSounds.push(noteRef);
   },
   midiToFrequency(note) {
     const parsed = Number(note);
-    note = Math.min(
-      127,
-      Math.max(0, Math.round(Number.isNaN(parsed) ? 60 : parsed)),
-    ); // Clamp to valid MIDI range 0-127
+    note = Math.min(127, Math.max(0, Math.round(Number.isNaN(parsed) ? 60 : parsed))); // Clamp to valid MIDI range 0-127
     return 440 * Math.pow(2, (note - 69) / 12); // Convert MIDI note to frequency
   },
   durationInSeconds(duration, bpm) {
@@ -705,18 +771,18 @@ export const flockSound = {
       decay = 0.3,
       sustain = 0.7,
       release = 1.0,
-      effect = "none",
+      effect = 'none',
       effectRate = 5,
       effectDepth = 0.5,
-    } = {},
+    } = {}
   ) {
     // Clamp parameters to valid ranges
     const toNum = (v, def) => {
       const n = Number(v);
       return Number.isNaN(n) ? def : n;
     };
-    const validEffects = ["none", "tremolo", "vibrato", "warble", "robot"];
-    effect = validEffects.includes(effect) ? effect : "none";
+    const validEffects = ['none', 'tremolo', 'vibrato', 'warble', 'robot'];
+    effect = validEffects.includes(effect) ? effect : 'none';
     volume = Math.min(1, Math.max(0, toNum(volume, 1.0)));
     attack = Math.min(5, Math.max(0, toNum(attack, 0.1)));
     decay = Math.min(5, Math.max(0, toNum(decay, 0.3)));
@@ -742,8 +808,8 @@ export const flockSound = {
     const safeBpm = Number.isFinite(Number(bpm)) && Number(bpm) > 0 ? Number(bpm) : 60;
     bpm = safeBpm;
 
-    if (meshName === "__everywhere__") {
-      if (!flock.scene.metadata || typeof flock.scene.metadata !== "object") {
+    if (meshName === '__everywhere__') {
+      if (!flock.scene.metadata || typeof flock.scene.metadata !== 'object') {
         flock.scene.metadata = {};
       }
       flock.scene.metadata.bpm = bpm;
@@ -754,15 +820,15 @@ export const flockSound = {
       flock.whenModelReady(meshName, async function (mesh) {
         if (!mesh) {
           flock.reportBlockError({
-            key: "object_not_found",
-            api: "setBPM",
+            key: 'object_not_found',
+            api: 'setBPM',
             values: { object: meshName },
           });
           resolve();
           return;
         }
 
-        if (!mesh.metadata || typeof mesh.metadata !== "object") {
+        if (!mesh.metadata || typeof mesh.metadata !== 'object') {
           mesh.metadata = {};
         }
 
@@ -772,11 +838,8 @@ export const flockSound = {
     });
   },
   async playMusic(meshName, { notes = [], instrument = null } = {}) {
-    const effectiveInstrument = instrument ?? flock.createInstrument("sine");
-    const flatNotes =
-      notes.length > 0 && Array.isArray(notes[0])
-        ? notes.flat()
-        : notes;
+    const effectiveInstrument = instrument ?? flock.createInstrument('sine');
+    const flatNotes = notes.length > 0 && Array.isArray(notes[0]) ? notes.flat() : notes;
     const pitches = flatNotes.map((n) => n?.pitch ?? null);
     const baseDurations = flatNotes.map((n) => n?.duration ?? 0.5);
 
@@ -784,10 +847,10 @@ export const flockSound = {
       Math.max(
         0.01,
         Number(
-          meshName === "__everywhere__"
+          meshName === '__everywhere__'
             ? flock.scene?.metadata?.musicSpeed
-            : mesh?.metadata?.musicSpeed,
-        ) || 1,
+            : mesh?.metadata?.musicSpeed
+        ) || 1
       );
 
     const playForMesh = async (mesh) => {
@@ -800,7 +863,7 @@ export const flockSound = {
       });
     };
 
-    if (meshName === "__everywhere__") {
+    if (meshName === '__everywhere__') {
       return playForMesh(null);
     }
 
@@ -814,8 +877,8 @@ export const flockSound = {
   setMusicSpeed(meshName, speed) {
     const validSpeed = Math.max(0.01, Number(speed) || 1);
 
-    if (meshName === "__everywhere__") {
-      if (!flock.scene.metadata || typeof flock.scene.metadata !== "object") {
+    if (meshName === '__everywhere__') {
+      if (!flock.scene.metadata || typeof flock.scene.metadata !== 'object') {
         flock.scene.metadata = {};
       }
       flock.scene.metadata.musicSpeed = validSpeed;
@@ -824,7 +887,7 @@ export const flockSound = {
 
     return new Promise((resolve) => {
       flock.whenModelReady(meshName, function (mesh) {
-        if (!mesh.metadata || typeof mesh.metadata !== "object") {
+        if (!mesh.metadata || typeof mesh.metadata !== 'object') {
           mesh.metadata = {};
         }
         mesh.metadata.musicSpeed = validSpeed;
@@ -836,18 +899,24 @@ export const flockSound = {
     if (!context || !camera) return;
     const { x: cx, y: cy, z: cz } = camera.position;
     const fwd = camera.getForwardRay().direction;
-    const tfx = -fwd.x, tfy = fwd.y, tfz = fwd.z;
+    const tfx = -fwd.x,
+      tfy = fwd.y,
+      tfz = fwd.z;
 
     // Reset smooth state when the audio context changes (e.g. after stopAllSounds).
     // Otherwise continue from the running average so position/orientation never jump.
     if (context !== _listenerCtx) {
       _listenerCtx = context;
-      _slx = cx;  _sly = cy;  _slz = cz;
-      _sfx = tfx; _sfy = tfy; _sfz = tfz;
+      _slx = cx;
+      _sly = cy;
+      _slz = cz;
+      _sfx = tfx;
+      _sfy = tfy;
+      _sfz = tfz;
     } else {
-      _slx += LISTENER_SMOOTH * (cx  - _slx);
-      _sly += LISTENER_SMOOTH * (cy  - _sly);
-      _slz += LISTENER_SMOOTH * (cz  - _slz);
+      _slx += LISTENER_SMOOTH * (cx - _slx);
+      _sly += LISTENER_SMOOTH * (cy - _sly);
+      _slz += LISTENER_SMOOTH * (cz - _slz);
       _sfx += LISTENER_SMOOTH * (tfx - _sfx);
       _sfy += LISTENER_SMOOTH * (tfy - _sfy);
       _sfz += LISTENER_SMOOTH * (tfz - _sfz);
@@ -880,19 +949,12 @@ export const flockSound = {
   async speak(
     meshName,
     text,
-    {
-      voice = "female",
-      language = "en-US",
-      rate = 1,
-      pitch = 1,
-      volume = 1,
-      mode = "start",
-    } = {},
+    { voice = 'female', language = 'en-US', rate = 1, pitch = 1, volume = 1, mode = 'start' } = {}
   ) {
     // Check for Web Speech API support
-    if (!("speechSynthesis" in window)) {
-      console.warn("Text-to-speech not supported in this browser");
-      return mode === "await" ? Promise.resolve() : undefined;
+    if (!('speechSynthesis' in window)) {
+      console.warn('Text-to-speech not supported in this browser');
+      return mode === 'await' ? Promise.resolve() : undefined;
     }
 
     // cancel() cannot reach an utterance that is not queued yet.
@@ -913,11 +975,8 @@ export const flockSound = {
 
     // Handle spatial audio if meshName is provided and not "__everywhere__"
     let spatialAudioSetup = null;
-    if (meshName && meshName !== "__everywhere__") {
-      spatialAudioSetup = await flockSound.setupSpatialSpeech(
-        utterance,
-        meshName,
-      );
+    if (meshName && meshName !== '__everywhere__') {
+      spatialAudioSetup = await flockSound.setupSpatialSpeech(utterance, meshName);
     }
 
     // Set voice if available - handle voice loading timing
@@ -950,110 +1009,108 @@ export const flockSound = {
 
       // Common voice names by platform and gender
       const commonVoices = {
-        "en-US": {
+        'en-US': {
           male: [
             // Windows
-            "david",
-            "mark",
-            "zira",
-            "james",
+            'david',
+            'mark',
+            'zira',
+            'james',
             // macOS/iOS
-            "nathan",
-            "alex",
-            "daniel",
-            "fred",
-            "jorge",
-            "tom",
+            'nathan',
+            'alex',
+            'daniel',
+            'fred',
+            'jorge',
+            'tom',
             // Android/Chrome
-            "male",
-            "man",
+            'male',
+            'man',
           ],
           female: [
             // Windows
-            "zira",
-            "hazel",
-            "helen",
+            'zira',
+            'hazel',
+            'helen',
             // macOS/iOS
-            "samantha",
-            "susan",
-            "allison",
-            "ava",
-            "zoe",
-            "karen",
-            "moira",
-            "tessa",
-            "veera",
-            "victoria",
+            'samantha',
+            'susan',
+            'allison',
+            'ava',
+            'zoe',
+            'karen',
+            'moira',
+            'tessa',
+            'veera',
+            'victoria',
             // Android/Chrome
-            "female",
-            "woman",
+            'female',
+            'woman',
           ],
         },
-        "en-GB": {
+        'en-GB': {
           male: [
             // Windows
-            "george",
-            "hazel",
+            'george',
+            'hazel',
             // macOS/iOS
-            "daniel",
-            "oliver",
-            "jamie",
+            'daniel',
+            'oliver',
+            'jamie',
             // Android/Chrome
-            "male",
-            "man",
+            'male',
+            'man',
           ],
           female: [
             // Windows
-            "hazel",
-            "susan",
+            'hazel',
+            'susan',
             // macOS/iOS
-            "kate",
-            "serena",
-            "stephanie",
+            'kate',
+            'serena',
+            'stephanie',
             // Android/Chrome
-            "female",
-            "woman",
+            'female',
+            'woman',
           ],
         },
-        "es-ES": {
+        'es-ES': {
           male: [
             // macOS/iOS
-            "jorge",
-            "juan",
-            "diego",
-            "carlos",
-            "eddy",
-            "grandpa",
-            "reed",
-            "rocko",
+            'jorge',
+            'juan',
+            'diego',
+            'carlos',
+            'eddy',
+            'grandpa',
+            'reed',
+            'rocko',
           ],
           female: [
             // macOS/iOS
-            "marisol",
-            "paulina",
-            "isabela",
-            "francisca",
-            "jimena",
-            "soledad",
-            "angelica",
-            "monica",
-            "flo",
-            "grandma",
-            "sandy",
-            "shelly",
+            'marisol',
+            'paulina',
+            'isabela',
+            'francisca',
+            'jimena',
+            'soledad',
+            'angelica',
+            'monica',
+            'flo',
+            'grandma',
+            'sandy',
+            'shelly',
           ],
-        }
+        },
       };
 
       // Filter voices by requested language
       const languageVoices = voices.filter((v) => v.lang.startsWith(language));
 
       if (languageVoices.length === 0) {
-        console.warn(
-          `No voices found for language ${language}, falling back to any English voice`,
-        );
+        console.warn(`No voices found for language ${language}, falling back to any English voice`);
         // Fallback to any English voice
-        const englishVoices = voices.filter((v) => v.lang.startsWith("en"));
+        const englishVoices = voices.filter((v) => v.lang.startsWith('en'));
         if (englishVoices.length > 0) {
           selectedVoice = englishVoices[0];
         }
@@ -1063,7 +1120,7 @@ export const flockSound = {
         // 1. Try common voice names for the platform/language
         for (const voiceName of voiceNames) {
           selectedVoice = languageVoices.find((v) =>
-            v.name.toLowerCase().includes(voiceName.toLowerCase()),
+            v.name.toLowerCase().includes(voiceName.toLowerCase())
           );
           if (selectedVoice) break;
         }
@@ -1071,89 +1128,83 @@ export const flockSound = {
         // 2. Look for explicit "Male" or "Female" in name
         if (!selectedVoice) {
           selectedVoice = languageVoices.find((v) =>
-            v.name.toLowerCase().includes(voice.toLowerCase()),
+            v.name.toLowerCase().includes(voice.toLowerCase())
           );
         }
 
         // 3. For male voices, avoid known female names
-        if (!selectedVoice && voice === "male") {
+        if (!selectedVoice && voice === 'male') {
           const femaleTerms = [
-            "female",
-            "woman",
-            "lady",
-            "girl",
-            "samantha",
-            "susan",
-            "kate",
-            "zira",
-            "hazel",
-            "helen",
-            "karen",
-            "moira",
-            "tessa",
-            "fiona",
-            "allison",
-            "ava",
-            "veera",
-            "victoria",
-            "stephanie",
-            "serena",
-            "marisol",
-            "paulina",
-            "isabela",
-            "francisca",
-            "jimena",
-            "soledad",
-            "angelica",
-            "monica",
-            "flo",
-            "grandma",
-            "sandy",
-            "shelly",
-            "zoe",
+            'female',
+            'woman',
+            'lady',
+            'girl',
+            'samantha',
+            'susan',
+            'kate',
+            'zira',
+            'hazel',
+            'helen',
+            'karen',
+            'moira',
+            'tessa',
+            'fiona',
+            'allison',
+            'ava',
+            'veera',
+            'victoria',
+            'stephanie',
+            'serena',
+            'marisol',
+            'paulina',
+            'isabela',
+            'francisca',
+            'jimena',
+            'soledad',
+            'angelica',
+            'monica',
+            'flo',
+            'grandma',
+            'sandy',
+            'shelly',
+            'zoe',
           ];
           selectedVoice = languageVoices.find(
-            (v) =>
-              !femaleTerms.some((term) =>
-                v.name.toLowerCase().includes(term.toLowerCase()),
-              ),
+            (v) => !femaleTerms.some((term) => v.name.toLowerCase().includes(term.toLowerCase()))
           );
         }
 
         // 4. For female voices, avoid known male names
-        if (!selectedVoice && voice === "female") {
+        if (!selectedVoice && voice === 'female') {
           const maleTerms = [
-            "male",
-            "man",
-            "david",
-            "alex",
-            "daniel",
-            "mark",
-            "tom",
-            "george",
-            "peter",
-            "john",
-            "michael",
-            "robert",
-            "fred",
-            "jorge",
-            "james",
-            "oliver",
-            "eddy",
-            "nathan",
-            "jamie",
-            "juan",
-            "diego",
-            "carlos",
-            "grandpa",
-            "reed",
-            "rocko",
+            'male',
+            'man',
+            'david',
+            'alex',
+            'daniel',
+            'mark',
+            'tom',
+            'george',
+            'peter',
+            'john',
+            'michael',
+            'robert',
+            'fred',
+            'jorge',
+            'james',
+            'oliver',
+            'eddy',
+            'nathan',
+            'jamie',
+            'juan',
+            'diego',
+            'carlos',
+            'grandpa',
+            'reed',
+            'rocko',
           ];
           selectedVoice = languageVoices.find(
-            (v) =>
-              !maleTerms.some((term) =>
-                v.name.toLowerCase().includes(term.toLowerCase()),
-              ),
+            (v) => !maleTerms.some((term) => v.name.toLowerCase().includes(term.toLowerCase()))
           );
         }
 
@@ -1171,7 +1222,7 @@ export const flockSound = {
       if (selectedVoice) {
         utterance.voice = selectedVoice;
       } else {
-        console.warn("No voice found for type:", voice, "using default");
+        console.warn('No voice found for type:', voice, 'using default');
       }
     }
 
@@ -1193,8 +1244,7 @@ export const flockSound = {
       // even if onend is dropped (~14 chars/sec at rate 1, floor 2s, +1s buffer).
       // Use utterance.rate (already clamped to 0.1–10) so the estimate matches
       // the rate actually spoken.
-      const seconds =
-        Math.max(2, String(text).length / 14) / utterance.rate + 1;
+      const seconds = Math.max(2, String(text).length / 14) / utterance.rate + 1;
       flock.showSubtitle(text, seconds);
       subtitleToken = flock._subtitleToken;
     };
@@ -1206,7 +1256,7 @@ export const flockSound = {
     };
 
     const onSpeechError = (event) => {
-      console.warn("Speech synthesis error:", event.error);
+      console.warn('Speech synthesis error:', event.error);
       if (SPEECH_UNAVAILABLE.has(event.error)) {
         showBanner('speech', { message: translate('error_speech') });
       }
@@ -1215,7 +1265,7 @@ export const flockSound = {
       dismissBanner('speech');
     };
 
-    if (mode === "await") {
+    if (mode === 'await') {
       return new Promise((resolve) => {
         utterance.onend = () => {
           onSpeechEnd();
@@ -1272,7 +1322,7 @@ export const flockSound = {
       if (!mesh || mesh.isDisposed?.() || !flock.scene.activeCamera) return;
       const distance = flock.BABYLON.Vector3.Distance(
         flock.scene.activeCamera.position,
-        mesh.position,
+        mesh.position
       );
 
       // Camera can't get closer than ~7 units; treat that as "full volume" range.
@@ -1287,7 +1337,7 @@ export const flockSound = {
       } else if (adjustedDistance < maxDistance) {
         volumeGain = Math.max(
           0.15,
-          refDistance / (refDistance + rolloffFactor * (adjustedDistance - refDistance)),
+          refDistance / (refDistance + rolloffFactor * (adjustedDistance - refDistance))
         );
       } else {
         volumeGain = 0.1;
diff --git a/api/transform.js b/api/transform.js
index fc92eb6d9..beb25f8f8 100644
--- a/api/transform.js
+++ b/api/transform.js
@@ -72,7 +72,7 @@ function toFinite(v, fallback = 0) {
 // Exactly ±90° pitch makes a camera's look-at up vector degenerate; screen
 // roll then depends on platform libm rounding and can render upside down.
 function clampCameraPitchDegrees(x) {
-  const wrapped = ((x % 360) + 540) % 360 - 180;
+  const wrapped = (((x % 360) + 540) % 360) - 180;
   if (Math.abs(Math.abs(wrapped) - 90) < 0.05) {
     return Math.sign(wrapped) * (Math.abs(wrapped) > 90 ? 90.05 : 89.95);
   }
@@ -500,10 +500,7 @@ export const flockTransform = {
           resolve();
           return;
         }
-        if (
-          !(mesh instanceof flock.BABYLON.AbstractMesh) &&
-          mesh.name !== 'hemisphericLight'
-        ) {
+        if (!(mesh instanceof flock.BABYLON.AbstractMesh) && mesh.name !== 'hemisphericLight') {
           flock.reportBlockError({
             key: 'target_not_a_mesh',
             api: 'rotateTo',
diff --git a/api/xr.js b/api/xr.js
index a5f7cbdde..5667e05ec 100644
--- a/api/xr.js
+++ b/api/xr.js
@@ -1,4 +1,4 @@
-import { translate } from "../main/translation.js";
+import { translate } from '../main/translation.js';
 
 let flock;
 
@@ -14,17 +14,12 @@ export const flockXR = {
   setCameraBackground(cameraType) {
     if (!flock.scene) {
       console.error(
-        "Scene not available. Ensure the scene is initialised before setting the camera background.",
+        'Scene not available. Ensure the scene is initialised before setting the camera background.'
       );
       return;
     }
 
-    const videoLayer = new flock.BABYLON.Layer(
-      "videoLayer",
-      null,
-      flock.scene,
-      true,
-    );
+    const videoLayer = new flock.BABYLON.Layer('videoLayer', null, flock.scene, true);
 
     flock.BABYLON.VideoTexture.CreateFromWebCam(
       flock.scene,
@@ -39,50 +34,42 @@ export const flockXR = {
         minHeight: 480,
         maxWidth: 1920,
         maxHeight: 1080,
-        deviceId: "",
-      },
+        deviceId: '',
+      }
     );
   },
   async setXRMode(mode) {
     await flock.initializeXR(mode);
     flock.printText({
-      text: translate("xr_mode_message"),
+      text: translate('xr_mode_message'),
       duration: 5,
-      color: "white",
+      color: 'white',
     });
   },
   exportMesh(meshName, format) {
     //meshName = "scene";
 
-    if (meshName === "scene" && format === "GLB") {
+    if (meshName === 'scene' && format === 'GLB') {
       const scene = flock.scene;
 
       const cls = (n) => n?.getClassName?.();
-      const isEnabledDeep = (n) =>
-        typeof n.isEnabled === "function" ? n.isEnabled(true) : true;
+      const isEnabledDeep = (n) => (typeof n.isEnabled === 'function' ? n.isEnabled(true) : true);
 
       // Treat ALL mesh subclasses as geometry; we'll still skip LinesMesh explicitly
       const isAbstractMesh = (n) =>
-        typeof flock.BABYLON !== "undefined" &&
-        n instanceof flock.BABYLON.AbstractMesh;
-      const isLines = (n) => cls(n) === "LinesMesh";
+        typeof flock.BABYLON !== 'undefined' && n instanceof flock.BABYLON.AbstractMesh;
+      const isLines = (n) => cls(n) === 'LinesMesh';
 
       // --- Ghost: top-level + enabled + AbstractMesh + no material (not lines)
       const targets = scene.meshes.filter(
-        (m) =>
-          !m.parent &&
-          isEnabledDeep(m) &&
-          isAbstractMesh(m) &&
-          !isLines(m) &&
-          !m.material,
+        (m) => !m.parent && isEnabledDeep(m) && isAbstractMesh(m) && !isLines(m) && !m.material
       );
 
       // Shared transparent PBR material (GLTF-friendly)
-      const ghostMat = new flock.BABYLON.PBRMaterial("_tmpExportGhost", scene);
+      const ghostMat = new flock.BABYLON.PBRMaterial('_tmpExportGhost', scene);
       ghostMat.alpha = 0;
       ghostMat.alphaMode = flock.BABYLON.Engine.ALPHA_BLEND;
-      ghostMat.transparencyMode =
-        flock.BABYLON.PBRMaterial.PBRMATERIAL_ALPHABLEND;
+      ghostMat.transparencyMode = flock.BABYLON.PBRMaterial.PBRMATERIAL_ALPHABLEND;
       ghostMat.disableLighting = true;
       ghostMat.metallic = 0;
       ghostMat.roughness = 1;
@@ -95,7 +82,7 @@ export const flockXR = {
       for (const { mesh } of patches) mesh.material = ghostMat;
 
       // Optional: name allowlist for safety (keeps ground even if disabled, if you want)
-      const alwaysKeepNames = new Set(["ground", "Ground"]);
+      const alwaysKeepNames = new Set(['ground', 'Ground']);
 
       const shouldExportNode = (node) => {
         const c = cls(node);
@@ -108,13 +95,13 @@ export const flockXR = {
         if (!isEnabledDeep(node)) return false;
 
         // Never export cameras/lights
-        if (c === "Camera" || c === "Light") return false;
+        if (c === 'Camera' || c === 'Light') return false;
 
         // Skip line helpers entirely
-        if (c === "LinesMesh") return false;
+        if (c === 'LinesMesh') return false;
 
         // Keep all transform containers
-        if (c === "TransformNode") return true;
+        if (c === 'TransformNode') return true;
 
         // Keep ALL mesh subclasses (e.g., Mesh, InstancedMesh, GroundMesh, etc.)
         if (isAbstractMesh(node)) return true;
@@ -122,7 +109,7 @@ export const flockXR = {
         return false;
       };
 
-      flock.EXPORT.GLTF2Export.GLBAsync(scene, "scene.glb", {
+      flock.EXPORT.GLTF2Export.GLBAsync(scene, 'scene.glb', {
         exportMaterials: true,
         exportTextures: true,
         shouldExportNode,
@@ -139,14 +126,12 @@ export const flockXR = {
 
     return new Promise((resolve) => {
       flock.whenModelReady(meshName, async function (mesh) {
-        if (!flock.requireMesh(mesh, { api: "exportMesh", name: meshName })) {
+        if (!flock.requireMesh(mesh, { api: 'exportMesh', name: meshName })) {
           resolve();
           return;
         }
         const anchorMesh = mesh;
-        const rootChild = anchorMesh
-          .getChildMeshes()
-          .find((child) => child.name === "__root__");
+        const rootChild = anchorMesh.getChildMeshes().find((child) => child.name === '__root__');
 
         const exportAnchors = [anchorMesh];
         if (rootChild) {
@@ -156,39 +141,27 @@ export const flockXR = {
         const allowedNodes = new Set();
         for (const anchor of exportAnchors) {
           allowedNodes.add(anchor);
-          anchor
-            .getChildMeshes(false)
-            .forEach((childMesh) => allowedNodes.add(childMesh));
+          anchor.getChildMeshes(false).forEach((childMesh) => allowedNodes.add(childMesh));
         }
 
         const hasDirectRootChild = (node) =>
-          typeof node?.getChildMeshes === "function" &&
-          node.getChildMeshes(true).some((child) => child.name === "__root__");
+          typeof node?.getChildMeshes === 'function' &&
+          node.getChildMeshes(true).some((child) => child.name === '__root__');
         const wrapperNodes = [...allowedNodes].filter(
-          (node) => node.name !== "__root__" && hasDirectRootChild(node),
+          (node) => node.name !== '__root__' && hasDirectRootChild(node)
         );
 
         const childMeshes = mesh.getChildMeshes(false);
         const meshList = [mesh, ...childMeshes];
-        if (format === "STL") {
-          flock.EXPORT.STLExport.CreateSTL(
-            meshList,
-            true,
-            mesh.name,
-            false,
-            false,
-          );
-        } else if (format === "OBJ") {
+        if (format === 'STL') {
+          flock.EXPORT.STLExport.CreateSTL(meshList, true, mesh.name, false, false);
+        } else if (format === 'OBJ') {
           flock.EXPORT.OBJExport.OBJ(mesh);
-        } else if (format === "GLB") {
-          const ghostMat = new flock.BABYLON.PBRMaterial(
-            "_tmpExportWrapperGhost",
-            flock.scene,
-          );
+        } else if (format === 'GLB') {
+          const ghostMat = new flock.BABYLON.PBRMaterial('_tmpExportWrapperGhost', flock.scene);
           ghostMat.alpha = 0;
           ghostMat.alphaMode = flock.BABYLON.Engine.ALPHA_BLEND;
-          ghostMat.transparencyMode =
-            flock.BABYLON.PBRMaterial.PBRMATERIAL_ALPHABLEND;
+          ghostMat.transparencyMode = flock.BABYLON.PBRMaterial.PBRMATERIAL_ALPHABLEND;
           ghostMat.disableLighting = true;
           ghostMat.metallic = 0;
           ghostMat.roughness = 1;
@@ -204,13 +177,9 @@ export const flockXR = {
 
           mesh.flipFaces();
           try {
-            await flock.EXPORT.GLTF2Export.GLBAsync(
-              flock.scene,
-              mesh.name + ".glb",
-              {
-                shouldExportNode: (node) => allowedNodes.has(node),
-              },
-            ).then((glb) => {
+            await flock.EXPORT.GLTF2Export.GLBAsync(flock.scene, mesh.name + '.glb', {
+              shouldExportNode: (node) => allowedNodes.has(node),
+            }).then((glb) => {
               glb.downloadFiles();
             });
           } finally {
diff --git a/blocks/animate.js b/blocks/animate.js
index 9b9085003..43111bc1a 100644
--- a/blocks/animate.js
+++ b/blocks/animate.js
@@ -1,240 +1,236 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
 import {
   nextVariableIndexes,
   handleBlockCreateEvent,
   getHelpUrlFor,
   registerBlockHandler,
-} from "./blocks.js";
-import { animationNames } from "../config.js";
-import {
-  translate,
-  getTooltip,
-  getDropdownOption,
-} from "../main/translation.js";
+} from './blocks.js';
+import { animationNames } from '../config.js';
+import { translate, getTooltip, getDropdownOption } from '../main/translation.js';
 
 export function defineAnimateBlocks() {
-  Blockly.Blocks["glide_to"] = {
+  Blockly.Blocks['glide_to'] = {
     init: function () {
       this.jsonInit({
-        type: "glide_to",
-        message0: translate("glide_to"),
+        type: 'glide_to',
+        message0: translate('glide_to'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH_VAR",
+            type: 'field_variable',
+            name: 'MESH_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
           {
-            type: "field_dropdown",
-            name: "MODE",
-            options: [getDropdownOption("AWAIT"), getDropdownOption("START")],
+            type: 'field_dropdown',
+            name: 'MODE',
+            options: [getDropdownOption('AWAIT'), getDropdownOption('START')],
           },
           {
-            type: "field_checkbox",
-            name: "REVERSE",
+            type: 'field_checkbox',
+            name: 'REVERSE',
             checked: false,
-            text: "reverse",
+            text: 'reverse',
           },
           {
-            type: "field_checkbox",
-            name: "LOOP",
+            type: 'field_checkbox',
+            name: 'LOOP',
             checked: false,
-            text: "loop",
+            text: 'loop',
           },
           {
-            type: "field_dropdown",
-            name: "EASING",
+            type: 'field_dropdown',
+            name: 'EASING',
             options: [
-              getDropdownOption("Linear"),
-              getDropdownOption("SineEase"),
-              getDropdownOption("CubicEase"),
-              getDropdownOption("QuadraticEase"),
-              getDropdownOption("ExponentialEase"),
-              getDropdownOption("BounceEase"),
-              getDropdownOption("ElasticEase"),
-              getDropdownOption("BackEase"),
+              getDropdownOption('Linear'),
+              getDropdownOption('SineEase'),
+              getDropdownOption('CubicEase'),
+              getDropdownOption('QuadraticEase'),
+              getDropdownOption('ExponentialEase'),
+              getDropdownOption('BounceEase'),
+              getDropdownOption('ElasticEase'),
+              getDropdownOption('BackEase'),
             ],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("glide_to"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('glide_to'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["glide_to_seconds"] = {
+  Blockly.Blocks['glide_to_seconds'] = {
     init: function () {
       this.jsonInit({
-        type: "glide_to_seconds",
-        message0: translate("glide_to_seconds"),
+        type: 'glide_to_seconds',
+        message0: translate('glide_to_seconds'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH_VAR",
+            type: 'field_variable',
+            name: 'MESH_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
           {
-            type: "field_dropdown",
-            name: "MODE",
-            options: [getDropdownOption("AWAIT"), getDropdownOption("START")],
+            type: 'field_dropdown',
+            name: 'MODE',
+            options: [getDropdownOption('AWAIT'), getDropdownOption('START')],
           },
           {
-            type: "field_checkbox",
-            name: "REVERSE",
+            type: 'field_checkbox',
+            name: 'REVERSE',
             checked: false,
-            text: "reverse",
+            text: 'reverse',
           },
           {
-            type: "field_checkbox",
-            name: "LOOP",
+            type: 'field_checkbox',
+            name: 'LOOP',
             checked: false,
-            text: "loop",
+            text: 'loop',
           },
           {
-            type: "field_dropdown",
-            name: "EASING",
+            type: 'field_dropdown',
+            name: 'EASING',
             options: [
-              getDropdownOption("Linear"),
-              getDropdownOption("SineEase"),
-              getDropdownOption("CubicEase"),
-              getDropdownOption("QuadraticEase"),
-              getDropdownOption("ExponentialEase"),
-              getDropdownOption("BounceEase"),
-              getDropdownOption("ElasticEase"),
-              getDropdownOption("BackEase"),
+              getDropdownOption('Linear'),
+              getDropdownOption('SineEase'),
+              getDropdownOption('CubicEase'),
+              getDropdownOption('QuadraticEase'),
+              getDropdownOption('ExponentialEase'),
+              getDropdownOption('BounceEase'),
+              getDropdownOption('ElasticEase'),
+              getDropdownOption('BackEase'),
             ],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("glide_to_seconds"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('glide_to_seconds'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["glide_to_object"] = {
+  Blockly.Blocks['glide_to_object'] = {
     init: function () {
       this.jsonInit({
-        type: "glide_to_object",
-        message0: translate("glide_to_object"),
+        type: 'glide_to_object',
+        message0: translate('glide_to_object'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL1",
+            type: 'field_variable',
+            name: 'MODEL1',
             variable: window.currentMesh,
           },
           {
-            type: "field_variable",
-            name: "MODEL2",
-            variable: "object2",
+            type: 'field_variable',
+            name: 'MODEL2',
+            variable: 'object2',
           },
           {
-            type: "input_value",
-            name: "X_OFFSET",
-            check: "Number",
+            type: 'input_value',
+            name: 'X_OFFSET',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y_OFFSET",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y_OFFSET',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z_OFFSET",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z_OFFSET',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
           {
-            type: "field_dropdown",
-            name: "MODE",
-            options: [getDropdownOption("AWAIT"), getDropdownOption("START")],
+            type: 'field_dropdown',
+            name: 'MODE',
+            options: [getDropdownOption('AWAIT'), getDropdownOption('START')],
           },
           {
-            type: "field_checkbox",
-            name: "REVERSE",
+            type: 'field_checkbox',
+            name: 'REVERSE',
             checked: false,
-            text: "reverse",
+            text: 'reverse',
           },
           {
-            type: "field_checkbox",
-            name: "LOOP",
+            type: 'field_checkbox',
+            name: 'LOOP',
             checked: false,
-            text: "loop",
+            text: 'loop',
           },
           {
-            type: "field_dropdown",
-            name: "EASING",
+            type: 'field_dropdown',
+            name: 'EASING',
             options: [
-              getDropdownOption("Linear"),
-              getDropdownOption("SineEase"),
-              getDropdownOption("CubicEase"),
-              getDropdownOption("QuadraticEase"),
-              getDropdownOption("ExponentialEase"),
-              getDropdownOption("BounceEase"),
-              getDropdownOption("ElasticEase"),
-              getDropdownOption("BackEase"),
+              getDropdownOption('Linear'),
+              getDropdownOption('SineEase'),
+              getDropdownOption('CubicEase'),
+              getDropdownOption('QuadraticEase'),
+              getDropdownOption('ExponentialEase'),
+              getDropdownOption('BounceEase'),
+              getDropdownOption('ElasticEase'),
+              getDropdownOption('BackEase'),
             ],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("glide_to_object"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('glide_to_object'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
 
       const addZeroShadow = (inputName) => {
         const input = this.getInput(inputName);
@@ -249,605 +245,601 @@ export function defineAnimateBlocks() {
         input.connection.respawnShadow_();
       };
 
-      ["X_OFFSET", "Y_OFFSET", "Z_OFFSET"].forEach(addZeroShadow);
+      ['X_OFFSET', 'Y_OFFSET', 'Z_OFFSET'].forEach(addZeroShadow);
     },
   };
 
-  Blockly.Blocks["glide_to_axis"] = {
+  Blockly.Blocks['glide_to_axis'] = {
     init: function () {
       this.jsonInit({
-        type: "glide_to_axis",
-        message0: translate("glide_to_axis"),
+        type: 'glide_to_axis',
+        message0: translate('glide_to_axis'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH_VAR",
+            type: 'field_variable',
+            name: 'MESH_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "field_dropdown",
-            name: "AXIS",
+            type: 'field_dropdown',
+            name: 'AXIS',
             options: [
-              ["x", "x"],
-              ["y", "y"],
-              ["z", "z"],
-              getDropdownOption("forward"),
-              getDropdownOption("sideways"),
+              ['x', 'x'],
+              ['y', 'y'],
+              ['z', 'z'],
+              getDropdownOption('forward'),
+              getDropdownOption('sideways'),
             ],
           },
           {
-            type: "input_value",
-            name: "TARGET",
-            check: "Number",
+            type: 'input_value',
+            name: 'TARGET',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
           {
-            type: "field_dropdown",
-            name: "MODE",
-            options: [getDropdownOption("AWAIT"), getDropdownOption("START")],
+            type: 'field_dropdown',
+            name: 'MODE',
+            options: [getDropdownOption('AWAIT'), getDropdownOption('START')],
           },
           {
-            type: "field_checkbox",
-            name: "REVERSE",
+            type: 'field_checkbox',
+            name: 'REVERSE',
             checked: false,
-            text: "reverse",
+            text: 'reverse',
           },
           {
-            type: "field_checkbox",
-            name: "LOOP",
+            type: 'field_checkbox',
+            name: 'LOOP',
             checked: false,
-            text: "loop",
+            text: 'loop',
           },
           {
-            type: "field_dropdown",
-            name: "EASING",
+            type: 'field_dropdown',
+            name: 'EASING',
             options: [
-              getDropdownOption("Linear"),
-              getDropdownOption("SineEase"),
-              getDropdownOption("CubicEase"),
-              getDropdownOption("QuadraticEase"),
-              getDropdownOption("ExponentialEase"),
-              getDropdownOption("BounceEase"),
-              getDropdownOption("ElasticEase"),
-              getDropdownOption("BackEase"),
+              getDropdownOption('Linear'),
+              getDropdownOption('SineEase'),
+              getDropdownOption('CubicEase'),
+              getDropdownOption('QuadraticEase'),
+              getDropdownOption('ExponentialEase'),
+              getDropdownOption('BounceEase'),
+              getDropdownOption('ElasticEase'),
+              getDropdownOption('BackEase'),
             ],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("glide_to_axis"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('glide_to_axis'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["rotate_anim"] = {
+  Blockly.Blocks['rotate_anim'] = {
     init: function () {
       this.jsonInit({
-        type: "rotate_anim",
-        message0: translate("rotate_anim"),
+        type: 'rotate_anim',
+        message0: translate('rotate_anim'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH_VAR",
+            type: 'field_variable',
+            name: 'MESH_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "ROT_X",
-            check: "Number",
+            type: 'input_value',
+            name: 'ROT_X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "ROT_Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'ROT_Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "ROT_Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'ROT_Z',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
           {
-            type: "field_dropdown",
-            name: "MODE",
-            options: [getDropdownOption("AWAIT"), getDropdownOption("START")],
+            type: 'field_dropdown',
+            name: 'MODE',
+            options: [getDropdownOption('AWAIT'), getDropdownOption('START')],
           },
           {
-            type: "field_checkbox",
-            name: "REVERSE",
+            type: 'field_checkbox',
+            name: 'REVERSE',
             checked: false,
-            text: "reverse",
+            text: 'reverse',
           },
           {
-            type: "field_checkbox",
-            name: "LOOP",
+            type: 'field_checkbox',
+            name: 'LOOP',
             checked: false,
-            text: "loop",
+            text: 'loop',
           },
           {
-            type: "field_dropdown",
-            name: "EASING",
+            type: 'field_dropdown',
+            name: 'EASING',
             options: [
-              getDropdownOption("Linear"),
-              getDropdownOption("SineEase"),
-              getDropdownOption("CubicEase"),
-              getDropdownOption("QuadraticEase"),
-              getDropdownOption("ExponentialEase"),
-              getDropdownOption("BounceEase"),
-              getDropdownOption("ElasticEase"),
-              getDropdownOption("BackEase"),
+              getDropdownOption('Linear'),
+              getDropdownOption('SineEase'),
+              getDropdownOption('CubicEase'),
+              getDropdownOption('QuadraticEase'),
+              getDropdownOption('ExponentialEase'),
+              getDropdownOption('BounceEase'),
+              getDropdownOption('ElasticEase'),
+              getDropdownOption('BackEase'),
             ],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("rotate_anim"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('rotate_anim'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["rotate_anim_seconds"] = {
+  Blockly.Blocks['rotate_anim_seconds'] = {
     init: function () {
       this.jsonInit({
-        type: "rotate_anim_seconds",
-        message0: translate("rotate_anim_seconds"),
+        type: 'rotate_anim_seconds',
+        message0: translate('rotate_anim_seconds'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH_VAR",
+            type: 'field_variable',
+            name: 'MESH_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "ROT_X",
-            check: "Number",
+            type: 'input_value',
+            name: 'ROT_X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "ROT_Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'ROT_Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "ROT_Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'ROT_Z',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
           {
-            type: "field_dropdown",
-            name: "MODE",
-            options: [getDropdownOption("AWAIT"), getDropdownOption("START")],
+            type: 'field_dropdown',
+            name: 'MODE',
+            options: [getDropdownOption('AWAIT'), getDropdownOption('START')],
           },
           {
-            type: "field_checkbox",
-            name: "REVERSE",
+            type: 'field_checkbox',
+            name: 'REVERSE',
             checked: false,
-            text: "reverse",
+            text: 'reverse',
           },
           {
-            type: "field_checkbox",
-            name: "LOOP",
+            type: 'field_checkbox',
+            name: 'LOOP',
             checked: false,
-            text: "loop",
+            text: 'loop',
           },
           {
-            type: "field_dropdown",
-            name: "EASING",
+            type: 'field_dropdown',
+            name: 'EASING',
             options: [
-              getDropdownOption("Linear"),
-              getDropdownOption("SineEase"),
-              getDropdownOption("CubicEase"),
-              getDropdownOption("QuadraticEase"),
-              getDropdownOption("ExponentialEase"),
-              getDropdownOption("BounceEase"),
-              getDropdownOption("ElasticEase"),
-              getDropdownOption("BackEase"),
+              getDropdownOption('Linear'),
+              getDropdownOption('SineEase'),
+              getDropdownOption('CubicEase'),
+              getDropdownOption('QuadraticEase'),
+              getDropdownOption('ExponentialEase'),
+              getDropdownOption('BounceEase'),
+              getDropdownOption('ElasticEase'),
+              getDropdownOption('BackEase'),
             ],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("rotate_anim_seconds"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('rotate_anim_seconds'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["rotate_to_object"] = {
+  Blockly.Blocks['rotate_to_object'] = {
     init: function () {
       this.jsonInit({
-        type: "rotate_to_object",
-        message0: translate("rotate_to_object"),
+        type: 'rotate_to_object',
+        message0: translate('rotate_to_object'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL1",
+            type: 'field_variable',
+            name: 'MODEL1',
             variable: window.currentMesh,
           },
           {
-            type: "field_dropdown",
-            name: "ROTATE_MODE",
-            options: [
-              getDropdownOption("TOWARDS"),
-              getDropdownOption("SAME_ROTATION"),
-            ],
+            type: 'field_dropdown',
+            name: 'ROTATE_MODE',
+            options: [getDropdownOption('TOWARDS'), getDropdownOption('SAME_ROTATION')],
           },
           {
-            type: "field_variable",
-            name: "MODEL2",
-            variable: "object2",
+            type: 'field_variable',
+            name: 'MODEL2',
+            variable: 'object2',
           },
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
           {
-            type: "field_dropdown",
-            name: "MODE",
-            options: [getDropdownOption("AWAIT"), getDropdownOption("START")],
+            type: 'field_dropdown',
+            name: 'MODE',
+            options: [getDropdownOption('AWAIT'), getDropdownOption('START')],
           },
           {
-            type: "field_checkbox",
-            name: "REVERSE",
+            type: 'field_checkbox',
+            name: 'REVERSE',
             checked: false,
-            text: "reverse",
+            text: 'reverse',
           },
           {
-            type: "field_checkbox",
-            name: "LOOP",
+            type: 'field_checkbox',
+            name: 'LOOP',
             checked: false,
-            text: "loop",
+            text: 'loop',
           },
           {
-            type: "field_dropdown",
-            name: "EASING",
+            type: 'field_dropdown',
+            name: 'EASING',
             options: [
-              getDropdownOption("Linear"),
-              getDropdownOption("SineEase"),
-              getDropdownOption("CubicEase"),
-              getDropdownOption("QuadraticEase"),
-              getDropdownOption("ExponentialEase"),
-              getDropdownOption("BounceEase"),
-              getDropdownOption("ElasticEase"),
-              getDropdownOption("BackEase"),
+              getDropdownOption('Linear'),
+              getDropdownOption('SineEase'),
+              getDropdownOption('CubicEase'),
+              getDropdownOption('QuadraticEase'),
+              getDropdownOption('ExponentialEase'),
+              getDropdownOption('BounceEase'),
+              getDropdownOption('ElasticEase'),
+              getDropdownOption('BackEase'),
             ],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("rotate_to_object"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('rotate_to_object'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["animate_property"] = {
+  Blockly.Blocks['animate_property'] = {
     init: function () {
       this.jsonInit({
-        type: "animate_property",
-        message0: translate("animate_property"),
+        type: 'animate_property',
+        message0: translate('animate_property'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH_VAR",
+            type: 'field_variable',
+            name: 'MESH_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "field_dropdown",
-            name: "PROPERTY",
+            type: 'field_dropdown',
+            name: 'PROPERTY',
             options: [
-              getDropdownOption("diffuseColor"),
-              getDropdownOption("emissiveColor"),
-              getDropdownOption("ambientColor"),
-              getDropdownOption("specularColor"),
-              getDropdownOption("alpha"),
+              getDropdownOption('diffuseColor'),
+              getDropdownOption('emissiveColor'),
+              getDropdownOption('ambientColor'),
+              getDropdownOption('specularColor'),
+              getDropdownOption('alpha'),
             ],
           },
           {
-            type: "input_value",
-            name: "TO",
+            type: 'input_value',
+            name: 'TO',
           },
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
           {
-            type: "field_checkbox",
-            name: "REVERSE",
+            type: 'field_checkbox',
+            name: 'REVERSE',
             checked: false,
-            text: "reverse",
+            text: 'reverse',
           },
           {
-            type: "field_checkbox",
-            name: "LOOP",
+            type: 'field_checkbox',
+            name: 'LOOP',
             checked: false,
-            text: "loop",
+            text: 'loop',
           },
           {
-            type: "field_dropdown",
-            name: "START_AWAIT",
-            options: [getDropdownOption("AWAIT"), getDropdownOption("START")],
+            type: 'field_dropdown',
+            name: 'START_AWAIT',
+            options: [getDropdownOption('AWAIT'), getDropdownOption('START')],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("animate_property"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('animate_property'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["colour_keyframe"] = {
+  Blockly.Blocks['colour_keyframe'] = {
     init: function () {
       this.jsonInit({
-        type: "colour_keyframe",
-        message0: translate("colour_keyframe"),
+        type: 'colour_keyframe',
+        message0: translate('colour_keyframe'),
         args0: [
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "VALUE",
-            check: "Colour", // Reusing your existing colour block
+            type: 'input_value',
+            name: 'VALUE',
+            check: 'Colour', // Reusing your existing colour block
           },
         ],
-        colour: categoryColours["Animate"],
+        colour: categoryColours['Animate'],
         inputsInline: true,
-        output: "Keyframe",
-        tooltip: getTooltip("colour_keyframe"),
+        output: 'Keyframe',
+        tooltip: getTooltip('colour_keyframe'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["number_keyframe"] = {
+  Blockly.Blocks['number_keyframe'] = {
     init: function () {
       this.jsonInit({
-        type: "number_keyframe",
-        message0: translate("number_keyframe"),
+        type: 'number_keyframe',
+        message0: translate('number_keyframe'),
         args0: [
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "VALUE",
-            check: "Number", // Reusing your existing colour block
+            type: 'input_value',
+            name: 'VALUE',
+            check: 'Number', // Reusing your existing colour block
           },
         ],
-        colour: categoryColours["Animate"],
+        colour: categoryColours['Animate'],
         inputsInline: true,
-        output: "Keyframe",
-        tooltip: getTooltip("number_keyframe"),
+        output: 'Keyframe',
+        tooltip: getTooltip('number_keyframe'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["xyz_keyframe"] = {
+  Blockly.Blocks['xyz_keyframe'] = {
     init: function () {
       this.jsonInit({
-        type: "xyz_keyframe",
-        message0: translate("xyz_keyframe"),
+        type: 'xyz_keyframe',
+        message0: translate('xyz_keyframe'),
         args0: [
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
         ],
-        colour: categoryColours["Animate"],
+        colour: categoryColours['Animate'],
         inputsInline: true,
-        output: "Keyframe",
-        tooltip: getTooltip("xyz_keyframe"),
+        output: 'Keyframe',
+        tooltip: getTooltip('xyz_keyframe'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["animate_keyframes"] = {
+  Blockly.Blocks['animate_keyframes'] = {
     init: function () {
       this.jsonInit({
-        type: "animate_keyframes",
-        message0: translate("animate_keyframes"),
+        type: 'animate_keyframes',
+        message0: translate('animate_keyframes'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH",
+            type: 'field_variable',
+            name: 'MESH',
             variable: window.currentMesh, // Assuming current mesh is stored here
           },
           {
-            type: "field_dropdown",
-            name: "PROPERTY",
+            type: 'field_dropdown',
+            name: 'PROPERTY',
             options: [
-              getDropdownOption("color"),
-              getDropdownOption("alpha"),
-              getDropdownOption("position"),
-              getDropdownOption("rotation"),
-              getDropdownOption("scaling"),
+              getDropdownOption('color'),
+              getDropdownOption('alpha'),
+              getDropdownOption('position'),
+              getDropdownOption('rotation'),
+              getDropdownOption('scaling'),
             ],
           },
           {
-            type: "input_value",
-            name: "KEYFRAMES",
-            check: "Array", // Accepts an array of keyframes
+            type: 'input_value',
+            name: 'KEYFRAMES',
+            check: 'Array', // Accepts an array of keyframes
           },
           {
-            type: "field_dropdown",
-            name: "EASING",
+            type: 'field_dropdown',
+            name: 'EASING',
             options: [
-              getDropdownOption("LINEAR"),
-              getDropdownOption("EASEIN"),
-              getDropdownOption("EASEOUT"),
-              getDropdownOption("EASEINOUT"),
+              getDropdownOption('LINEAR'),
+              getDropdownOption('EASEIN'),
+              getDropdownOption('EASEOUT'),
+              getDropdownOption('EASEINOUT'),
             ],
           },
           {
-            type: "field_checkbox",
-            name: "REVERSE",
+            type: 'field_checkbox',
+            name: 'REVERSE',
             checked: false, // Checkbox for reversing the animation
           },
           {
-            type: "field_checkbox",
-            name: "LOOP",
+            type: 'field_checkbox',
+            name: 'LOOP',
             checked: false, // Checkbox for looping
           },
           {
-            type: "field_dropdown",
-            name: "MODE",
-            options: [getDropdownOption("AWAIT"), getDropdownOption("START")],
+            type: 'field_dropdown',
+            name: 'MODE',
+            options: [getDropdownOption('AWAIT'), getDropdownOption('START')],
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("animate_keyframes"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('animate_keyframes'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["animation"] = {
+  Blockly.Blocks['animation'] = {
     init: function () {
-      const variableNamePrefix = "animation";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'animation';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
 
       this.jsonInit({
-        type: "animation",
-        message0: translate("animation"),
+        type: 'animation',
+        message0: translate('animation'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH",
+            type: 'field_variable',
+            name: 'MESH',
             variable: window.currentMesh, // Assuming current mesh is stored here
           },
           {
-            type: "field_dropdown",
-            name: "PROPERTY",
+            type: 'field_dropdown',
+            name: 'PROPERTY',
             options: [
-              getDropdownOption("color"),
-              getDropdownOption("alpha"),
-              getDropdownOption("position"),
-              getDropdownOption("rotation"),
-              getDropdownOption("scaling"),
-              getDropdownOption("position.x"),
-              getDropdownOption("position.y"),
-              getDropdownOption("position.z"),
-              getDropdownOption("rotation.x"),
-              getDropdownOption("rotation.y"),
-              getDropdownOption("rotation.z"),
-              getDropdownOption("scaling.x"),
-              getDropdownOption("scaling.y"),
-              getDropdownOption("scaling.z"),
+              getDropdownOption('color'),
+              getDropdownOption('alpha'),
+              getDropdownOption('position'),
+              getDropdownOption('rotation'),
+              getDropdownOption('scaling'),
+              getDropdownOption('position.x'),
+              getDropdownOption('position.y'),
+              getDropdownOption('position.z'),
+              getDropdownOption('rotation.x'),
+              getDropdownOption('rotation.y'),
+              getDropdownOption('rotation.z'),
+              getDropdownOption('scaling.x'),
+              getDropdownOption('scaling.y'),
+              getDropdownOption('scaling.z'),
             ],
           },
           {
-            type: "field_variable",
-            name: "ANIMATION_GROUP",
+            type: 'field_variable',
+            name: 'ANIMATION_GROUP',
             variable: nextVariableName, // Use the dynamic variable name
           },
           {
-            type: "input_value",
-            name: "KEYFRAMES",
-            check: "Array",
+            type: 'input_value',
+            name: 'KEYFRAMES',
+            check: 'Array',
           },
           {
-            type: "field_dropdown",
-            name: "EASING",
+            type: 'field_dropdown',
+            name: 'EASING',
             options: [
-              getDropdownOption("LINEAR"),
-              getDropdownOption("EASEIN"),
-              getDropdownOption("EASEOUT"),
-              getDropdownOption("EASEINOUT"),
+              getDropdownOption('LINEAR'),
+              getDropdownOption('EASEIN'),
+              getDropdownOption('EASEOUT'),
+              getDropdownOption('EASEINOUT'),
             ],
           },
           {
-            type: "field_checkbox",
-            name: "REVERSE",
+            type: 'field_checkbox',
+            name: 'REVERSE',
             checked: false,
           },
           {
-            type: "field_checkbox",
-            name: "LOOP",
+            type: 'field_checkbox',
+            name: 'LOOP',
             checked: false,
           },
           {
-            type: "field_dropdown",
-            name: "MODE",
+            type: 'field_dropdown',
+            name: 'MODE',
             options: [
-              getDropdownOption("AWAIT"),
-              getDropdownOption("START"),
-              getDropdownOption("CREATE"),
+              getDropdownOption('AWAIT'),
+              getDropdownOption('START'),
+              getDropdownOption('CREATE'),
             ],
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("animation"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('animation'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
       registerBlockHandler(this, (changeEvent) => {
         handleBlockCreateEvent(
           this,
           changeEvent,
           variableNamePrefix,
           nextVariableIndexes,
-          "ANIMATION_GROUP",
+          'ANIMATION_GROUP'
         );
 
         if (window.loadingCode) return;
@@ -855,160 +847,160 @@ export function defineAnimateBlocks() {
     },
   };
 
-  Blockly.Blocks["control_animation_group"] = {
+  Blockly.Blocks['control_animation_group'] = {
     init: function () {
       this.jsonInit({
-        type: "animation_group_control",
-        message0: translate("control_animation_group"),
+        type: 'animation_group_control',
+        message0: translate('control_animation_group'),
         args0: [
           {
-            type: "field_variable",
-            name: "GROUP_NAME",
-            variable: "animation1",
+            type: 'field_variable',
+            name: 'GROUP_NAME',
+            variable: 'animation1',
           },
           {
-            type: "field_dropdown",
-            name: "ACTION",
+            type: 'field_dropdown',
+            name: 'ACTION',
             options: [
-              getDropdownOption("play"),
-              getDropdownOption("pause"),
-              getDropdownOption("stop"),
+              getDropdownOption('play'),
+              getDropdownOption('pause'),
+              getDropdownOption('stop'),
             ],
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("control_animation_group"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('control_animation_group'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["animate_from"] = {
+  Blockly.Blocks['animate_from'] = {
     init: function () {
       this.jsonInit({
-        type: "animate_from",
-        message0: translate("animate_from"),
+        type: 'animate_from',
+        message0: translate('animate_from'),
         args0: [
           {
-            type: "field_variable",
-            name: "GROUP_NAME",
-            variable: "animation1",
+            type: 'field_variable',
+            name: 'GROUP_NAME',
+            variable: 'animation1',
           },
           {
-            type: "input_value",
-            name: "TIME",
-            check: "Number",
+            type: 'input_value',
+            name: 'TIME',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("animate_from"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('animate_from'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["stop_animations"] = {
+  Blockly.Blocks['stop_animations'] = {
     init: function () {
       this.jsonInit({
-        type: "stop_animations",
-        message0: translate("stop_animations"),
+        type: 'stop_animations',
+        message0: translate('stop_animations'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("stop_animations"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('stop_animations'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["animation_name"] = {
+  Blockly.Blocks['animation_name'] = {
     init: function () {
       this.jsonInit({
-        type: "animation_name",
-        message0: "%1",
+        type: 'animation_name',
+        message0: '%1',
         args0: [
           {
-            type: "field_dropdown",
-            name: "ANIMATION_NAME",
+            type: 'field_dropdown',
+            name: 'ANIMATION_NAME',
             options: animationNames(),
           },
         ],
-        output: "String",
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("play_animation"),
+        output: 'String',
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('play_animation'),
       });
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["switch_animation"] = {
+  Blockly.Blocks['switch_animation'] = {
     init: function () {
       this.jsonInit({
-        type: "switch_model_animation",
-        message0: translate("switch_animation"),
+        type: 'switch_model_animation',
+        message0: translate('switch_animation'),
         args0: [
           {
-            type: "input_value",
-            name: "ANIMATION_NAME",
-            check: "String",
+            type: 'input_value',
+            name: 'ANIMATION_NAME',
+            check: 'String',
           },
           {
-            type: "field_variable",
-            name: "MODEL",
+            type: 'field_variable',
+            name: 'MODEL',
             variable: window.currentMesh,
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("switch_animation"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('switch_animation'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 
-  Blockly.Blocks["play_animation"] = {
+  Blockly.Blocks['play_animation'] = {
     init: function () {
       this.jsonInit({
-        type: "play_model_animation_once",
-        message0: translate("play_animation"),
+        type: 'play_model_animation_once',
+        message0: translate('play_animation'),
         args0: [
           {
-            type: "input_value",
-            name: "ANIMATION_NAME",
-            check: "String",
+            type: 'input_value',
+            name: 'ANIMATION_NAME',
+            check: 'String',
           },
           {
-            type: "field_variable",
-            name: "MODEL",
+            type: 'field_variable',
+            name: 'MODEL',
             variable: window.currentMesh,
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Animate"],
-        tooltip: getTooltip("play_animation"),
+        colour: categoryColours['Animate'],
+        tooltip: getTooltip('play_animation'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("animate_blocks");
+      this.setStyle('animate_blocks');
     },
   };
 }
diff --git a/blocks/base.js b/blocks/base.js
index 4acc16745..377f81b86 100644
--- a/blocks/base.js
+++ b/blocks/base.js
@@ -1,26 +1,26 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
-import { translate, getTooltip } from "../main/translation.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
+import { translate, getTooltip } from '../main/translation.js';
 
-window.currentMesh = "object";
+window.currentMesh = 'object';
 window.currentBlock = null;
 
 export function defineBaseBlocks() {
-  Blockly.Blocks["xyz"] = {
+  Blockly.Blocks['xyz'] = {
     init: function () {
       this.jsonInit({
-        type: "xyz",
-        message0: translate("xyz"),
+        type: 'xyz',
+        message0: translate('xyz'),
         args0: [
-          { type: "input_value", name: "X", check: "Number" },
-          { type: "input_value", name: "Y", check: "Number" },
-          { type: "input_value", name: "Z", check: "Number" },
+          { type: 'input_value', name: 'X', check: 'Number' },
+          { type: 'input_value', name: 'Y', check: 'Number' },
+          { type: 'input_value', name: 'Z', check: 'Number' },
         ],
         inputsInline: true,
-        output: "Vector",
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("xyz"),
-        helpUrl: "",
+        output: 'Vector',
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('xyz'),
+        helpUrl: '',
       });
     },
   };
diff --git a/blocks/blockIcons.js b/blocks/blockIcons.js
index 0bcd3b6ef..d1487179f 100644
--- a/blocks/blockIcons.js
+++ b/blocks/blockIcons.js
@@ -1,5 +1,5 @@
-import * as Blockly from "blockly";
-import { toolbox as toolboxDefinition } from "../toolbox.js";
+import * as Blockly from 'blockly';
+import { toolbox as toolboxDefinition } from '../toolbox.js';
 
 // A purely decorative image field (block-type and category icons). The default
 // FieldImage contributes an "empty" placeholder to the block's ARIA label when
@@ -7,12 +7,12 @@ import { toolbox as toolboxDefinition } from "../toolbox.js";
 // the icon is silent to screen readers.
 export class DecorativeFieldImage extends Blockly.FieldImage {
   computeAriaLabel() {
-    return "";
+    return '';
   }
 }
 
 function buildSvgDataUri(svgContent) {
-  return "data:image/svg+xml," + encodeURIComponent(svgContent);
+  return 'data:image/svg+xml,' + encodeURIComponent(svgContent);
 }
 
 /**
@@ -20,10 +20,9 @@ function buildSvgDataUri(svgContent) {
  * Returns a value in [0, 1] (0 = black, 1 = white).
  */
 function relativeLuminance(hex) {
-  const clean = hex.replace("#", "");
+  const clean = hex.replace('#', '');
   if (clean.length !== 6) return 0;
-  const toLinear = (c) =>
-    c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+  const toLinear = (c) => (c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4));
   const r = toLinear(parseInt(clean.slice(0, 2), 16) / 255);
   const g = toLinear(parseInt(clean.slice(2, 4), 16) / 255);
   const b = toLinear(parseInt(clean.slice(4, 6), 16) / 255);
@@ -31,52 +30,52 @@ function relativeLuminance(hex) {
 }
 
 export function getIconColorForBackground(hexColor) {
-  if (!hexColor || typeof hexColor !== "string") return "white";
+  if (!hexColor || typeof hexColor !== 'string') return 'white';
   const L = relativeLuminance(hexColor);
-  return L > 0.179 ? "black" : "white";
+  return L > 0.179 ? 'black' : 'white';
 }
 
 export function makeIconDataUrl(viewBox, pathD, fillColor) {
   return buildSvgDataUri(
-    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}"><path fill="${fillColor}" d="${pathD}"/></svg>`,
+    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}"><path fill="${fillColor}" d="${pathD}"/></svg>`
   );
 }
 
 function makePathIcon(viewBox, pathD, color) {
   return buildSvgDataUri(
-    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="${color}" d="${pathD}"/></svg>`,
+    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="${color}" d="${pathD}"/></svg>`
   );
 }
 
 const ICON_PATHS = {
   start: {
-    viewBox: "0 0 384 512",
-    d: "M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z",
+    viewBox: '0 0 384 512',
+    d: 'M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z',
   },
   repeat: {
-    viewBox: "0 0 720 512",
-    d: "M470.6 118.6c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9S352 19.1 352 32l0 32-160 0C86 64 0 150 0 256 0 273.7 14.3 288 32 288s32-14.3 32-32c0-70.7 57.3-128 128-128l160 0 0 32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64zM41.4 393.4c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9S160 492.9 160 480l0-32 160 0c106 0 192-86 192-192 0-17.7-14.3-32-32-32s-32 14.3-32 32c0 70.7-57.3 128-128 128l-160 0 0-32c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64z",
+    viewBox: '0 0 720 512',
+    d: 'M470.6 118.6c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9S352 19.1 352 32l0 32-160 0C86 64 0 150 0 256 0 273.7 14.3 288 32 288s32-14.3 32-32c0-70.7 57.3-128 128-128l160 0 0 32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64zM41.4 393.4c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9S160 492.9 160 480l0-32 160 0c106 0 192-86 192-192 0-17.7-14.3-32-32-32s-32 14.3-32 32c0 70.7-57.3 128-128 128l-160 0 0-32c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64z',
   },
 
   click: {
-    viewBox: "0 0 448 512",
-    d: "M429.6 92.1c4.9-11.9 2.1-25.6-7-34.7s-22.8-11.9-34.7-7l-352 144c-14.2 5.8-22.2 20.8-19.3 35.8s16.1 25.8 31.4 25.8l176 0 0 176c0 15.3 10.8 28.4 25.8 31.4s30-5.1 35.8-19.3l144-352z",
+    viewBox: '0 0 448 512',
+    d: 'M429.6 92.1c4.9-11.9 2.1-25.6-7-34.7s-22.8-11.9-34.7-7l-352 144c-14.2 5.8-22.2 20.8-19.3 35.8s16.1 25.8 31.4 25.8l176 0 0 176c0 15.3 10.8 28.4 25.8 31.4s30-5.1 35.8-19.3l144-352z',
   },
   collision: {
-    viewBox: "0 0 448 512",
-    d: "M349.4 44.6c5.9-13.7 1.5-29.7-10.6-38.5s-28.6-8-39.9 1.8l-256 224c-10 8.8-13.6 22.9-8.9 35.3S50.7 288 64 288H175.5L98.6 467.4c-5.9 13.7-1.5 29.7 10.6 38.5s28.6 8 39.9-1.8l256-224c10-8.8 13.6-22.9 8.9-35.3s-16.6-20.7-30-20.7H272.5L349.4 44.6z",
+    viewBox: '0 0 448 512',
+    d: 'M349.4 44.6c5.9-13.7 1.5-29.7-10.6-38.5s-28.6-8-39.9 1.8l-256 224c-10 8.8-13.6 22.9-8.9 35.3S50.7 288 64 288H175.5L98.6 467.4c-5.9 13.7-1.5 29.7 10.6 38.5s28.6 8 39.9-1.8l256-224c10-8.8 13.6-22.9 8.9-35.3s-16.6-20.7-30-20.7H272.5L349.4 44.6z',
   },
   keyboard: {
-    viewBox: "0 0 576 512",
-    d: "M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zm0 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm16 160c-8.8 0-16-7.2-16-16v-32h224v32c0 8.8-7.2 16-16 16H96zm176-160c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H288c-8.8 0-16-7.2-16-16V240zm16-96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H288c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM160 144c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm176 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H352c-8.8 0-16-7.2-16-16V320c0-8.8 7.2-16 16-16zm16-96c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zm16-96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zm80 96c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16-96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16z",
+    viewBox: '0 0 576 512',
+    d: 'M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zm0 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm16 160c-8.8 0-16-7.2-16-16v-32h224v32c0 8.8-7.2 16-16 16H96zm176-160c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H288c-8.8 0-16-7.2-16-16V240zm16-96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H288c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM160 144c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm176 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H352c-8.8 0-16-7.2-16-16V320c0-8.8 7.2-16 16-16zm16-96c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zm16-96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zm80 96c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16-96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16z',
   },
   press: {
-    viewBox: "0 0 640 512",
-    d: "M256 0a256 256 0 1 0 0 512 256 256 0 1 0 0-512zM244.7 387.3l-104-104c-4.6-4.6-5.9-11.5-3.5-17.4s8.3-9.9 14.8-9.9l56 0 0-96c0-17.7 14.3-32 32-32l32 0c17.7 0 32 14.3 32 32l0 96 56 0c6.5 0 12.3 3.9 14.8 9.9s1.1 12.9-3.5 17.4l-104 104c-6.2 6.2-16.4 6.2-22.6 0z",
+    viewBox: '0 0 640 512',
+    d: 'M256 0a256 256 0 1 0 0 512 256 256 0 1 0 0-512zM244.7 387.3l-104-104c-4.6-4.6-5.9-11.5-3.5-17.4s8.3-9.9 14.8-9.9l56 0 0-96c0-17.7 14.3-32 32-32l32 0c17.7 0 32 14.3 32 32l0 96 56 0c6.5 0 12.3 3.9 14.8 9.9s1.1 12.9-3.5 17.4l-104 104c-6.2 6.2-16.4 6.2-22.6 0z',
   },
   event: {
-    viewBox: "0 0 640 640",
-    d: "M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z",
+    viewBox: '0 0 640 640',
+    d: 'M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z',
   },
 };
 
@@ -87,21 +86,13 @@ export function makeRepeatIcon(color) {
   return makePathIcon(ICON_PATHS.repeat.viewBox, ICON_PATHS.repeat.d, color);
 }
 export function makeClickIcon(color) {
-  return makePathIcon(
-    ICON_PATHS.click.viewBox,
-    ICON_PATHS.click.d,
-    color,
-  );
+  return makePathIcon(ICON_PATHS.click.viewBox, ICON_PATHS.click.d, color);
 }
 export function makeCollisionIcon(color) {
   return makePathIcon(ICON_PATHS.collision.viewBox, ICON_PATHS.collision.d, color);
 }
 export function makeKeyboardIcon(color) {
-  return makePathIcon(
-    ICON_PATHS.keyboard.viewBox,
-    ICON_PATHS.keyboard.d,
-    color,
-  );
+  return makePathIcon(ICON_PATHS.keyboard.viewBox, ICON_PATHS.keyboard.d, color);
 }
 export function makePressIcon(color) {
   return makePathIcon(ICON_PATHS.press.viewBox, ICON_PATHS.press.d, color);
@@ -110,7 +101,7 @@ export function makeOnEventIcon(color) {
   return makePathIcon(ICON_PATHS.event.viewBox, ICON_PATHS.event.d, color);
 }
 
-let _currentIconColor = "white";
+let _currentIconColor = 'white';
 
 export function setCurrentIconColor(color) {
   _currentIconColor = color;
@@ -120,77 +111,77 @@ export function getCurrentIconColor() {
   return _currentIconColor;
 }
 
-export const startIcon = makeStartIcon("white");
-export const repeatIcon = makeRepeatIcon("white");
-export const clickIcon = makeClickIcon("white");
-export const collisionIcon = makeCollisionIcon("white");
-export const keyboardIcon = makeKeyboardIcon("white");
-export const pressIcon = makePressIcon("white");
-export const eventIcon = makeOnEventIcon("white");
+export const startIcon = makeStartIcon('white');
+export const repeatIcon = makeRepeatIcon('white');
+export const clickIcon = makeClickIcon('white');
+export const collisionIcon = makeCollisionIcon('white');
+export const keyboardIcon = makeKeyboardIcon('white');
+export const pressIcon = makePressIcon('white');
+export const eventIcon = makeOnEventIcon('white');
 
-export const BLOCK_ICON_FIELD_NAME = "BLOCK_ICON";
-export const TOGGLE_BUTTON_FIELD_NAME = "TOGGLE_BUTTON";
-const LOW_VISION_ICON_FIELD_NAME = "LOW_VISION_CATEGORY_ICON";
-const LOW_VISION_BAR_FIELD_NAME = "LOW_VISION_CATEGORY_BAR";
+export const BLOCK_ICON_FIELD_NAME = 'BLOCK_ICON';
+export const TOGGLE_BUTTON_FIELD_NAME = 'TOGGLE_BUTTON';
+const LOW_VISION_ICON_FIELD_NAME = 'LOW_VISION_CATEGORY_ICON';
+const LOW_VISION_BAR_FIELD_NAME = 'LOW_VISION_CATEGORY_BAR';
 
 const CATEGORY_ICON_PATH_BY_STYLE = {
-  events_blocks: "../images/events.svg",
-  scene_blocks: "../images/scene.svg",
-  scene_meshes_blocks: "../images/meshes.svg",
-  scene_xr_blocks: "../images/xr.svg",
-  scene_lights_blocks: "../images/lights.svg",
-  scene_camera_blocks: "../images/camera.svg",
-  transform_blocks: "../images/motion.svg",
-  transform_physics_blocks: "../images/physics.svg",
-  transform_connect_blocks: "../images/connect.svg",
-  transform_combine_blocks: "../images/combine.svg",
-  animate_blocks: "../images/animate.svg",
-  animate_keyframe_blocks: "../images/keyframe.svg",
-  materials_blocks: "../images/looks.svg",
-  sound_blocks: "../images/sound.svg",
-  sensing_blocks: "../images/sensing.svg",
-  snippets_blocks: "../images/snippets.svg",
-  snippets_physics_blocks: "../images/physics.svg",
-  snippets_arrows_blocks: "../images/arrows.svg",
-  control_blocks: "../images/control.svg",
-  logic_blocks: "../images/conditions.svg",
-  variable_blocks: "../images/variables.svg",
-  variables_blocks: "../images/variables.svg",
-  text_blocks: "../images/text.svg",
-  list_blocks: "../images/lists.svg",
-  lists_blocks: "../images/lists.svg",
-  math_blocks: "../images/math.svg",
-  procedure_blocks: "../images/functions.svg",
+  events_blocks: '../images/events.svg',
+  scene_blocks: '../images/scene.svg',
+  scene_meshes_blocks: '../images/meshes.svg',
+  scene_xr_blocks: '../images/xr.svg',
+  scene_lights_blocks: '../images/lights.svg',
+  scene_camera_blocks: '../images/camera.svg',
+  transform_blocks: '../images/motion.svg',
+  transform_physics_blocks: '../images/physics.svg',
+  transform_connect_blocks: '../images/connect.svg',
+  transform_combine_blocks: '../images/combine.svg',
+  animate_blocks: '../images/animate.svg',
+  animate_keyframe_blocks: '../images/keyframe.svg',
+  materials_blocks: '../images/looks.svg',
+  sound_blocks: '../images/sound.svg',
+  sensing_blocks: '../images/sensing.svg',
+  snippets_blocks: '../images/snippets.svg',
+  snippets_physics_blocks: '../images/physics.svg',
+  snippets_arrows_blocks: '../images/arrows.svg',
+  control_blocks: '../images/control.svg',
+  logic_blocks: '../images/conditions.svg',
+  variable_blocks: '../images/variables.svg',
+  variables_blocks: '../images/variables.svg',
+  text_blocks: '../images/text.svg',
+  list_blocks: '../images/lists.svg',
+  lists_blocks: '../images/lists.svg',
+  math_blocks: '../images/math.svg',
+  procedure_blocks: '../images/functions.svg',
 };
 
 const CATEGORY_ACCENT_BY_STYLE = {
-  events_blocks: "#d99d98",
-  scene_blocks: "#bed998",
-  scene_meshes_blocks: "#bed998",
-  scene_xr_blocks: "#bed998",
-  scene_lights_blocks: "#bed998",
-  scene_camera_blocks: "#bed998",
-  transform_blocks: "#d3d998",
-  transform_physics_blocks: "#d3d998",
-  transform_connect_blocks: "#d3d998",
-  transform_combine_blocks: "#d3d998",
-  animate_blocks: "#d9c898",
-  animate_keyframe_blocks: "#d9c898",
-  materials_blocks: "#c398d9",
-  sound_blocks: "#d9b398",
-  sensing_blocks: "#98d9d9",
-  snippets_blocks: "#98c3d9",
-  snippets_physics_blocks: "#98c3d9",
-  snippets_arrows_blocks: "#98c3d9",
-  control_blocks: "#98d998",
-  logic_blocks: "#98b8d9",
-  variable_blocks: "#d998b8",
-  variables_blocks: "#d998b8",
-  text_blocks: "#98d9c3",
-  list_blocks: "#ad98d9",
-  lists_blocks: "#ad98d9",
-  math_blocks: "#98a3d9",
-  procedure_blocks: "#ce98d9",
+  events_blocks: '#d99d98',
+  scene_blocks: '#bed998',
+  scene_meshes_blocks: '#bed998',
+  scene_xr_blocks: '#bed998',
+  scene_lights_blocks: '#bed998',
+  scene_camera_blocks: '#bed998',
+  transform_blocks: '#d3d998',
+  transform_physics_blocks: '#d3d998',
+  transform_connect_blocks: '#d3d998',
+  transform_combine_blocks: '#d3d998',
+  animate_blocks: '#d9c898',
+  animate_keyframe_blocks: '#d9c898',
+  materials_blocks: '#c398d9',
+  sound_blocks: '#d9b398',
+  sensing_blocks: '#98d9d9',
+  snippets_blocks: '#98c3d9',
+  snippets_physics_blocks: '#98c3d9',
+  snippets_arrows_blocks: '#98c3d9',
+  control_blocks: '#98d998',
+  logic_blocks: '#98b8d9',
+  variable_blocks: '#d998b8',
+  variables_blocks: '#d998b8',
+  text_blocks: '#98d9c3',
+  list_blocks: '#ad98d9',
+  lists_blocks: '#ad98d9',
+  math_blocks: '#98a3d9',
+  procedure_blocks: '#ce98d9',
 };
 const LOW_VISION_ICON_DATA_URL_BY_STYLE = new Map();
 const LOW_VISION_ICON_SVG_BY_STYLE = new Map();
@@ -198,43 +189,43 @@ const LOW_VISION_ICON_LOAD_PROMISE_BY_STYLE = new Map();
 const LOW_VISION_REFRESH_PENDING_BY_WORKSPACE = new WeakMap();
 
 const LOW_VISION_STYLE_BY_ICON_FILE = {
-  "events.svg": "events_blocks",
-  "scene.svg": "scene_blocks",
-  "meshes.svg": "scene_meshes_blocks",
-  "xr.svg": "scene_xr_blocks",
-  "lights.svg": "scene_lights_blocks",
-  "camera.svg": "scene_camera_blocks",
-  "motion.svg": "transform_blocks",
-  "physics.svg": "transform_physics_blocks",
-  "connect.svg": "transform_connect_blocks",
-  "combine.svg": "transform_combine_blocks",
-  "animate.svg": "animate_blocks",
-  "keyframe.svg": "animate_keyframe_blocks",
-  "looks.svg": "materials_blocks",
-  "sound.svg": "sound_blocks",
-  "sensing.svg": "sensing_blocks",
-  "snippets.svg": "snippets_blocks",
-  "arrows.svg": "snippets_arrows_blocks",
-  "control.svg": "control_blocks",
-  "conditions.svg": "logic_blocks",
-  "variables.svg": "variable_blocks",
-  "data.svg": "variable_blocks",
-  "text.svg": "text_blocks",
-  "lists.svg": "list_blocks",
-  "math.svg": "math_blocks",
-  "functions.svg": "procedure_blocks",
+  'events.svg': 'events_blocks',
+  'scene.svg': 'scene_blocks',
+  'meshes.svg': 'scene_meshes_blocks',
+  'xr.svg': 'scene_xr_blocks',
+  'lights.svg': 'scene_lights_blocks',
+  'camera.svg': 'scene_camera_blocks',
+  'motion.svg': 'transform_blocks',
+  'physics.svg': 'transform_physics_blocks',
+  'connect.svg': 'transform_connect_blocks',
+  'combine.svg': 'transform_combine_blocks',
+  'animate.svg': 'animate_blocks',
+  'keyframe.svg': 'animate_keyframe_blocks',
+  'looks.svg': 'materials_blocks',
+  'sound.svg': 'sound_blocks',
+  'sensing.svg': 'sensing_blocks',
+  'snippets.svg': 'snippets_blocks',
+  'arrows.svg': 'snippets_arrows_blocks',
+  'control.svg': 'control_blocks',
+  'conditions.svg': 'logic_blocks',
+  'variables.svg': 'variable_blocks',
+  'data.svg': 'variable_blocks',
+  'text.svg': 'text_blocks',
+  'lists.svg': 'list_blocks',
+  'math.svg': 'math_blocks',
+  'functions.svg': 'procedure_blocks',
 };
 const LOW_VISION_STYLE_BY_BLOCK_TYPE = buildLowVisionStyleByBlockType();
 const LOW_VISION_SUBCATEGORY_STYLE_OVERRIDES = new Set([
-  "scene_blocks",
-  "transform_blocks",
-  "animate_blocks",
-  "snippets_blocks",
+  'scene_blocks',
+  'transform_blocks',
+  'animate_blocks',
+  'snippets_blocks',
 ]);
 
 export function makeInlineIcon(color) {
   const svg = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="122.88px" height="80.593px" viewBox="0 0 122.88 80.593" xml:space="preserve"><g><polygon fill="${color}" points="122.88,80.593 122.88,49.772 61.44,0 0,49.772 0,80.593 61.44,30.82 122.88,80.593"/></g></svg>`;
-  return "data:image/svg+xml," + encodeURIComponent(svg);
+  return 'data:image/svg+xml,' + encodeURIComponent(svg);
 }
 
 const BLOCK_ICON_MAKERS = {
@@ -251,7 +242,7 @@ export function updateBlockIcons(workspace, iconColor) {
   if (!workspace) return;
   const blocks = getWorkspaceAndFlyoutBlocks(workspace);
   for (const block of blocks) {
-    if (!block || typeof block.getField !== "function") continue;
+    if (!block || typeof block.getField !== 'function') continue;
     const iconField = block.getField(BLOCK_ICON_FIELD_NAME);
     if (iconField) {
       const maker = BLOCK_ICON_MAKERS[block.type];
@@ -267,11 +258,11 @@ export function updateAllBlockIcons(workspace, iconColor) {
 }
 
 function getBlockStyleName(block) {
-  if (!block) return "";
-  if (typeof block.getStyleName === "function") {
-    return block.getStyleName() || "";
+  if (!block) return '';
+  if (typeof block.getStyleName === 'function') {
+    return block.getStyleName() || '';
   }
-  return block.styleName_ || "";
+  return block.styleName_ || '';
 }
 
 function scheduleLowVisionIconRefresh(workspace, styleName) {
@@ -307,42 +298,41 @@ function getLowVisionStyleNameForBlock(block) {
   if (explicitSubcategoryStyle) return explicitSubcategoryStyle;
   if (styleName) return styleName;
 
-  const blockType = block?.type || "";
-  if (blockType.startsWith("lists_")) return "list_blocks";
-  if (blockType.startsWith("variables_")) return "variable_blocks";
+  const blockType = block?.type || '';
+  if (blockType.startsWith('lists_')) return 'list_blocks';
+  if (blockType.startsWith('variables_')) return 'variable_blocks';
   return styleName;
 }
 
 function withSvgFill(svg, fillColor) {
-  if (!svg || !fillColor || !svg.includes("<svg")) return svg;
+  if (!svg || !fillColor || !svg.includes('<svg')) return svg;
   const fillStyle = `<style>*{fill:${fillColor} !important;}</style>`;
-  if (svg.includes("</svg>")) {
+  if (svg.includes('</svg>')) {
     return svg.replace(/<svg([^>]*)>/, `<svg$1>${fillStyle}`);
   }
   return svg;
 }
 
 function getStyleNameFromIconPath(iconPath) {
-  const iconName = (iconPath || "").toLowerCase().split("/").pop();
-  return LOW_VISION_STYLE_BY_ICON_FILE[iconName] || "";
+  const iconName = (iconPath || '').toLowerCase().split('/').pop();
+  return LOW_VISION_STYLE_BY_ICON_FILE[iconName] || '';
 }
 
 function buildLowVisionStyleByBlockType() {
   const byType = {};
 
-  const walkToolbox = (items, inheritedStyle = "") => {
+  const walkToolbox = (items, inheritedStyle = '') => {
     if (!Array.isArray(items)) return;
     for (const item of items) {
-      if (!item || typeof item !== "object") continue;
+      if (!item || typeof item !== 'object') continue;
 
-      if (item.kind === "category") {
-        const categoryStyle =
-          getStyleNameFromIconPath(item.icon) || inheritedStyle;
+      if (item.kind === 'category') {
+        const categoryStyle = getStyleNameFromIconPath(item.icon) || inheritedStyle;
         walkToolbox(item.contents, categoryStyle);
         continue;
       }
 
-      if (item.kind === "block" && item.type && inheritedStyle) {
+      if (item.kind === 'block' && item.type && inheritedStyle) {
         byType[item.type] = inheritedStyle;
       }
     }
@@ -359,10 +349,10 @@ export function makeLowVisionCategoryIconDataUrl(styleName) {
   const iconSvg = LOW_VISION_ICON_SVG_BY_STYLE.get(styleName);
   if (!iconSvg) {
     loadLowVisionCategoryIconSvg(styleName);
-    return "";
+    return '';
   }
   const accent = CATEGORY_ACCENT_BY_STYLE[styleName];
-  if (!iconSvg || !accent) return "";
+  if (!iconSvg || !accent) return '';
   const dataUrl = buildSvgDataUri(withSvgFill(iconSvg, accent));
   LOW_VISION_ICON_DATA_URL_BY_STYLE.set(styleName, dataUrl);
   return dataUrl;
@@ -376,26 +366,26 @@ function loadLowVisionCategoryIconSvg(styleName) {
     return LOW_VISION_ICON_LOAD_PROMISE_BY_STYLE.get(styleName);
   }
   const iconPath = CATEGORY_ICON_PATH_BY_STYLE[styleName];
-  if (!iconPath) return Promise.resolve("");
+  if (!iconPath) return Promise.resolve('');
 
   const iconUrl = new URL(iconPath, import.meta.url).href;
   const loadPromise = fetch(iconUrl)
-    .then((response) => (response.ok ? response.text() : ""))
+    .then((response) => (response.ok ? response.text() : ''))
     .then((svgText) => {
-      LOW_VISION_ICON_SVG_BY_STYLE.set(styleName, svgText || "");
+      LOW_VISION_ICON_SVG_BY_STYLE.set(styleName, svgText || '');
       LOW_VISION_ICON_LOAD_PROMISE_BY_STYLE.delete(styleName);
-      return svgText || "";
+      return svgText || '';
     })
     .catch(() => {
       LOW_VISION_ICON_LOAD_PROMISE_BY_STYLE.delete(styleName);
-      return "";
+      return '';
     });
   LOW_VISION_ICON_LOAD_PROMISE_BY_STYLE.set(styleName, loadPromise);
   return loadPromise;
 }
 
 export function preloadLowVisionCategoryIcons() {
-  if (typeof Image === "undefined" || typeof fetch !== "function") {
+  if (typeof Image === 'undefined' || typeof fetch !== 'function') {
     return Promise.resolve();
   }
   const pendingDecodes = [];
@@ -405,12 +395,12 @@ export function preloadLowVisionCategoryIcons() {
         const dataUrl = makeLowVisionCategoryIconDataUrl(styleName);
         if (!dataUrl) return;
         const img = new Image();
-        img.decoding = "sync";
+        img.decoding = 'sync';
         img.src = dataUrl;
-        if (typeof img.decode === "function") {
+        if (typeof img.decode === 'function') {
           return img.decode().catch(() => {});
         }
-      }),
+      })
     );
   }
   return Promise.allSettled(pendingDecodes);
@@ -420,11 +410,7 @@ export function applyLowVisionCategoryIcons(workspace) {
   if (!workspace) return;
   const blocks = getWorkspaceAndFlyoutBlocks(workspace);
   for (const block of blocks) {
-    if (
-      !block ||
-      typeof block.getField !== "function" ||
-      !Array.isArray(block.inputList)
-    ) {
+    if (!block || typeof block.getField !== 'function' || !Array.isArray(block.inputList)) {
       continue;
     }
     const styleName = getLowVisionStyleNameForBlock(block);
@@ -439,8 +425,8 @@ export function applyLowVisionCategoryIcons(workspace) {
     if (!block.getField(LOW_VISION_ICON_FIELD_NAME)) {
       firstInput.insertFieldAt(
         0,
-        new DecorativeFieldImage(iconPath, 18, 18, "", null),
-        LOW_VISION_ICON_FIELD_NAME,
+        new DecorativeFieldImage(iconPath, 18, 18, '', null),
+        LOW_VISION_ICON_FIELD_NAME
       );
     }
   }
@@ -450,11 +436,11 @@ export function clearLowVisionCategoryIcons(workspace) {
   if (!workspace) return;
   const blocks = getWorkspaceAndFlyoutBlocks(workspace);
   for (const block of blocks) {
-    if (!block || typeof block.getField !== "function") {
+    if (!block || typeof block.getField !== 'function') {
       continue;
     }
     const firstInput = block.inputList?.[0];
-    if (!firstInput || typeof firstInput.removeField !== "function") continue;
+    if (!firstInput || typeof firstInput.removeField !== 'function') continue;
     if (block.getField(LOW_VISION_BAR_FIELD_NAME))
       firstInput.removeField(LOW_VISION_BAR_FIELD_NAME, true);
     if (block.getField(LOW_VISION_ICON_FIELD_NAME))
@@ -481,25 +467,25 @@ const MICROBIT_GLYPHS = {
   plug: {
     width: 384,
     height: 512,
-    d: "M96 0C78.3 0 64 14.3 64 32l0 96 64 0 0-96c0-17.7-14.3-32-32-32zM288 0c-17.7 0-32 14.3-32 32l0 96 64 0 0-96c0-17.7-14.3-32-32-32zM32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l0 32c0 77.4 55 142 128 156.8l0 67.2c0 17.7 14.3 32 32 32s32-14.3 32-32l0-67.2C297 398 352 333.4 352 256l0-32c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 160z",
+    d: 'M96 0C78.3 0 64 14.3 64 32l0 96 64 0 0-96c0-17.7-14.3-32-32-32zM288 0c-17.7 0-32 14.3-32 32l0 96 64 0 0-96c0-17.7-14.3-32-32-32zM32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l0 32c0 77.4 55 142 128 156.8l0 67.2c0 17.7 14.3 32 32 32s32-14.3 32-32l0-67.2C297 398 352 333.4 352 256l0-32c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 160z',
   },
   waves: {
     width: 640,
     height: 512,
-    d: "M54.2 202.9C123.2 136.7 216.8 96 320 96s196.8 40.7 265.8 106.9c12.8 12.2 33 11.8 45.2-.9s11.8-33-.9-45.2C549.7 79.5 440.4 32 320 32S90.3 79.5 9.8 156.7C-2.9 169-3.3 189.2 8.9 202s32.5 13.2 45.2 .9zM320 256c56.8 0 108.6 21.1 148.2 56c13.3 11.7 33.5 10.4 45.2-2.8s10.4-33.5-2.8-45.2C459.8 219.2 393 192 320 192s-139.8 27.2-190.5 72c-13.3 11.7-14.5 32-2.8 45.2s32 14.5 45.2 2.8c39.5-34.9 91.3-56 148.2-56zm64 160a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z",
+    d: 'M54.2 202.9C123.2 136.7 216.8 96 320 96s196.8 40.7 265.8 106.9c12.8 12.2 33 11.8 45.2-.9s11.8-33-.9-45.2C549.7 79.5 440.4 32 320 32S90.3 79.5 9.8 156.7C-2.9 169-3.3 189.2 8.9 202s32.5 13.2 45.2 .9zM320 256c56.8 0 108.6 21.1 148.2 56c13.3 11.7 33.5 10.4 45.2-2.8s10.4-33.5-2.8-45.2C459.8 219.2 393 192 320 192s-139.8 27.2-190.5 72c-13.3 11.7-14.5 32-2.8 45.2s32 14.5 45.2 2.8c39.5-34.9 91.3-56 148.2-56zm64 160a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z',
   },
   hourglass: {
     width: 384,
     height: 512,
-    d: "M32 0C14.3 0 0 14.3 0 32S14.3 64 32 64l0 11c0 42.4 16.9 83.1 46.9 113.1L146.7 256 78.9 323.9C48.9 353.9 32 394.6 32 437l0 11c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0 256 0 32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-11c0-42.4-16.9-83.1-46.9-113.1L237.3 256l67.9-67.9c30-30 46.9-70.7 46.9-113.1l0-11c17.7 0 32-14.3 32-32s-14.3-32-32-32L320 0 64 0 32 0zM96 75l0-11 192 0 0 11c0 25.5-10.1 49.9-28.1 67.9L192 210.7l-67.9-67.9C106.1 124.9 96 100.5 96 75z",
+    d: 'M32 0C14.3 0 0 14.3 0 32S14.3 64 32 64l0 11c0 42.4 16.9 83.1 46.9 113.1L146.7 256 78.9 323.9C48.9 353.9 32 394.6 32 437l0 11c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0 256 0 32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-11c0-42.4-16.9-83.1-46.9-113.1L237.3 256l67.9-67.9c30-30 46.9-70.7 46.9-113.1l0-11c17.7 0 32-14.3 32-32s-14.3-32-32-32L320 0 64 0 32 0zM96 75l0-11 192 0 0 11c0 25.5-10.1 49.9-28.1 67.9L192 210.7l-67.9-67.9C106.1 124.9 96 100.5 96 75z',
   },
 };
 
 const MICROBIT_STATUS_SPECS = {
-  unbound: { color: "#757575", glyph: "plug" },
-  busy: { color: "#e6a817", glyph: "hourglass" },
-  tethered: { color: "#2e8b57", glyph: "plug" },
-  radio: { color: "#2e8b57", glyph: "waves" },
+  unbound: { color: '#757575', glyph: 'plug' },
+  busy: { color: '#e6a817', glyph: 'hourglass' },
+  tethered: { color: '#2e8b57', glyph: 'plug' },
+  radio: { color: '#2e8b57', glyph: 'waves' },
 };
 
 export function makeMicrobitStatusIcon(status) {
diff --git a/blocks/blocks.js b/blocks/blocks.js
index e43d48fc7..08a8e928e 100644
--- a/blocks/blocks.js
+++ b/blocks/blocks.js
@@ -1,9 +1,9 @@
-import * as Blockly from "blockly";
+import * as Blockly from 'blockly';
 //import "@blockly/block-plus-minus";
-import * as BlockDynamicConnection from "@blockly/block-dynamic-connection";
-import { toolbox, categoryColours } from "../toolbox.js";
-import { translate, getTooltip } from "../main/translation.js";
-import { flock } from "../flock.js";
+import * as BlockDynamicConnection from '@blockly/block-dynamic-connection';
+import { toolbox, categoryColours } from '../toolbox.js';
+import { translate, getTooltip } from '../main/translation.js';
+import { flock } from '../flock.js';
 
 import {
   deleteMeshFromBlock,
@@ -12,18 +12,18 @@ import {
   getActiveSceneControllerBlockId,
   clearSkyMesh,
   setClearSkyToBlack,
-} from "../ui/blockmesh.js";
-import { FieldColour, registerFieldColour } from "@blockly/field-colour";
-import { createThemeConfig } from "../main/themes.js";
-import { makeInlineIcon, TOGGLE_BUTTON_FIELD_NAME } from "./blockIcons.js";
+} from '../ui/blockmesh.js';
+import { FieldColour, registerFieldColour } from '@blockly/field-colour';
+import { createThemeConfig } from '../main/themes.js';
+import { makeInlineIcon, TOGGLE_BUTTON_FIELD_NAME } from './blockIcons.js';
 
 registerFieldColour();
 
 const normaliseHexColour = (value) => {
-  if (typeof value !== "string") return "";
+  if (typeof value !== 'string') return '';
   let hex = value.trim().toLowerCase();
-  if (!hex) return "";
-  if (!hex.startsWith("#")) hex = `#${hex}`;
+  if (!hex) return '';
+  if (!hex.startsWith('#')) hex = `#${hex}`;
   if (/^#[\da-f]{3}$/.test(hex)) {
     hex = `#${hex[1]}${hex[1]}${hex[2]}${hex[2]}${hex[3]}${hex[3]}`;
   }
@@ -31,7 +31,7 @@ const normaliseHexColour = (value) => {
 };
 
 // When using keyboard navigation, when the colour in a block isn't one of those in the grid this makes the editor start with the container selected so you can use arrow keys to navigate to the swatches.
-const flockFocusPatchKey = Symbol.for("flock.fieldColourFocusPatch");
+const flockFocusPatchKey = Symbol.for('flock.fieldColourFocusPatch');
 const fieldColourPrototype = FieldColour.prototype;
 if (!fieldColourPrototype[flockFocusPatchKey]) {
   const originalShowEditor = fieldColourPrototype.showEditor_;
@@ -55,7 +55,7 @@ if (!fieldColourPrototype[flockFocusPatchKey]) {
     // the field manually as a stopgap until upstream ships a v13 fix.
     const xy = this.getAbsoluteXY_();
     const size = this.getSize();
-    const dd = document.querySelector(".blocklyDropDownDiv");
+    const dd = document.querySelector('.blocklyDropDownDiv');
     const parent = dd?.parentElement;
     if (dd && parent && xy) {
       const parentRect = parent.getBoundingClientRect();
@@ -67,15 +67,13 @@ if (!fieldColourPrototype[flockFocusPatchKey]) {
     if (!currentValue) return;
 
     const hasMatchingSwatch = this.getOptions?.(false)?.some(
-      (option) => normaliseHexColour(option?.[1]) === currentValue,
+      (option) => normaliseHexColour(option?.[1]) === currentValue
     );
     if (hasMatchingSwatch) return;
     const openedWithKeyboard = e === undefined || e instanceof KeyboardEvent;
     if (!openedWithKeyboard) return;
 
-    Blockly.DropDownDiv.getContentDiv()
-      .querySelector(".blocklyFieldGrid")
-      ?.focus();
+    Blockly.DropDownDiv.getContentDiv().querySelector('.blocklyFieldGrid')?.focus();
   };
 }
 
@@ -86,10 +84,9 @@ if (!fieldColourPrototype[flockFocusPatchKey]) {
 // loading a saved workspace) and our own refreshReporterAriaLabels both call
 // recomputeAriaContext on fields that may not be rendered yet. Guard the same
 // way applyColour() already does upstream.
-const flockAriaPatchKey = Symbol.for("flock.fieldColourAriaPatch");
+const flockAriaPatchKey = Symbol.for('flock.fieldColourAriaPatch');
 if (!fieldColourPrototype[flockAriaPatchKey]) {
-  const originalRecomputeAriaContext =
-    fieldColourPrototype.recomputeAriaContext;
+  const originalRecomputeAriaContext = fieldColourPrototype.recomputeAriaContext;
   fieldColourPrototype.recomputeAriaContext = function () {
     if (!this.fieldGroup_) return true;
     return originalRecomputeAriaContext.call(this);
@@ -102,12 +99,12 @@ if (!fieldColourPrototype[flockAriaPatchKey]) {
 // field's SVG click target.  The result is stored as a flag on the picker so
 // that excludeFromClose can let the click through only for colour-field hits.
 document.addEventListener(
-  "pointerdown",
+  'pointerdown',
   (e) => {
     const picker = window.flockColorPicker;
     if (!picker?.isOpen) return;
 
-    const blocklyDiv = document.getElementById("blocklyDiv");
+    const blocklyDiv = document.getElementById('blocklyDiv');
     if (!blocklyDiv?.contains(e.target)) return;
 
     const workspace = Blockly.getMainWorkspace();
@@ -121,11 +118,11 @@ document.addEventListener(
             if (!(field instanceof FieldColour)) return false;
             const ct = field.clickTarget_ ?? field.fieldGroup_;
             return ct && (ct === e.target || ct.contains(e.target));
-          }),
-        ),
+          })
+        )
     );
   },
-  true,
+  true
 );
 
 export let nextVariableIndexes = Object.create(null);
@@ -184,10 +181,10 @@ export function registerBlockHandler(block, handler) {
   blockHandlerRegistry.set(block.id, handler);
 }
 
-export const inlineIcon = makeInlineIcon("white");
+export const inlineIcon = makeInlineIcon('white');
 
 export function getHelpUrlFor(_blockType) {
-  return "https://hub.flockxr.com";
+  return 'https://hub.flockxr.com';
 }
 
 // Text of the static labels immediately preceding an input on its row (e.g.
@@ -199,12 +196,12 @@ function inputFieldRowLabel(input) {
   const labels = [];
   for (let i = fields.length - 1; i >= 0; i--) {
     if (!(fields[i] instanceof Blockly.FieldLabel)) break;
-    labels.unshift(fields[i].getText ? fields[i].getText() : "");
+    labels.unshift(fields[i].getText ? fields[i].getText() : '');
   }
-  const text = labels.join(" ").replace(/\s+/g, " ").trim();
+  const text = labels.join(' ').replace(/\s+/g, ' ').trim();
   // Strip surrounding punctuation/separators so "x:" reads as "x" and
   // "| skin:" reads as "skin" (messages separate fields with "|").
-  return text.replace(/^[^\p{L}\p{N}]+/u, "").replace(/[^\p{L}\p{N}]+$/u, "");
+  return text.replace(/^[^\p{L}\p{N}]+/u, '').replace(/[^\p{L}\p{N}]+$/u, '');
 }
 
 // Derived field-row labels that add no useful per-input context: connectors and
@@ -212,10 +209,31 @@ function inputFieldRowLabel(input) {
 // after the input it describes, so "for %2 seconds %3" would otherwise label the
 // %3 input "seconds". Meaningful nouns (hair, skin, x, size, color) are kept.
 const SKIP_DERIVED_LABELS = new Set([
-  "for", "to", "on", "with", "at", "by", "from", "of", "in", "into", "and",
-  "or", "the", "a", "an",
-  "seconds", "second", "s", "ms", "milliseconds", "degrees", "degree", "deg",
-  "times", "ms.",
+  'for',
+  'to',
+  'on',
+  'with',
+  'at',
+  'by',
+  'from',
+  'of',
+  'in',
+  'into',
+  'and',
+  'or',
+  'the',
+  'a',
+  'an',
+  'seconds',
+  'second',
+  's',
+  'ms',
+  'milliseconds',
+  'degrees',
+  'degree',
+  'deg',
+  'times',
+  'ms.',
 ]);
 
 // Gives value/statement inputs an ARIA label so screen readers announce the
@@ -247,7 +265,7 @@ export function applyInputAriaLabels(block, overrides) {
         label = derived;
       }
     }
-    if (label && typeof input.setAriaLabelProvider === "function") {
+    if (label && typeof input.setAriaLabelProvider === 'function') {
       input.setAriaLabelProvider(label);
     }
   }
@@ -259,7 +277,7 @@ export function applyInputAriaLabels(block, overrides) {
 // into a slot. Recompute affected fields so e.g. a number moved into scale's X
 // slot updates from "number" to "x, number". Called from a workspace listener.
 export function refreshReporterAriaLabels(block) {
-  if (!block || typeof block.getDescendants !== "function") return;
+  if (!block || typeof block.getDescendants !== 'function') return;
   for (const descendant of block.getDescendants(false)) {
     if (descendant.isSimpleReporter?.()) {
       descendant.getFullBlockField?.()?.recomputeAriaContext?.();
@@ -270,13 +288,13 @@ export function refreshReporterAriaLabels(block) {
 // Shared utility to add the toggle button to a block
 export function addToggleButton(block) {
   const toggleButton = new Blockly.FieldImage(
-    makeInlineIcon("white"),
+    makeInlineIcon('white'),
     30,
     30,
-    "toggle inline blocks",
+    'toggle inline blocks',
     () => {
       block.toggleDoBlock();
-    },
+    }
   );
 
   block
@@ -287,14 +305,14 @@ export function addToggleButton(block) {
 
 // Shared utility for the mutationToDom function
 export function mutationToDom(block) {
-  const container = document.createElement("mutation");
-  container.setAttribute("inline", block.isInline);
+  const container = document.createElement('mutation');
+  container.setAttribute('inline', block.isInline);
   return container;
 }
 
 // Shared utility for the domToMutation function
 export function domToMutation(block, xmlElement) {
-  const isInline = xmlElement.getAttribute("inline") === "true";
+  const isInline = xmlElement.getAttribute('inline') === 'true';
   block.updateShape_(isInline);
 }
 
@@ -315,12 +333,12 @@ export function handleBlockSelect(event) {
 
     if (
       block &&
-      block.type !== "create_ground" &&
-      block.type !== "create_map" &&
-      (block.type.startsWith("create_") || block.type.startsWith("load_"))
+      block.type !== 'create_ground' &&
+      block.type !== 'create_map' &&
+      (block.type.startsWith('create_') || block.type.startsWith('load_'))
     ) {
       // If the block is a create block, update the window.currentMesh variable
-      window.updateCurrentMeshName(block, "ID_VAR");
+      window.updateCurrentMeshName(block, 'ID_VAR');
     }
   }
 }
@@ -333,8 +351,8 @@ export function handleBlockDelete(event) {
       type: Blockly.Events.BLOCK_CHANGE,
       blockId: b.id,
       workspaceId: b.workspace?.id,
-      element: "field",
-      name: "__restore__",
+      element: 'field',
+      name: '__restore__',
       oldValue: null,
       newValue: null,
       recordUndo: false,
@@ -343,29 +361,20 @@ export function handleBlockDelete(event) {
     // Recursively delete meshes for qualifying blocks
     function deleteMeshesRecursively(blockJson) {
       // Check if block type matches the prefixes
-      if (
-        blockJson.type.startsWith("load_") ||
-        blockJson.type.startsWith("create_")
-      ) {
+      if (blockJson.type.startsWith('load_') || blockJson.type.startsWith('create_')) {
         deleteMeshFromBlock(blockJson.id);
-        if (blockJson.type === "create_map") {
+        if (blockJson.type === 'create_map') {
           const ws = Blockly.getMainWorkspace();
           const nextMapBlock = ws
             ?.getAllBlocks(false)
             .find(
               (b) =>
-                b.type === "create_map" &&
-                b.id !== blockJson.id &&
-                b.isEnabled() &&
-                b.getParent(),
+                b.type === 'create_map' && b.id !== blockJson.id && b.isEnabled() && b.getParent()
             );
           if (nextMapBlock)
-            updateOrCreateMeshFromBlock(
-              nextMapBlock,
-              makeRestoreEvent(nextMapBlock),
-            );
+            updateOrCreateMeshFromBlock(nextMapBlock, makeRestoreEvent(nextMapBlock));
         }
-      } else if (blockJson.type === "set_background_color") {
+      } else if (blockJson.type === 'set_background_color') {
         deleteMeshFromBlock(blockJson.id);
         if (activeControllerBlockId === blockJson.id) {
           clearSkyMesh();
@@ -374,20 +383,16 @@ export function handleBlockDelete(event) {
             ?.getAllBlocks(false)
             .find(
               (b) =>
-                (b.type === "set_sky_color" ||
-                  b.type === "set_background_color") &&
+                (b.type === 'set_sky_color' || b.type === 'set_background_color') &&
                 b.id !== blockJson.id &&
                 b.isEnabled() &&
-                b.getParent(),
+                b.getParent()
             );
           if (nextSkyBlock)
-            updateOrCreateMeshFromBlock(
-              nextSkyBlock,
-              makeRestoreEvent(nextSkyBlock),
-            );
+            updateOrCreateMeshFromBlock(nextSkyBlock, makeRestoreEvent(nextSkyBlock));
           else setClearSkyToBlack();
         }
-      } else if (blockJson.type === "set_sky_color") {
+      } else if (blockJson.type === 'set_sky_color') {
         if (activeControllerBlockId === blockJson.id) {
           clearSkyMesh();
           const ws = Blockly.getMainWorkspace();
@@ -395,17 +400,13 @@ export function handleBlockDelete(event) {
             ?.getAllBlocks(false)
             .find(
               (b) =>
-                (b.type === "set_sky_color" ||
-                  b.type === "set_background_color") &&
+                (b.type === 'set_sky_color' || b.type === 'set_background_color') &&
                 b.id !== blockJson.id &&
                 b.isEnabled() &&
-                b.getParent(),
+                b.getParent()
             );
           if (nextSkyBlock)
-            updateOrCreateMeshFromBlock(
-              nextSkyBlock,
-              makeRestoreEvent(nextSkyBlock),
-            );
+            updateOrCreateMeshFromBlock(nextSkyBlock, makeRestoreEvent(nextSkyBlock));
           else setClearSkyToBlack();
         }
       }
@@ -432,21 +433,13 @@ export function handleBlockDelete(event) {
 }
 
 export function handleMeshLifecycleChange(block, changeEvent) {
-  if (
-    !block ||
-    block.disposed ||
-    !block.workspace ||
-    block.workspace.isFlyout
-  ) {
+  if (!block || block.disposed || !block.workspace || block.workspace.isFlyout) {
     return false;
   }
 
   const mesh = getMeshFromBlock(block);
 
-  if (
-    changeEvent.type === Blockly.Events.BLOCK_MOVE &&
-    changeEvent.blockId === block.id
-  ) {
+  if (changeEvent.type === Blockly.Events.BLOCK_MOVE && changeEvent.blockId === block.id) {
     if (block.getParent() && !mesh) {
       updateOrCreateMeshFromBlock(block, changeEvent);
     }
@@ -456,10 +449,9 @@ export function handleMeshLifecycleChange(block, changeEvent) {
   if (
     changeEvent.type === Blockly.Events.BLOCK_CHANGE &&
     changeEvent.blockId === block.id &&
-    changeEvent.element === "disabled"
+    changeEvent.element === 'disabled'
   ) {
-    const isDisabling =
-      changeEvent.newValue === true || changeEvent.newValue === "true";
+    const isDisabling = changeEvent.newValue === true || changeEvent.newValue === 'true';
 
     if (!isDisabling) {
       setTimeout(() => {
@@ -472,8 +464,7 @@ export function handleMeshLifecycleChange(block, changeEvent) {
     } else {
       deleteMeshFromBlock(block.id);
       if (
-        (block.type === "set_background_color" ||
-          block.type === "set_sky_color") &&
+        (block.type === 'set_background_color' || block.type === 'set_sky_color') &&
         getActiveSceneControllerBlockId() === block.id
       ) {
         clearSkyMesh();
@@ -483,10 +474,7 @@ export function handleMeshLifecycleChange(block, changeEvent) {
     return true;
   }
 
-  if (
-    changeEvent.type === Blockly.Events.BLOCK_CREATE &&
-    block.workspace.getBlockById(block.id)
-  ) {
+  if (changeEvent.type === Blockly.Events.BLOCK_CREATE && block.workspace.getBlockById(block.id)) {
     const createdBlockIds = Array.isArray(changeEvent.ids)
       ? changeEvent.ids
       : [changeEvent.blockId];
@@ -513,9 +501,7 @@ export function isValueInputDescendantOf(containerBlock, changedBlock) {
     if (!parent) return false;
 
     const viaValueInput = (parent.inputList || []).some(
-      (inp) =>
-        inp?.type === Blockly.INPUT_VALUE &&
-        inp?.connection?.targetBlock?.() === child,
+      (inp) => inp?.type === Blockly.INPUT_VALUE && inp?.connection?.targetBlock?.() === child
     );
 
     if (!viaValueInput) return false;
@@ -526,10 +512,7 @@ export function isValueInputDescendantOf(containerBlock, changedBlock) {
 }
 
 export function handleFieldOrChildChange(containerBlock, changeEvent) {
-  if (
-    changeEvent.type !== Blockly.Events.BLOCK_CHANGE ||
-    changeEvent.element !== "field"
-  ) {
+  if (changeEvent.type !== Blockly.Events.BLOCK_CHANGE || changeEvent.element !== 'field') {
     return false;
   }
 
@@ -559,19 +542,14 @@ export function handleParentLinkedUpdate(containerBlock, changeEvent) {
 
   const ws = containerBlock.workspace;
   const changedBlocks =
-    changeEvent.type === Blockly.Events.BLOCK_CREATE &&
-    Array.isArray(changeEvent.ids)
+    changeEvent.type === Blockly.Events.BLOCK_CREATE && Array.isArray(changeEvent.ids)
       ? changeEvent.ids.map((id) => ws.getBlockById(id)).filter(Boolean)
       : [ws.getBlockById(changeEvent.blockId)].filter(Boolean);
 
   for (const changed of changedBlocks) {
     const parent = findCreateBlock(changed);
 
-    if (
-      changed &&
-      parent === containerBlock &&
-      isValueInputDescendantOf(containerBlock, changed)
-    ) {
+    if (changed && parent === containerBlock && isValueInputDescendantOf(containerBlock, changed)) {
       if (!window.loadingCode) {
         updateOrCreateMeshFromBlock(containerBlock, changeEvent);
       }
@@ -583,23 +561,23 @@ export function handleParentLinkedUpdate(containerBlock, changeEvent) {
 }
 
 export function findCreateBlock(block) {
-  if (!block || typeof block.getParent !== "function") {
+  if (!block || typeof block.getParent !== 'function') {
     return null;
   }
 
   let parent = block;
 
   while (parent) {
-    if (parent.type === "scale" || parent.type === "rotate_to") {
+    if (parent.type === 'scale' || parent.type === 'rotate_to') {
       // Don't update parent if we're modifying a nested scale or rotate
       return null;
     }
 
     if (
-      parent.type.startsWith("create_") ||
-      parent.type.startsWith("load_") ||
-      parent.type === "set_sky_color" ||
-      parent.type === "set_background_color"
+      parent.type.startsWith('create_') ||
+      parent.type.startsWith('load_') ||
+      parent.type === 'set_sky_color' ||
+      parent.type === 'set_background_color'
     ) {
       return parent;
     }
@@ -614,12 +592,7 @@ export function findCreateBlock(block) {
 
 export function handleBlockChange(block, changeEvent, variableNamePrefix) {
   // Always run first to handle variable naming
-  handleBlockCreateEvent(
-    block,
-    changeEvent,
-    variableNamePrefix,
-    nextVariableIndexes,
-  );
+  handleBlockCreateEvent(block, changeEvent, variableNamePrefix, nextVariableIndexes);
 
   // Handle lifecycle events like enable/disable/move on the block directly.
   // Also handle BLOCK_CREATE events where this block is in the created ids
@@ -643,45 +616,34 @@ export function handleBlockChange(block, changeEvent, variableNamePrefix) {
       changeEvent.type === Blockly.Events.BLOCK_MOVE) &&
     changeEvent.workspaceId === ws.id
   ) {
-    if (flock.blockDebug)
-      console.log("The changed block is", changeEvent.block);
-    if (flock.blockDebug)
-      console.log("The changed block is", changeEvent.blockId);
+    if (flock.blockDebug) console.log('The changed block is', changeEvent.block);
+    if (flock.blockDebug) console.log('The changed block is', changeEvent.blockId);
     const changedBlock = ws.getBlockById(changeEvent.blockId);
 
     const createdBlocks =
-      changeEvent.type === Blockly.Events.BLOCK_CREATE &&
-      Array.isArray(changeEvent.ids)
+      changeEvent.type === Blockly.Events.BLOCK_CREATE && Array.isArray(changeEvent.ids)
         ? changeEvent.ids.map((id) => ws.getBlockById(id)).filter(Boolean)
         : [changedBlock].filter(Boolean);
 
     if (!createdBlocks.length) {
-      if (flock.blockDebug) console.log("Changed block not found in workspace");
+      if (flock.blockDebug) console.log('Changed block not found in workspace');
       return;
     }
 
     const parents = createdBlocks.map((cb) => findCreateBlock(cb));
-    if (flock.blockDebug)
-      console.log("The type of the changed block is", changedBlock.type);
+    if (flock.blockDebug) console.log('The type of the changed block is', changedBlock.type);
     if (changedBlock.getParent()) {
       if (flock.blockDebug)
-        console.log(
-          "The ID of the parent of the changed block is",
-          changedBlock.getParent().id,
-        );
+        console.log('The ID of the parent of the changed block is', changedBlock.getParent().id);
       if (flock.blockDebug)
         console.log(
-          "The type of the parent of the changed block is",
-          changedBlock.getParent().type,
+          'The type of the parent of the changed block is',
+          changedBlock.getParent().type
         );
     }
-    if (flock.blockDebug) console.log("This block is", block.id);
-    if (flock.blockDebug) console.log("The type of this block is", block.type);
-    if (
-      changedBlock &&
-      parents.includes(block) &&
-      isValueInputDescendantOf(block, changedBlock)
-    ) {
+    if (flock.blockDebug) console.log('This block is', block.id);
+    if (flock.blockDebug) console.log('The type of this block is', block.type);
+    if (changedBlock && parents.includes(block) && isValueInputDescendantOf(block, changedBlock)) {
       // Only configuration inputs (value-input subtree) affect preview mesh; runtime statement blocks do not.
       const blockInWorkspace = ws.getBlockById(block.id);
       if (blockInWorkspace) {
@@ -694,9 +656,7 @@ export function handleBlockChange(block, changeEvent, variableNamePrefix) {
 const _pendingRetarget = new WeakMap(); // block -> { from, to, type, prefix } | undefined
 
 function getBlockly(opts) {
-  return (
-    (opts && opts.Blockly) || (typeof Blockly !== "undefined" ? Blockly : null)
-  );
+  return (opts && opts.Blockly) || (typeof Blockly !== 'undefined' ? Blockly : null);
 }
 
 function getVariableFieldsOnBlock(block, BlocklyNS) {
@@ -709,13 +669,7 @@ function getVariableFieldsOnBlock(block, BlocklyNS) {
   return out;
 }
 
-function isVariableUsedElsewhere(
-  workspace,
-  varId,
-  excludingBlockId,
-  BlocklyNS,
-  allBlocks,
-) {
+function isVariableUsedElsewhere(workspace, varId, excludingBlockId, BlocklyNS, allBlocks) {
   if (!varId) return false;
   const blocks = allBlocks ?? workspace.getAllBlocks(false);
   for (const b of blocks) {
@@ -730,13 +684,12 @@ function isVariableUsedElsewhere(
 
 function getFieldVariableType(block, fieldName) {
   const field = block.getField(fieldName);
-  if (!field) return "";
-  const model =
-    typeof field.getVariable === "function" ? field.getVariable() : null;
-  if (model && typeof model.type === "string") return model.type || "";
+  if (!field) return '';
+  const model = typeof field.getVariable === 'function' ? field.getVariable() : null;
+  if (model && typeof model.type === 'string') return model.type || '';
   const varId = field.getValue && field.getValue();
   const byId = varId ? block.workspace.getVariableMap().getVariableById(varId) : null;
-  return (byId && byId.type) || "";
+  return (byId && byId.type) || '';
 }
 
 function parseNumericSuffix(name, prefix) {
@@ -747,7 +700,7 @@ function parseNumericSuffix(name, prefix) {
 }
 
 function deriveVariableNameParts(name, fallbackPrefix) {
-  if (typeof name !== "string" || !name.length) {
+  if (typeof name !== 'string' || !name.length) {
     return { prefix: fallbackPrefix, suffix: null };
   }
   const numberMatch = name.match(/^(.*?)(\d+)$/);
@@ -768,10 +721,7 @@ function createFreshVariable(workspace, prefix, type, nextVariableIndexes) {
   while (workspace.getVariableMap().getVariable(`${prefix}${n}`, type)) n += 1;
 
   // Update the counter
-  nextVariableIndexes[prefix] = Math.max(
-    nextVariableIndexes[prefix] || 1,
-    n + 1,
-  );
+  nextVariableIndexes[prefix] = Math.max(nextVariableIndexes[prefix] || 1, n + 1);
 
   const newVarName = `${prefix}${n}`;
 
@@ -787,13 +737,7 @@ function createFreshVariable(workspace, prefix, type, nextVariableIndexes) {
   return workspace.getVariableMap().createVariable(`${prefix}${n}`, type);
 }
 
-function retargetDescendantsVariables(
-  rootBlock,
-  fromVarId,
-  toVarId,
-  BlocklyNS,
-  createdIds = null,
-) {
+function retargetDescendantsVariables(rootBlock, fromVarId, toVarId, BlocklyNS, createdIds = null) {
   if (!fromVarId || !toVarId || fromVarId === toVarId) return 0;
 
   // Get descendants but ONLY through input connections, not next/previous
@@ -853,7 +797,7 @@ function adoptIsolatedDefaultVarsTo(
   workspace,
   BlocklyNS,
   createdIds,
-  allBlocks,
+  allBlocks
 ) {
   const descendantIds = buildDescendantIdSet(rootBlock);
   let adopted = 0;
@@ -913,7 +857,7 @@ function adoptIsolatedDefaultVarsTo(
         try {
           workspace.getVariableMap().deleteVariable(model);
         } catch (error) {
-          console.warn("Failed to delete unreferenced variable by id:", error);
+          console.warn('Failed to delete unreferenced variable by id:', error);
         }
       }
     }
@@ -934,12 +878,12 @@ export function ensureFreshVarOnDuplicate(
   changeEvent,
   variableNamePrefix,
   nextVariableIndexes,
-  opts = {},
+  opts = {}
 ) {
   const BlocklyNS = getBlockly(opts);
   if (!BlocklyNS) return false;
 
-  const fieldName = opts.fieldName || "ID_VAR";
+  const fieldName = opts.fieldName || 'ID_VAR';
 
   // Finish any pending work (retarget, adopt, normalize) from earlier in the same dup group.
   const pending = _pendingRetarget.get(block);
@@ -949,13 +893,7 @@ export function ensureFreshVarOnDuplicate(
       BlocklyNS.Events.disable();
 
       // Only retarget blocks that were created in the same copy operation
-      retargetDescendantsVariables(
-        block,
-        pending.from,
-        pending.to,
-        BlocklyNS,
-        pending.createdIds,
-      );
+      retargetDescendantsVariables(block, pending.from, pending.to, BlocklyNS, pending.createdIds);
       adoptIsolatedDefaultVarsTo(
         block,
         pending.to,
@@ -963,12 +901,10 @@ export function ensureFreshVarOnDuplicate(
         pending.prefix,
         block.workspace,
         BlocklyNS,
-        pending.createdIds,
+        pending.createdIds
       );
 
-      if (
-        !subtreeHasVarId(block, pending.from, BlocklyNS, pending.createdIds)
-      ) {
+      if (!subtreeHasVarId(block, pending.from, BlocklyNS, pending.createdIds)) {
         _pendingRetarget.set(block, undefined);
       }
     } finally {
@@ -988,19 +924,20 @@ export function ensureFreshVarOnDuplicate(
   const oldVarId = idField.getValue && idField.getValue();
   if (!oldVarId) return false;
   const oldVarModel = ws.getVariableMap().getVariableById(oldVarId);
-  const { prefix: duplicatePrefix, suffix: duplicateSuffix } =
-    deriveVariableNameParts(oldVarModel?.name, variableNamePrefix);
+  const { prefix: duplicatePrefix, suffix: duplicateSuffix } = deriveVariableNameParts(
+    oldVarModel?.name,
+    variableNamePrefix
+  );
 
   // Duplicate/copy/duplicate-parent case?
   const allBlocks = ws.getAllBlocks(false);
-  if (!isVariableUsedElsewhere(ws, oldVarId, block.id, BlocklyNS, allBlocks))
-    return false;
+  if (!isVariableUsedElsewhere(ws, oldVarId, block.id, BlocklyNS, allBlocks)) return false;
 
   if (Number.isInteger(duplicateSuffix)) {
     const nextFromSource = duplicateSuffix + 1;
     nextVariableIndexes[duplicatePrefix] = Math.max(
       nextVariableIndexes[duplicatePrefix] || 1,
-      nextFromSource,
+      nextFromSource
     );
   }
 
@@ -1015,28 +952,16 @@ export function ensureFreshVarOnDuplicate(
     BlocklyNS.Events.disable();
 
     // Mint a new var with the *lowest* available suffix now.
-    const newVarModel = createFreshVariable(
-      ws,
-      duplicatePrefix,
-      varType,
-      nextVariableIndexes,
-    );
+    const newVarModel = createFreshVariable(ws, duplicatePrefix, varType, nextVariableIndexes);
     const newVarId =
-      newVarModel.id ||
-      (typeof newVarModel.getId === "function" ? newVarModel.getId() : null);
+      newVarModel.id || (typeof newVarModel.getId === 'function' ? newVarModel.getId() : null);
     if (!newVarId) return false;
 
     // Point the creator at the fresh variable.
     idField.setValue(newVarId);
 
     // Pass 1: retarget descendants old -> new (ONLY blocks created in this event)
-    retargetDescendantsVariables(
-      block,
-      oldVarId,
-      newVarId,
-      BlocklyNS,
-      createdIds,
-    );
+    retargetDescendantsVariables(block, oldVarId, newVarId, BlocklyNS, createdIds);
 
     // Pass 2: adopt any isolated default-looking vars inside subtree to the new var
     adoptIsolatedDefaultVarsTo(
@@ -1047,7 +972,7 @@ export function ensureFreshVarOnDuplicate(
       ws,
       BlocklyNS,
       createdIds,
-      allBlocks,
+      allBlocks
     );
 
     // If more children will connect later, remember to finish on subsequent events.
@@ -1092,11 +1017,11 @@ export class CustomConstantProvider extends Blockly.zelos.ConstantProvider {
     this.NOTCH_OFFSET_LEFT = 2 * this.GRID_UNIT;
     this.NOTCH_HEIGHT = 2 * this.GRID_UNIT;
     this.FIELD_DROPDOWN_SVG_ARROW_DATAURI =
-      "data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi43MSIgaGVpZ2h0PSI4Ljc5IiB2aWV3Qm94PSIwIDAgMTIuNzEgOC43OSI+PHRpdGxlPmRyb3Bkb3duLWFycm93PC90aXRsZT48ZyBvcGFjaXR5PSIwLjEiPjxwYXRoIGQ9Ik0xMi43MSwyLjQ0QTIuNDEsMi40MSwwLDAsMSwxMiw0LjE2TDguMDgsOC4wOGEyLjQ1LDIuNDUsMCwwLDEtMy40NSwwTDAuNzIsNC4xNkEyLjQyLDIuNDIsMCwwLDEsMCwyLjQ0LDIuNDgsMi40OCwwLDAsMSwuNzEuNzFDMSwwLjQ3LDEuNDMsMCw2LjM2LDBTMTEuNzUsMC40NiwxMiwuNzFBMi40NCwyLjQ0LDAsMCwxLDEyLjcxLDIuNDRaIiBmaWxsPSIjMjMxZjIwIi8+PC9nPjxwYXRoIGQ9Ik02LjM2LDcuNzlhMS40MywxLjQzLDAsMCwxLTEuNDItTDEuNDIsMy40NWExLjQ0LDEuNDQsMCwwLDEsMC0yYzAuNTYtLjU2LDkuMzEtMC41Niw5Ljg3LDBhMS40NCwxLjQ0LDAsMCwxLDAsMkw3LjM3LDcuMzdBMS40MywxLjQzLDAsMCwxLDYuMzYsNy43OVoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=";
+      'data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi43MSIgaGVpZ2h0PSI4Ljc5IiB2aWV3Qm94PSIwIDAgMTIuNzEgOC43OSI+PHRpdGxlPmRyb3Bkb3duLWFycm93PC90aXRsZT48ZyBvcGFjaXR5PSIwLjEiPjxwYXRoIGQ9Ik0xMi43MSwyLjQ0QTIuNDEsMi40MSwwLDAsMSwxMiw0LjE2TDguMDgsOC4wOGEyLjQ1LDIuNDUsMCwwLDEtMy40NSwwTDAuNzIsNC4xNkEyLjQyLDIuNDIsMCwwLDEsMCwyLjQ0LDIuNDgsMi40OCwwLDAsMSwuNzEuNzFDMSwwLjQ3LDEuNDMsMCw2LjM2LDBTMTEuNzUsMC40NiwxMiwuNzFBMi40NCwyLjQ0LDAsMCwxLDEyLjcxLDIuNDRaIiBmaWxsPSIjMjMxZjIwIi8+PC9nPjxwYXRoIGQ9Ik02LjM2LDcuNzlhMS40MywxLjQzLDAsMCwxLTEuNDItTDEuNDIsMy40NWExLjQ0LDEuNDQsMCwwLDEsMC0yYzAuNTYtLjU2LDkuMzEtMC41Niw5Ljg3LDBhMS40NCwxLjQ0LDAsMCwxLDAsMkw3LjM3LDcuMzdBMS40MywxLjQzLDAsMCwxLDYuMzYsNy43OVoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=';
   }
 }
 
-const MODE = { IF: "IF", ELSEIF: "ELSEIF", ELSE: "ELSE" };
+const MODE = { IF: 'IF', ELSEIF: 'ELSEIF', ELSE: 'ELSE' };
 
 class CustomRenderInfo extends Blockly.zelos.RenderInfo {
   constructor(renderer, block) {
@@ -1109,8 +1034,8 @@ class CustomRenderInfo extends Blockly.zelos.RenderInfo {
     super.addElemSpacing_();
 
     // Add extra height to the top row for IF blocks only
-    if (this.block_.type === "if_clause") {
-      const mode = this.block_.getFieldValue?.("MODE");
+    if (this.block_.type === 'if_clause') {
+      const mode = this.block_.getFieldValue?.('MODE');
       if (mode === MODE.IF && this.rows.length > 0) {
         // Find the first row with fields or inputs (skip the top cap row)
         for (let i = 0; i < this.rows.length; i++) {
@@ -1120,7 +1045,7 @@ class CustomRenderInfo extends Blockly.zelos.RenderInfo {
           if (row.elements && row.elements.length > 0) {
             // Check if it's not just a top/bottom cap or connection row
             const hasContent = row.elements.some(
-              (el) => el.field || el.input || (el.type && el.type !== 0),
+              (el) => el.field || el.input || (el.type && el.type !== 0)
             );
 
             if (hasContent) {
@@ -1144,21 +1069,19 @@ class CustomZelosDrawer extends Blockly.zelos.Drawer {
 
   drawTop_() {
     const b = this.block_;
-    if (b?.type !== "if_clause") return super.drawTop_();
+    if (b?.type !== 'if_clause') return super.drawTop_();
 
     // Never change shape for insertion markers.
     if (b.isInsertionMarker?.()) return super.drawTop_();
 
-    const mode = b.getFieldValue?.("MODE");
+    const mode = b.getFieldValue?.('MODE');
     const isClause = mode === MODE.ELSE || mode === MODE.ELSEIF;
 
     // Require an ACTUAL previous connection to a real if_clause block.
     const prevConn = b.previousConnection;
-    const prev =
-      prevConn && prevConn.isConnected() ? prevConn.targetBlock() : null;
+    const prev = prevConn && prevConn.isConnected() ? prevConn.targetBlock() : null;
 
-    const prevIsRealIfClause =
-      prev && prev.type === "if_clause" && !prev.isInsertionMarker?.();
+    const prevIsRealIfClause = prev && prev.type === 'if_clause' && !prev.isInsertionMarker?.();
 
     if (isClause && prevIsRealIfClause) {
       this.drawFlatTop_();
@@ -1170,12 +1093,12 @@ class CustomZelosDrawer extends Blockly.zelos.Drawer {
 
   drawBottom_() {
     const b = this.block_;
-    if (b?.type !== "if_clause") return super.drawBottom_();
+    if (b?.type !== 'if_clause') return super.drawBottom_();
 
     // Never change shape for insertion markers.
     if (b.isInsertionMarker?.()) return super.drawBottom_();
 
-    const mode = b.getFieldValue?.("MODE");
+    const mode = b.getFieldValue?.('MODE');
 
     // Only clauses that can legally have something after them in the same chain.
     const canContinueChain = mode === MODE.IF || mode === MODE.ELSEIF;
@@ -1183,19 +1106,16 @@ class CustomZelosDrawer extends Blockly.zelos.Drawer {
 
     // Require an ACTUAL next connection to a real if_clause block.
     const nextConn = b.nextConnection;
-    const next =
-      nextConn && nextConn.isConnected() ? nextConn.targetBlock() : null;
+    const next = nextConn && nextConn.isConnected() ? nextConn.targetBlock() : null;
 
-    const nextIsRealIfClause =
-      next && next.type === "if_clause" && !next.isInsertionMarker?.();
+    const nextIsRealIfClause = next && next.type === 'if_clause' && !next.isInsertionMarker?.();
 
     if (!nextIsRealIfClause) return super.drawBottom_();
 
     // Only flatten when the NEXT clause is a joined clause (else/else if),
     // not when it’s a new IF statement.
-    const nextMode = next.getFieldValue?.("MODE");
-    const nextIsJoinedClause =
-      nextMode === MODE.ELSE || nextMode === MODE.ELSEIF;
+    const nextMode = next.getFieldValue?.('MODE');
+    const nextIsJoinedClause = nextMode === MODE.ELSE || nextMode === MODE.ELSEIF;
 
     if (nextIsJoinedClause) {
       this.drawFlatBottom_();
@@ -1209,22 +1129,18 @@ class CustomZelosDrawer extends Blockly.zelos.Drawer {
     const b = this.block_;
     const svgRoot = b.getSvgRoot?.();
     if (!svgRoot) return;
-    svgRoot.removeAttribute("data-axis");
+    svgRoot.removeAttribute('data-axis');
     if (!b.outputConnection?.isConnected()) return;
     const targetConn = b.outputConnection.targetConnection;
     if (!targetConn) return;
     const parentBlock = b.outputConnection.targetBlock();
     if (!parentBlock) return;
     const parentInput = (parentBlock.inputList || []).find(
-      (input) => input.connection === targetConn,
+      (input) => input.connection === targetConn
     );
     if (!parentInput) return;
-    if (
-      parentInput.name === "X" ||
-      parentInput.name === "Y" ||
-      parentInput.name === "Z"
-    ) {
-      svgRoot.setAttribute("data-axis", parentInput.name);
+    if (parentInput.name === 'X' || parentInput.name === 'Y' || parentInput.name === 'Z') {
+      svgRoot.setAttribute('data-axis', parentInput.name);
     }
   }
 
@@ -1233,61 +1149,54 @@ class CustomZelosDrawer extends Blockly.zelos.Drawer {
     this.colorizeAxisInput_();
 
     const b = this.block_;
-    if (b?.type !== "if_clause") return;
+    if (b?.type !== 'if_clause') return;
 
     // Don’t paint seam covers on insertion markers / connection previews.
-    if (typeof b.isInsertionMarker === "function" && b.isInsertionMarker())
-      return;
+    if (typeof b.isInsertionMarker === 'function' && b.isInsertionMarker()) return;
 
     const svgRoot = b.getSvgRoot?.();
     if (!svgRoot) return;
 
     // Always remove any previous cover (so disabling can hide it).
-    const existing = svgRoot.querySelector?.(
-      ":scope > rect.ifclause-seam-cover",
-    );
+    const existing = svgRoot.querySelector?.(':scope > rect.ifclause-seam-cover');
     if (existing) existing.remove();
 
     // If the block is disabled, we’re done (no cover).
     // Use isEnabled (covers setDisabledReason etc), with a fallback to `disabled`.
-    const isDisabled =
-      (typeof b.isEnabled === "function" ? !b.isEnabled() : false) ||
-      !!b.disabled;
+    const isDisabled = (typeof b.isEnabled === 'function' ? !b.isEnabled() : false) || !!b.disabled;
     if (isDisabled) return;
 
     const prev = b.getPreviousBlock?.();
-    const prevIsIfClause = prev && prev.type === "if_clause";
+    const prevIsIfClause = prev && prev.type === 'if_clause';
 
-    const mode = b.getFieldValue?.("MODE");
+    const mode = b.getFieldValue?.('MODE');
     const isJoinedClause = mode === MODE.ELSE || mode === MODE.ELSEIF;
 
     if (!prevIsIfClause || !isJoinedClause) return;
 
     // Get the actual rendered fill from the block path (avoids black during previews).
     const pathObj = this.pathObject_;
-    const mainPath =
-      pathObj?.svgPath_ || pathObj?.svgPath || pathObj?.path_ || null;
+    const mainPath = pathObj?.svgPath_ || pathObj?.svgPath || pathObj?.path_ || null;
 
     const fill =
-      (mainPath?.getAttribute && mainPath.getAttribute("fill")) ||
+      (mainPath?.getAttribute && mainPath.getAttribute('fill')) ||
       mainPath?.style?.fill ||
-      (typeof b.getColour === "function" ? b.getColour() : null);
+      (typeof b.getColour === 'function' ? b.getColour() : null);
 
-    if (!fill || fill === "none") return;
+    if (!fill || fill === 'none') return;
 
     const coverPx = 16;
-    const strokePx =
-      this.constants_?.OUTLINE_WIDTH ?? this.constants_?.STROKE_WIDTH ?? 1;
-
-    const rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-    rect.setAttribute("class", "ifclause-seam-cover");
-    rect.setAttribute("x", "1");
-    rect.setAttribute("y", String(-strokePx * 2));
-    rect.setAttribute("width", String(coverPx));
-    rect.setAttribute("height", String(strokePx * 4));
-    rect.setAttribute("fill", fill);
-    rect.setAttribute("stroke", "none");
-    rect.setAttribute("pointer-events", "none");
+    const strokePx = this.constants_?.OUTLINE_WIDTH ?? this.constants_?.STROKE_WIDTH ?? 1;
+
+    const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+    rect.setAttribute('class', 'ifclause-seam-cover');
+    rect.setAttribute('x', '1');
+    rect.setAttribute('y', String(-strokePx * 2));
+    rect.setAttribute('width', String(coverPx));
+    rect.setAttribute('height', String(strokePx * 4));
+    rect.setAttribute('fill', fill);
+    rect.setAttribute('stroke', 'none');
+    rect.setAttribute('pointer-events', 'none');
 
     svgRoot.appendChild(rect);
   }
@@ -1312,8 +1221,8 @@ export class CustomZelosRenderer extends Blockly.zelos.Renderer {
 }
 
 function getBlocklyMediaPath() {
-  let baseUrl = import.meta.env.BASE_URL || "/";
-  if (!baseUrl.endsWith("/")) baseUrl += "/";
+  let baseUrl = import.meta.env.BASE_URL || '/';
+  if (!baseUrl.endsWith('/')) baseUrl += '/';
   return `${baseUrl}blockly/media/`;
 }
 
@@ -1321,10 +1230,10 @@ const mediaPath = getBlocklyMediaPath();
 
 export const options = {
   //theme: FlockTheme,
-  theme: createThemeConfig("light"),
+  theme: createThemeConfig('light'),
   //theme: "flockTheme",
   //renderer: "zelos",
-  renderer: "custom_zelos_renderer",
+  renderer: 'custom_zelos_renderer',
   media: mediaPath,
   modalInputs: false,
   zoom: {
@@ -1376,7 +1285,7 @@ export function initializeVariableIndexes() {
     plane: 1,
     wall: 1,
     text: 1,
-    "3dtext": 1,
+    '3dtext': 1,
     sound: 1,
     character: 1,
     object: 1,
@@ -1402,7 +1311,7 @@ export function initializeVariableIndexes() {
   // Process each type of variable and use the lowest available suffix.
   if (workspace) {
     Object.keys(nextVariableIndexes).forEach(function (type) {
-      nextVariableIndexes[type] = lowestAvailableSuffix(workspace, type, "");
+      nextVariableIndexes[type] = lowestAvailableSuffix(workspace, type, '');
     });
   }
 
@@ -1430,68 +1339,66 @@ export function defineBlocks() {
 
   window.updateCurrentMeshName = updateCurrentMeshName;
 
-  Blockly.Blocks["create_wall"] = {
+  Blockly.Blocks['create_wall'] = {
     init: function () {
-      const variableNamePrefix = "wall";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix]; // Start with "wall1";
+      const variableNamePrefix = 'wall';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix]; // Start with "wall1";
       this.jsonInit({
-        type: "create_wall",
-        message0:
-          "new wall %1 type %2 colour %3 \n start x %4 z %5 end x %6 z %7 y position %8",
+        type: 'create_wall',
+        message0: 'new wall %1 type %2 colour %3 \n start x %4 z %5 end x %6 z %7 y position %8',
         args0: [
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: nextVariableName,
           },
           {
-            type: "field_dropdown",
-            name: "WALL_TYPE",
+            type: 'field_dropdown',
+            name: 'WALL_TYPE',
             options: [
-              ["solid", "SOLID_WALL"],
-              ["door", "WALL_WITH_DOOR"],
-              ["window", "WALL_WITH_WINDOW"],
-              ["floor/roof", "FLOOR"],
+              ['solid', 'SOLID_WALL'],
+              ['door', 'WALL_WITH_DOOR'],
+              ['window', 'WALL_WITH_WINDOW'],
+              ['floor/roof', 'FLOOR'],
             ],
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "START_X",
-            check: "Number",
+            type: 'input_value',
+            name: 'START_X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "START_Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'START_Z',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "END_X",
-            check: "Number",
+            type: 'input_value',
+            name: 'END_X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "END_Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'END_Z',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y_POSITION",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y_POSITION',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
+        colour: categoryColours['Scene'],
         tooltip:
-          "Create a wall with the selected type and color between specified start and end positions.\nKeyword: wall",
+          'Create a wall with the selected type and color between specified start and end positions.\nKeyword: wall',
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
       registerBlockHandler(this, (changeEvent) => {
@@ -1502,23 +1409,18 @@ export function defineBlocks() {
           const blockInWorkspace = this.workspace?.getBlockById(this.id); // Check if block is in the main workspace
 
           if (blockInWorkspace) {
-            window.updateCurrentMeshName(this, "ID_VAR"); // Call the function to update window.currentMesh
+            window.updateCurrentMeshName(this, 'ID_VAR'); // Call the function to update window.currentMesh
           }
         }
 
-        handleBlockCreateEvent(
-          this,
-          changeEvent,
-          variableNamePrefix,
-          nextVariableIndexes,
-        );
+        handleBlockCreateEvent(this, changeEvent, variableNamePrefix, nextVariableIndexes);
       });
     },
   };
 
-  Blockly.Extensions.register("dynamic_mesh_dropdown", function () {
+  Blockly.Extensions.register('dynamic_mesh_dropdown', function () {
     const dropdown = new Blockly.FieldDropdown(function () {
-      const options = [[translate("everywhere_option"), "__everywhere__"]];
+      const options = [[translate('everywhere_option'), '__everywhere__']];
       const workspace = this.sourceBlock_ && this.sourceBlock_.workspace;
       if (workspace) {
         const variables = workspace.getVariableMap().getAllVariables();
@@ -1530,180 +1432,180 @@ export function defineBlocks() {
     });
 
     // Attach the dropdown to the block
-    this.getInput("MESH_INPUT").appendField(dropdown, "MESH_NAME");
+    this.getInput('MESH_INPUT').appendField(dropdown, 'MESH_NAME');
   });
 
-  Blockly.Blocks["rotate_camera"] = {
+  Blockly.Blocks['rotate_camera'] = {
     init: function () {
       this.jsonInit({
-        type: "rotate_camera",
-        message0: translate("rotate_camera"),
+        type: 'rotate_camera',
+        message0: translate('rotate_camera'),
         args0: [
           {
-            type: "input_value",
-            name: "DEGREES",
-            check: "Number",
+            type: 'input_value',
+            name: 'DEGREES',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("rotate_camera"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('rotate_camera'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
     },
   };
 
-  Blockly.Blocks["up"] = {
+  Blockly.Blocks['up'] = {
     init: function () {
       this.jsonInit({
-        type: "up",
-        message0: translate("up"),
+        type: 'up',
+        message0: translate('up'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "UP_FORCE",
-            check: "Number",
+            type: 'input_value',
+            name: 'UP_FORCE',
+            check: 'Number',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("up"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('up'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
     },
   };
 
-  Blockly.Blocks["random_seeded_int"] = {
+  Blockly.Blocks['random_seeded_int'] = {
     init: function () {
       this.jsonInit({
-        type: "random_seeded_int",
-        message0: translate("random_seeded_int"),
+        type: 'random_seeded_int',
+        message0: translate('random_seeded_int'),
         args0: [
           {
-            type: "input_value",
-            name: "FROM",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'FROM',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "input_value",
-            name: "TO",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'TO',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "input_value",
-            name: "SEED",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'SEED',
+            check: 'Number',
+            align: 'RIGHT',
           },
         ],
         inputsInline: true,
-        output: "Number",
+        output: 'Number',
         colour: 230,
-        tooltip: getTooltip("random_seeded_int"),
+        tooltip: getTooltip('random_seeded_int'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("math_blocks");
+      this.setStyle('math_blocks');
     },
   };
 
-  Blockly.Blocks["lists_add_item"] = {
+  Blockly.Blocks['lists_add_item'] = {
     init: function () {
       this.jsonInit({
-        type: "lists_add_item",
-        message0: "add %1 to %2",
+        type: 'lists_add_item',
+        message0: 'add %1 to %2',
         args0: [
           {
-            type: "input_value",
-            name: "TO",
+            type: 'input_value',
+            name: 'TO',
           },
           {
-            type: "field_variable",
-            name: "LIST",
-            variable: "list1",
+            type: 'field_variable',
+            name: 'LIST',
+            variable: 'list1',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        tooltip: "Add an item to the end of a list.",
+        tooltip: 'Add an item to the end of a list.',
       });
-      this.setStyle("list_blocks");
+      this.setStyle('list_blocks');
       this.setHelpUrl(getHelpUrlFor(this.type));
     },
   };
 
-  Blockly.Blocks["lists_delete_nth"] = {
+  Blockly.Blocks['lists_delete_nth'] = {
     init: function () {
       this.jsonInit({
-        type: "lists_delete_nth",
-        message0: "delete %1 from %2",
+        type: 'lists_delete_nth',
+        message0: 'delete %1 from %2',
         args0: [
           {
-            type: "input_value",
-            name: "INDEX",
-            check: "Number",
+            type: 'input_value',
+            name: 'INDEX',
+            check: 'Number',
           },
           {
-            type: "field_variable",
-            name: "LIST",
-            variable: "list1",
+            type: 'field_variable',
+            name: 'LIST',
+            variable: 'list1',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        tooltip: "Delete item at index n from a list (0-based).",
+        tooltip: 'Delete item at index n from a list (0-based).',
       });
-      this.setStyle("list_blocks");
+      this.setStyle('list_blocks');
       this.setHelpUrl(getHelpUrlFor(this.type));
     },
   };
 
-  Blockly.Blocks["to_number"] = {
+  Blockly.Blocks['to_number'] = {
     init: function () {
       this.jsonInit({
-        type: "to_number",
-        message0: translate("to_number"),
+        type: 'to_number',
+        message0: translate('to_number'),
         args0: [
           {
-            type: "input_value",
-            name: "STRING",
-            check: "String",
+            type: 'input_value',
+            name: 'STRING',
+            check: 'String',
           },
           {
-            type: "field_dropdown",
-            name: "TYPE",
+            type: 'field_dropdown',
+            name: 'TYPE',
             options: [
-              ["integer", "INT"],
-              ["float", "FLOAT"],
+              ['integer', 'INT'],
+              ['float', 'FLOAT'],
             ],
           },
         ],
         inputsInline: true,
-        output: "Number",
+        output: 'Number',
         colour: 230,
-        tooltip: getTooltip("to_number"),
+        tooltip: getTooltip('to_number'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("math_blocks");
+      this.setStyle('math_blocks');
     },
   };
 
-  Blockly.Blocks["keyword_block"] = {
+  Blockly.Blocks['keyword_block'] = {
     init: function () {
       this.appendDummyInput().appendField(
-        new Blockly.FieldTextInput("type a keyword to add a block"),
-        "KEYWORD",
+        new Blockly.FieldTextInput('type a keyword to add a block'),
+        'KEYWORD'
       );
-      this.setTooltip("Type a keyword to change this block.");
+      this.setTooltip('Type a keyword to change this block.');
       this.setHelpUrl(getHelpUrlFor(this.type));
 
       this.setOnChange(function () {
@@ -1712,7 +1614,7 @@ export function defineBlocks() {
           return;
         }
         // Get the entered keyword.
-        const keyword = this.getFieldValue("KEYWORD").trim();
+        const keyword = this.getFieldValue('KEYWORD').trim();
         // Lookup the exact toolbox definition based on the keyword.
         const blockDefinition = findBlockDefinitionByKeyword(keyword);
         if (blockDefinition?.type) {
@@ -1730,10 +1632,7 @@ export function defineBlocks() {
           const pos = this.getRelativeToSurfaceXY();
           newBlock.moveBy(pos.x, pos.y);
 
-          if (
-            this.previousConnection &&
-            this.previousConnection.isConnected()
-          ) {
+          if (this.previousConnection && this.previousConnection.isConnected()) {
             const parentConnection = this.previousConnection.targetConnection;
             if (parentConnection) {
               parentConnection.disconnect();
@@ -1764,10 +1663,10 @@ export function defineBlocks() {
     },
   };
 
-  Blockly.Blocks["keyword"] = {
+  Blockly.Blocks['keyword'] = {
     init: function () {
       // Call the original keyword_block init method.
-      Blockly.Blocks["keyword_block"].init.call(this);
+      Blockly.Blocks['keyword_block'].init.call(this);
       // Add chaining connections.
       this.setPreviousStatement(true);
       this.setNextStatement(true);
@@ -1782,11 +1681,11 @@ export function defineBlocks() {
       }
       for (const item of contents) {
         // If this item is a block with the matching keyword, return its definition.
-        if (item.kind === "block" && item.keyword === keyword) {
+        if (item.kind === 'block' && item.keyword === keyword) {
           return item;
         }
         // If the item is a category with its own contents, search recursively.
-        if (item.kind === "category" && Array.isArray(item.contents)) {
+        if (item.kind === 'category' && Array.isArray(item.contents)) {
           const result = searchContents(item.contents);
           if (result !== null) {
             return result;
@@ -1807,10 +1706,7 @@ export function defineBlocks() {
       block.loadExtraState(definition.extraState);
     }
 
-    if (
-      typeof definition.inline === "boolean" &&
-      typeof block.setInputsInline === "function"
-    ) {
+    if (typeof definition.inline === 'boolean' && typeof block.setInputsInline === 'function') {
       block.setInputsInline(definition.inline);
     }
 
@@ -1820,37 +1716,37 @@ export function defineBlocks() {
         const field = block.getField?.(fieldName);
 
         if (
-          typeof fieldValue === "string" ||
-          typeof fieldValue === "number" ||
-          typeof fieldValue === "boolean"
+          typeof fieldValue === 'string' ||
+          typeof fieldValue === 'number' ||
+          typeof fieldValue === 'boolean'
         ) {
           block.setFieldValue(fieldValue, fieldName);
           continue;
         }
 
-        if (!fieldValue || typeof fieldValue !== "object") {
+        if (!fieldValue || typeof fieldValue !== 'object') {
           continue;
         }
 
         if (
-          typeof block.setVariableFieldValue === "function" &&
-          typeof fieldValue.name === "string"
+          typeof block.setVariableFieldValue === 'function' &&
+          typeof fieldValue.name === 'string'
         ) {
           block.setVariableFieldValue(fieldValue.name, fieldName);
           continue;
         }
 
-        if (typeof field?.loadState === "function") {
+        if (typeof field?.loadState === 'function') {
           field.loadState(fieldValue);
           continue;
         }
 
-        if (fieldValue.id && typeof block.setFieldValue === "function") {
+        if (fieldValue.id && typeof block.setFieldValue === 'function') {
           block.setFieldValue(fieldValue.id, fieldName);
           continue;
         }
 
-        if (fieldValue.name && typeof block.setFieldValue === "function") {
+        if (fieldValue.name && typeof block.setFieldValue === 'function') {
           block.setFieldValue(fieldValue.name, fieldName);
         }
       }
@@ -1897,8 +1793,7 @@ export function defineBlocks() {
     childBlock.render();
     applyBlockDefinition(childBlock, definition);
 
-    const childConnection =
-      childBlock.outputConnection || childBlock.previousConnection;
+    const childConnection = childBlock.outputConnection || childBlock.previousConnection;
     if (!childConnection) {
       childBlock.dispose();
       return;
@@ -1923,41 +1818,41 @@ export function defineBlocks() {
 export function addDoMutatorWithToggleBehavior(block) {
   // Custom function to toggle the "do" block mutation
   block.toggleDoBlock = function () {
-    const hasDo = this.getInput("DO") ? true : false;
+    const hasDo = this.getInput('DO') ? true : false;
     if (hasDo) {
-      this.removeInput("DO");
+      this.removeInput('DO');
     } else {
-      this.appendStatementInput("DO").setCheck(null).appendField("");
+      this.appendStatementInput('DO').setCheck(null).appendField('');
     }
   };
 
   // Add the toggle button to the block
   const toggleButton = new Blockly.FieldImage(
-    "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xNSA2djloLTl2M2g5djloM3YtOWg5di0zaC05di05eiIvPjwvc3ZnPg==", // Custom icon
+    'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xNSA2djloLTl2M2g5djloM3YtOWg5di0zaC05di05eiIvPjwvc3ZnPg==', // Custom icon
     30,
     30,
-    "toggle do block", // Width, Height, Alt text
-    block.toggleDoBlock.bind(block), // Bind the event handler to the block
+    'toggle do block', // Width, Height, Alt text
+    block.toggleDoBlock.bind(block) // Bind the event handler to the block
   );
 
   // Add the button to the block
   block
     .appendDummyInput()
     .setAlign(Blockly.inputs.Align.RIGHT)
-    .appendField(toggleButton, "TOGGLE_BUTTON");
+    .appendField(toggleButton, 'TOGGLE_BUTTON');
 
   // Save the mutation state
   block.mutationToDom = function () {
-    const container = document.createElement("mutation");
-    container.setAttribute("has_do", this.getInput("DO") ? "true" : "false");
+    const container = document.createElement('mutation');
+    container.setAttribute('has_do', this.getInput('DO') ? 'true' : 'false');
     return container;
   };
 
   // Restore the mutation state
   block.domToMutation = function (xmlElement) {
-    const hasDo = xmlElement.getAttribute("has_do") === "true";
+    const hasDo = xmlElement.getAttribute('has_do') === 'true';
     if (hasDo) {
-      this.appendStatementInput("DO").setCheck(null).appendField("");
+      this.appendStatementInput('DO').setCheck(null).appendField('');
     }
   };
 }
@@ -1967,7 +1862,7 @@ export function handleBlockCreateEvent(
   changeEvent,
   variableNamePrefix,
   nextVariableIndexes,
-  fieldName = "ID_VAR", // Default field name to handle
+  fieldName = 'ID_VAR' // Default field name to handle
 ) {
   if (window.loadingCode) return; // Don't rename variables during code loading
 
@@ -1977,8 +1872,8 @@ export function handleBlockCreateEvent(
     variableNamePrefix,
     nextVariableIndexes,
     {
-      fieldName: "ID_VAR",
-    },
+      fieldName: 'ID_VAR',
+    }
   );
   if (handledDuplicate) return;
   if (blockInstance.id !== changeEvent.blockId) return;
@@ -1996,13 +1891,11 @@ export function handleBlockCreateEvent(
     const variableField = blockInstance.getField(fieldName);
     if (variableField) {
       const variableId = variableField.getValue();
-      const variable = blockInstance.workspace
-        .getVariableMap()
-        .getVariableById(variableId);
+      const variable = blockInstance.workspace.getVariableMap().getVariableById(variableId);
 
       // Check if the variable name matches the pattern "prefixn"
       const variableNamePattern = new RegExp(`^${variableNamePrefix}\\d+$`);
-      const variableName = variable ? variable.name : "";
+      const variableName = variable ? variable.name : '';
 
       if (!variableNamePattern.test(variableName)) {
         // Handle custom variables
@@ -2012,12 +1905,10 @@ export function handleBlockCreateEvent(
           if (numberMatch) {
             newVariableName = numberMatch[1] + (parseInt(numberMatch[2]) + 1);
           } else {
-            newVariableName = variableName + "1";
+            newVariableName = variableName + '1';
           }
 
-          let newVariable = blockInstance.workspace
-            .getVariableMap()
-            .getVariable(newVariableName);
+          let newVariable = blockInstance.workspace.getVariableMap().getVariable(newVariableName);
           if (!newVariable) {
             newVariable = blockInstance.workspace
               .getVariableMap()
@@ -2030,7 +1921,7 @@ export function handleBlockCreateEvent(
           if (newSuffix !== null) {
             nextVariableIndexes[variableNamePrefix] = Math.max(
               nextVariableIndexes[variableNamePrefix] || 1,
-              newSuffix + 1,
+              newSuffix + 1
             );
           }
         }
@@ -2039,18 +1930,13 @@ export function handleBlockCreateEvent(
         if (!nextVariableIndexes[variableNamePrefix]) {
           nextVariableIndexes[variableNamePrefix] = 1;
         }
-        const currentSuffix = parseNumericSuffix(
-          variableName,
-          variableNamePrefix,
-        );
+        const currentSuffix = parseNumericSuffix(variableName, variableNamePrefix);
         if (currentSuffix) {
           const nextIndex = nextVariableIndexes[variableNamePrefix];
           // If the current suffix doesn't match the expected next index, rename it
           if (currentSuffix !== nextIndex) {
             const newVariableName = variableNamePrefix + nextIndex;
-            let newVariable = blockInstance.workspace
-              .getVariableMap()
-              .getVariable(newVariableName);
+            let newVariable = blockInstance.workspace.getVariableMap().getVariable(newVariableName);
             if (!newVariable) {
               newVariable = blockInstance.workspace
                 .getVariableMap()
@@ -2060,7 +1946,7 @@ export function handleBlockCreateEvent(
           }
           nextVariableIndexes[variableNamePrefix] = Math.max(
             nextVariableIndexes[variableNamePrefix],
-            currentSuffix + 1,
+            currentSuffix + 1
           );
         }
       }
@@ -2071,7 +1957,7 @@ export function handleBlockCreateEvent(
 // Extend the built-in Blockly procedures_defreturn block to add custom toggle functionality
 
 // Reference to the original init function of the procedures_defreturn block
-Blockly.Blocks["procedures_defreturn"].init = (function (originalInit) {
+Blockly.Blocks['procedures_defreturn'].init = (function (originalInit) {
   return function () {
     // Call the original initialization function to ensure the block retains its default behaviour
     originalInit.call(this);
@@ -2079,10 +1965,10 @@ Blockly.Blocks["procedures_defreturn"].init = (function (originalInit) {
     // Use the existing addToggleButton helper to add the button to the block
     addToggleButton(this);
   };
-})(Blockly.Blocks["procedures_defreturn"].init);
+})(Blockly.Blocks['procedures_defreturn'].init);
 
 // Create an extension that adds extra UI logic without modifying the core mutator methods
-Blockly.Extensions.register("custom_procedure_ui_extension", function () {
+Blockly.Extensions.register('custom_procedure_ui_extension', function () {
   this.toggleDoBlock = function () {
     const isInline = !this.isInline;
 
@@ -2095,28 +1981,23 @@ Blockly.Extensions.register("custom_procedure_ui_extension", function () {
     updateShape(this, isInline);
 
     // Optionally re-enable if previously disabled (for orphaned block UX)
-    if (this.hasDisabledReason && this.hasDisabledReason("ORPHANED_BLOCK")) {
-      this.setDisabledReason(false, "ORPHANED_BLOCK");
+    if (this.hasDisabledReason && this.hasDisabledReason('ORPHANED_BLOCK')) {
+      this.setDisabledReason(false, 'ORPHANED_BLOCK');
     }
 
     // Fire Blockly events so undo/redo and UI updates are tracked
-    Blockly.Events.fire(
-      new Blockly.Events.BlockChange(this, "mutation", null, "", ""),
-    );
+    Blockly.Events.fire(new Blockly.Events.BlockChange(this, 'mutation', null, '', ''));
     Blockly.Events.fire(new Blockly.Events.BlockMove(this));
   };
 });
 
 // Apply the extension to the built-in 'procedures_defreturn' block
-Blockly.Extensions.apply(
-  "custom_procedure_ui_extension",
-  Blockly.Blocks["procedures_defreturn"],
-);
+Blockly.Extensions.apply('custom_procedure_ui_extension', Blockly.Blocks['procedures_defreturn']);
 
 // Extend the built-in Blockly procedures_defnoreturn block to add custom toggle functionality
 
 // Reference to the original init function of the procedures_defnoreturn block
-Blockly.Blocks["procedures_defnoreturn"].init = (function (originalInit) {
+Blockly.Blocks['procedures_defnoreturn'].init = (function (originalInit) {
   return function () {
     // Call the original initialization function to ensure the block retains its default behaviour
     originalInit.call(this);
@@ -2124,18 +2005,15 @@ Blockly.Blocks["procedures_defnoreturn"].init = (function (originalInit) {
     // Use the existing addToggleButton helper to add the button to the block
     addToggleButton(this);
   };
-})(Blockly.Blocks["procedures_defnoreturn"].init);
+})(Blockly.Blocks['procedures_defnoreturn'].init);
 
 // Apply the extension to the built-in 'procedures_defnoreturn' block
-Blockly.Extensions.apply(
-  "custom_procedure_ui_extension",
-  Blockly.Blocks["procedures_defnoreturn"],
-);
+Blockly.Extensions.apply('custom_procedure_ui_extension', Blockly.Blocks['procedures_defnoreturn']);
 
 // Define unique IDs for each option
-Blockly.FieldVariable.ADD_VARIABLE_ID = "ADD_VARIABLE_ID";
-Blockly.FieldVariable.RENAME_VARIABLE_ID = "RENAME_VARIABLE_ID";
-Blockly.FieldVariable.DELETE_VARIABLE_ID = "DELETE_VARIABLE_ID";
+Blockly.FieldVariable.ADD_VARIABLE_ID = 'ADD_VARIABLE_ID';
+Blockly.FieldVariable.RENAME_VARIABLE_ID = 'RENAME_VARIABLE_ID';
+Blockly.FieldVariable.DELETE_VARIABLE_ID = 'DELETE_VARIABLE_ID';
 
 // Extend `getOptions` to include "New variable..." at the top of the dropdown
 const originalGetOptions = Blockly.FieldVariable.prototype.getOptions;
@@ -2144,10 +2022,7 @@ Blockly.FieldVariable.prototype.getOptions = function () {
   const options = originalGetOptions.call(this);
 
   // Add the "New variable..." option at the beginning
-  options.unshift([
-    translate("new_variable_decision"),
-    Blockly.FieldVariable.ADD_VARIABLE_ID,
-  ]);
+  options.unshift([translate('new_variable_decision'), Blockly.FieldVariable.ADD_VARIABLE_ID]);
 
   return options;
 };
@@ -2174,7 +2049,7 @@ Blockly.FieldVariable.prototype.onItemSelected_ = function (menu, menuItem) {
             this.forceRerender(); // Refresh the UI to show the new selection
           }
         }
-      },
+      }
     );
   } else {
     // Use the stored reference to avoid recursion
@@ -2183,7 +2058,7 @@ Blockly.FieldVariable.prototype.onItemSelected_ = function (menu, menuItem) {
 };
 
 (function () {
-  const dynamicIf = Blockly.Blocks["dynamic_if"];
+  const dynamicIf = Blockly.Blocks['dynamic_if'];
   if (!dynamicIf) return;
 
   const originalFinalize = dynamicIf.finalizeConnections;
@@ -2192,12 +2067,12 @@ Blockly.FieldVariable.prototype.onItemSelected_ = function (menu, menuItem) {
   dynamicIf.mutationToDom = function () {
     if (this._skipFinalizeInMutationToDom) {
       if (!this.elseifCount && !this.elseCount) return null;
-      const container = Blockly.utils.xml.createElement("mutation");
+      const container = Blockly.utils.xml.createElement('mutation');
       if (this.elseifCount) {
-        container.setAttribute("elseif", `${this.elseifCount}`);
+        container.setAttribute('elseif', `${this.elseifCount}`);
       }
       if (this.elseCount) {
-        container.setAttribute("else", "1");
+        container.setAttribute('else', '1');
       }
       return container;
     }
@@ -2227,16 +2102,10 @@ Blockly.FieldVariable.prototype.onItemSelected_ = function (menu, menuItem) {
 
     // Fire one synthetic mutation event to represent the entire rebuild.
     let mutationEvent;
-    if (typeof Blockly.Events.Mutation === "function") {
+    if (typeof Blockly.Events.Mutation === 'function') {
       mutationEvent = new Blockly.Events.Mutation(this, oldState, newState);
     } else {
-      mutationEvent = new Blockly.Events.BlockChange(
-        this,
-        "mutation",
-        "",
-        oldState,
-        newState,
-      );
+      mutationEvent = new Blockly.Events.BlockChange(this, 'mutation', '', oldState, newState);
     }
     Blockly.Events.fire(mutationEvent);
   };
diff --git a/blocks/camera.js b/blocks/camera.js
index 5d32a98d0..6ef5aa3ed 100644
--- a/blocks/camera.js
+++ b/blocks/camera.js
@@ -1,146 +1,142 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
-import { getHelpUrlFor } from "./blocks.js";
-import {
-  translate,
-  getTooltip,
-  getDropdownOption,
-} from "../main/translation.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
+import { getHelpUrlFor } from './blocks.js';
+import { translate, getTooltip, getDropdownOption } from '../main/translation.js';
 
 export function defineCameraBlocks() {
-  Blockly.Blocks["camera_control"] = {
+  Blockly.Blocks['camera_control'] = {
     init: function () {
       this.jsonInit({
-        type: "camera_control",
-        message0: translate("camera_control"),
+        type: 'camera_control',
+        message0: translate('camera_control'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "ACTION",
+            type: 'field_dropdown',
+            name: 'ACTION',
             options: [
-              getDropdownOption("rotateLeft"),
-              getDropdownOption("rotateRight"),
-              getDropdownOption("rotateUp"),
-              getDropdownOption("rotateDown"),
-              getDropdownOption("moveUp"),
-              getDropdownOption("moveDown"),
-              getDropdownOption("moveLeft"),
-              getDropdownOption("moveRight"),
+              getDropdownOption('rotateLeft'),
+              getDropdownOption('rotateRight'),
+              getDropdownOption('rotateUp'),
+              getDropdownOption('rotateDown'),
+              getDropdownOption('moveUp'),
+              getDropdownOption('moveDown'),
+              getDropdownOption('moveLeft'),
+              getDropdownOption('moveRight'),
             ],
           },
           {
-            type: "field_grid_dropdown",
-            name: "KEY",
+            type: 'field_grid_dropdown',
+            name: 'KEY',
             columns: 10,
             options: [
-              getDropdownOption("0"),
-              getDropdownOption("1"),
-              getDropdownOption("2"),
-              getDropdownOption("3"),
-              getDropdownOption("4"),
-              getDropdownOption("5"),
-              getDropdownOption("6"),
-              getDropdownOption("7"),
-              getDropdownOption("8"),
-              getDropdownOption("9"),
-              getDropdownOption("a"),
-              getDropdownOption("b"),
-              getDropdownOption("c"),
-              getDropdownOption("d"),
-              getDropdownOption("e"),
-              getDropdownOption("f"),
-              getDropdownOption("g"),
-              getDropdownOption("h"),
-              getDropdownOption("i"),
-              getDropdownOption("j"),
-              getDropdownOption("k"),
-              getDropdownOption("l"),
-              getDropdownOption("m"),
-              getDropdownOption("n"),
-              getDropdownOption("o"),
-              getDropdownOption("p"),
-              getDropdownOption("q"),
-              getDropdownOption("r"),
-              getDropdownOption("s"),
-              getDropdownOption("t"),
-              getDropdownOption("u"),
-              getDropdownOption("v"),
-              getDropdownOption("w"),
-              getDropdownOption("x"),
-              getDropdownOption("y"),
-              getDropdownOption("z"),
-              getDropdownOption(" "),
-              getDropdownOption(","),
-              getDropdownOption("."),
-              getDropdownOption("/"),
-              getDropdownOption("ArrowLeft"),
-              getDropdownOption("ArrowUp"),
-              getDropdownOption("ArrowRight"),
-              getDropdownOption("ArrowDown"),
+              getDropdownOption('0'),
+              getDropdownOption('1'),
+              getDropdownOption('2'),
+              getDropdownOption('3'),
+              getDropdownOption('4'),
+              getDropdownOption('5'),
+              getDropdownOption('6'),
+              getDropdownOption('7'),
+              getDropdownOption('8'),
+              getDropdownOption('9'),
+              getDropdownOption('a'),
+              getDropdownOption('b'),
+              getDropdownOption('c'),
+              getDropdownOption('d'),
+              getDropdownOption('e'),
+              getDropdownOption('f'),
+              getDropdownOption('g'),
+              getDropdownOption('h'),
+              getDropdownOption('i'),
+              getDropdownOption('j'),
+              getDropdownOption('k'),
+              getDropdownOption('l'),
+              getDropdownOption('m'),
+              getDropdownOption('n'),
+              getDropdownOption('o'),
+              getDropdownOption('p'),
+              getDropdownOption('q'),
+              getDropdownOption('r'),
+              getDropdownOption('s'),
+              getDropdownOption('t'),
+              getDropdownOption('u'),
+              getDropdownOption('v'),
+              getDropdownOption('w'),
+              getDropdownOption('x'),
+              getDropdownOption('y'),
+              getDropdownOption('z'),
+              getDropdownOption(' '),
+              getDropdownOption(','),
+              getDropdownOption('.'),
+              getDropdownOption('/'),
+              getDropdownOption('ArrowLeft'),
+              getDropdownOption('ArrowUp'),
+              getDropdownOption('ArrowRight'),
+              getDropdownOption('ArrowDown'),
             ],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("camera_control"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('camera_control'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
     },
   };
 
-  Blockly.Blocks["camera_follow"] = {
+  Blockly.Blocks['camera_follow'] = {
     init: function () {
       this.jsonInit({
-        type: "camera_follow",
-        message0: translate("camera_follow"),
+        type: 'camera_follow',
+        message0: translate('camera_follow'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH_VAR",
+            type: 'field_variable',
+            name: 'MESH_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "RADIUS",
-            check: "Number",
+            type: 'input_value',
+            name: 'RADIUS',
+            check: 'Number',
           },
           {
-            type: "field_checkbox",
-            name: "FRONT",
+            type: 'field_checkbox',
+            name: 'FRONT',
             checked: false,
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("camera_follow"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('camera_follow'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
     },
   };
 
-  Blockly.Blocks["get_camera"] = {
+  Blockly.Blocks['get_camera'] = {
     init: function () {
       this.jsonInit({
-        type: "get_camera",
-        message0: translate("get_camera"),
+        type: 'get_camera',
+        message0: translate('get_camera'),
         args0: [
           {
-            type: "field_variable",
-            name: "VAR",
-            variable: "camera", // Default variable is 'camera'
+            type: 'field_variable',
+            name: 'VAR',
+            variable: 'camera', // Default variable is 'camera'
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("get_camera"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('get_camera'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
     },
   };
 }
diff --git a/blocks/colour.js b/blocks/colour.js
index 717da59a0..87c99a1de 100644
--- a/blocks/colour.js
+++ b/blocks/colour.js
@@ -1,113 +1,113 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
-import { getHelpUrlFor } from "./blocks.js";
-import { translate, getTooltip } from "../main/translation.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
+import { getHelpUrlFor } from './blocks.js';
+import { translate, getTooltip } from '../main/translation.js';
 
 export function defineColourBlocks() {
   // Basic colour picker block
-  Blockly.Blocks["colour_picker"] = {
+  Blockly.Blocks['colour_picker'] = {
     init: function () {
       this.jsonInit({
-        type: "colour_picker",
-        message0: "%1",
+        type: 'colour_picker',
+        message0: '%1',
         args0: [
           {
-            type: "field_colour",
-            name: "COLOUR",
-            colour: "#ff0000",
+            type: 'field_colour',
+            name: 'COLOUR',
+            colour: '#ff0000',
           },
         ],
-        output: "Colour",
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("colour_picker"),
-        helpUrl: "",
+        output: 'Colour',
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('colour_picker'),
+        helpUrl: '',
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
   // Random colour block
-  Blockly.Blocks["colour_random"] = {
+  Blockly.Blocks['colour_random'] = {
     init: function () {
       this.jsonInit({
-        type: "colour_random",
-        message0: translate("colour_random"),
-        output: "Colour",
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("colour_random"),
-        helpUrl: "",
+        type: 'colour_random',
+        message0: translate('colour_random'),
+        output: 'Colour',
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('colour_random'),
+        helpUrl: '',
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
   // RGB colour block
-  Blockly.Blocks["colour_rgb"] = {
+  Blockly.Blocks['colour_rgb'] = {
     init: function () {
       this.jsonInit({
-        type: "colour_rgb",
-        message0: translate("colour_rgb"),
+        type: 'colour_rgb',
+        message0: translate('colour_rgb'),
         args0: [
           {
-            type: "input_value",
-            name: "RED",
-            check: "Number",
+            type: 'input_value',
+            name: 'RED',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "GREEN",
-            check: "Number",
+            type: 'input_value',
+            name: 'GREEN',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "BLUE",
-            check: "Number",
+            type: 'input_value',
+            name: 'BLUE',
+            check: 'Number',
           },
         ],
         inputsInline: true,
-        output: "Colour",
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("colour_rgb"),
-        helpUrl: "",
+        output: 'Colour',
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('colour_rgb'),
+        helpUrl: '',
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
   // Blend colours block
-  Blockly.Blocks["colour_blend"] = {
+  Blockly.Blocks['colour_blend'] = {
     init: function () {
       this.jsonInit({
-        type: "colour_blend",
-        message0: translate("colour_blend"),
+        type: 'colour_blend',
+        message0: translate('colour_blend'),
         args0: [
           {
-            type: "input_value",
-            name: "COLOUR1",
-            check: "Colour",
+            type: 'input_value',
+            name: 'COLOUR1',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "COLOUR2",
-            check: "Colour",
+            type: 'input_value',
+            name: 'COLOUR2',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "RATIO",
-            check: "Number",
+            type: 'input_value',
+            name: 'RATIO',
+            check: 'Number',
           },
         ],
         inputsInline: true,
-        output: "Colour",
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("colour_blend"),
-        helpUrl: "",
+        output: 'Colour',
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('colour_blend'),
+        helpUrl: '',
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 }
diff --git a/blocks/colourvalidation.js b/blocks/colourvalidation.js
index 62b3f237e..0d0179568 100644
--- a/blocks/colourvalidation.js
+++ b/blocks/colourvalidation.js
@@ -1,12 +1,12 @@
 // CSS keywords that resolve against surrounding context and so have no
 // meaning for a Babylon material colour; treated as invalid.
 const CONTEXT_DEPENDENT_KEYWORDS = new Set([
-  "currentcolor",
-  "inherit",
-  "initial",
-  "unset",
-  "revert",
-  "revert-layer",
+  'currentcolor',
+  'inherit',
+  'initial',
+  'unset',
+  'revert',
+  'revert-layer',
 ]);
 
 // True when the string is something colour_from_string can turn into a real
@@ -14,7 +14,7 @@ const CONTEXT_DEPENDENT_KEYWORDS = new Set([
 // rgb(), hsl(), transparent, ...), excluding the context-dependent keywords
 // and var() references (which resolve against surrounding custom properties).
 export function isValidColourInput(raw) {
-  const value = typeof raw === "string" ? raw.trim().replace(/^#/, "") : "";
+  const value = typeof raw === 'string' ? raw.trim().replace(/^#/, '') : '';
   if (!value) return false;
   if (/^([0-9a-f]{3}|[0-9a-f]{6})$/i.test(value)) return true;
   // var() references only resolve against a surrounding context we don't have,
@@ -22,7 +22,7 @@ export function isValidColourInput(raw) {
   if (/var\s*\(/i.test(value)) return false;
   if (CONTEXT_DEPENDENT_KEYWORDS.has(value.toLowerCase())) return false;
   const probe = new Option().style;
-  probe.color = "";
+  probe.color = '';
   probe.color = value;
-  return probe.color !== "";
+  return probe.color !== '';
 }
diff --git a/blocks/combine.js b/blocks/combine.js
index 1da2bd23a..be8d47c5f 100644
--- a/blocks/combine.js
+++ b/blocks/combine.js
@@ -1,43 +1,42 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
 import {
   getHelpUrlFor,
   nextVariableIndexes,
   handleBlockCreateEvent,
   registerBlockHandler,
-} from "./blocks.js";
-import { translate, getTooltip } from "../main/translation.js";
+} from './blocks.js';
+import { translate, getTooltip } from '../main/translation.js';
 
 export function defineCombineBlocks() {
-  Blockly.Blocks["merge_meshes"] = {
+  Blockly.Blocks['merge_meshes'] = {
     init: function () {
-      const variableNamePrefix = "merged";
-      const nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'merged';
+      const nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
 
       this.jsonInit({
-        type: "merge_meshes",
-        message0: translate("merge_meshes"),
+        type: 'merge_meshes',
+        message0: translate('merge_meshes'),
         args0: [
           {
-            type: "field_variable",
-            name: "RESULT_VAR",
+            type: 'field_variable',
+            name: 'RESULT_VAR',
             variable: nextVariableName,
           },
           {
-            type: "input_value",
-            name: "MESH_LIST",
-            check: "Array",
+            type: 'input_value',
+            name: 'MESH_LIST',
+            check: 'Array',
           },
         ],
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("merge_meshes"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('merge_meshes'),
         previousStatement: null,
         nextStatement: null,
       });
 
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       registerBlockHandler(this, (changeEvent) =>
         handleBlockCreateEvent(
@@ -45,46 +44,45 @@ export function defineCombineBlocks() {
           changeEvent,
           variableNamePrefix,
           nextVariableIndexes,
-          "RESULT_VAR",
-        ),
+          'RESULT_VAR'
+        )
       );
     },
   };
 
-  Blockly.Blocks["subtract_meshes"] = {
+  Blockly.Blocks['subtract_meshes'] = {
     init: function () {
-      const variableNamePrefix = "subtracted";
-      const nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'subtracted';
+      const nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
 
       this.jsonInit({
-        type: "subtract_meshes",
-        message0: translate("subtract_meshes"),
+        type: 'subtract_meshes',
+        message0: translate('subtract_meshes'),
         args0: [
           {
-            type: "field_variable",
-            name: "RESULT_VAR",
+            type: 'field_variable',
+            name: 'RESULT_VAR',
             variable: nextVariableName,
           },
           {
-            type: "field_variable",
-            name: "BASE_MESH",
-            variable: "object",
+            type: 'field_variable',
+            name: 'BASE_MESH',
+            variable: 'object',
           },
           {
-            type: "input_value",
-            name: "MESH_LIST",
-            check: "Array",
+            type: 'input_value',
+            name: 'MESH_LIST',
+            check: 'Array',
           },
         ],
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("subtract_meshes"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('subtract_meshes'),
         previousStatement: null,
         nextStatement: null,
       });
 
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       registerBlockHandler(this, (changeEvent) =>
         handleBlockCreateEvent(
@@ -92,41 +90,40 @@ export function defineCombineBlocks() {
           changeEvent,
           variableNamePrefix,
           nextVariableIndexes,
-          "RESULT_VAR",
-        ),
+          'RESULT_VAR'
+        )
       );
     },
   };
 
-  Blockly.Blocks["intersection_meshes"] = {
+  Blockly.Blocks['intersection_meshes'] = {
     init: function () {
-      const variableNamePrefix = "intersection";
-      const nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'intersection';
+      const nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
 
       this.jsonInit({
-        type: "intersection_meshes",
-        message0: translate("intersection_meshes"),
+        type: 'intersection_meshes',
+        message0: translate('intersection_meshes'),
         args0: [
           {
-            type: "field_variable",
-            name: "RESULT_VAR",
+            type: 'field_variable',
+            name: 'RESULT_VAR',
             variable: nextVariableName,
           },
           {
-            type: "input_value",
-            name: "MESH_LIST",
-            check: "Array",
+            type: 'input_value',
+            name: 'MESH_LIST',
+            check: 'Array',
           },
         ],
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("intersection_meshes"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('intersection_meshes'),
         previousStatement: null,
         nextStatement: null,
       });
 
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       registerBlockHandler(this, (changeEvent) =>
         handleBlockCreateEvent(
@@ -134,41 +131,40 @@ export function defineCombineBlocks() {
           changeEvent,
           variableNamePrefix,
           nextVariableIndexes,
-          "RESULT_VAR",
-        ),
+          'RESULT_VAR'
+        )
       );
     },
   };
 
-  Blockly.Blocks["hull_meshes"] = {
+  Blockly.Blocks['hull_meshes'] = {
     init: function () {
-      const variableNamePrefix = "hull";
-      const nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'hull';
+      const nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
 
       this.jsonInit({
-        type: "hull_meshes",
-        message0: translate("hull_meshes"),
+        type: 'hull_meshes',
+        message0: translate('hull_meshes'),
         args0: [
           {
-            type: "field_variable",
-            name: "RESULT_VAR",
+            type: 'field_variable',
+            name: 'RESULT_VAR',
             variable: nextVariableName,
           },
           {
-            type: "input_value",
-            name: "MESH_LIST",
-            check: "Array",
+            type: 'input_value',
+            name: 'MESH_LIST',
+            check: 'Array',
           },
         ],
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("hull_meshes"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('hull_meshes'),
         previousStatement: null,
         nextStatement: null,
       });
 
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       registerBlockHandler(this, (changeEvent) =>
         handleBlockCreateEvent(
@@ -176,8 +172,8 @@ export function defineCombineBlocks() {
           changeEvent,
           variableNamePrefix,
           nextVariableIndexes,
-          "RESULT_VAR",
-        ),
+          'RESULT_VAR'
+        )
       );
     },
   };
diff --git a/blocks/condition.js b/blocks/condition.js
index e6354d6ad..0d1559338 100644
--- a/blocks/condition.js
+++ b/blocks/condition.js
@@ -1,31 +1,31 @@
-import * as Blockly from "blockly";
-import { getHelpUrlFor } from "./blocks.js";
+import * as Blockly from 'blockly';
+import { getHelpUrlFor } from './blocks.js';
 
 export function defineConditionBlocks() {
-  Blockly.Blocks["controls_if"] = Blockly.Blocks["dynamic_if"];
+  Blockly.Blocks['controls_if'] = Blockly.Blocks['dynamic_if'];
 
-  const oldInit = Blockly.Blocks["controls_if"].init;
+  const oldInit = Blockly.Blocks['controls_if'].init;
 
-  Blockly.Blocks["controls_if"].init = function () {
+  Blockly.Blocks['controls_if'].init = function () {
     this.setHelpUrl(getHelpUrlFor(this.type));
-    this.setStyle("condition_blocks");
+    this.setStyle('condition_blocks');
 
     // Call the original init function
     oldInit.call(this);
 
     // Override the tooltip after the original init
     this.setTooltip(() => {
-      let tooltip = "Execute actions if a condition is true.";
+      let tooltip = 'Execute actions if a condition is true.';
 
       tooltip += ` Drag additional conditions to create else if branches.`;
 
-      tooltip += " Drag a statement at the end to create an else branch.";
+      tooltip += ' Drag a statement at the end to create an else branch.';
 
       return tooltip;
     });
   };
 
-  Blockly.Blocks["controls_if_custom"] = {
+  Blockly.Blocks['controls_if_custom'] = {
     init: function () {
       this.elseifCount_ = 0;
       this.elseCount_ = 0;
@@ -57,7 +57,7 @@ export function defineConditionBlocks() {
 
     makePlusIcon_: function (onClick) {
       return new Blockly.FieldImage(
-        "data:image/svg+xml;utf8," +
+        'data:image/svg+xml;utf8,' +
           encodeURIComponent(`
                                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
                                   <circle cx="10" cy="10" r="9" fill="transparent" stroke="white" stroke-width="2"/>
@@ -66,14 +66,14 @@ export function defineConditionBlocks() {
                                 </svg>`),
         20,
         20,
-        "add branch",
-        onClick,
+        'add branch',
+        onClick
       );
     },
 
     makeMinusIcon_: function (onClick) {
       return new Blockly.FieldImage(
-        "data:image/svg+xml;utf8," +
+        'data:image/svg+xml;utf8,' +
           encodeURIComponent(`
                                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
                                   <circle cx="10" cy="10" r="9" fill="transparent" stroke="white" stroke-width="2"/>
@@ -81,8 +81,8 @@ export function defineConditionBlocks() {
                                 </svg>`),
         20,
         20,
-        "remove branch",
-        onClick,
+        'remove branch',
+        onClick
       );
     },
 
@@ -91,40 +91,34 @@ export function defineConditionBlocks() {
       while (this.inputList.length) this.removeInput(this.inputList[0].name);
 
       // IF0 row
-      this.appendValueInput("IF0")
-        .setCheck("Boolean")
-        .appendField("if");
-      this.appendDummyInput("ICONS_IF0")
+      this.appendValueInput('IF0').setCheck('Boolean').appendField('if');
+      this.appendDummyInput('ICONS_IF0')
         .setAlign(Blockly.inputs.Align.RIGHT)
         .appendField(this.makePlusIcon_(() => this.addElseIfAt(0)));
-      this.appendStatementInput("DO0").appendField(new Blockly.FieldLabel(""));
+      this.appendStatementInput('DO0').appendField(new Blockly.FieldLabel(''));
 
       // ELSE IFs
       for (let i = 1; i <= this.elseifCount_; i++) {
-        this.appendValueInput("IF" + i)
-          .setCheck("Boolean")
-          .appendField("else if");
-        this.appendDummyInput("ICONS_" + i)
+        this.appendValueInput('IF' + i)
+          .setCheck('Boolean')
+          .appendField('else if');
+        this.appendDummyInput('ICONS_' + i)
           .setAlign(Blockly.inputs.Align.RIGHT)
           .appendField(this.makePlusIcon_(() => this.addElseIfAt(i)))
           .appendField(this.makeMinusIcon_(() => this.removeElseIf_(i)));
-        this.appendStatementInput("DO" + i).appendField(
-          new Blockly.FieldLabel(""),
-        );
+        this.appendStatementInput('DO' + i).appendField(new Blockly.FieldLabel(''));
       }
 
       // ELSE
       if (this.elseCount_) {
-        const elseInput = this.appendDummyInput("ELSE_ROW");
-        elseInput.appendField("else");
+        const elseInput = this.appendDummyInput('ELSE_ROW');
+        elseInput.appendField('else');
         elseInput.appendField(this.makeMinusIcon_(() => this.removeElse_()));
 
-        this.appendStatementInput("ELSE")
-          .setCheck(null)
-          .appendField(new Blockly.FieldLabel(""));
+        this.appendStatementInput('ELSE').setCheck(null).appendField(new Blockly.FieldLabel(''));
       }
 
-      const bottom = this.appendDummyInput("BOTTOM_ADD");
+      const bottom = this.appendDummyInput('BOTTOM_ADD');
       bottom
         .setAlign(Blockly.inputs.Align.RIGHT)
         .appendField(this.makePlusIcon_(() => this.addElseOrElseIf()));
@@ -144,29 +138,29 @@ export function defineConditionBlocks() {
     addElseIfAt: function (index) {
       this.elseifCount_++;
       for (let i = this.elseifCount_ - 1; i >= index + 1; i--) {
-        this.renameInput_("IF" + i, "IF" + (i + 1));
-        this.renameInput_("DO" + i, "DO" + (i + 1));
-        this.renameInput_("ICONS_" + i, "ICONS_" + (i + 1));
+        this.renameInput_('IF' + i, 'IF' + (i + 1));
+        this.renameInput_('DO' + i, 'DO' + (i + 1));
+        this.renameInput_('ICONS_' + i, 'ICONS_' + (i + 1));
       }
       this.updateShape_();
     },
 
     removeElseIf_: function (index) {
-      this.removeInput("IF" + index);
-      this.removeInput("DO" + index);
-      this.removeInput("ICONS_" + index);
+      this.removeInput('IF' + index);
+      this.removeInput('DO' + index);
+      this.removeInput('ICONS_' + index);
       for (let i = index + 1; i <= this.elseifCount_; i++) {
-        this.renameInput_("IF" + i, "IF" + (i - 1));
-        this.renameInput_("DO" + i, "DO" + (i - 1));
-        this.renameInput_("ICONS_" + i, "ICONS_" + (i - 1));
+        this.renameInput_('IF' + i, 'IF' + (i - 1));
+        this.renameInput_('DO' + i, 'DO' + (i - 1));
+        this.renameInput_('ICONS_' + i, 'ICONS_' + (i - 1));
       }
       this.elseifCount_--;
       this.updateShape_();
     },
 
     removeElse_: function () {
-      this.removeInput("ELSE");
-      this.removeInput("ELSE_ROW");
+      this.removeInput('ELSE');
+      this.removeInput('ELSE_ROW');
       this.elseCount_ = 0;
       this.updateShape_();
     },
@@ -177,16 +171,15 @@ export function defineConditionBlocks() {
     },
 
     mutationToDom: function () {
-      const container = document.createElement("mutation");
-      if (this.elseifCount_)
-        container.setAttribute("elseif", this.elseifCount_);
-      if (this.elseCount_) container.setAttribute("else", 1);
+      const container = document.createElement('mutation');
+      if (this.elseifCount_) container.setAttribute('elseif', this.elseifCount_);
+      if (this.elseCount_) container.setAttribute('else', 1);
       return container;
     },
 
     domToMutation: function (xmlElement) {
-      this.elseifCount_ = parseInt(xmlElement.getAttribute("elseif")) || 0;
-      this.elseCount_ = parseInt(xmlElement.getAttribute("else")) || 0;
+      this.elseifCount_ = parseInt(xmlElement.getAttribute('elseif')) || 0;
+      this.elseCount_ = parseInt(xmlElement.getAttribute('else')) || 0;
       this.updateShape_();
     },
 
diff --git a/blocks/connect.js b/blocks/connect.js
index 83d7a77c1..b5dee4773 100644
--- a/blocks/connect.js
+++ b/blocks/connect.js
@@ -1,329 +1,325 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
-import { getHelpUrlFor } from "./blocks.js";
-import {
-  translate,
-  getTooltip,
-  getDropdownOption,
-} from "../main/translation.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
+import { getHelpUrlFor } from './blocks.js';
+import { translate, getTooltip, getDropdownOption } from '../main/translation.js';
 
-import { getAttachNames } from "../config.js";
+import { getAttachNames } from '../config.js';
 
 export function defineConnectBlocks() {
-  Blockly.Blocks["parent"] = {
+  Blockly.Blocks['parent'] = {
     init: function () {
       this.jsonInit({
-        type: "parent",
-        message0: translate("parent"),
+        type: 'parent',
+        message0: translate('parent'),
         args0: [
           {
-            type: "field_variable",
-            name: "PARENT_MESH",
-            variable: "parent",
+            type: 'field_variable',
+            name: 'PARENT_MESH',
+            variable: 'parent',
           },
           {
-            type: "field_variable",
-            name: "CHILD_MESH",
+            type: 'field_variable',
+            name: 'CHILD_MESH',
             variable: window.currentMesh,
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("parent"),
+        tooltip: getTooltip('parent'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 
-  Blockly.Blocks["parent_child"] = {
+  Blockly.Blocks['parent_child'] = {
     init: function () {
       this.jsonInit({
-        type: "parent_child",
-        message0: translate("parent_child"),
+        type: 'parent_child',
+        message0: translate('parent_child'),
         args0: [
           {
-            type: "field_variable",
-            name: "PARENT_MESH",
-            variable: "parent",
+            type: 'field_variable',
+            name: 'PARENT_MESH',
+            variable: 'parent',
           },
           {
-            type: "field_variable",
-            name: "CHILD_MESH",
+            type: 'field_variable',
+            name: 'CHILD_MESH',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "X_OFFSET",
-            check: "Number",
+            type: 'input_value',
+            name: 'X_OFFSET',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y_OFFSET",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y_OFFSET',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z_OFFSET",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z_OFFSET',
+            check: 'Number',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("parent_child"),
+        tooltip: getTooltip('parent_child'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 
-  Blockly.Blocks["remove_parent"] = {
+  Blockly.Blocks['remove_parent'] = {
     init: function () {
       this.jsonInit({
-        type: "remove_parent",
-        message0: translate("remove_parent"),
+        type: 'remove_parent',
+        message0: translate('remove_parent'),
         args0: [
           {
-            type: "field_variable",
-            name: "CHILD_MESH",
+            type: 'field_variable',
+            name: 'CHILD_MESH',
             variable: window.currentMesh,
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("remove_parent"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('remove_parent'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 
-  Blockly.Blocks["stop_follow"] = {
+  Blockly.Blocks['stop_follow'] = {
     init: function () {
       this.jsonInit({
-        type: "stop_follow",
-        message0: translate("stop_follow"),
+        type: 'stop_follow',
+        message0: translate('stop_follow'),
         args0: [
           {
-            type: "field_variable",
-            name: "FOLLOWER_MESH",
+            type: 'field_variable',
+            name: 'FOLLOWER_MESH',
             variable: window.currentMesh,
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("stop_follow"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('stop_follow'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 
-  Blockly.Blocks["hold"] = {
+  Blockly.Blocks['hold'] = {
     init: function () {
       this.jsonInit({
-        type: "hold",
-        message0: translate("hold"),
+        type: 'hold',
+        message0: translate('hold'),
         args0: [
           {
-            type: "field_variable",
-            name: "TARGET_MESH",
-            variable: "target",
+            type: 'field_variable',
+            name: 'TARGET_MESH',
+            variable: 'target',
           },
           {
-            type: "field_variable",
-            name: "MESH_TO_ATTACH",
-            variable: "object",
+            type: 'field_variable',
+            name: 'MESH_TO_ATTACH',
+            variable: 'object',
           },
           {
-            type: "input_value",
-            name: "X_OFFSET",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'X_OFFSET',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "input_value",
-            name: "Y_OFFSET",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'Y_OFFSET',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "input_value",
-            name: "Z_OFFSET",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'Z_OFFSET',
+            check: 'Number',
+            align: 'RIGHT',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("hold"),
+        tooltip: getTooltip('hold'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 
-  Blockly.Blocks["attach"] = {
+  Blockly.Blocks['attach'] = {
     init: function () {
       this.jsonInit({
-        type: "attach",
-        message0: translate("attach"),
+        type: 'attach',
+        message0: translate('attach'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH_TO_ATTACH",
-            variable: "object",
+            type: 'field_variable',
+            name: 'MESH_TO_ATTACH',
+            variable: 'object',
           },
           {
-            type: "field_variable",
-            name: "TARGET_MESH",
-            variable: "target",
+            type: 'field_variable',
+            name: 'TARGET_MESH',
+            variable: 'target',
           },
           {
-            type: "field_dropdown",
-            name: "BONE_NAME",
+            type: 'field_dropdown',
+            name: 'BONE_NAME',
             options: getAttachNames(),
           },
           {
-            type: "input_value",
-            name: "X_OFFSET",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'X_OFFSET',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "input_value",
-            name: "Y_OFFSET",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'Y_OFFSET',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "input_value",
-            name: "Z_OFFSET",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'Z_OFFSET',
+            check: 'Number',
+            align: 'RIGHT',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("attach"),
+        tooltip: getTooltip('attach'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
-  Blockly.Blocks["drop"] = {
+  Blockly.Blocks['drop'] = {
     init: function () {
       this.jsonInit({
-        type: "drop",
-        message0: translate("drop"),
+        type: 'drop',
+        message0: translate('drop'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH_TO_DETACH",
-            variable: "object",
+            type: 'field_variable',
+            name: 'MESH_TO_DETACH',
+            variable: 'object',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("drop"),
+        tooltip: getTooltip('drop'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 
-  Blockly.Blocks["follow"] = {
+  Blockly.Blocks['follow'] = {
     init: function () {
       this.jsonInit({
-        type: "follow",
-        message0: translate("follow"),
+        type: 'follow',
+        message0: translate('follow'),
         args0: [
           {
-            type: "field_variable",
-            name: "FOLLOWER_MESH",
-            variable: "follower",
+            type: 'field_variable',
+            name: 'FOLLOWER_MESH',
+            variable: 'follower',
           },
           {
-            type: "field_variable",
-            name: "TARGET_MESH",
-            variable: "target",
+            type: 'field_variable',
+            name: 'TARGET_MESH',
+            variable: 'target',
           },
           {
-            type: "field_dropdown",
-            name: "FOLLOW_POSITION",
+            type: 'field_dropdown',
+            name: 'FOLLOW_POSITION',
             options: [
-              getDropdownOption("TOP"),
-              getDropdownOption("CENTER"),
-              getDropdownOption("BOTTOM"),
+              getDropdownOption('TOP'),
+              getDropdownOption('CENTER'),
+              getDropdownOption('BOTTOM'),
             ],
           },
           {
-            type: "input_value",
-            name: "X_OFFSET",
-            check: "Number",
+            type: 'input_value',
+            name: 'X_OFFSET',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y_OFFSET",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y_OFFSET',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z_OFFSET",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z_OFFSET',
+            check: 'Number',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("follow"),
+        tooltip: getTooltip('follow'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 
-  Blockly.Blocks["export_mesh"] = {
+  Blockly.Blocks['export_mesh'] = {
     init: function () {
       this.jsonInit({
-        type: "export_mesh",
-        message0: translate("export_mesh"),
+        type: 'export_mesh',
+        message0: translate('export_mesh'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH_VAR",
+            type: 'field_variable',
+            name: 'MESH_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "field_dropdown",
-            name: "FORMAT",
+            type: 'field_dropdown',
+            name: 'FORMAT',
             options: [
-              ["STL", "STL"],
-              ["OBJ", "OBJ"],
-              ["GLB", "GLB"],
+              ['STL', 'STL'],
+              ['OBJ', 'OBJ'],
+              ['GLB', 'GLB'],
             ],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("export_mesh"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('export_mesh'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
     },
   };
 }
diff --git a/blocks/control.js b/blocks/control.js
index a48f78b4e..89c00f422 100644
--- a/blocks/control.js
+++ b/blocks/control.js
@@ -1,155 +1,152 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
-import { getHelpUrlFor, applyInputAriaLabels } from "./blocks.js";
-import { translate, getTooltip } from "../main/translation.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
+import { getHelpUrlFor, applyInputAriaLabels } from './blocks.js';
+import { translate, getTooltip } from '../main/translation.js';
 
 export function defineControlBlocks() {
-  Blockly.Blocks["wait"] = {
+  Blockly.Blocks['wait'] = {
     init: function () {
       this.jsonInit({
-        type: "wait",
-        message0: translate("wait"),
+        type: 'wait',
+        message0: translate('wait'),
         args0: [
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Control"],
-        tooltip: getTooltip("wait"),
+        colour: categoryColours['Control'],
+        tooltip: getTooltip('wait'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("control_blocks");
+      this.setStyle('control_blocks');
     },
   };
 
-  Blockly.Blocks["wait_seconds"] = {
+  Blockly.Blocks['wait_seconds'] = {
     init: function () {
       this.jsonInit({
-        type: "wait",
-        message0: translate("wait_seconds"),
+        type: 'wait',
+        message0: translate('wait_seconds'),
         args0: [
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Control"],
-        tooltip: getTooltip("wait_seconds"),
+        colour: categoryColours['Control'],
+        tooltip: getTooltip('wait_seconds'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("control_blocks");
+      this.setStyle('control_blocks');
     },
   };
 
-  Blockly.Blocks["wait_until"] = {
+  Blockly.Blocks['wait_until'] = {
     init: function () {
       this.jsonInit({
-        type: "wait_until",
-        message0: translate("wait_until"),
+        type: 'wait_until',
+        message0: translate('wait_until'),
         args0: [
           {
-            type: "input_value",
-            name: "CONDITION",
-            check: "Boolean",
+            type: 'input_value',
+            name: 'CONDITION',
+            check: 'Boolean',
           },
         ],
         previousStatement: null,
         nextStatement: null,
         //colour: categoryColours["Control"],
-        tooltip: getTooltip("wait_until"),
+        tooltip: getTooltip('wait_until'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("control_blocks");
+      this.setStyle('control_blocks');
     },
   };
 
-  Blockly.Blocks["local_variable"] = {
+  Blockly.Blocks['local_variable'] = {
     init: function () {
       this.jsonInit({
-        type: "local_variable",
-        message0: translate("local_variable"),
+        type: 'local_variable',
+        message0: translate('local_variable'),
         args0: [
           {
-            type: "field_variable",
-            name: "VAR",
-            variable: "item", // default variable name
+            type: 'field_variable',
+            name: 'VAR',
+            variable: 'item', // default variable name
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Control"],
-        tooltip: getTooltip("local_variable"),
+        colour: categoryColours['Control'],
+        tooltip: getTooltip('local_variable'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("control_blocks");
+      this.setStyle('control_blocks');
     },
   };
 
-  Blockly.Blocks["for_loop"] = {
+  Blockly.Blocks['for_loop'] = {
     init: function () {
       this.jsonInit({
-        type: "for_loop",
-        message0: translate("for_loop"),
+        type: 'for_loop',
+        message0: translate('for_loop'),
         args0: [
           {
-            type: "field_lexical_variable",
-            name: "VAR",
-            text: "count", // Default variable name is "count"
-            options: [["count", "count"]],
+            type: 'field_lexical_variable',
+            name: 'VAR',
+            text: 'count', // Default variable name is "count"
+            options: [['count', 'count']],
           },
           {
-            type: "input_value",
-            name: "FROM",
-            check: "Number",
+            type: 'input_value',
+            name: 'FROM',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "TO",
-            check: "Number",
+            type: 'input_value',
+            name: 'TO',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "BY",
-            check: "Number",
+            type: 'input_value',
+            name: 'BY',
+            check: 'Number',
           },
           {
-            type: "input_statement",
-            name: "DO",
+            type: 'input_statement',
+            name: 'DO',
           },
         ],
         previousStatement: null,
         nextStatement: null,
         //colour: categoryColours["Control"],
         inputsInline: true,
-        tooltip: getTooltip("for_loop"),
+        tooltip: getTooltip('for_loop'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("control_blocks");
+      this.setStyle('control_blocks');
     },
 
     // Returns an array of local variable names.
     getLexicalVariables: function () {
-      return [this.getFieldValue("VAR")];
+      return [this.getFieldValue('VAR')];
     },
 
     // Update the variable name on this block.
     setLexicalVariable: function (newName) {
-      this.setFieldValue(String(newName), "VAR");
+      this.setFieldValue(String(newName), 'VAR');
     },
 
     onchange: function (event) {
-      if (
-        event.type === Blockly.Events.BLOCK_CREATE &&
-        event.ids.includes(this.id)
-      ) {
-        const field = this.getField("VAR");
+      if (event.type === Blockly.Events.BLOCK_CREATE && event.ids.includes(this.id)) {
+        const field = this.getField('VAR');
         if (field && field.variableId_) {
           const oldId = field.variableId_;
           const newId = Blockly.utils.idGenerator.genUid();
@@ -157,17 +154,14 @@ export function defineControlBlocks() {
 
           // Recursively update nested getter blocks.
           const updateNestedBlocks = (block) => {
-            if (
-              block.type === "get_lexical_variable" &&
-              block.variableSourceId === oldId
-            ) {
+            if (block.type === 'get_lexical_variable' && block.variableSourceId === oldId) {
               block.variableSourceId = newId;
             }
             block.getChildren(false).forEach(updateNestedBlocks);
           };
 
           // Update getter blocks inside the DO input.
-          const doConnection = this.getInput("DO")?.connection;
+          const doConnection = this.getInput('DO')?.connection;
           if (doConnection && doConnection.targetBlock()) {
             updateNestedBlocks(doConnection.targetBlock());
           }
@@ -177,31 +171,31 @@ export function defineControlBlocks() {
 
     // Save the current variable name and its unique id in a mutation.
     mutationToDom: function () {
-      const container = document.createElement("mutation");
-      const field = this.getField("VAR");
+      const container = document.createElement('mutation');
+      const field = this.getField('VAR');
 
       if (field && field.saveExtraState) {
         const extraState = field.saveExtraState();
-        container.setAttribute("var", extraState.value);
-        container.setAttribute("variableid", extraState.variableId);
+        container.setAttribute('var', extraState.value);
+        container.setAttribute('variableid', extraState.variableId);
       } else {
-        container.setAttribute("var", this.getFieldValue("VAR"));
+        container.setAttribute('var', this.getFieldValue('VAR'));
       }
       return container;
     },
 
     // Restore the variable name and unique id from the mutation.
     domToMutation: function (xmlElement) {
-      const varName = xmlElement.getAttribute("var");
-      const variableId = xmlElement.getAttribute("variableid");
-      const field = this.getField("VAR");
+      const varName = xmlElement.getAttribute('var');
+      const variableId = xmlElement.getAttribute('variableid');
+      const field = this.getField('VAR');
       if (field && field.loadExtraState) {
         field.loadExtraState({
           value: varName,
           variableId: variableId,
         });
       } else {
-        this.setFieldValue(varName, "VAR");
+        this.setFieldValue(varName, 'VAR');
       }
     },
   };
@@ -209,8 +203,8 @@ export function defineControlBlocks() {
   class FieldLexicalVariable extends Blockly.FieldDropdown {
     constructor(opt_value, opt_validator) {
       // Force a default value of "count" if none is provided.
-      if (opt_value === null || opt_value === undefined || opt_value === "") {
-        opt_value = "count";
+      if (opt_value === null || opt_value === undefined || opt_value === '') {
+        opt_value = 'count';
       }
       super(opt_value, opt_validator);
       // Always use our custom options generator.
@@ -222,7 +216,7 @@ export function defineControlBlocks() {
 
       // Ensure that the value is set (if somehow still null).
       if (!this.getValue()) {
-        super.setValue("count");
+        super.setValue('count');
       }
     }
 
@@ -230,16 +224,16 @@ export function defineControlBlocks() {
     computeOptions() {
       // If the field's value is null-ish, force it to "count".
       let current = super.getValue();
-      if (current === null || current === undefined || current === "") {
-        current = "count";
+      if (current === null || current === undefined || current === '') {
+        current = 'count';
         super.setValue(current);
       } else {
         current = String(current);
       }
       return [
         [current, current],
-        ["Rename variable…", "__RENAME__"],
-        ["Get variable", "__GET__"],
+        ['Rename variable…', '__RENAME__'],
+        ['Get variable', '__GET__'],
       ];
     }
 
@@ -263,27 +257,24 @@ export function defineControlBlocks() {
     }
 
     getAriaTypeName() {
-      return "variable";
+      return 'variable';
     }
 
     setValue(value) {
-      if (value === "__RENAME__") {
+      if (value === '__RENAME__') {
         setTimeout(() => {
           const currentName = String(super.getValue());
 
-          const newName = window.prompt("Rename variable", currentName);
+          const newName = window.prompt('Rename variable', currentName);
           if (newName && newName !== currentName) {
-            if (
-              this.sourceBlock_ &&
-              typeof this.sourceBlock_.setLexicalVariable === "function"
-            ) {
+            if (this.sourceBlock_ && typeof this.sourceBlock_.setLexicalVariable === 'function') {
               this.sourceBlock_.setLexicalVariable(String(newName));
             }
             // Recompute and "lock in" our options with the new variable.
             this.cachedOptions_ = [
               [String(newName), String(newName)],
-              ["Rename variable…", "__RENAME__"],
-              ["Get variable", "__GET__"],
+              ['Rename variable…', '__RENAME__'],
+              ['Get variable', '__GET__'],
             ];
             // Force our generator to return the updated options.
             this.menuGenerator_ = () => this.cachedOptions_;
@@ -293,13 +284,13 @@ export function defineControlBlocks() {
               const allBlocks = workspace.getAllBlocks(false);
               allBlocks.forEach((block) => {
                 if (
-                  block.type === "get_lexical_variable" &&
+                  block.type === 'get_lexical_variable' &&
                   block.variableSourceId === this.variableId_
                 ) {
-                  if (typeof block.updateVariable === "function") {
+                  if (typeof block.updateVariable === 'function') {
                     block.updateVariable(newName);
                   } else {
-                    block.setFieldValue(String(newName), "VAR");
+                    block.setFieldValue(String(newName), 'VAR');
                   }
                 }
               });
@@ -312,14 +303,14 @@ export function defineControlBlocks() {
           }
         }, 0);
         return null;
-      } else if (value === "__GET__") {
+      } else if (value === '__GET__') {
         setTimeout(() => {
           const variableName = String(super.getValue());
           const workspace = this.sourceBlock_.workspace;
-          const newBlock = workspace.newBlock("get_lexical_variable");
+          const newBlock = workspace.newBlock('get_lexical_variable');
           newBlock.initSvg();
           newBlock.render();
-          newBlock.setFieldValue(String(variableName), "VAR");
+          newBlock.setFieldValue(String(variableName), 'VAR');
           newBlock.variableSourceId = this.variableId_;
 
           const xy = this.sourceBlock_.getRelativeToSurfaceXY();
@@ -347,63 +338,60 @@ export function defineControlBlocks() {
       super.setValue(state.value);
       this.cachedOptions_ = [
         [state.value, state.value],
-        ["Rename variable…", "__RENAME__"],
-        ["Get variable", "__GET__"],
+        ['Rename variable…', '__RENAME__'],
+        ['Get variable', '__GET__'],
       ];
       this.menuGenerator_ = () => this.cachedOptions_;
     }
   }
 
-  Blockly.fieldRegistry.register(
-    "field_lexical_variable",
-    FieldLexicalVariable,
-  );
+  Blockly.fieldRegistry.register('field_lexical_variable', FieldLexicalVariable);
 
-  Blockly.Blocks["get_lexical_variable"] = {
+  Blockly.Blocks['get_lexical_variable'] = {
     init: function () {
       this.jsonInit({
-        message0: translate("get_lexical_variable"),
+        message0: translate('get_lexical_variable'),
         args0: [
           {
-            type: "field_label",
-            name: "VAR",
-            text: "count",
+            type: 'field_label',
+            name: 'VAR',
+            text: 'count',
           },
         ],
         output: null,
-        colour: categoryColours["Variables"],
-        tooltip: getTooltip("get_lexical_variable"),
+        colour: categoryColours['Variables'],
+        tooltip: getTooltip('get_lexical_variable'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("control_blocks");
+      this.setStyle('control_blocks');
 
       // Initialize with a null variable source ID.
       this.variableSourceId = null;
     },
     updateVariable: function (newName) {
-      this.setFieldValue(String(newName), "VAR");
+      this.setFieldValue(String(newName), 'VAR');
     },
     // Save the current variable name and source ID to the XML mutation.
     mutationToDom: function () {
-      const container = document.createElement("mutation");
-      container.setAttribute("var", this.getFieldValue("VAR"));
+      const container = document.createElement('mutation');
+      container.setAttribute('var', this.getFieldValue('VAR'));
       if (this.variableSourceId) {
-        container.setAttribute("sourceid", this.variableSourceId);
+        container.setAttribute('sourceid', this.variableSourceId);
       }
       return container;
     },
     // Restore the variable name and source ID from the XML mutation.
     domToMutation: function (xmlElement) {
-      const variableName = xmlElement.getAttribute("var");
-      this.setFieldValue(variableName, "VAR");
-      const sourceId = xmlElement.getAttribute("sourceid");
+      const variableName = xmlElement.getAttribute('var');
+      this.setFieldValue(variableName, 'VAR');
+      const sourceId = xmlElement.getAttribute('sourceid');
       if (sourceId) {
         this.variableSourceId = sourceId;
       }
     },
   };
 
-  Blockly.Blocks["get_lexical_variable"].onchange = function (event) {
+  Blockly.Blocks['get_lexical_variable'].onchange = function (event) {
     // Only process if this is a move, create, or similar event that might affect scoping
     if (
       event.type === Blockly.Events.BLOCK_MOVE ||
@@ -412,19 +400,19 @@ export function defineControlBlocks() {
     ) {
       if (!this.workspace) return; // Skip if no workspace
 
-      const variableName = this.getFieldValue("VAR");
+      const variableName = this.getFieldValue('VAR');
       let currentBlock = this;
       let found = false;
 
       // Traverse up the block hierarchy to find the closest for_loop with matching variable
       while ((currentBlock = currentBlock.getParent())) {
-        if (currentBlock.type === "for_loop") {
-          const loopVarName = currentBlock.getFieldValue("VAR");
-          const field = currentBlock.getField("VAR");
+        if (currentBlock.type === 'for_loop') {
+          const loopVarName = currentBlock.getFieldValue('VAR');
+          const field = currentBlock.getField('VAR');
 
           if (loopVarName === variableName && field) {
             // Found a matching for_loop parent
-            const variableId = field.variableId_ || "";
+            const variableId = field.variableId_ || '';
 
             // Update this getter's source ID
             this.variableSourceId = variableId;
@@ -444,12 +432,12 @@ export function defineControlBlocks() {
     }
   };
 
-  const MODE = { IF: "IF", ELSEIF: "ELSEIF", ELSE: "ELSE" };
-  const INVALID_IF_STACK_REASON = "INVALID_IF_STACK";
+  const MODE = { IF: 'IF', ELSEIF: 'ELSEIF', ELSE: 'ELSE' };
+  const INVALID_IF_STACK_REASON = 'INVALID_IF_STACK';
 
-  Blockly.Blocks["if_clause"] = {
+  Blockly.Blocks['if_clause'] = {
     init: function () {
-      this.setStyle("logic_blocks");
+      this.setStyle('logic_blocks');
       this.setPreviousStatement(true);
       this.setNextStatement(true);
       this.setInputsInline(true);
@@ -459,29 +447,29 @@ export function defineControlBlocks() {
       // True while Blockly is constructing/rehydrating the block graph.
       this._isRestoring = true;
 
-      this.appendDummyInput("HEAD").appendField(
+      this.appendDummyInput('HEAD').appendField(
         new Blockly.FieldDropdown(
           [
-            ["%{BKY_CONTROLS_IF_MSG_IF}", MODE.IF],
-            ["%{BKY_CONTROLS_IF_MSG_ELSEIF}", MODE.ELSEIF],
-            ["%{BKY_CONTROLS_IF_MSG_ELSE}", MODE.ELSE],
+            ['%{BKY_CONTROLS_IF_MSG_IF}', MODE.IF],
+            ['%{BKY_CONTROLS_IF_MSG_ELSEIF}', MODE.ELSEIF],
+            ['%{BKY_CONTROLS_IF_MSG_ELSE}', MODE.ELSE],
           ],
           (newValue) => {
             this.updateShape_(newValue);
             return newValue;
-          },
+          }
         ),
-        "MODE",
+        'MODE'
       );
 
-      this.appendValueInput("COND").setCheck("Boolean");
-      this.appendStatementInput("DO");
+      this.appendValueInput('COND').setCheck('Boolean');
+      this.appendStatementInput('DO');
 
-      this.updateShape_(this.getFieldValue("MODE") ?? MODE.IF);
+      this.updateShape_(this.getFieldValue('MODE') ?? MODE.IF);
 
       // COND's context is the MODE dropdown (not a label field), so it can't be
       // auto-derived — give it an explicit ARIA label.
-      applyInputAriaLabels(this, { COND: "condition" });
+      applyInputAriaLabels(this, { COND: 'condition' });
 
       // Clear restore flag after Blockly has had a chance to reconnect blocks.
       setTimeout(() => {
@@ -492,7 +480,7 @@ export function defineControlBlocks() {
 
     saveExtraState: function () {
       return {
-        mode: this.getFieldValue("MODE"),
+        mode: this.getFieldValue('MODE'),
         stashedCondState: this._stashedCondState ?? null,
       };
     },
@@ -504,7 +492,7 @@ export function defineControlBlocks() {
       this._stashedCondState = state?.stashedCondState ?? null;
 
       const mode = state?.mode ?? MODE.IF;
-      this.setFieldValue(mode, "MODE");
+      this.setFieldValue(mode, 'MODE');
 
       // Only show/hide here; no dispose/restore while restoring.
       this.updateShape_(mode);
@@ -518,7 +506,7 @@ export function defineControlBlocks() {
     updateShape_: function (mode) {
       const wantsCond = mode !== MODE.ELSE;
 
-      const condInput = this.getInput("COND");
+      const condInput = this.getInput('COND');
       if (!condInput) return;
 
       // During restore: never stash/dispose/append; only toggle visibility.
@@ -560,7 +548,7 @@ export function defineControlBlocks() {
           const restored = Blockly.serialization.blocks.append(
             this._stashedCondState,
             this.workspace,
-            { recordUndo: false },
+            { recordUndo: false }
           );
 
           if (restored?.outputConnection && condInput.connection) {
@@ -596,10 +584,7 @@ export function defineControlBlocks() {
       }
 
       // Ignore block-level disabled toggles to avoid event loops and undo noise.
-      if (
-        event.type === Blockly.Events.BLOCK_CHANGE &&
-        event.element === "disabled"
-      ) {
+      if (event.type === Blockly.Events.BLOCK_CHANGE && event.element === 'disabled') {
         return;
       }
 
@@ -610,7 +595,7 @@ export function defineControlBlocks() {
       const maybeTarget = connection?.targetBlock?.();
       if (
         maybeTarget &&
-        typeof maybeTarget.isInsertionMarker === "function" &&
+        typeof maybeTarget.isInsertionMarker === 'function' &&
         maybeTarget.isInsertionMarker()
       ) {
         return null;
@@ -621,7 +606,7 @@ export function defineControlBlocks() {
     getIfClauseChainHead_: function () {
       let head = this;
       let prev = this.getRealTargetBlock_(head.previousConnection);
-      while (prev?.type === "if_clause") {
+      while (prev?.type === 'if_clause') {
         head = prev;
         prev = this.getRealTargetBlock_(head.previousConnection);
       }
@@ -632,7 +617,7 @@ export function defineControlBlocks() {
       const chain = [];
       let current = head;
 
-      while (current?.type === "if_clause") {
+      while (current?.type === 'if_clause') {
         chain.push(current);
         current = this.getRealTargetBlock_(current.nextConnection);
       }
@@ -655,7 +640,7 @@ export function defineControlBlocks() {
 
       try {
         for (const block of chain) {
-          const mode = block.getFieldValue("MODE");
+          const mode = block.getFieldValue('MODE');
           let isValid = false;
 
           if (mode === MODE.IF) {
@@ -683,13 +668,13 @@ export function defineControlBlocks() {
 }
 
 const builtInControlBlocks = [
-  "controls_if",
-  "controls_ifelse",
-  "controls_repeat_ext",
-  "controls_whileUntil",
-  "controls_for",
-  "controls_flow_statements",
-  "controls_forEach",
+  'controls_if',
+  'controls_ifelse',
+  'controls_repeat_ext',
+  'controls_whileUntil',
+  'controls_for',
+  'controls_flow_statements',
+  'controls_forEach',
 ];
 
 builtInControlBlocks.forEach((typeName) => {
@@ -699,6 +684,6 @@ builtInControlBlocks.forEach((typeName) => {
 
   blockDef.init = function (...args) {
     originalInit.apply(this, args);
-    this.setStyle("control_blocks");
+    this.setStyle('control_blocks');
   };
 });
diff --git a/blocks/effects.js b/blocks/effects.js
index 487e903a9..41456ff0f 100644
--- a/blocks/effects.js
+++ b/blocks/effects.js
@@ -1,137 +1,133 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
-import { getHelpUrlFor } from "./blocks.js";
-import {
-  translate,
-  getTooltip,
-  getDropdownOption,
-} from "../main/translation.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
+import { getHelpUrlFor } from './blocks.js';
+import { translate, getTooltip, getDropdownOption } from '../main/translation.js';
 
 export function defineEffectsBlocks() {
-  Blockly.Blocks["main_light"] = {
+  Blockly.Blocks['main_light'] = {
     init: function () {
       this.jsonInit({
-        type: "main_light",
-        message0: translate("main_light"),
+        type: 'main_light',
+        message0: translate('main_light'),
         args0: [
           {
-            type: "input_value",
-            name: "INTENSITY",
-            check: "Number",
+            type: 'input_value',
+            name: 'INTENSITY',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DIFFUSE",
-            check: "Colour",
+            type: 'input_value',
+            name: 'DIFFUSE',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "GROUND_COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'GROUND_COLOR',
+            check: 'Colour',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("main_light"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('main_light'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
     },
   };
 
-  Blockly.Blocks["set_fog"] = {
+  Blockly.Blocks['set_fog'] = {
     init: function () {
       this.jsonInit({
-        type: "set_fog",
-        message0: translate("set_fog"),
+        type: 'set_fog',
+        message0: translate('set_fog'),
         args0: [
           {
-            type: "input_value",
-            name: "FOG_COLOR",
-            colour: "#ffffff",
-            check: "Colour",
+            type: 'input_value',
+            name: 'FOG_COLOR',
+            colour: '#ffffff',
+            check: 'Colour',
           },
           {
-            type: "field_dropdown",
-            name: "FOG_MODE",
+            type: 'field_dropdown',
+            name: 'FOG_MODE',
             options: [
-              getDropdownOption("LINEAR"),
-              getDropdownOption("NONE"),
-              getDropdownOption("EXP"),
-              getDropdownOption("EXP2"),
+              getDropdownOption('LINEAR'),
+              getDropdownOption('NONE'),
+              getDropdownOption('EXP'),
+              getDropdownOption('EXP2'),
             ],
           },
           {
-            type: "input_value",
-            name: "DENSITY",
-            check: "Number",
+            type: 'input_value',
+            name: 'DENSITY',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "START",
-            check: "Number",
+            type: 'input_value',
+            name: 'START',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "END",
-            check: "Number",
+            type: 'input_value',
+            name: 'END',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("set_fog"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('set_fog'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
     },
   };
 
-  Blockly.Blocks["enable_shadows"] = {
+  Blockly.Blocks['enable_shadows'] = {
     init: function () {
       this.jsonInit({
-        type: "enable_shadows",
-        message0: translate("enable_shadows"),
+        type: 'enable_shadows',
+        message0: translate('enable_shadows'),
         args0: [
           {
-            type: "field_checkbox",
-            name: "ENABLED",
+            type: 'field_checkbox',
+            name: 'ENABLED',
             checked: true,
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("enable_shadows"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('enable_shadows'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
     },
   };
 
-  Blockly.Blocks["get_light"] = {
+  Blockly.Blocks['get_light'] = {
     init: function () {
       this.jsonInit({
-        type: "get_light",
-        message0: translate("get_light"),
+        type: 'get_light',
+        message0: translate('get_light'),
         args0: [
           {
-            type: "field_variable",
-            name: "VAR",
-            variable: "light", // Default variable is 'camera'
+            type: 'field_variable',
+            name: 'VAR',
+            variable: 'light', // Default variable is 'camera'
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("get_light"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('get_light'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
     },
   };
 }
diff --git a/blocks/events.js b/blocks/events.js
index 7984a5fe9..e1a1f0060 100644
--- a/blocks/events.js
+++ b/blocks/events.js
@@ -1,18 +1,13 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
 import {
   getHelpUrlFor,
   addToggleButton,
   mutationToDom,
   domToMutation,
   updateShape,
-} from "./blocks.js";
-import {
-  translate,
-  getTooltip,
-  getDropdownOption,
-  getOption,
-} from "../main/translation.js";
+} from './blocks.js';
+import { translate, getTooltip, getDropdownOption, getOption } from '../main/translation.js';
 import {
   makeStartIcon,
   makeRepeatIcon,
@@ -26,70 +21,58 @@ import {
   BLOCK_ICON_FIELD_NAME,
   TOGGLE_BUTTON_FIELD_NAME,
   DecorativeFieldImage,
-} from "./blockIcons.js";
+} from './blockIcons.js';
 
 export function defineEventsBlocks() {
-  Blockly.Blocks["start"] = {
+  Blockly.Blocks['start'] = {
     init: function () {
       this.jsonInit({
-        type: "start",
-        message0: translate("start"),
-        message1: "%1",
+        type: 'start',
+        message0: translate('start'),
+        message1: '%1',
         args1: [
           {
-            type: "input_statement",
-            name: "DO",
+            type: 'input_statement',
+            name: 'DO',
           },
         ],
-        colour: categoryColours["Events"],
+        colour: categoryColours['Events'],
         inputsInline: true,
-        tooltip: getTooltip("start"),
+        tooltip: getTooltip('start'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("events_blocks");
+      this.setStyle('events_blocks');
       this.inputList[0].insertFieldAt(
         0,
-        new DecorativeFieldImage(
-          makeStartIcon(getCurrentIconColor()),
-          18,
-          18,
-          "",
-          null,
-        ),
-        BLOCK_ICON_FIELD_NAME,
+        new DecorativeFieldImage(makeStartIcon(getCurrentIconColor()), 18, 18, '', null),
+        BLOCK_ICON_FIELD_NAME
       );
     },
   };
 
   // Define the forever block
-  Blockly.Blocks["forever"] = {
+  Blockly.Blocks['forever'] = {
     init: function () {
       this.jsonInit({
-        type: "forever",
-        message0: translate("forever"),
+        type: 'forever',
+        message0: translate('forever'),
         args0: [
           {
-            type: "input_statement",
-            name: "DO",
+            type: 'input_statement',
+            name: 'DO',
             check: null,
           },
         ],
-        colour: categoryColours["Events"],
-        tooltip: getTooltip("forever"),
+        colour: categoryColours['Events'],
+        tooltip: getTooltip('forever'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("events_blocks");
+      this.setStyle('events_blocks');
       this.isInline = false;
       this.inputList[0].insertFieldAt(
         0,
-        new DecorativeFieldImage(
-          makeRepeatIcon(getCurrentIconColor()),
-          32,
-          32,
-          "",
-          null,
-        ),
-        BLOCK_ICON_FIELD_NAME,
+        new DecorativeFieldImage(makeRepeatIcon(getCurrentIconColor()), 32, 32, '', null),
+        BLOCK_ICON_FIELD_NAME
       );
       addToggleButton(this);
     },
@@ -112,37 +95,35 @@ export function defineEventsBlocks() {
       this.updateShape_(isInline);
 
       // Optional: Re-enable the block if it was disabled
-      if (this.hasDisabledReason && this.hasDisabledReason("ORPHANED_BLOCK")) {
-        this.setDisabledReason(false, "ORPHANED_BLOCK");
+      if (this.hasDisabledReason && this.hasDisabledReason('ORPHANED_BLOCK')) {
+        this.setDisabledReason(false, 'ORPHANED_BLOCK');
       }
 
-      Blockly.Events.fire(
-        new Blockly.Events.BlockChange(this, "mutation", null, "", ""),
-      );
+      Blockly.Events.fire(new Blockly.Events.BlockChange(this, 'mutation', null, '', ''));
       Blockly.Events.fire(new Blockly.Events.BlockMove(this));
     },
   };
 
-  Blockly.Blocks["when_clicked"] = {
+  Blockly.Blocks['when_clicked'] = {
     init: function () {
       this.jsonInit({
-        type: "when_clicked",
-        message0: translate("when_clicked"),
+        type: 'when_clicked',
+        message0: translate('when_clicked'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "field_dropdown",
-            name: "TRIGGER",
+            type: 'field_dropdown',
+            name: 'TRIGGER',
             options: [
-              getDropdownOption("OnPickTrigger"),
-              getDropdownOption("OnLeftPickTrigger"),
-              getDropdownOption("OnDoublePickTrigger"),
-              getDropdownOption("OnPickDownTrigger"),
-              getDropdownOption("OnPickUpTrigger"),
+              getDropdownOption('OnPickTrigger'),
+              getDropdownOption('OnLeftPickTrigger'),
+              getDropdownOption('OnDoublePickTrigger'),
+              getDropdownOption('OnPickDownTrigger'),
+              getDropdownOption('OnPickUpTrigger'),
             ],
           },
           /*{
@@ -155,44 +136,38 @@ export function defineEventsBlocks() {
                                                         ],
                                                 },*/
         ],
-        message1: "%1",
-        implicitAlign1: "LEFT",
+        message1: '%1',
+        implicitAlign1: 'LEFT',
         args1: [
           {
-            type: "input_statement",
-            name: "DO",
+            type: 'input_statement',
+            name: 'DO',
           },
         ],
-        colour: categoryColours["Events"],
-        tooltip: getTooltip("when_clicked"),
+        colour: categoryColours['Events'],
+        tooltip: getTooltip('when_clicked'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("events_blocks");
+      this.setStyle('events_blocks');
       // Default to top-level mode
       this.isInline = false;
       this.setPreviousStatement(false);
       this.setNextStatement(false);
       this.inputList[0].insertFieldAt(
         0,
-        new DecorativeFieldImage(
-          makeClickIcon(getCurrentIconColor()),
-          22,
-          22,
-          "",
-          null,
-        ),
-        BLOCK_ICON_FIELD_NAME,
+        new DecorativeFieldImage(makeClickIcon(getCurrentIconColor()), 22, 22, '', null),
+        BLOCK_ICON_FIELD_NAME
       );
 
       // Add inline toggle button
       const toggleButton = new Blockly.FieldImage(
-        makeInlineIcon("white"),
+        makeInlineIcon('white'),
         30,
         30,
-        "toggle inline blocks",
+        'toggle inline blocks',
         () => {
           this.toggleDoBlock();
-        },
+        }
       );
 
       // Add toggle button to a separate input
@@ -202,13 +177,13 @@ export function defineEventsBlocks() {
     },
 
     mutationToDom: function () {
-      const container = document.createElement("mutation");
-      container.setAttribute("inline", this.isInline);
+      const container = document.createElement('mutation');
+      container.setAttribute('inline', this.isInline);
       return container;
     },
 
     domToMutation: function (xmlElement) {
-      const isInline = xmlElement.getAttribute("inline") === "true" || false;
+      const isInline = xmlElement.getAttribute('inline') === 'true' || false;
       this.updateShape_(isInline);
     },
 
@@ -233,79 +208,71 @@ export function defineEventsBlocks() {
 
       this.updateShape_(isInline);
 
-      if (this.hasDisabledReason("ORPHANED_BLOCK")) {
-        this.setDisabledReason(false, "ORPHANED_BLOCK");
+      if (this.hasDisabledReason('ORPHANED_BLOCK')) {
+        this.setDisabledReason(false, 'ORPHANED_BLOCK');
       }
 
-      Blockly.Events.fire(
-        new Blockly.Events.BlockChange(this, "mutation", null, "", ""),
-      );
+      Blockly.Events.fire(new Blockly.Events.BlockChange(this, 'mutation', null, '', ''));
 
       Blockly.Events.fire(new Blockly.Events.BlockMove(this));
     },
   };
 
-  Blockly.Blocks["on_collision"] = {
+  Blockly.Blocks['on_collision'] = {
     init: function () {
       this.jsonInit({
-        type: "when_touches",
-        message0: translate("on_collision"),
+        type: 'when_touches',
+        message0: translate('on_collision'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "field_dropdown",
-            name: "TRIGGER",
+            type: 'field_dropdown',
+            name: 'TRIGGER',
             options: [
-              getDropdownOption("OnIntersectionEnterTrigger"),
-              getDropdownOption("OnIntersectionExitTrigger"),
+              getDropdownOption('OnIntersectionEnterTrigger'),
+              getDropdownOption('OnIntersectionExitTrigger'),
             ],
           },
           {
-            type: "field_variable",
-            name: "OTHER_MODEL_VAR",
-            variable: "object2",
+            type: 'field_variable',
+            name: 'OTHER_MODEL_VAR',
+            variable: 'object2',
           },
         ],
-        message1: "%1",
+        message1: '%1',
         args1: [
           {
-            type: "input_statement",
-            name: "DO",
+            type: 'input_statement',
+            name: 'DO',
           },
         ],
-        colour: categoryColours["Events"],
-        tooltip: getTooltip("on_collision"),
+        colour: categoryColours['Events'],
+        tooltip: getTooltip('on_collision'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("events_blocks");
+      this.setStyle('events_blocks');
       // Set default state to top-level block
       this.isInline = false;
       this.callbackVar2Id = null;
       this.inputList[0].insertFieldAt(
         0,
-        new DecorativeFieldImage(
-          makeCollisionIcon(getCurrentIconColor()),
-          24,
-          24,
-          "",
-          null,
-        ),
-        BLOCK_ICON_FIELD_NAME,
+        new DecorativeFieldImage(makeCollisionIcon(getCurrentIconColor()), 24, 24, '', null),
+        BLOCK_ICON_FIELD_NAME
       );
 
       // Add the toggle button
       const toggleButton = new Blockly.FieldImage(
-        makeInlineIcon("white"),
+        makeInlineIcon('white'),
         30,
         30,
-        "toggle inline blocks",
+        'toggle inline blocks',
         () => {
           this.toggleDoBlock();
-        },
+        }
       );
 
       // Append the toggle button to the block
@@ -316,8 +283,8 @@ export function defineEventsBlocks() {
     onchange: function () {
       if (!this.workspace || this.isInFlyout) return;
 
-      const modelVarId = this.getFieldValue("MODEL_VAR");
-      const otherModelVarId = this.getFieldValue("OTHER_MODEL_VAR");
+      const modelVarId = this.getFieldValue('MODEL_VAR');
+      const otherModelVarId = this.getFieldValue('OTHER_MODEL_VAR');
 
       if (!modelVarId || !otherModelVarId) return;
 
@@ -338,17 +305,17 @@ export function defineEventsBlocks() {
       }
     },
     mutationToDom: function () {
-      const container = document.createElement("mutation");
-      container.setAttribute("inline", this.isInline);
+      const container = document.createElement('mutation');
+      container.setAttribute('inline', this.isInline);
       if (this.callbackVar2Id) {
-        container.setAttribute("callback_var_2", this.callbackVar2Id);
+        container.setAttribute('callback_var_2', this.callbackVar2Id);
       }
       return container;
     },
     domToMutation: function (xmlElement) {
-      const isInline = xmlElement.getAttribute("inline") === "true";
+      const isInline = xmlElement.getAttribute('inline') === 'true';
       this.updateShape_(isInline);
-      this.callbackVar2Id = xmlElement.getAttribute("callback_var_2") || null;
+      this.callbackVar2Id = xmlElement.getAttribute('callback_var_2') || null;
     },
     updateShape_: function (isInline) {
       this.isInline = isInline;
@@ -370,108 +337,97 @@ export function defineEventsBlocks() {
       this.updateShape_(isInline);
 
       // Optional: Re-enable the block if it was disabled
-      if (this.hasDisabledReason && this.hasDisabledReason("ORPHANED_BLOCK")) {
-        this.setDisabledReason(false, "ORPHANED_BLOCK");
+      if (this.hasDisabledReason && this.hasDisabledReason('ORPHANED_BLOCK')) {
+        this.setDisabledReason(false, 'ORPHANED_BLOCK');
       }
 
-      Blockly.Events.fire(
-        new Blockly.Events.BlockChange(this, "mutation", null, "", ""),
-      );
+      Blockly.Events.fire(new Blockly.Events.BlockChange(this, 'mutation', null, '', ''));
       Blockly.Events.fire(new Blockly.Events.BlockMove(this));
     },
   };
 
   // For backward compatibility
-  Blockly.Blocks["when_touches"] = Blockly.Blocks["on_collision"];
+  Blockly.Blocks['when_touches'] = Blockly.Blocks['on_collision'];
 
-  Blockly.Blocks["when_key_event"] = {
+  Blockly.Blocks['when_key_event'] = {
     init: function () {
       this.jsonInit({
-        type: "when_key_event",
-        message0: translate("when_key_event"),
+        type: 'when_key_event',
+        message0: translate('when_key_event'),
         args0: [
           {
-            type: "field_grid_dropdown",
-            name: "KEY",
+            type: 'field_grid_dropdown',
+            name: 'KEY',
             columns: 10,
             options: [
-              getDropdownOption("0"),
-              getDropdownOption("1"),
-              getDropdownOption("2"),
-              getDropdownOption("3"),
-              getDropdownOption("4"),
-              getDropdownOption("5"),
-              getDropdownOption("6"),
-              getDropdownOption("7"),
-              getDropdownOption("8"),
-              getDropdownOption("9"),
-              getDropdownOption("a"),
-              getDropdownOption("b"),
-              getDropdownOption("c"),
-              getDropdownOption("d"),
-              getDropdownOption("e"),
-              getDropdownOption("f"),
-              getDropdownOption("g"),
-              getDropdownOption("h"),
-              getDropdownOption("i"),
-              getDropdownOption("j"),
-              getDropdownOption("k"),
-              getDropdownOption("l"),
-              getDropdownOption("m"),
-              getDropdownOption("n"),
-              getDropdownOption("o"),
-              getDropdownOption("p"),
-              getDropdownOption("q"),
-              getDropdownOption("r"),
-              getDropdownOption("s"),
-              getDropdownOption("t"),
-              getDropdownOption("u"),
-              getDropdownOption("v"),
-              getDropdownOption("w"),
-              getDropdownOption("x"),
-              getDropdownOption("y"),
-              getDropdownOption("z"),
-              getDropdownOption(" "),
-              getDropdownOption(","),
-              getDropdownOption("."),
-              getDropdownOption("/"),
-              getDropdownOption("ArrowLeft"),
-              getDropdownOption("ArrowUp"),
-              getDropdownOption("ArrowRight"),
-              getDropdownOption("ArrowDown"),
+              getDropdownOption('0'),
+              getDropdownOption('1'),
+              getDropdownOption('2'),
+              getDropdownOption('3'),
+              getDropdownOption('4'),
+              getDropdownOption('5'),
+              getDropdownOption('6'),
+              getDropdownOption('7'),
+              getDropdownOption('8'),
+              getDropdownOption('9'),
+              getDropdownOption('a'),
+              getDropdownOption('b'),
+              getDropdownOption('c'),
+              getDropdownOption('d'),
+              getDropdownOption('e'),
+              getDropdownOption('f'),
+              getDropdownOption('g'),
+              getDropdownOption('h'),
+              getDropdownOption('i'),
+              getDropdownOption('j'),
+              getDropdownOption('k'),
+              getDropdownOption('l'),
+              getDropdownOption('m'),
+              getDropdownOption('n'),
+              getDropdownOption('o'),
+              getDropdownOption('p'),
+              getDropdownOption('q'),
+              getDropdownOption('r'),
+              getDropdownOption('s'),
+              getDropdownOption('t'),
+              getDropdownOption('u'),
+              getDropdownOption('v'),
+              getDropdownOption('w'),
+              getDropdownOption('x'),
+              getDropdownOption('y'),
+              getDropdownOption('z'),
+              getDropdownOption(' '),
+              getDropdownOption(','),
+              getDropdownOption('.'),
+              getDropdownOption('/'),
+              getDropdownOption('ArrowLeft'),
+              getDropdownOption('ArrowUp'),
+              getDropdownOption('ArrowRight'),
+              getDropdownOption('ArrowDown'),
             ],
           },
           {
-            type: "field_dropdown",
-            name: "EVENT",
-            options: [
-              getDropdownOption("pressed"),
-              getDropdownOption("released"),
-            ],
+            type: 'field_dropdown',
+            name: 'EVENT',
+            options: [getDropdownOption('pressed'), getDropdownOption('released')],
           },
         ],
-        message1: "%1",
+        message1: '%1',
         args1: [
           {
-            type: "input_statement",
-            name: "DO",
+            type: 'input_statement',
+            name: 'DO',
           },
         ],
-        colour: categoryColours["Events"],
-        tooltip: getTooltip("when_key_event"),
+        colour: categoryColours['Events'],
+        tooltip: getTooltip('when_key_event'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("events_blocks");
+      this.setStyle('events_blocks');
       this.inputList[0].insertFieldAt(
         0,
-        new DecorativeFieldImage(
-          makeKeyboardIcon(getCurrentIconColor()),
-          36,
-          36,
-          "",
-          null,
-        ),
-        BLOCK_ICON_FIELD_NAME,
+        new DecorativeFieldImage(makeKeyboardIcon(getCurrentIconColor()), 36, 36, '', null),
+        BLOCK_ICON_FIELD_NAME
       );
       addToggleButton(this);
     },
@@ -494,68 +450,57 @@ export function defineEventsBlocks() {
       this.updateShape_(isInline);
 
       // Optional: Re-enable the block if it was disabled
-      if (this.hasDisabledReason && this.hasDisabledReason("ORPHANED_BLOCK")) {
-        this.setDisabledReason(false, "ORPHANED_BLOCK");
+      if (this.hasDisabledReason && this.hasDisabledReason('ORPHANED_BLOCK')) {
+        this.setDisabledReason(false, 'ORPHANED_BLOCK');
       }
 
-      Blockly.Events.fire(
-        new Blockly.Events.BlockChange(this, "mutation", null, "", ""),
-      );
+      Blockly.Events.fire(new Blockly.Events.BlockChange(this, 'mutation', null, '', ''));
       Blockly.Events.fire(new Blockly.Events.BlockMove(this));
     },
   };
 
-  Blockly.Blocks["when_action_event"] = {
+  Blockly.Blocks['when_action_event'] = {
     init: function () {
       this.jsonInit({
-        type: "when_action_event",
-        message0: translate("when_action_event"),
+        type: 'when_action_event',
+        message0: translate('when_action_event'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "ACTION",
+            type: 'field_dropdown',
+            name: 'ACTION',
             options: [
-              [getOption("ACTION_FORWARD"), "FORWARD"],
-              [getOption("ACTION_BACKWARD"), "BACKWARD"],
-              [getOption("ACTION_LEFT"), "LEFT"],
-              [getOption("ACTION_RIGHT"), "RIGHT"],
-              [getOption("ACTION_BUTTON1"), "BUTTON1"],
-              [getOption("ACTION_BUTTON2"), "BUTTON2"],
-              [getOption("ACTION_BUTTON3"), "BUTTON3"],
-              [getOption("ACTION_BUTTON4"), "BUTTON4"],
+              [getOption('ACTION_FORWARD'), 'FORWARD'],
+              [getOption('ACTION_BACKWARD'), 'BACKWARD'],
+              [getOption('ACTION_LEFT'), 'LEFT'],
+              [getOption('ACTION_RIGHT'), 'RIGHT'],
+              [getOption('ACTION_BUTTON1'), 'BUTTON1'],
+              [getOption('ACTION_BUTTON2'), 'BUTTON2'],
+              [getOption('ACTION_BUTTON3'), 'BUTTON3'],
+              [getOption('ACTION_BUTTON4'), 'BUTTON4'],
             ],
           },
           {
-            type: "field_dropdown",
-            name: "EVENT",
-            options: [
-              getDropdownOption("pressed"),
-              getDropdownOption("released"),
-            ],
+            type: 'field_dropdown',
+            name: 'EVENT',
+            options: [getDropdownOption('pressed'), getDropdownOption('released')],
           },
         ],
-        message1: "%1",
+        message1: '%1',
         args1: [
           {
-            type: "input_statement",
-            name: "DO",
+            type: 'input_statement',
+            name: 'DO',
           },
         ],
-        colour: categoryColours["Events"],
-        tooltip: getTooltip("when_action_event"),
+        colour: categoryColours['Events'],
+        tooltip: getTooltip('when_action_event'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("events_blocks");
+      this.setStyle('events_blocks');
       this.inputList[0].insertFieldAt(
         0,
-        new DecorativeFieldImage(
-          makePressIcon(getCurrentIconColor()),
-          32,
-          32,
-          "",
-          null,
-        ),
-        BLOCK_ICON_FIELD_NAME,
+        new DecorativeFieldImage(makePressIcon(getCurrentIconColor()), 32, 32, '', null),
+        BLOCK_ICON_FIELD_NAME
       );
       addToggleButton(this);
     },
@@ -578,76 +523,67 @@ export function defineEventsBlocks() {
       this.updateShape_(isInline);
 
       // Optional: Re-enable the block if it was disabled
-      if (this.hasDisabledReason && this.hasDisabledReason("ORPHANED_BLOCK")) {
-        this.setDisabledReason(false, "ORPHANED_BLOCK");
+      if (this.hasDisabledReason && this.hasDisabledReason('ORPHANED_BLOCK')) {
+        this.setDisabledReason(false, 'ORPHANED_BLOCK');
       }
 
-      Blockly.Events.fire(
-        new Blockly.Events.BlockChange(this, "mutation", null, "", ""),
-      );
+      Blockly.Events.fire(new Blockly.Events.BlockChange(this, 'mutation', null, '', ''));
       Blockly.Events.fire(new Blockly.Events.BlockMove(this));
     },
   };
 
   function getEventNameValidationError(name) {
-    if (!name || typeof name !== "string") {
-      return "Event name must be a valid string.";
+    if (!name || typeof name !== 'string') {
+      return 'Event name must be a valid string.';
     }
 
     if (name.length > 30) {
-      return "Event name must be 30 characters or fewer.";
+      return 'Event name must be 30 characters or fewer.';
     }
 
     const lower = name.toLowerCase();
-    const reservedPrefixes = [
-      "_",
-      "on",
-      "system",
-      "internal",
-      "babylon",
-      "flock",
-    ];
+    const reservedPrefixes = ['_', 'on', 'system', 'internal', 'babylon', 'flock'];
     if (reservedPrefixes.some((prefix) => lower.startsWith(prefix))) {
       return "Event name must not start with reserved words like 'on', 'system', or 'flock'.";
     }
 
     const disallowedChars = /[!@#$%^&*()+=[\]{};:'"\\|,<>?/\n\r\t]/;
     if (disallowedChars.test(name)) {
-      return "Event name must not include punctuation or special characters.";
+      return 'Event name must not include punctuation or special characters.';
     }
 
     return null; // valid
   }
 
-  Blockly.Blocks["broadcast_event"] = {
+  Blockly.Blocks['broadcast_event'] = {
     init: function () {
       this.jsonInit({
-        type: "broadcast_event",
-        message0: translate("broadcast_event"),
+        type: 'broadcast_event',
+        message0: translate('broadcast_event'),
         args0: [
           {
-            type: "input_value",
-            name: "EVENT_NAME",
-            check: "String",
+            type: 'input_value',
+            name: 'EVENT_NAME',
+            check: 'String',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Events"],
-        tooltip: getTooltip("broadcast_event"),
+        colour: categoryColours['Events'],
+        tooltip: getTooltip('broadcast_event'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("events_blocks");
+      this.setStyle('events_blocks');
     },
 
     /** Called whenever anything changes */
     onchange: function () {
       if (!this.workspace || this.isInFlyout) return;
 
-      const inputBlock = this.getInputTargetBlock("EVENT_NAME");
+      const inputBlock = this.getInputTargetBlock('EVENT_NAME');
 
-      if (inputBlock && inputBlock.type === "text") {
-        const value = inputBlock.getFieldValue("TEXT");
+      if (inputBlock && inputBlock.type === 'text') {
+        const value = inputBlock.getFieldValue('TEXT');
         const error = getEventNameValidationError(value);
 
         if (error) {
@@ -661,40 +597,34 @@ export function defineEventsBlocks() {
     },
   };
 
-  Blockly.Blocks["on_event"] = {
+  Blockly.Blocks['on_event'] = {
     init: function () {
       this.jsonInit({
-        type: "on_event",
-        message0: translate("on_event"),
+        type: 'on_event',
+        message0: translate('on_event'),
         args0: [
           {
-            type: "input_value",
-            name: "EVENT_NAME",
-            check: "String",
+            type: 'input_value',
+            name: 'EVENT_NAME',
+            check: 'String',
           },
         ],
-        message1: "%1",
+        message1: '%1',
         args1: [
           {
-            type: "input_statement",
-            name: "DO",
+            type: 'input_statement',
+            name: 'DO',
           },
         ],
-        colour: categoryColours["Events"],
-        tooltip: getTooltip("on_event"),
+        colour: categoryColours['Events'],
+        tooltip: getTooltip('on_event'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("events_blocks");
+      this.setStyle('events_blocks');
       this.inputList[0].insertFieldAt(
         0,
-        new DecorativeFieldImage(
-          makeOnEventIcon(getCurrentIconColor()),
-          28,
-          28,
-          "",
-          null,
-        ),
-        BLOCK_ICON_FIELD_NAME,
+        new DecorativeFieldImage(makeOnEventIcon(getCurrentIconColor()), 28, 28, '', null),
+        BLOCK_ICON_FIELD_NAME
       );
       addToggleButton(this);
     },
@@ -717,22 +647,20 @@ export function defineEventsBlocks() {
       this.updateShape_(isInline);
 
       // Optional: Re-enable the block if it was disabled
-      if (this.hasDisabledReason && this.hasDisabledReason("ORPHANED_BLOCK")) {
-        this.setDisabledReason(false, "ORPHANED_BLOCK");
+      if (this.hasDisabledReason && this.hasDisabledReason('ORPHANED_BLOCK')) {
+        this.setDisabledReason(false, 'ORPHANED_BLOCK');
       }
 
-      Blockly.Events.fire(
-        new Blockly.Events.BlockChange(this, "mutation", null, "", ""),
-      );
+      Blockly.Events.fire(new Blockly.Events.BlockChange(this, 'mutation', null, '', ''));
       Blockly.Events.fire(new Blockly.Events.BlockMove(this));
     },
     onchange: function () {
       if (!this.workspace || this.isInFlyout) return;
 
-      const inputBlock = this.getInputTargetBlock("EVENT_NAME");
+      const inputBlock = this.getInputTargetBlock('EVENT_NAME');
 
-      if (inputBlock && inputBlock.type === "text") {
-        const value = inputBlock.getFieldValue("TEXT");
+      if (inputBlock && inputBlock.type === 'text') {
+        const value = inputBlock.getFieldValue('TEXT');
         const error = getEventNameValidationError(value);
 
         if (error) {
diff --git a/blocks/fieldMicrobitImage.js b/blocks/fieldMicrobitImage.js
index 79a4758fb..f55a1d419 100644
--- a/blocks/fieldMicrobitImage.js
+++ b/blocks/fieldMicrobitImage.js
@@ -3,8 +3,8 @@
 // preset buttons and a paintable grid. The value is the wire pattern itself
 // (25 brightness digits, row-major; the editor writes only 0 and 9), so
 // XML/JSON save, undo/redo, and copy/paste all use the plain string.
-import * as Blockly from "blockly";
-import { translate } from "../main/translation.js";
+import * as Blockly from 'blockly';
+import { translate } from '../main/translation.js';
 import {
   MICROBIT_IMAGE_GRID_SIZE,
   MICROBIT_IMAGE_DEFAULT,
@@ -18,7 +18,7 @@ import {
   setImageCell,
   toggleImageCell,
   makeMicrobitImageDataUri,
-} from "./microbitImagePattern.js";
+} from './microbitImagePattern.js';
 
 const FIELD_IMAGE_SIZE = 50; // px on the block face, same as material previews
 const PRESET_PREVIEW_SIZE = 28;
@@ -30,7 +30,7 @@ const CELL_OFF_COLOUR = MICROBIT_IMAGE_UNLIT_COLOUR;
 export class FieldMicrobitImage extends Blockly.Field {
   SERIALIZABLE = true;
   EDITABLE = true;
-  CURSOR = "pointer";
+  CURSOR = 'pointer';
 
   constructor(value = MICROBIT_IMAGE_DEFAULT) {
     super(value);
@@ -56,7 +56,7 @@ export class FieldMicrobitImage extends Blockly.Field {
         height: `${FIELD_IMAGE_SIZE}px`,
         width: `${FIELD_IMAGE_SIZE}px`,
       },
-      this.fieldGroup_,
+      this.fieldGroup_
     );
     this._updateFaceImage();
   }
@@ -75,28 +75,25 @@ export class FieldMicrobitImage extends Blockly.Field {
   _updateFaceImage() {
     this.imageElement_?.setAttributeNS(
       Blockly.utils.dom.XLINK_NS,
-      "xlink:href",
-      makeMicrobitImageDataUri(this.getValue()),
+      'xlink:href',
+      makeMicrobitImageDataUri(this.getValue())
     );
   }
 
   // The 25-digit value is meaningless read aloud; describe the field instead.
   getText_() {
-    return translate("microbit_image_field_label");
+    return translate('microbit_image_field_label');
   }
 
   computeAriaLabel() {
-    return translate("microbit_image_field_label");
+    return translate('microbit_image_field_label');
   }
 
   // ------------------------------------------------------------------ editor
 
   showEditor_() {
     Blockly.DropDownDiv.getContentDiv().appendChild(this._createEditor());
-    Blockly.DropDownDiv.showPositionedByField(
-      this,
-      this._disposeEditor.bind(this),
-    );
+    Blockly.DropDownDiv.showPositionedByField(this, this._disposeEditor.bind(this));
     this._cellButtons?.[0]?.focus();
   }
 
@@ -106,18 +103,16 @@ export class FieldMicrobitImage extends Blockly.Field {
   }
 
   _createEditor() {
-    const container = document.createElement("div");
-    container.style.padding = "8px";
-
-    const presetRow = document.createElement("div");
-    presetRow.style.display = "flex";
-    presetRow.style.gap = "6px";
-    presetRow.style.marginBottom = "8px";
-    presetRow.style.alignItems = "stretch";
-    for (const name of ["clear", "full"]) {
-      presetRow.appendChild(
-        this._createPresetButton(name, MICROBIT_IMAGE_PRESETS[name]),
-      );
+    const container = document.createElement('div');
+    container.style.padding = '8px';
+
+    const presetRow = document.createElement('div');
+    presetRow.style.display = 'flex';
+    presetRow.style.gap = '6px';
+    presetRow.style.marginBottom = '8px';
+    presetRow.style.alignItems = 'stretch';
+    for (const name of ['clear', 'full']) {
+      presetRow.appendChild(this._createPresetButton(name, MICROBIT_IMAGE_PRESETS[name]));
     }
     presetRow.appendChild(this._createPictureMenu());
     container.appendChild(presetRow);
@@ -129,75 +124,72 @@ export class FieldMicrobitImage extends Blockly.Field {
   // the material dropdowns: each menu entry is the picture itself, rendered
   // by the same SVG used on the block face.
   _createPictureMenu() {
-    const wrapper = document.createElement("div");
-    wrapper.style.position = "relative";
-
-    const trigger = document.createElement("button");
-    trigger.type = "button";
-    trigger.setAttribute("aria-label", translate("microbit_image_picture_menu"));
-    trigger.setAttribute("aria-haspopup", "true");
-    trigger.setAttribute("aria-expanded", "false");
-    trigger.style.cursor = "pointer";
-    trigger.style.height = "100%";
-    trigger.style.padding = "2px 4px";
-    trigger.style.border = "1px solid #666";
-    trigger.style.borderRadius = "4px";
-    trigger.style.background = "transparent";
-    trigger.style.display = "flex";
-    trigger.style.alignItems = "center";
-    trigger.style.gap = "2px";
-    const triggerPreview = document.createElement("img");
+    const wrapper = document.createElement('div');
+    wrapper.style.position = 'relative';
+
+    const trigger = document.createElement('button');
+    trigger.type = 'button';
+    trigger.setAttribute('aria-label', translate('microbit_image_picture_menu'));
+    trigger.setAttribute('aria-haspopup', 'true');
+    trigger.setAttribute('aria-expanded', 'false');
+    trigger.style.cursor = 'pointer';
+    trigger.style.height = '100%';
+    trigger.style.padding = '2px 4px';
+    trigger.style.border = '1px solid #666';
+    trigger.style.borderRadius = '4px';
+    trigger.style.background = 'transparent';
+    trigger.style.display = 'flex';
+    trigger.style.alignItems = 'center';
+    trigger.style.gap = '2px';
+    const triggerPreview = document.createElement('img');
     triggerPreview.src = makeMicrobitImageDataUri(
-      MICROBIT_IMAGE_PRESETS[MICROBIT_IMAGE_PICTURE_NAMES[0]],
+      MICROBIT_IMAGE_PRESETS[MICROBIT_IMAGE_PICTURE_NAMES[0]]
     );
-    triggerPreview.alt = "";
+    triggerPreview.alt = '';
     triggerPreview.width = PRESET_PREVIEW_SIZE;
     triggerPreview.height = PRESET_PREVIEW_SIZE;
-    triggerPreview.style.display = "block";
+    triggerPreview.style.display = 'block';
     trigger.appendChild(triggerPreview);
-    trigger.appendChild(document.createTextNode("▾"));
-
-    const panel = document.createElement("div");
-    panel.style.position = "absolute";
-    panel.style.top = "calc(100% + 2px)";
-    panel.style.left = "0";
-    panel.style.zIndex = "1";
-    panel.style.padding = "4px";
-    panel.style.background = "#fff";
-    panel.style.border = "1px solid #666";
-    panel.style.borderRadius = "4px";
-    panel.style.display = "none";
+    trigger.appendChild(document.createTextNode('▾'));
+
+    const panel = document.createElement('div');
+    panel.style.position = 'absolute';
+    panel.style.top = 'calc(100% + 2px)';
+    panel.style.left = '0';
+    panel.style.zIndex = '1';
+    panel.style.padding = '4px';
+    panel.style.background = '#fff';
+    panel.style.border = '1px solid #666';
+    panel.style.borderRadius = '4px';
+    panel.style.display = 'none';
     panel.style.gridTemplateColumns = `repeat(${Math.min(
       4,
-      MICROBIT_IMAGE_PICTURE_NAMES.length,
+      MICROBIT_IMAGE_PICTURE_NAMES.length
     )}, auto)`;
-    panel.style.gap = "4px";
+    panel.style.gap = '4px';
 
     const setOpen = (open) => {
-      panel.style.display = open ? "grid" : "none";
-      trigger.setAttribute("aria-expanded", String(open));
+      panel.style.display = open ? 'grid' : 'none';
+      trigger.setAttribute('aria-expanded', String(open));
     };
 
     for (const name of MICROBIT_IMAGE_PICTURE_NAMES) {
-      const option = document.createElement("button");
-      option.type = "button";
-      option.setAttribute(
-        "aria-label",
-        translate(`microbit_image_preset_${name}`),
-      );
-      option.style.cursor = "pointer";
-      option.style.padding = "2px";
-      option.style.border = "none";
-      option.style.borderRadius = "4px";
-      option.style.background = "transparent";
-      const preview = document.createElement("img");
+      const option = document.createElement('button');
+      option.type = 'button';
+      option.setAttribute('aria-label', translate(`microbit_image_preset_${name}`));
+      option.style.cursor = 'pointer';
+      option.style.padding = '2px';
+      option.style.border = 'none';
+      option.style.borderRadius = '4px';
+      option.style.background = 'transparent';
+      const preview = document.createElement('img');
       preview.src = makeMicrobitImageDataUri(MICROBIT_IMAGE_PRESETS[name]);
-      preview.alt = "";
+      preview.alt = '';
       preview.width = PICTURE_PREVIEW_SIZE;
       preview.height = PICTURE_PREVIEW_SIZE;
-      preview.style.display = "block";
+      preview.style.display = 'block';
       option.appendChild(preview);
-      option.addEventListener("click", () => {
+      option.addEventListener('click', () => {
         this.setValue(MICROBIT_IMAGE_PRESETS[name]);
         this._refreshCells();
         setOpen(false);
@@ -206,14 +198,14 @@ export class FieldMicrobitImage extends Blockly.Field {
       panel.appendChild(option);
     }
 
-    trigger.addEventListener("click", () => {
-      const open = panel.style.display === "none";
+    trigger.addEventListener('click', () => {
+      const open = panel.style.display === 'none';
       setOpen(open);
-      if (open) panel.querySelector("button")?.focus();
+      if (open) panel.querySelector('button')?.focus();
     });
     // Escape closes just the picture menu, not the whole field editor.
-    wrapper.addEventListener("keydown", (event) => {
-      if (event.key !== "Escape" || panel.style.display === "none") return;
+    wrapper.addEventListener('keydown', (event) => {
+      if (event.key !== 'Escape' || panel.style.display === 'none') return;
       event.stopPropagation();
       setOpen(false);
       trigger.focus();
@@ -225,25 +217,22 @@ export class FieldMicrobitImage extends Blockly.Field {
   }
 
   _createPresetButton(name, pattern) {
-    const button = document.createElement("button");
-    button.type = "button";
-    button.setAttribute(
-      "aria-label",
-      translate(`microbit_image_preset_${name}`),
-    );
-    button.style.cursor = "pointer";
-    button.style.padding = "2px";
-    button.style.border = "1px solid #666";
-    button.style.borderRadius = "4px";
-    button.style.background = "transparent";
-    const preview = document.createElement("img");
+    const button = document.createElement('button');
+    button.type = 'button';
+    button.setAttribute('aria-label', translate(`microbit_image_preset_${name}`));
+    button.style.cursor = 'pointer';
+    button.style.padding = '2px';
+    button.style.border = '1px solid #666';
+    button.style.borderRadius = '4px';
+    button.style.background = 'transparent';
+    const preview = document.createElement('img');
     preview.src = makeMicrobitImageDataUri(pattern);
-    preview.alt = "";
+    preview.alt = '';
     preview.width = PRESET_PREVIEW_SIZE;
     preview.height = PRESET_PREVIEW_SIZE;
-    preview.style.display = "block";
+    preview.style.display = 'block';
     button.appendChild(preview);
-    button.addEventListener("click", () => {
+    button.addEventListener('click', () => {
       this.setValue(pattern);
       this._refreshCells();
     });
@@ -251,17 +240,17 @@ export class FieldMicrobitImage extends Blockly.Field {
   }
 
   _createGrid() {
-    const grid = document.createElement("div");
-    grid.setAttribute("role", "group");
-    grid.setAttribute("aria-label", translate("microbit_image_grid_label"));
-    grid.style.display = "grid";
+    const grid = document.createElement('div');
+    grid.setAttribute('role', 'group');
+    grid.setAttribute('aria-label', translate('microbit_image_grid_label'));
+    grid.style.display = 'grid';
     grid.style.gridTemplateColumns = `repeat(${MICROBIT_IMAGE_GRID_SIZE}, ${CELL_SIZE}px)`;
-    grid.style.gap = "4px";
-    grid.style.padding = "6px";
+    grid.style.gap = '4px';
+    grid.style.padding = '6px';
     grid.style.background = MICROBIT_IMAGE_PLATE_COLOUR;
-    grid.style.borderRadius = "6px";
-    grid.style.width = "fit-content";
-    grid.style.touchAction = "none";
+    grid.style.borderRadius = '6px';
+    grid.style.width = 'fit-content';
+    grid.style.touchAction = 'none';
 
     this._cellButtons = [];
     for (let row = 0; row < MICROBIT_IMAGE_GRID_SIZE; row++) {
@@ -273,54 +262,48 @@ export class FieldMicrobitImage extends Blockly.Field {
 
     // Pointer-drag painting: the first cell toggles and every cell swept
     // afterwards takes the digit the first cell became.
-    grid.addEventListener("pointerdown", (event) => {
+    grid.addEventListener('pointerdown', (event) => {
       const cell = this._cellAt(event);
       if (!cell) return;
       event.preventDefault(); // no text-selection/drag artefacts while painting
-      const { pattern, digit } = toggleImageCell(
-        this.getValue(),
-        cell.row,
-        cell.col,
-      );
+      const { pattern, digit } = toggleImageCell(this.getValue(), cell.row, cell.col);
       this._paintDigit = digit;
       this.setValue(pattern);
       this._refreshCells();
     });
-    grid.addEventListener("pointermove", (event) => {
+    grid.addEventListener('pointermove', (event) => {
       if (this._paintDigit === null) return;
       const cell = this._cellAt(event);
       if (!cell) return;
-      this.setValue(
-        setImageCell(this.getValue(), cell.row, cell.col, this._paintDigit),
-      );
+      this.setValue(setImageCell(this.getValue(), cell.row, cell.col, this._paintDigit));
       this._refreshCells();
     });
     const endPaint = () => {
       this._paintDigit = null;
     };
-    grid.addEventListener("pointerup", endPaint);
-    grid.addEventListener("pointercancel", endPaint);
+    grid.addEventListener('pointerup', endPaint);
+    grid.addEventListener('pointercancel', endPaint);
 
-    grid.addEventListener("keydown", (event) => this._onGridKeyDown(event));
+    grid.addEventListener('keydown', (event) => this._onGridKeyDown(event));
     return grid;
   }
 
   _createCell(row, col) {
-    const button = document.createElement("button");
-    button.type = "button";
+    const button = document.createElement('button');
+    button.type = 'button';
     button.dataset.row = String(row);
     button.dataset.col = String(col);
     // Roving tabindex: one tab stop for the whole grid, arrows move within.
     button.tabIndex = row === 0 && col === 0 ? 0 : -1;
     button.style.width = `${CELL_SIZE}px`;
     button.style.height = `${CELL_SIZE}px`;
-    button.style.border = "none";
-    button.style.borderRadius = "4px";
-    button.style.cursor = "pointer";
-    button.style.padding = "0";
+    button.style.border = 'none';
+    button.style.borderRadius = '4px';
+    button.style.cursor = 'pointer';
+    button.style.padding = '0';
     // Keyboard activation only: pointer input is handled by the grid's
     // painting listeners, and a mouse click would otherwise toggle twice.
-    button.addEventListener("click", (event) => {
+    button.addEventListener('click', (event) => {
       if (event.detail !== 0) return;
       this.setValue(toggleImageCell(this.getValue(), row, col).pattern);
       this._refreshCells();
@@ -334,7 +317,7 @@ export class FieldMicrobitImage extends Blockly.Field {
     // captures the pointer on the pressed cell, so during a drag the events
     // keep targeting that first cell rather than the one under the finger.
     const element = document.elementFromPoint(event.clientX, event.clientY);
-    const button = element?.closest?.("button[data-row]");
+    const button = element?.closest?.('button[data-row]');
     if (!button || !this._cellButtons?.includes(button)) return null;
     return { row: Number(button.dataset.row), col: Number(button.dataset.col) };
   }
@@ -348,34 +331,31 @@ export class FieldMicrobitImage extends Blockly.Field {
       const on = isImageCellOn(pattern, row, col);
       button.style.background = on ? CELL_ON_COLOUR : CELL_OFF_COLOUR;
       button.setAttribute(
-        "aria-label",
-        translate("microbit_image_cell_label")
-          .replace("%1", String(row + 1))
-          .replace("%2", String(col + 1))
-          .replace(
-            "%3",
-            translate(on ? "microbit_image_cell_on" : "microbit_image_cell_off"),
-          ),
+        'aria-label',
+        translate('microbit_image_cell_label')
+          .replace('%1', String(row + 1))
+          .replace('%2', String(col + 1))
+          .replace('%3', translate(on ? 'microbit_image_cell_on' : 'microbit_image_cell_off'))
       );
     }
   }
 
   _onGridKeyDown(event) {
-    const target = event.target?.closest?.("button[data-row]");
+    const target = event.target?.closest?.('button[data-row]');
     if (!target || !this._cellButtons) return;
     let row = Number(target.dataset.row);
     let col = Number(target.dataset.col);
     switch (event.key) {
-      case "ArrowUp":
+      case 'ArrowUp':
         row = Math.max(0, row - 1);
         break;
-      case "ArrowDown":
+      case 'ArrowDown':
         row = Math.min(MICROBIT_IMAGE_GRID_SIZE - 1, row + 1);
         break;
-      case "ArrowLeft":
+      case 'ArrowLeft':
         col = Math.max(0, col - 1);
         break;
-      case "ArrowRight":
+      case 'ArrowRight':
         col = Math.min(MICROBIT_IMAGE_GRID_SIZE - 1, col + 1);
         break;
       default:
@@ -390,4 +370,4 @@ export class FieldMicrobitImage extends Blockly.Field {
   }
 }
 
-Blockly.fieldRegistry.register("field_microbit_image", FieldMicrobitImage);
+Blockly.fieldRegistry.register('field_microbit_image', FieldMicrobitImage);
diff --git a/blocks/materials.js b/blocks/materials.js
index 1b5ea1786..6e7372198 100644
--- a/blocks/materials.js
+++ b/blocks/materials.js
@@ -1,10 +1,10 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
-import { getHelpUrlFor } from "./blocks.js";
-import { materialNames } from "../config.js";
-import { flock } from "../flock.js";
-import { translate, getTooltip } from "../main/translation.js";
-import { isValidColourInput } from "./colourvalidation.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
+import { getHelpUrlFor } from './blocks.js';
+import { materialNames } from '../config.js';
+import { flock } from '../flock.js';
+import { translate, getTooltip } from '../main/translation.js';
+import { isValidColourInput } from './colourvalidation.js';
 import {
   makeTouchesInputSubtree,
   wasBlockDeleted,
@@ -13,48 +13,48 @@ import {
   promoteMaterialContainerFromShadow,
   respawnMaterialShadow,
   cacheMaterialState,
-} from "./scene.js";
+} from './scene.js';
 
 export function defineMaterialsBlocks() {
-  Blockly.Blocks["change_color"] = {
+  Blockly.Blocks['change_color'] = {
     init: function () {
       this.jsonInit({
-        type: "change_color",
-        message0: translate("change_color"),
+        type: 'change_color',
+        message0: translate('change_color'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: ["Colour", "Array"], // Accepts either Colour or Array
+            type: 'input_value',
+            name: 'COLOR',
+            check: ['Colour', 'Array'], // Accepts either Colour or Array
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("change_color"),
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('change_color'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["change_material"] = {
+  Blockly.Blocks['change_material'] = {
     init: function () {
       this.jsonInit({
-        message0: translate("change_material"),
+        message0: translate('change_material'),
         args0: [
           {
-            type: "field_grid_dropdown",
-            name: "MATERIALS",
+            type: 'field_grid_dropdown',
+            name: 'MATERIALS',
             columns: 4,
             options: materialNames.map((name) => {
-              const baseName = name.replace(/\.[^/.]+$/, "");
+              const baseName = name.replace(/\.[^/.]+$/, '');
               return [
                 {
                   src: `./textures/${baseName}.png`,
@@ -67,570 +67,566 @@ export function defineMaterialsBlocks() {
             }),
           },
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: ["Colour", "Array"], // Accepts either Colour or Array
+            type: 'input_value',
+            name: 'COLOR',
+            check: ['Colour', 'Array'], // Accepts either Colour or Array
           },
         ],
         inputsInline: true,
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("change_material"),
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('change_material'),
         previousStatement: null,
         nextStatement: null,
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["text_material"] = {
+  Blockly.Blocks['text_material'] = {
     init: function () {
       this.jsonInit({
-        type: "text_material",
-        message0: translate("text_material"),
+        type: 'text_material',
+        message0: translate('text_material'),
         args0: [
           {
-            type: "field_variable",
-            name: "MATERIAL_VAR",
-            variable: "material",
+            type: 'field_variable',
+            name: 'MATERIAL_VAR',
+            variable: 'material',
           },
           {
-            type: "input_value",
-            name: "TEXT",
-            check: "String",
+            type: 'input_value',
+            name: 'TEXT',
+            check: 'String',
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "BACKGROUND_COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'BACKGROUND_COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "WIDTH",
-            check: "Number",
+            type: 'input_value',
+            name: 'WIDTH',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "HEIGHT",
-            check: "Number",
+            type: 'input_value',
+            name: 'HEIGHT',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "TEXT_SIZE",
-            check: "Number",
+            type: 'input_value',
+            name: 'TEXT_SIZE',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("text_material"),
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('text_material'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["place_decal"] = {
+  Blockly.Blocks['place_decal'] = {
     init: function () {
       this.jsonInit({
-        message0: translate("place_decal"),
+        message0: translate('place_decal'),
         args0: [
           {
-            type: "field_variable",
-            name: "MATERIAL",
-            variable: "material",
+            type: 'field_variable',
+            name: 'MATERIAL',
+            variable: 'material',
           },
           {
-            type: "input_value",
-            name: "ANGLE",
-            check: "Number",
+            type: 'input_value',
+            name: 'ANGLE',
+            check: 'Number',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("place_decal"),
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('place_decal'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["decal"] = {
+  Blockly.Blocks['decal'] = {
     init: function () {
       this.jsonInit({
-        type: "decal",
-        message0: translate("decal"),
+        type: 'decal',
+        message0: translate('decal'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH",
+            type: 'field_variable',
+            name: 'MESH',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "POSITION_X",
-            check: "Number",
+            type: 'input_value',
+            name: 'POSITION_X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "POSITION_Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'POSITION_Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "POSITION_Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'POSITION_Z',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "NORMAL_X",
-            check: "Number",
+            type: 'input_value',
+            name: 'NORMAL_X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "NORMAL_Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'NORMAL_Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "NORMAL_Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'NORMAL_Z',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "SIZE_X",
-            check: "Number",
+            type: 'input_value',
+            name: 'SIZE_X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "SIZE_Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'SIZE_Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "SIZE_Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'SIZE_Z',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "MATERIAL",
+            type: 'input_value',
+            name: 'MATERIAL',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("decal"),
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('decal'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["highlight"] = {
+  Blockly.Blocks['highlight'] = {
     init: function () {
       this.jsonInit({
-        type: "highlight",
-        message0: translate("highlight"),
+        type: 'highlight',
+        message0: translate('highlight'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            colour: "#FFD700",
-            check: "Colour",
+            type: 'input_value',
+            name: 'COLOR',
+            colour: '#FFD700',
+            check: 'Colour',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("highlight"),
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('highlight'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["glow"] = {
+  Blockly.Blocks['glow'] = {
     init: function () {
       this.jsonInit({
-        type: "glow",
-        message0: translate("glow"),
+        type: 'glow',
+        message0: translate('glow'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("glow"),
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('glow'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["set_shadow"] = {
+  Blockly.Blocks['set_shadow'] = {
     init: function () {
       this.jsonInit({
-        type: "set_shadow",
-        message0: translate("set_shadow"),
+        type: 'set_shadow',
+        message0: translate('set_shadow'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH",
+            type: 'field_variable',
+            name: 'MESH',
             variable: window.currentMesh,
           },
           {
-            type: "field_checkbox",
-            name: "CAST",
+            type: 'field_checkbox',
+            name: 'CAST',
             checked: true,
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("set_shadow"),
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('set_shadow'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["tint"] = {
+  Blockly.Blocks['tint'] = {
     init: function () {
       this.jsonInit({
-        type: "tint",
-        message0: translate("tint"),
+        type: 'tint',
+        message0: translate('tint'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            colour: "#AA336A",
-            check: "Colour",
+            type: 'input_value',
+            name: 'COLOR',
+            colour: '#AA336A',
+            check: 'Colour',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("tint"),
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('tint'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["set_alpha"] = {
+  Blockly.Blocks['set_alpha'] = {
     init: function () {
       this.jsonInit({
-        type: "set_mesh_material_alpha",
-        message0: translate("set_alpha"),
+        type: 'set_mesh_material_alpha',
+        message0: translate('set_alpha'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH",
+            type: 'field_variable',
+            name: 'MESH',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "ALPHA",
-            check: "Number",
+            type: 'input_value',
+            name: 'ALPHA',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("set_alpha"),
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('set_alpha'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["clear_effects"] = {
+  Blockly.Blocks['clear_effects'] = {
     init: function () {
       this.jsonInit({
-        type: "clear_effects",
-        message0: translate("clear_effects"),
+        type: 'clear_effects',
+        message0: translate('clear_effects'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("clear_effects"),
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('clear_effects'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["colour"] = {
+  Blockly.Blocks['colour'] = {
     init: function () {
       this.jsonInit({
-        type: "colour",
-        message0: translate("colour"),
+        type: 'colour',
+        message0: translate('colour'),
         args0: [
           {
-            type: "field_colour",
-            name: "COLOR",
-            colour: "#9932CC",
+            type: 'field_colour',
+            name: 'COLOR',
+            colour: '#9932CC',
           },
         ],
-        output: "Colour",
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("colour"),
+        output: 'Colour',
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('colour'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
   // put this near your blocks file top
   const SKIN_HEXES = [
-    "#2E1A1B",
-    "#37221D",
-    "#442B22",
-    "#6E473C",
-    "#926451",
-    "#966456",
-    "#D8A190",
-    "#E1BCB0",
-    "#EACDC7",
-    "#290A0E",
-    "#34130A",
-    "#602C14",
-    "#884B2C",
-    "#C27753",
-    "#E89878",
-    "#EEA98A",
-    "#FECCC0",
-    "#FCDACE",
-    "#2F2018",
-    "#41291C",
-    "#5A3C26",
-    "#845B40",
-    "#B98459",
-    "#D39E74",
-    "#E4BB9D",
-    "#EFCFB1",
-    "#ECD8C6",
-    "#231304",
-    "#3E1C0A",
-    "#572E15",
-    "#AC6534",
-    "#D8945D",
-    "#F4B077",
-    "#FCC292",
-    "#FFD2AA",
-    "#FEE0C7",
-    "#2D2113",
-    "#4F351F",
-    "#694831",
-    "#8F633E",
-    "#AD7D43",
-    "#C59B69",
-    "#DAB485",
-    "#E6CEAA",
-    "#E9D4B8",
-    "#251601",
-    "#3F1F03",
-    "#5D340F",
-    "#8D521E",
-    "#D2894A",
-    "#F2AF6C",
-    "#F1C387",
-    "#F4D0A4",
-    "#F5DDBE",
-    "#302418",
-    "#3C2D1B",
-    "#563E28",
-    "#7C6041",
-    "#957345",
-    "#9F7D4B",
-    "#CCB081",
-    "#DFCCA5",
-    "#E7DBC5",
-    "#271D07",
-    "#442E0F",
-    "#64421B",
-    "#976E2F",
-    "#C69045",
-    "#D9A756",
-    "#EBC57E",
-    "#F4DBA6",
-    "#FBE6C1",
+    '#2E1A1B',
+    '#37221D',
+    '#442B22',
+    '#6E473C',
+    '#926451',
+    '#966456',
+    '#D8A190',
+    '#E1BCB0',
+    '#EACDC7',
+    '#290A0E',
+    '#34130A',
+    '#602C14',
+    '#884B2C',
+    '#C27753',
+    '#E89878',
+    '#EEA98A',
+    '#FECCC0',
+    '#FCDACE',
+    '#2F2018',
+    '#41291C',
+    '#5A3C26',
+    '#845B40',
+    '#B98459',
+    '#D39E74',
+    '#E4BB9D',
+    '#EFCFB1',
+    '#ECD8C6',
+    '#231304',
+    '#3E1C0A',
+    '#572E15',
+    '#AC6534',
+    '#D8945D',
+    '#F4B077',
+    '#FCC292',
+    '#FFD2AA',
+    '#FEE0C7',
+    '#2D2113',
+    '#4F351F',
+    '#694831',
+    '#8F633E',
+    '#AD7D43',
+    '#C59B69',
+    '#DAB485',
+    '#E6CEAA',
+    '#E9D4B8',
+    '#251601',
+    '#3F1F03',
+    '#5D340F',
+    '#8D521E',
+    '#D2894A',
+    '#F2AF6C',
+    '#F1C387',
+    '#F4D0A4',
+    '#F5DDBE',
+    '#302418',
+    '#3C2D1B',
+    '#563E28',
+    '#7C6041',
+    '#957345',
+    '#9F7D4B',
+    '#CCB081',
+    '#DFCCA5',
+    '#E7DBC5',
+    '#271D07',
+    '#442E0F',
+    '#64421B',
+    '#976E2F',
+    '#C69045',
+    '#D9A756',
+    '#EBC57E',
+    '#F4DBA6',
+    '#FBE6C1',
   ];
 
   // Use the hex strings themselves as the hover titles
   const SKIN_TITLES = SKIN_HEXES.map((h) => h);
 
-  Blockly.Blocks["skin_colour"] = {
+  Blockly.Blocks['skin_colour'] = {
     init: function () {
       this.jsonInit({
-        type: "skin_colour",
-        message0: translate("skin_colour"),
+        type: 'skin_colour',
+        message0: translate('skin_colour'),
         args0: [
           {
-            type: "field_colour",
-            name: "COLOR",
-            colour: "#FFE0BD",
+            type: 'field_colour',
+            name: 'COLOR',
+            colour: '#FFE0BD',
             colourOptions: SKIN_HEXES,
             colourTitles: SKIN_TITLES,
             columns: 9,
           },
         ],
-        output: "Colour",
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("skin_colour"),
+        output: 'Colour',
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('skin_colour'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["greyscale_colour"] = {
+  Blockly.Blocks['greyscale_colour'] = {
     init: function () {
       this.jsonInit({
-        type: "greyscale_colour",
-        message0: translate("greyscale_colour"),
+        type: 'greyscale_colour',
+        message0: translate('greyscale_colour'),
         args0: [
           {
-            type: "field_colour",
-            name: "COLOR",
-            colour: "#808080", // A neutral starting color (grey)
+            type: 'field_colour',
+            name: 'COLOR',
+            colour: '#808080', // A neutral starting color (grey)
             colourOptions: [
-              "#000000", // Black
-              "#1a1a1a",
-              "#333333",
-              "#4d4d4d",
-              "#666666",
-              "#808080", // Middle grey
-              "#999999",
-              "#b3b3b3",
-              "#cccccc",
-              "#e6e6e6",
-              "#ffffff", // White
+              '#000000', // Black
+              '#1a1a1a',
+              '#333333',
+              '#4d4d4d',
+              '#666666',
+              '#808080', // Middle grey
+              '#999999',
+              '#b3b3b3',
+              '#cccccc',
+              '#e6e6e6',
+              '#ffffff', // White
             ],
             colourTitles: [
-              "Black",
-              "Dark Grey 1",
-              "Dark Grey 2",
-              "Dark Grey 3",
-              "Grey 1",
-              "Middle Grey",
-              "Grey 2",
-              "Light Grey 1",
-              "Light Grey 2",
-              "Light Grey 3",
-              "White",
+              'Black',
+              'Dark Grey 1',
+              'Dark Grey 2',
+              'Dark Grey 3',
+              'Grey 1',
+              'Middle Grey',
+              'Grey 2',
+              'Light Grey 1',
+              'Light Grey 2',
+              'Light Grey 3',
+              'White',
             ],
             columns: 4,
           },
         ],
-        output: "Colour",
-        colour: categoryColours["Materials"], // You can set this to any colour category you prefer
-        tooltip: getTooltip("greyscale_colour"),
+        output: 'Colour',
+        colour: categoryColours['Materials'], // You can set this to any colour category you prefer
+        tooltip: getTooltip('greyscale_colour'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["colour_from_string"] = {
+  Blockly.Blocks['colour_from_string'] = {
     init: function () {
       this.jsonInit({
-        message0: "%1 %2",
+        message0: '%1 %2',
         args0: [
           {
-            type: "field_label_serializable",
-            name: "HASH_PREFIX",
-            text: "#",
+            type: 'field_label_serializable',
+            name: 'HASH_PREFIX',
+            text: '#',
           },
           {
-            type: "field_input",
-            name: "COLOR",
-            text: "800080",
+            type: 'field_input',
+            name: 'COLOR',
+            text: '800080',
           },
         ],
-        output: "Colour",
+        output: 'Colour',
       });
 
-      const colorField = this.getField("COLOR");
-      const hashPrefixField = this.getField("HASH_PREFIX");
+      const colorField = this.getField('COLOR');
+      const hashPrefixField = this.getField('HASH_PREFIX');
       const updateHashPrefixContrast = (hexColor) => {
         if (!hashPrefixField?.getSvgRoot) return;
         const svgRoot = hashPrefixField.getSvgRoot();
         if (!svgRoot?.style) return;
-        const rgb = flock.hexToRgb(hexColor || "#000000");
+        const rgb = flock.hexToRgb(hexColor || '#000000');
         const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;
-        const textColor = luminance > 0.6 ? "#000000" : "#ffffff";
-        const textEl = svgRoot.querySelector("text");
+        const textColor = luminance > 0.6 ? '#000000' : '#ffffff';
+        const textEl = svgRoot.querySelector('text');
         if (textEl) {
-          textEl.setAttribute("fill", textColor);
-          textEl.style.setProperty("fill", textColor, "important");
+          textEl.setAttribute('fill', textColor);
+          textEl.style.setProperty('fill', textColor, 'important');
         } else {
-          svgRoot.style.setProperty("fill", textColor, "important");
+          svgRoot.style.setProperty('fill', textColor, 'important');
         }
       };
 
       const updateInvalidWarning = (block, value) => {
         if (!block || block.isInFlyout) return;
         block.setWarningText(
-          isValidColourInput(value)
-            ? null
-            : translate("colour_from_string_invalid"),
+          isValidColourInput(value) ? null : translate('colour_from_string_invalid')
         );
       };
 
       colorField.setValidator(function (newVal) {
-        const normalizedInput =
-          typeof newVal === "string" ? newVal.trim().replace(/^#/, "") : "";
+        const normalizedInput = typeof newVal === 'string' ? newVal.trim().replace(/^#/, '') : '';
         try {
-          const validatedVal =
-            flock.getColorFromString(normalizedInput) || "#000000";
+          const validatedVal = flock.getColorFromString(normalizedInput) || '#000000';
           this.sourceBlock_.setColour(validatedVal);
           updateHashPrefixContrast(validatedVal);
           updateInvalidWarning(this.sourceBlock_, newVal);
           return normalizedInput;
         } catch (error) {
-          console.warn("Failed to validate colour field value:", error);
-          this.sourceBlock_.setColour("#000000");
-          updateHashPrefixContrast("#000000");
+          console.warn('Failed to validate colour field value:', error);
+          this.sourceBlock_.setColour('#000000');
+          updateHashPrefixContrast('#000000');
           return normalizedInput;
         }
       });
@@ -638,45 +634,45 @@ export function defineMaterialsBlocks() {
       // Set initial block color based on the field's initial value
       try {
         const initialVal = colorField.getValue();
-        const validatedVal = flock.getColorFromString(initialVal) || "#000000";
+        const validatedVal = flock.getColorFromString(initialVal) || '#000000';
         this.setColour(validatedVal);
         updateHashPrefixContrast(validatedVal);
         updateInvalidWarning(this, initialVal);
       } catch (error) {
-        console.warn("Failed to initialize colour block value:", error);
-        this.setColour("#000000");
-        updateHashPrefixContrast("#000000");
+        console.warn('Failed to initialize colour block value:', error);
+        this.setColour('#000000');
+        updateHashPrefixContrast('#000000');
       }
     },
   };
 
-  Blockly.Blocks["random_colour"] = {
+  Blockly.Blocks['random_colour'] = {
     init: function () {
       this.jsonInit({
-        type: "random_colour_block",
-        message0: translate("random_colour"),
-        output: "Colour",
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("random_colour"),
+        type: 'random_colour_block',
+        message0: translate('random_colour'),
+        output: 'Colour',
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('random_colour'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["material"] = {
+  Blockly.Blocks['material'] = {
     init: function () {
       this.jsonInit({
-        type: "material",
-        message0: translate("material"),
+        type: 'material',
+        message0: translate('material'),
 
         args0: [
           {
-            type: "field_grid_dropdown",
-            name: "TEXTURE_SET",
+            type: 'field_grid_dropdown',
+            name: 'TEXTURE_SET',
             columns: 4,
             options: materialNames.map((name) => {
-              const baseName = name.replace(/\.[^/.]+$/, "");
+              const baseName = name.replace(/\.[^/.]+$/, '');
               return [
                 {
                   src: `./textures/${baseName}.png`,
@@ -689,63 +685,63 @@ export function defineMaterialsBlocks() {
             }),
           },
           {
-            type: "input_value",
-            name: "BASE_COLOR",
-            colour: "#ffffff", // Default to white
+            type: 'input_value',
+            name: 'BASE_COLOR',
+            colour: '#ffffff', // Default to white
           },
           {
-            type: "input_value",
-            name: "ALPHA",
+            type: 'input_value',
+            name: 'ALPHA',
             value: 1,
             min: 0,
             max: 1,
             precision: 0.01,
           },
         ],
-        output: "Material",
+        output: 'Material',
         inputsInline: true,
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("material"),
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('material'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
-  Blockly.Blocks["gradient_material"] = {
+  Blockly.Blocks['gradient_material'] = {
     init: function () {
       this.jsonInit({
-        type: "material",
-        message0: translate("gradient_material"),
+        type: 'material',
+        message0: translate('gradient_material'),
         args0: [
           {
-            type: "input_value",
-            name: "COLOR",
-            colour: "#6495ED",
-            check: ["Colour", "Array"],
+            type: 'input_value',
+            name: 'COLOR',
+            colour: '#6495ED',
+            check: ['Colour', 'Array'],
           },
           {
-            type: "input_value",
-            name: "ALPHA",
+            type: 'input_value',
+            name: 'ALPHA',
             value: 1,
             min: 0,
             max: 1,
             precision: 0.01,
           },
         ],
-        output: "Material",
+        output: 'Material',
         inputsInline: true,
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("gradient_material"),
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('gradient_material'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
     },
   };
 
   function attachSetMaterialOnChange(block) {
     const ws = block.workspace;
-    const touches = makeTouchesInputSubtree(block, ws, "MATERIAL");
+    const touches = makeTouchesInputSubtree(block, ws, 'MATERIAL');
 
     block.setOnChange((changeEvent) => {
       const eventTypes = [
@@ -760,11 +756,10 @@ export function defineMaterialsBlocks() {
       const relevant =
         wasBlockDeleted(changeEvent, block.id) ||
         changeEventHitsTouches(changeEvent, touches) ||
-        (changeEvent.type === Blockly.Events.BLOCK_CREATE &&
-          changeEvent.blockId === block.id) ||
+        (changeEvent.type === Blockly.Events.BLOCK_CREATE && changeEvent.blockId === block.id) ||
         (changeEvent.type === Blockly.Events.BLOCK_MOVE &&
           changeEvent.oldParentId === block.id &&
-          changeEvent.oldInputName === "MATERIAL");
+          changeEvent.oldInputName === 'MATERIAL');
 
       if (!relevant) return;
 
@@ -772,7 +767,7 @@ export function defineMaterialsBlocks() {
 
       promoteMaterialContainerFromShadow(block);
 
-      if (!block.getInputTargetBlock("MATERIAL")) {
+      if (!block.getInputTargetBlock('MATERIAL')) {
         respawnMaterialShadow(block);
         return;
       }
@@ -781,32 +776,32 @@ export function defineMaterialsBlocks() {
     });
   }
 
-  Blockly.Blocks["set_material"] = {
+  Blockly.Blocks['set_material'] = {
     init: function () {
       this.jsonInit({
-        type: "set_material",
-        message0: translate("set_material"),
+        type: 'set_material',
+        message0: translate('set_material'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH",
+            type: 'field_variable',
+            name: 'MESH',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "MATERIAL",
-            check: ["Material", "Array"],
+            type: 'input_value',
+            name: 'MATERIAL',
+            check: ['Material', 'Array'],
           },
         ],
         previousStatement: null,
         nextStatement: null,
         inputsInline: true,
-        colour: categoryColours["Materials"],
-        tooltip: getTooltip("set_material"),
+        colour: categoryColours['Materials'],
+        tooltip: getTooltip('set_material'),
       });
 
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("materials_blocks");
+      this.setStyle('materials_blocks');
       attachSetMaterialOnChange(this);
     },
   };
diff --git a/blocks/microbitImagePattern.js b/blocks/microbitImagePattern.js
index 010699deb..9651c4319 100644
--- a/blocks/microbitImagePattern.js
+++ b/blocks/microbitImagePattern.js
@@ -4,13 +4,13 @@
 // row-major from the top-left; the editor only ever writes 0 (off) and 9
 // (on). On the wire the pattern travels as five short row lines — see
 // serialiseImageRows in microbit/protocol.js.
-import { normaliseImagePattern } from "../microbit/protocol.js";
+import { normaliseImagePattern } from '../microbit/protocol.js';
 
 export const MICROBIT_IMAGE_GRID_SIZE = 5;
-export const MICROBIT_IMAGE_OFF = "0";
-export const MICROBIT_IMAGE_ON = "9";
+export const MICROBIT_IMAGE_OFF = '0';
+export const MICROBIT_IMAGE_ON = '9';
 export const MICROBIT_IMAGE_DEFAULT = MICROBIT_IMAGE_OFF.repeat(
-  MICROBIT_IMAGE_GRID_SIZE * MICROBIT_IMAGE_GRID_SIZE,
+  MICROBIT_IMAGE_GRID_SIZE * MICROBIT_IMAGE_GRID_SIZE
 );
 
 // Named preset patterns. clear and full appear as one-click buttons in the
@@ -19,27 +19,26 @@ export const MICROBIT_IMAGE_DEFAULT = MICROBIT_IMAGE_OFF.repeat(
 export const MICROBIT_IMAGE_PRESETS = Object.freeze({
   clear: MICROBIT_IMAGE_DEFAULT,
   full: MICROBIT_IMAGE_ON.repeat(MICROBIT_IMAGE_DEFAULT.length),
-  sun: "9090909990999990999090909",
+  sun: '9090909990999990999090909',
 });
 
 // Dropdown pictures, in menu order. To add one: add its pattern to
 // MICROBIT_IMAGE_PRESETS, its name here, and a microbit_image_preset_<name>
 // string to the locales.
-export const MICROBIT_IMAGE_PICTURE_NAMES = Object.freeze(["sun"]);
+export const MICROBIT_IMAGE_PICTURE_NAMES = Object.freeze(['sun']);
 
 export { normaliseImagePattern };
 
 // High-contrast LED colours, shared by the block-face SVG and the editor
 // grid: bright red on near-black reads at block-icon sizes.
-export const MICROBIT_IMAGE_LIT_COLOUR = "#ff8a80";
-export const MICROBIT_IMAGE_UNLIT_COLOUR = "#303030";
-export const MICROBIT_IMAGE_PLATE_COLOUR = "#0d0d0d";
+export const MICROBIT_IMAGE_LIT_COLOUR = '#ff8a80';
+export const MICROBIT_IMAGE_UNLIT_COLOUR = '#303030';
+export const MICROBIT_IMAGE_PLATE_COLOUR = '#0d0d0d';
 
 /** True when the LED at (row, col) is lit (any non-zero brightness). */
 export function isImageCellOn(pattern, row, col) {
   return (
-    normaliseImagePattern(pattern)[row * MICROBIT_IMAGE_GRID_SIZE + col] !==
-    MICROBIT_IMAGE_OFF
+    normaliseImagePattern(pattern)[row * MICROBIT_IMAGE_GRID_SIZE + col] !== MICROBIT_IMAGE_OFF
   );
 }
 
@@ -47,9 +46,7 @@ export function isImageCellOn(pattern, row, col) {
 export function setImageCell(pattern, row, col, digit) {
   const normalised = normaliseImagePattern(pattern);
   const index = row * MICROBIT_IMAGE_GRID_SIZE + col;
-  return (
-    normalised.slice(0, index) + digit + normalised.slice(index + 1)
-  );
+  return normalised.slice(0, index) + digit + normalised.slice(index + 1);
 }
 
 /**
@@ -58,9 +55,7 @@ export function setImageCell(pattern, row, col, digit) {
  * every other cell it sweeps.
  */
 export function toggleImageCell(pattern, row, col) {
-  const digit = isImageCellOn(pattern, row, col)
-    ? MICROBIT_IMAGE_OFF
-    : MICROBIT_IMAGE_ON;
+  const digit = isImageCellOn(pattern, row, col) ? MICROBIT_IMAGE_OFF : MICROBIT_IMAGE_ON;
   return { pattern: setImageCell(pattern, row, col, digit), digit };
 }
 
@@ -74,16 +69,11 @@ export function makeMicrobitImageDataUri(pattern) {
   const cell = 16;
   const gap = 4;
   const padding = 6;
-  const size =
-    MICROBIT_IMAGE_GRID_SIZE * cell +
-    (MICROBIT_IMAGE_GRID_SIZE - 1) * gap +
-    2 * padding;
-  let squares = "";
+  const size = MICROBIT_IMAGE_GRID_SIZE * cell + (MICROBIT_IMAGE_GRID_SIZE - 1) * gap + 2 * padding;
+  let squares = '';
   for (let row = 0; row < MICROBIT_IMAGE_GRID_SIZE; row++) {
     for (let col = 0; col < MICROBIT_IMAGE_GRID_SIZE; col++) {
-      const lit =
-        normalised[row * MICROBIT_IMAGE_GRID_SIZE + col] !==
-        MICROBIT_IMAGE_OFF;
+      const lit = normalised[row * MICROBIT_IMAGE_GRID_SIZE + col] !== MICROBIT_IMAGE_OFF;
       const x = padding + col * (cell + gap);
       const y = padding + row * (cell + gap);
       squares +=
@@ -96,5 +86,5 @@ export function makeMicrobitImageDataUri(pattern) {
     `<rect width="${size}" height="${size}" rx="8" fill="${MICROBIT_IMAGE_PLATE_COLOUR}"/>` +
     squares +
     `</svg>`;
-  return "data:image/svg+xml," + encodeURIComponent(svg);
+  return 'data:image/svg+xml,' + encodeURIComponent(svg);
 }
diff --git a/blocks/models.js b/blocks/models.js
index ea0fb1c57..ce7f8385e 100644
--- a/blocks/models.js
+++ b/blocks/models.js
@@ -1,5 +1,5 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
 import {
   nextVariableIndexes,
   handleBlockChange,
@@ -10,7 +10,7 @@ import {
   handleParentLinkedUpdate,
   getHelpUrlFor,
   registerBlockHandler,
-} from "./blocks.js";
+} from './blocks.js';
 import {
   characterNames,
   objectNames,
@@ -18,30 +18,29 @@ import {
   objectColours,
   modelNames,
   getModelDisplayName,
-} from "../config.js";
-import { flock } from "../flock.js";
-import { translate, getTooltip } from "../main/translation.js";
+} from '../config.js';
+import { flock } from '../flock.js';
+import { translate, getTooltip } from '../main/translation.js';
 
 export function defineModelBlocks() {
-  Blockly.Blocks["load_character"] = {
+  Blockly.Blocks['load_character'] = {
     init: function () {
-      const variableNamePrefix = "character";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'character';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
       this.jsonInit({
-        message0: translate("load_character"),
+        message0: translate('load_character'),
         args0: [
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: nextVariableName,
           },
           {
-            type: "field_grid_dropdown",
-            name: "MODELS",
+            type: 'field_grid_dropdown',
+            name: 'MODELS',
             columns: 6,
             options: characterNames.map((name) => {
-              const baseName = name.replace(/\.[^/.]+$/, "");
+              const baseName = name.replace(/\.[^/.]+$/, '');
               return [
                 {
                   src: `${flock.imagePath}${baseName}.png`,
@@ -54,73 +53,68 @@ export function defineModelBlocks() {
             }),
           },
           {
-            type: "input_value",
-            name: "SCALE",
-            check: "Number",
+            type: 'input_value',
+            name: 'SCALE',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "HAIR_COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'HAIR_COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "SKIN_COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'SKIN_COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "EYES_COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'EYES_COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "TSHIRT_COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'TSHIRT_COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "SHORTS_COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'SHORTS_COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "SLEEVES_COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'SLEEVES_COLOR',
+            check: 'Colour',
           },
         ],
         inputsInline: true,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("load_character"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('load_character'),
         previousStatement: null,
         nextStatement: null,
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
 
       registerBlockHandler(this, (changeEvent) => {
         // Always handle variable naming first (even if mesh is skipped)
-        handleBlockCreateEvent(
-          this,
-          changeEvent,
-          variableNamePrefix,
-          nextVariableIndexes,
-        );
+        handleBlockCreateEvent(this, changeEvent, variableNamePrefix, nextVariableIndexes);
 
         // Mesh lifecycle events on this block directly (e.g. enable/disable, move),
         // or when this block is part of a snippet creation (its id is in changeEvent.ids).
@@ -135,7 +129,7 @@ export function defineModelBlocks() {
         // Linked children like MODELS or color inputs
         if (handleParentLinkedUpdate(this, changeEvent)) {
           // 🔹 Additional side-effect unique to this block type
-          window.updateCurrentMeshName(this, "ID_VAR");
+          window.updateCurrentMeshName(this, 'ID_VAR');
           return;
         }
 
@@ -148,32 +142,31 @@ export function defineModelBlocks() {
     },
   };
 
-  Blockly.Blocks["load_object"] = {
+  Blockly.Blocks['load_object'] = {
     init: function () {
-      const defaultObject = "Star.glb";
+      const defaultObject = 'Star.glb';
       const defaultColours = objectColours[defaultObject];
       const defaultColour = Array.isArray(defaultColours)
         ? defaultColours[0]
-        : defaultColours || "#FFD700";
-      const variableNamePrefix = "item";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+        : defaultColours || '#FFD700';
+      const variableNamePrefix = 'item';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
 
       // Add the main inputs of the block
       this.jsonInit({
-        message0: translate("load_object"),
+        message0: translate('load_object'),
         args0: [
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: nextVariableName,
           },
           {
-            type: "field_grid_dropdown",
-            name: "MODELS",
+            type: 'field_grid_dropdown',
+            name: 'MODELS',
             columns: 6,
             options: objectNames.map((name) => {
-              const baseName = name.replace(/\.[^/.]+$/, "");
+              const baseName = name.replace(/\.[^/.]+$/, '');
               return [
                 {
                   src: `${flock.imagePath}${baseName}.png`,
@@ -186,51 +179,51 @@ export function defineModelBlocks() {
             }),
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: ["Colour", "Array", "Material"],
+            type: 'input_value',
+            name: 'COLOR',
+            check: ['Colour', 'Array', 'Material'],
           },
           {
-            type: "input_value",
-            name: "SCALE",
-            check: "Number",
+            type: 'input_value',
+            name: 'SCALE',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
         ],
         inputsInline: true,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("load_object"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('load_object'),
         previousStatement: null,
         nextStatement: null,
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
 
       // Function to update the COLOR field based on the selected model
       const updateColorField = () => {
-        const selectedObject = this.getFieldValue("MODELS");
+        const selectedObject = this.getFieldValue('MODELS');
         const configColors = objectColours[selectedObject];
         const colour = Array.isArray(configColors)
           ? configColors[0]
           : configColors || defaultColour;
-        const colorInput = this.getInput("COLOR");
+        const colorInput = this.getInput('COLOR');
         const colorField = colorInput.connection.targetBlock();
-        if (colorField?.getField?.("COLOR")) {
-          colorField.setFieldValue(colour, "COLOR");
+        if (colorField?.getField?.('COLOR')) {
+          colorField.setFieldValue(colour, 'COLOR');
         }
       };
 
@@ -239,8 +232,8 @@ export function defineModelBlocks() {
       registerBlockHandler(this, (changeEvent) => {
         if (
           changeEvent.type === Blockly.Events.BLOCK_CHANGE &&
-          changeEvent.element === "field" &&
-          changeEvent.name === "MODELS" &&
+          changeEvent.element === 'field' &&
+          changeEvent.name === 'MODELS' &&
           changeEvent.blockId === this.id
         ) {
           updateColorField();
@@ -248,10 +241,7 @@ export function defineModelBlocks() {
 
         handleBlockChange(this, changeEvent, variableNamePrefix);
 
-        if (
-          this.id !== changeEvent.blockId &&
-          changeEvent.type !== Blockly.Events.BLOCK_CHANGE
-        )
+        if (this.id !== changeEvent.blockId && changeEvent.type !== Blockly.Events.BLOCK_CHANGE)
           return;
         if (handleMeshLifecycleChange(this, changeEvent)) return;
         // if (handleFieldOrChildChange(this, changeEvent)) return;
@@ -261,26 +251,25 @@ export function defineModelBlocks() {
     },
   };
 
-  Blockly.Blocks["load_multi_object"] = {
+  Blockly.Blocks['load_multi_object'] = {
     init: function () {
-      const variableNamePrefix = "object";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'object';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
 
       this.jsonInit({
-        message0: translate("load_multi_object"),
+        message0: translate('load_multi_object'),
         args0: [
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: nextVariableName,
           },
           {
-            type: "field_grid_dropdown",
-            name: "MODELS",
+            type: 'field_grid_dropdown',
+            name: 'MODELS',
             columns: 6,
             options: multiObjectNames.map((name) => {
-              const baseName = name.replace(/\.[^/.]+$/, "");
+              const baseName = name.replace(/\.[^/.]+$/, '');
               return [
                 {
                   src: `${flock.imagePath}${baseName}.png`,
@@ -293,63 +282,59 @@ export function defineModelBlocks() {
             }),
           },
           {
-            type: "input_value",
-            name: "SCALE",
-            check: "Number",
+            type: 'input_value',
+            name: 'SCALE',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "COLORS",
-            check: "Array",
+            type: 'input_value',
+            name: 'COLORS',
+            check: 'Array',
           },
         ],
         inputsInline: true,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("load_multi_object"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('load_multi_object'),
         previousStatement: null,
         nextStatement: null,
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
 
       // Change from a local constant to a method on the block prototype
-      Blockly.Blocks["load_multi_object"].updateColorsField = function () {
-        const selectedObject = this.getFieldValue("MODELS");
-        const colours = objectColours[selectedObject] || [
-          "#000000",
-          "#FFFFFF",
-          "#CCCCCC",
-        ];
+      Blockly.Blocks['load_multi_object'].updateColorsField = function () {
+        const selectedObject = this.getFieldValue('MODELS');
+        const colours = objectColours[selectedObject] || ['#000000', '#FFFFFF', '#CCCCCC'];
         const requiredItemCount = colours.length;
-        const colorsInput = this.getInput("COLORS");
+        const colorsInput = this.getInput('COLORS');
         let listBlock = colorsInput.connection?.targetBlock();
 
         // Create a mutation element with the correct number of items.
-        const mutation = document.createElement("mutation");
-        mutation.setAttribute("items", requiredItemCount);
+        const mutation = document.createElement('mutation');
+        mutation.setAttribute('items', requiredItemCount);
 
-        if (listBlock && listBlock.type === "lists_create_with") {
+        if (listBlock && listBlock.type === 'lists_create_with') {
           // Apply the mutation to update the block's inputs.
           listBlock.domToMutation(mutation);
 
           // Remove any extra inputs beyond the required count.
           listBlock.inputList
-            .filter((input) => input.name && input.name.startsWith("ADD"))
+            .filter((input) => input.name && input.name.startsWith('ADD'))
             .forEach((input) => {
               const index = parseInt(input.name.substring(3));
               if (index >= requiredItemCount) {
@@ -359,46 +344,45 @@ export function defineModelBlocks() {
 
           // For each required input, update or create its shadow colour block.
           for (let i = 0; i < requiredItemCount; i++) {
-            let input = listBlock.getInput("ADD" + i);
+            let input = listBlock.getInput('ADD' + i);
             if (!input) {
-              input = listBlock.appendValueInput("ADD" + i).setCheck("Colour");
+              input = listBlock.appendValueInput('ADD' + i).setCheck('Colour');
             }
             let shadowBlock = input.connection?.targetBlock();
             if (!shadowBlock || !shadowBlock.isShadow()) {
-              shadowBlock = listBlock.workspace.newBlock("colour");
-              shadowBlock.setFieldValue(colours[i] || "#000000", "COLOR");
+              shadowBlock = listBlock.workspace.newBlock('colour');
+              shadowBlock.setFieldValue(colours[i] || '#000000', 'COLOR');
               shadowBlock.setShadow(true);
               shadowBlock.initSvg();
               input.connection.connect(shadowBlock.outputConnection);
             } else {
-              shadowBlock.setFieldValue(colours[i] || "#000000", "COLOR");
+              shadowBlock.setFieldValue(colours[i] || '#000000', 'COLOR');
             }
           }
           listBlock.initSvg();
           listBlock.render();
         } else if (!listBlock) {
           // Create a new list block.
-          listBlock = this.workspace.newBlock("lists_create_with");
+          listBlock = this.workspace.newBlock('lists_create_with');
           listBlock.setShadow(true);
           listBlock.domToMutation(mutation);
           for (let i = 0; i < requiredItemCount; i++) {
-            let input = listBlock.getInput("ADD" + i);
+            let input = listBlock.getInput('ADD' + i);
             if (!input) {
-              input = listBlock.appendValueInput("ADD" + i).setCheck("Colour");
+              input = listBlock.appendValueInput('ADD' + i).setCheck('Colour');
             }
-            const shadowBlock = listBlock.workspace.newBlock("colour");
-            shadowBlock.setFieldValue(colours[i] || "#000000", "COLOR");
+            const shadowBlock = listBlock.workspace.newBlock('colour');
+            shadowBlock.setFieldValue(colours[i] || '#000000', 'COLOR');
             shadowBlock.setShadow(true);
             shadowBlock.initSvg();
             input.connection.connect(shadowBlock.outputConnection);
           }
           listBlock.setInputsInline(true);
           listBlock.setTooltip(
-            Blockly.Msg["LISTS_CREATE_WITH_TOOLTIP"] ||
-              "Create a list of colours.",
+            Blockly.Msg['LISTS_CREATE_WITH_TOOLTIP'] || 'Create a list of colours.'
           );
           listBlock.setHelpUrl(
-            "https://developers.google.com/blockly/guides/create-custom-blocks/define-blocks",
+            'https://developers.google.com/blockly/guides/create-custom-blocks/define-blocks'
           );
 
           listBlock.initSvg();
@@ -407,21 +391,18 @@ export function defineModelBlocks() {
         }
       };
 
-      Blockly.Blocks["load_multi_object"].updateColorAtIndex = function (
-        colour,
-        colourIndex,
-      ) {
-        const colorsInput = this.getInput("COLORS");
+      Blockly.Blocks['load_multi_object'].updateColorAtIndex = function (colour, colourIndex) {
+        const colorsInput = this.getInput('COLORS');
         if (!colorsInput || !colorsInput.connection) {
           return;
         }
         const listBlock = colorsInput.connection.targetBlock();
-        if (!listBlock || listBlock.type !== "lists_create_with") {
-          console.log("List block not found or of incorrect type.");
+        if (!listBlock || listBlock.type !== 'lists_create_with') {
+          console.log('List block not found or of incorrect type.');
           return;
         }
 
-        const inputName = "ADD" + colourIndex;
+        const inputName = 'ADD' + colourIndex;
         let input = listBlock.getInput(inputName);
         if (!input) {
           //input = listBlock.appendValueInput(inputName).setCheck("Colour");
@@ -430,13 +411,13 @@ export function defineModelBlocks() {
 
         let shadowBlock = input.connection?.targetBlock();
         if (!shadowBlock || !shadowBlock.isShadow()) {
-          shadowBlock = listBlock.workspace.newBlock("colour");
+          shadowBlock = listBlock.workspace.newBlock('colour');
           shadowBlock.setShadow(true);
           shadowBlock.initSvg();
           input.connection.connect(shadowBlock.outputConnection);
         }
 
-        shadowBlock.setFieldValue(colour, "COLOR");
+        shadowBlock.setFieldValue(colour, 'COLOR');
         shadowBlock.render();
         listBlock.render();
       };
@@ -445,25 +426,18 @@ export function defineModelBlocks() {
         // PRIORITY: Handle MODELS field change first (before other handlers can return early)
         if (
           changeEvent.type === Blockly.Events.BLOCK_CHANGE &&
-          changeEvent.element === "field" &&
-          changeEvent.name === "MODELS" &&
+          changeEvent.element === 'field' &&
+          changeEvent.name === 'MODELS' &&
           changeEvent.blockId === this.id
         ) {
-          const blockInWorkspace = Blockly.getMainWorkspace().getBlockById(
-            this.id,
-          );
+          const blockInWorkspace = Blockly.getMainWorkspace().getBlockById(this.id);
           if (blockInWorkspace) {
             this.updateColorsField();
           }
           // Don't return here - let other handlers process this event too
         }
 
-        handleBlockCreateEvent(
-          this,
-          changeEvent,
-          variableNamePrefix,
-          nextVariableIndexes,
-        );
+        handleBlockCreateEvent(this, changeEvent, variableNamePrefix, nextVariableIndexes);
 
         // Always handle mesh lifecycle if the event targets this block,
         // or when this block is part of a snippet creation (its id is in changeEvent.ids).
@@ -488,26 +462,25 @@ export function defineModelBlocks() {
     },
   };
 
-  Blockly.Blocks["load_model"] = {
+  Blockly.Blocks['load_model'] = {
     init: function () {
-      const variableNamePrefix = "model";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix]; // Start with "model1"
+      const variableNamePrefix = 'model';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix]; // Start with "model1"
 
       this.jsonInit({
-        message0: translate("load_model"),
+        message0: translate('load_model'),
         args0: [
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: nextVariableName,
           },
           {
-            type: "field_grid_dropdown",
-            name: "MODELS",
+            type: 'field_grid_dropdown',
+            name: 'MODELS',
             columns: 6,
             options: modelNames.map((name) => {
-              const baseName = name.replace(/\.[^/.]+$/, "");
+              const baseName = name.replace(/\.[^/.]+$/, '');
               return [
                 {
                   src: `${flock.imagePath}${baseName}.png`,
@@ -520,43 +493,38 @@ export function defineModelBlocks() {
             }),
           },
           {
-            type: "input_value",
-            name: "SCALE",
-            check: "Number",
+            type: 'input_value',
+            name: 'SCALE',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
         ],
         inputsInline: true,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("load_model"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('load_model'),
         previousStatement: null,
         nextStatement: null,
       });
 
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
 
       registerBlockHandler(this, (changeEvent) => {
-        handleBlockCreateEvent(
-          this,
-          changeEvent,
-          variableNamePrefix,
-          nextVariableIndexes,
-        );
+        handleBlockCreateEvent(this, changeEvent, variableNamePrefix, nextVariableIndexes);
 
         const isThisBlockCreated =
           changeEvent.type === Blockly.Events.BLOCK_CREATE &&
diff --git a/blocks/physics.js b/blocks/physics.js
index 6f1ac8c32..4309d612c 100644
--- a/blocks/physics.js
+++ b/blocks/physics.js
@@ -1,265 +1,261 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
-import { getHelpUrlFor } from "./blocks.js";
-import {
-  translate,
-  getTooltip,
-  getDropdownOption,
-} from "../main/translation.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
+import { getHelpUrlFor } from './blocks.js';
+import { translate, getTooltip, getDropdownOption } from '../main/translation.js';
 
 export function definePhysicsBlocks() {
-  Blockly.Blocks["add_physics"] = {
+  Blockly.Blocks['add_physics'] = {
     init: function () {
       this.jsonInit({
-        type: "add_physics",
-        message0: translate("add_physics"),
+        type: 'add_physics',
+        message0: translate('add_physics'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "field_dropdown",
-            name: "PHYSICS_TYPE",
+            type: 'field_dropdown',
+            name: 'PHYSICS_TYPE',
             options: [
-              getDropdownOption("DYNAMIC"),
-              getDropdownOption("ANIMATED"),
-              getDropdownOption("STATIC"),
-              getDropdownOption("NONE"),
+              getDropdownOption('DYNAMIC'),
+              getDropdownOption('ANIMATED'),
+              getDropdownOption('STATIC'),
+              getDropdownOption('NONE'),
             ],
-            default: "DYNAMIC",
+            default: 'DYNAMIC',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("add_physics"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('add_physics'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 
-  Blockly.Blocks["add_physics_shape"] = {
+  Blockly.Blocks['add_physics_shape'] = {
     init: function () {
       this.jsonInit({
-        type: "add_physics_shape",
-        message0: translate("add_physics_shape"),
+        type: 'add_physics_shape',
+        message0: translate('add_physics_shape'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "field_dropdown",
-            name: "SHAPE_TYPE",
-            options: [getDropdownOption("MESH"), getDropdownOption("CAPSULE")],
-            default: "MESH",
+            type: 'field_dropdown',
+            name: 'SHAPE_TYPE',
+            options: [getDropdownOption('MESH'), getDropdownOption('CAPSULE')],
+            default: 'MESH',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("add_physics_shape"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('add_physics_shape'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 
-  Blockly.Blocks["apply_force"] = {
+  Blockly.Blocks['apply_force'] = {
     init: function () {
       this.jsonInit({
-        type: "apply_force",
-        message0: translate("apply_force"),
+        type: 'apply_force',
+        message0: translate('apply_force'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH_VAR",
+            type: 'field_variable',
+            name: 'MESH_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("apply_force"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('apply_force'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 
-  Blockly.Blocks["jump"] = {
+  Blockly.Blocks['jump'] = {
     init: function () {
       this.jsonInit({
-        type: "jump",
-        message0: translate("jump"),
+        type: 'jump',
+        message0: translate('jump'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "JUMP_HEIGHT",
-            check: "Number",
+            type: 'input_value',
+            name: 'JUMP_HEIGHT',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("jump"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('jump'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 
-  Blockly.Blocks["set_speed"] = {
+  Blockly.Blocks['set_speed'] = {
     init: function () {
       this.jsonInit({
-        type: "set_speed",
-        message0: translate("set_speed"),
+        type: 'set_speed',
+        message0: translate('set_speed'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH_VAR",
+            type: 'field_variable',
+            name: 'MESH_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "field_dropdown",
-            name: "DIRECTION",
+            type: 'field_dropdown',
+            name: 'DIRECTION',
             options: [
-              getDropdownOption("forward"),
-              getDropdownOption("sideways"),
-              getDropdownOption("up"),
-              getDropdownOption("x_coordinate"),
-              getDropdownOption("y_coordinate"),
-              getDropdownOption("z_coordinate"),
-              getDropdownOption("all"),
+              getDropdownOption('forward'),
+              getDropdownOption('sideways'),
+              getDropdownOption('up'),
+              getDropdownOption('x_coordinate'),
+              getDropdownOption('y_coordinate'),
+              getDropdownOption('z_coordinate'),
+              getDropdownOption('all'),
             ],
           },
           {
-            type: "input_value",
-            name: "SPEED",
-            check: "Number",
+            type: 'input_value',
+            name: 'SPEED',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("set_speed"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('set_speed'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 
-  Blockly.Blocks["set_bounciness"] = {
+  Blockly.Blocks['set_bounciness'] = {
     init: function () {
       this.jsonInit({
-        type: "set_bounciness",
-        message0: translate("set_bounciness"),
+        type: 'set_bounciness',
+        message0: translate('set_bounciness'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH_VAR",
+            type: 'field_variable',
+            name: 'MESH_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "BOUNCINESS",
-            check: "Number",
+            type: 'input_value',
+            name: 'BOUNCINESS',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("set_bounciness"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('set_bounciness'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 
-  Blockly.Blocks["show_physics"] = {
+  Blockly.Blocks['show_physics'] = {
     init: function () {
       this.jsonInit({
-        type: "show_physics",
-        message0: translate("show_physics"),
+        type: 'show_physics',
+        message0: translate('show_physics'),
         args0: [
           {
-            type: "field_checkbox",
-            name: "SHOW",
+            type: 'field_checkbox',
+            name: 'SHOW',
             checked: true,
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("show_physics"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('show_physics'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 
-  Blockly.Blocks["move_forward"] = {
+  Blockly.Blocks['move_forward'] = {
     init: function () {
       this.jsonInit({
-        type: "move",
-        message0: translate("move_forward"),
+        type: 'move',
+        message0: translate('move_forward'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL",
+            type: 'field_variable',
+            name: 'MODEL',
             variable: window.currentMesh,
           },
           {
-            type: "field_dropdown",
-            name: "DIRECTION",
+            type: 'field_dropdown',
+            name: 'DIRECTION',
             options: [
-              getDropdownOption("forward"),
-              getDropdownOption("sideways"),
-              getDropdownOption("strafe"),
+              getDropdownOption('forward'),
+              getDropdownOption('sideways'),
+              getDropdownOption('strafe'),
             ],
           },
           {
-            type: "input_value",
-            name: "SPEED",
-            check: "Number",
+            type: 'input_value',
+            name: 'SPEED',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("move_forward"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('move_forward'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
     },
   };
 }
diff --git a/blocks/scene.js b/blocks/scene.js
index fc51da326..1fb86fd36 100644
--- a/blocks/scene.js
+++ b/blocks/scene.js
@@ -1,5 +1,5 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
 import {
   nextVariableIndexes,
   handleBlockCreateEvent,
@@ -8,10 +8,10 @@ import {
   addDoMutatorWithToggleBehavior,
   getHelpUrlFor,
   registerBlockHandler,
-} from "./blocks.js";
-import { mapNames } from "../config.js";
-import { updateOrCreateMeshFromBlock } from "../ui/blockmesh.js";
-import { translate, getTooltip, getOption } from "../main/translation.js";
+} from './blocks.js';
+import { mapNames } from '../config.js';
+import { updateOrCreateMeshFromBlock } from '../ui/blockmesh.js';
+import { translate, getTooltip, getOption } from '../main/translation.js';
 
 function initSceneJsonBlock(block, { type, args0, inputsInline = true }) {
   block.jsonInit({
@@ -21,26 +21,26 @@ function initSceneJsonBlock(block, { type, args0, inputsInline = true }) {
     previousStatement: null,
     nextStatement: null,
     inputsInline,
-    colour: categoryColours["Scene"],
+    colour: categoryColours['Scene'],
     tooltip: getTooltip(type),
   });
 
   block.setHelpUrl(getHelpUrlFor(block.type));
-  block.setStyle("scene_blocks");
+  block.setStyle('scene_blocks');
 }
 
 function buildMapNameDropdownArgs() {
   return [
     {
-      type: "field_dropdown",
-      name: "MAP_NAME",
-      options: [[getOption("FLAT"), "NONE"]].concat(mapNames()),
+      type: 'field_dropdown',
+      name: 'MAP_NAME',
+      options: [[getOption('FLAT'), 'NONE']].concat(mapNames()),
     },
   ];
 }
 
 function buildInputValueArg({ name, check, colour }) {
-  const arg = { type: "input_value", name };
+  const arg = { type: 'input_value', name };
   if (check) arg.check = check;
   if (colour) arg.colour = colour;
   return arg;
@@ -68,9 +68,7 @@ export function makeTouchesInputSubtree(block, ws, inputName) {
 }
 
 function isDragStop(changeEvent) {
-  return (
-    changeEvent.type === Blockly.Events.UI && changeEvent.element === "dragStop"
-  );
+  return changeEvent.type === Blockly.Events.UI && changeEvent.element === 'dragStop';
 }
 
 export function changeEventHitsTouches(changeEvent, touches) {
@@ -128,7 +126,7 @@ function attachMeshSyncOnChange(block, config) {
 }
 
 function initSceneColourLikeBlock(block, cfg) {
-  const inputName = cfg.inputName || "COLOR";
+  const inputName = cfg.inputName || 'COLOR';
 
   const args0 = [];
   if (cfg.hasDropdown) args0.push(...buildMapNameDropdownArgs());
@@ -136,8 +134,8 @@ function initSceneColourLikeBlock(block, cfg) {
     buildInputValueArg({
       name: inputName,
       colour: cfg.inputColor,
-      check: cfg.check || ["Colour", "Array", "Material"],
-    }),
+      check: cfg.check || ['Colour', 'Array', 'Material'],
+    })
   );
 
   initSceneJsonBlock(block, { type: cfg.type, args0 });
@@ -151,7 +149,7 @@ function initSceneColourLikeBlock(block, cfg) {
     const input = block.getInput(inputName);
     if (input?.connection) {
       const shadowDom = Blockly.utils.xml.textToDom(
-        `<shadow type="colour"><field name="COLOR">${cfg.inputColor}</field></shadow>`,
+        `<shadow type="colour"><field name="COLOR">${cfg.inputColor}</field></shadow>`
       );
       input.connection.setShadowDom(shadowDom);
       input.connection.respawnShadow_();
@@ -260,8 +258,8 @@ export function respawnContainer(block, opts) {
   if (refillContainerFromCache(block, opts)) return;
 
   const fresh = opts.makeDefault(ws);
-  if (typeof fresh.initSvg === "function") fresh.initSvg();
-  if (typeof fresh.render === "function") fresh.render();
+  if (typeof fresh.initSvg === 'function') fresh.initSvg();
+  if (typeof fresh.render === 'function') fresh.render();
 
   if (fresh?.outputConnection) {
     fresh.outputConnection.connect(conn);
@@ -286,8 +284,7 @@ export function attachShadowContainerOnChange(block, opts) {
     const relevant =
       wasBlockDeleted(changeEvent, block.id) ||
       changeEventHitsTouches(changeEvent, touches) ||
-      (changeEvent.type === Blockly.Events.BLOCK_CREATE &&
-        changeEvent.blockId === block.id) ||
+      (changeEvent.type === Blockly.Events.BLOCK_CREATE && changeEvent.blockId === block.id) ||
       (changeEvent.type === Blockly.Events.BLOCK_MOVE &&
         changeEvent.oldParentId === block.id &&
         changeEvent.oldInputName === opts.inputName);
@@ -309,10 +306,10 @@ export function attachShadowContainerOnChange(block, opts) {
 
 // Material-specific wrappers (preserve the original API used by materials.js).
 const MATERIAL_OPTS = {
-  inputName: "MATERIAL",
-  containerType: "material",
-  cacheKey: "_cachedMaterialState",
-  makeDefault: (ws) => ws.newBlock("material"),
+  inputName: 'MATERIAL',
+  containerType: 'material',
+  cacheKey: '_cachedMaterialState',
+  makeDefault: (ws) => ws.newBlock('material'),
 };
 
 export function cacheMaterialState(mapBlock) {
@@ -333,7 +330,7 @@ export function respawnMaterialShadow(mapBlock) {
 
 function attachCreateMapOnChange(block) {
   const ws = block.workspace;
-  const touches = makeTouchesInputSubtree(block, ws, "MATERIAL");
+  const touches = makeTouchesInputSubtree(block, ws, 'MATERIAL');
 
   block.setOnChange((changeEvent) => {
     const eventTypes = [
@@ -348,11 +345,10 @@ function attachCreateMapOnChange(block) {
     const relevant =
       wasBlockDeleted(changeEvent, block.id) ||
       changeEventHitsTouches(changeEvent, touches) ||
-      (changeEvent.type === Blockly.Events.BLOCK_CREATE &&
-        changeEvent.blockId === block.id) ||
+      (changeEvent.type === Blockly.Events.BLOCK_CREATE && changeEvent.blockId === block.id) ||
       (changeEvent.type === Blockly.Events.BLOCK_MOVE &&
         changeEvent.oldParentId === block.id &&
-        changeEvent.oldInputName === "MATERIAL");
+        changeEvent.oldInputName === 'MATERIAL');
 
     if (!relevant) return;
 
@@ -360,7 +356,7 @@ function attachCreateMapOnChange(block) {
 
     promoteMaterialContainerFromShadow(block);
 
-    if (!block.getInputTargetBlock("MATERIAL")) {
+    if (!block.getInputTargetBlock('MATERIAL')) {
       respawnMaterialShadow(block);
       return;
     }
@@ -375,66 +371,60 @@ function attachCreateMapOnChange(block) {
 }
 
 export function defineSceneBlocks() {
-  Blockly.Blocks["set_sky_color"] = {
+  Blockly.Blocks['set_sky_color'] = {
     init: function () {
       initSceneColourLikeBlock(this, {
-        type: "set_sky_color",
-        inputColor: "#6495ED",
+        type: 'set_sky_color',
+        inputColor: '#6495ED',
         listenToMove: true,
       });
     },
   };
 
-  Blockly.Blocks["create_ground"] = {
+  Blockly.Blocks['create_ground'] = {
     init: function () {
       initSceneColourLikeBlock(this, {
-        type: "create_ground",
-        inputColor: "#71BC78",
+        type: 'create_ground',
+        inputColor: '#71BC78',
         listenToMove: true,
       });
     },
   };
 
-  Blockly.Blocks["set_background_color"] = {
+  Blockly.Blocks['set_background_color'] = {
     init: function () {
       initSceneColourLikeBlock(this, {
-        type: "set_background_color",
-        inputColor: "#6495ED",
-        check: ["Colour"],
+        type: 'set_background_color',
+        inputColor: '#6495ED',
+        check: ['Colour'],
         listenToMove: true,
       });
     },
   };
 
-  Blockly.Blocks["create_map"] = {
+  Blockly.Blocks['create_map'] = {
     init: function () {
       const args0 = [
         ...buildMapNameDropdownArgs(),
         buildInputValueArg({
-          name: "MATERIAL",
-          check: [
-            "Material",
-            "Array",
-            "Colour",
-            "material_like",
-            "colour_array",
-          ],
+          name: 'MATERIAL',
+          check: ['Material', 'Array', 'Colour', 'material_like', 'colour_array'],
         }),
       ];
 
-      initSceneJsonBlock(this, { type: "create_map", args0 });
+      initSceneJsonBlock(this, { type: 'create_map', args0 });
       attachCreateMapOnChange(this);
     },
   };
 
-  Blockly.Blocks["show"] = {
+  Blockly.Blocks['show'] = {
     init: function () {
       initSceneJsonBlock(this, {
-        type: "show",
+        type: 'show',
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
         ],
@@ -443,14 +433,14 @@ export function defineSceneBlocks() {
     },
   };
 
-  Blockly.Blocks["hide"] = {
+  Blockly.Blocks['hide'] = {
     init: function () {
       initSceneJsonBlock(this, {
-        type: "hide",
+        type: 'hide',
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
         ],
@@ -459,14 +449,14 @@ export function defineSceneBlocks() {
     },
   };
 
-  Blockly.Blocks["dispose"] = {
+  Blockly.Blocks['dispose'] = {
     init: function () {
       initSceneJsonBlock(this, {
-        type: "dispose",
+        type: 'dispose',
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
         ],
@@ -474,45 +464,39 @@ export function defineSceneBlocks() {
     },
   };
 
-  Blockly.Blocks["clone_mesh"] = {
+  Blockly.Blocks['clone_mesh'] = {
     init: function () {
-      const variableNamePrefix = "clone";
-      const nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'clone';
+      const nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
 
       this.jsonInit({
-        message0: translate("clone_mesh"),
+        message0: translate('clone_mesh'),
         args0: [
           {
-            type: "field_variable",
-            name: "CLONE_VAR",
+            type: 'field_variable',
+            name: 'CLONE_VAR',
             variable: nextVariableName,
           },
           {
-            type: "field_variable",
-            name: "SOURCE_MESH",
+            type: 'field_variable',
+            name: 'SOURCE_MESH',
             variable: window.currentMesh,
           },
         ],
         inputsInline: true,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("clone_mesh"),
-        helpUrl: "",
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('clone_mesh'),
+        helpUrl: '',
         previousStatement: null,
         nextStatement: null,
       });
 
       registerBlockHandler(this, (changeEvent) => {
-        handleBlockCreateEvent(
-          this,
-          changeEvent,
-          variableNamePrefix,
-          nextVariableIndexes,
-        );
+        handleBlockCreateEvent(this, changeEvent, variableNamePrefix, nextVariableIndexes);
       });
 
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
       addDoMutatorWithToggleBehavior(this);
     },
   };
diff --git a/blocks/sensing.js b/blocks/sensing.js
index 7cf5a2cf2..10d2b40d2 100644
--- a/blocks/sensing.js
+++ b/blocks/sensing.js
@@ -1,5 +1,5 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
 import {
   getHelpUrlFor,
   addToggleButton,
@@ -9,21 +9,16 @@ import {
   handleBlockCreateEvent,
   updateShape,
   registerBlockHandler,
-} from "./blocks.js";
-import {
-  translate,
-  getTooltip,
-  getOption,
-  getDropdownOption,
-} from "../main/translation.js";
-import { ACTIONS } from "../input/bindings.js";
+} from './blocks.js';
+import { translate, getTooltip, getOption, getDropdownOption } from '../main/translation.js';
+import { ACTIONS } from '../input/bindings.js';
 import { makeMicrobitStatusIcon } from './blockIcons.js';
 import { getMicrobitManager, VariableStatus } from '../microbit/manager.js';
 import { showBanner } from '../ui/notifications.js';
 
 // Gamepad-only accessibility actions have no keyboard equivalent, so they're
 // excluded from the keyboard-facing action dropdowns below.
-const KEYBOARD_ACTIONS = ACTIONS.filter((a) => !a.startsWith("A11Y_"));
+const KEYBOARD_ACTIONS = ACTIONS.filter((a) => !a.startsWith('A11Y_'));
 
 const MICROBIT_STATUS_FIELD = 'STATUS';
 export const MICROBIT_ANY_DEVICE = '__any__';
@@ -52,9 +47,7 @@ function microbitDeviceDropdownOptions(workspace, selectedVariableId) {
   // when its add_microbit block is gone or hasn't loaded yet — the menu is
   // derived from add_microbit blocks, but the selection's validity is not.
   if (selectedVariableId && !seenVariableIds.has(selectedVariableId)) {
-    const variable = workspace
-      .getVariableMap()
-      .getVariableById(selectedVariableId);
+    const variable = workspace.getVariableMap().getVariableById(selectedVariableId);
     if (variable) options.push([variable.name, variable.getId()]);
   }
   return options;
@@ -68,10 +61,7 @@ export class MicrobitDeviceDropdown extends Blockly.FieldDropdown {
   constructor() {
     super(function () {
       const workspace = this.sourceBlock_?.workspace;
-      return microbitDeviceDropdownOptions(
-        workspace,
-        this._candidateValue ?? this.getValue(),
-      );
+      return microbitDeviceDropdownOptions(workspace, this._candidateValue ?? this.getValue());
     });
     this._candidateValue = null;
   }
@@ -86,9 +76,7 @@ export class MicrobitDeviceDropdown extends Blockly.FieldDropdown {
       const variable =
         variableMap?.getVariableById(newValue) ??
         // Legacy saves stored the variable name rather than its id.
-        variableMap
-          ?.getAllVariables()
-          .find((candidate) => candidate.name === newValue) ??
+        variableMap?.getAllVariables().find((candidate) => candidate.name === newValue) ??
         null;
       if (variable) {
         // Refresh the cached options with the accepted value so the label
@@ -173,10 +161,7 @@ export function isMicrobitRefreshEvent(changeEvent) {
     return true;
   }
   if (changeEvent.type !== Blockly.Events.BLOCK_CHANGE) return false;
-  return (
-    changeEvent.element !== 'field' ||
-    MICROBIT_REFRESH_FIELDS.has(changeEvent.name)
-  );
+  return changeEvent.element !== 'field' || MICROBIT_REFRESH_FIELDS.has(changeEvent.name);
 }
 
 let refreshingMicrobitBlocks = false;
@@ -250,8 +235,7 @@ export function refreshMicrobitBlocks(workspace) {
           const variable = workspace.getVariableMap().getVariableById(device);
           tethered =
             !!variable &&
-            manager.getStatusForVariable(variable.name).state ===
-              VariableStatus.TETHERED;
+            manager.getStatusForVariable(variable.name).state === VariableStatus.TETHERED;
         }
         block.setWarningText(tethered ? null : translate(warningKey));
       }
@@ -285,449 +269,446 @@ function wireMicrobitManager() {
 }
 
 export function defineSensingBlocks() {
-  Blockly.Blocks["key_pressed"] = {
+  Blockly.Blocks['key_pressed'] = {
     init: function () {
       this.jsonInit({
-        type: "key_pressed",
-        message0: translate("key_pressed"),
+        type: 'key_pressed',
+        message0: translate('key_pressed'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "KEY",
+            type: 'field_dropdown',
+            name: 'KEY',
             options: [
-              getDropdownOption("ANY"),
-              getDropdownOption("NONE"),
-              getDropdownOption("w"),
-              getDropdownOption("a"),
-              getDropdownOption("s"),
-              getDropdownOption("d"),
-              [getOption("space_infinity"), " "],
-              [getOption("q_icon"), "q"],
-              [getOption("e_icon"), "e"],
-              [getOption("f_icon"), "f"],
+              getDropdownOption('ANY'),
+              getDropdownOption('NONE'),
+              getDropdownOption('w'),
+              getDropdownOption('a'),
+              getDropdownOption('s'),
+              getDropdownOption('d'),
+              [getOption('space_infinity'), ' '],
+              [getOption('q_icon'), 'q'],
+              [getOption('e_icon'), 'e'],
+              [getOption('f_icon'), 'f'],
             ],
           },
         ],
-        output: "Boolean",
-        colour: categoryColours["Sensing"],
-        tooltip: getTooltip("key_pressed"),
+        output: 'Boolean',
+        colour: categoryColours['Sensing'],
+        tooltip: getTooltip('key_pressed'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
     },
   };
 
-  Blockly.Blocks["action_pressed"] = {
+  Blockly.Blocks['action_pressed'] = {
     init: function () {
       this.jsonInit({
-        type: "action_pressed",
-        message0: translate("action_pressed"),
+        type: 'action_pressed',
+        message0: translate('action_pressed'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "ACTION",
+            type: 'field_dropdown',
+            name: 'ACTION',
             options: KEYBOARD_ACTIONS.map((a) => [getOption(`ACTION_${a}`), a]),
           },
         ],
-        output: "Boolean",
-        colour: categoryColours["Sensing"],
-        tooltip: getTooltip("action_pressed"),
+        output: 'Boolean',
+        colour: categoryColours['Sensing'],
+        tooltip: getTooltip('action_pressed'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
     },
   };
 
-  Blockly.Blocks["set_action_key"] = {
+  Blockly.Blocks['set_action_key'] = {
     init: function () {
       this.jsonInit({
-        type: "set_action_key",
-        message0: translate("set_action_key"),
+        type: 'set_action_key',
+        message0: translate('set_action_key'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "ACTION",
+            type: 'field_dropdown',
+            name: 'ACTION',
             options: KEYBOARD_ACTIONS.map((a) => [getOption(`ACTION_${a}`), a]),
           },
           {
-            type: "field_grid_dropdown",
-            name: "KEY",
+            type: 'field_grid_dropdown',
+            name: 'KEY',
             columns: 10,
             options: [
-              getDropdownOption("0"),
-              getDropdownOption("1"),
-              getDropdownOption("2"),
-              getDropdownOption("3"),
-              getDropdownOption("4"),
-              getDropdownOption("5"),
-              getDropdownOption("6"),
-              getDropdownOption("7"),
-              getDropdownOption("8"),
-              getDropdownOption("9"),
-              getDropdownOption("a"),
-              getDropdownOption("b"),
-              getDropdownOption("c"),
-              getDropdownOption("d"),
-              getDropdownOption("e"),
-              getDropdownOption("f"),
-              getDropdownOption("g"),
-              getDropdownOption("h"),
-              getDropdownOption("i"),
-              getDropdownOption("j"),
-              getDropdownOption("k"),
-              getDropdownOption("l"),
-              getDropdownOption("m"),
-              getDropdownOption("n"),
-              getDropdownOption("o"),
-              getDropdownOption("p"),
-              getDropdownOption("q"),
-              getDropdownOption("r"),
-              getDropdownOption("s"),
-              getDropdownOption("t"),
-              getDropdownOption("u"),
-              getDropdownOption("v"),
-              getDropdownOption("w"),
-              getDropdownOption("x"),
-              getDropdownOption("y"),
-              getDropdownOption("z"),
-              getDropdownOption(" "),
-              getDropdownOption(","),
-              getDropdownOption("."),
-              getDropdownOption("/"),
-              getDropdownOption("ArrowLeft"),
-              getDropdownOption("ArrowUp"),
-              getDropdownOption("ArrowRight"),
-              getDropdownOption("ArrowDown"),
+              getDropdownOption('0'),
+              getDropdownOption('1'),
+              getDropdownOption('2'),
+              getDropdownOption('3'),
+              getDropdownOption('4'),
+              getDropdownOption('5'),
+              getDropdownOption('6'),
+              getDropdownOption('7'),
+              getDropdownOption('8'),
+              getDropdownOption('9'),
+              getDropdownOption('a'),
+              getDropdownOption('b'),
+              getDropdownOption('c'),
+              getDropdownOption('d'),
+              getDropdownOption('e'),
+              getDropdownOption('f'),
+              getDropdownOption('g'),
+              getDropdownOption('h'),
+              getDropdownOption('i'),
+              getDropdownOption('j'),
+              getDropdownOption('k'),
+              getDropdownOption('l'),
+              getDropdownOption('m'),
+              getDropdownOption('n'),
+              getDropdownOption('o'),
+              getDropdownOption('p'),
+              getDropdownOption('q'),
+              getDropdownOption('r'),
+              getDropdownOption('s'),
+              getDropdownOption('t'),
+              getDropdownOption('u'),
+              getDropdownOption('v'),
+              getDropdownOption('w'),
+              getDropdownOption('x'),
+              getDropdownOption('y'),
+              getDropdownOption('z'),
+              getDropdownOption(' '),
+              getDropdownOption(','),
+              getDropdownOption('.'),
+              getDropdownOption('/'),
+              getDropdownOption('ArrowLeft'),
+              getDropdownOption('ArrowUp'),
+              getDropdownOption('ArrowRight'),
+              getDropdownOption('ArrowDown'),
             ],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sensing"],
-        tooltip: getTooltip("set_action_key"),
+        colour: categoryColours['Sensing'],
+        tooltip: getTooltip('set_action_key'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
     },
   };
 
-  Blockly.Blocks["meshes_touching"] = {
+  Blockly.Blocks['meshes_touching'] = {
     init: function () {
       this.jsonInit({
-        type: "meshes_are_touching",
-        message0: translate("meshes_touching"),
+        type: 'meshes_are_touching',
+        message0: translate('meshes_touching'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH1",
+            type: 'field_variable',
+            name: 'MESH1',
             variable: window.currentMesh,
           },
           {
-            type: "field_variable",
-            name: "MESH2",
-            variable: "object2",
+            type: 'field_variable',
+            name: 'MESH2',
+            variable: 'object2',
           },
         ],
-        output: "Boolean",
-        colour: categoryColours["Sensing"],
-        tooltip: getTooltip("meshes_touching"),
+        output: 'Boolean',
+        colour: categoryColours['Sensing'],
+        tooltip: getTooltip('meshes_touching'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
     },
   };
 
-  Blockly.Blocks["time"] = {
+  Blockly.Blocks['time'] = {
     init: function () {
       this.jsonInit({
-        type: "time",
-        message0: translate("time"),
+        type: 'time',
+        message0: translate('time'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "UNIT",
+            type: 'field_dropdown',
+            name: 'UNIT',
             options: [
-              [getOption("seconds"), "seconds"],
-              [getOption("milliseconds"), "milliseconds"],
-              [getOption("minutes"), "minutes"],
+              [getOption('seconds'), 'seconds'],
+              [getOption('milliseconds'), 'milliseconds'],
+              [getOption('minutes'), 'minutes'],
             ],
           },
         ],
-        output: "Number",
-        colour: categoryColours["Sensing"],
+        output: 'Number',
+        colour: categoryColours['Sensing'],
         inputsInline: true,
-        tooltip: getTooltip("time"),
+        tooltip: getTooltip('time'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
     },
   };
 
-  Blockly.Blocks["ground_level"] = {
+  Blockly.Blocks['ground_level'] = {
     init: function () {
       this.jsonInit({
-        type: "ground_level",
-        message0: translate("ground_level"),
-        output: "Number",
-        colour: categoryColours["Sensing"],
-        tooltip: getTooltip("ground_level"),
+        type: 'ground_level',
+        message0: translate('ground_level'),
+        output: 'Number',
+        colour: categoryColours['Sensing'],
+        tooltip: getTooltip('ground_level'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
     },
   };
 
-  Blockly.Blocks["distance_to"] = {
+  Blockly.Blocks['distance_to'] = {
     init: function () {
       this.jsonInit({
-        type: "distance_to",
-        message0: translate("distance_to"),
+        type: 'distance_to',
+        message0: translate('distance_to'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL1",
+            type: 'field_variable',
+            name: 'MODEL1',
             variable: window.currentMesh,
           },
           {
-            type: "field_variable",
-            name: "MODEL2",
-            variable: "object2",
+            type: 'field_variable',
+            name: 'MODEL2',
+            variable: 'object2',
           },
         ],
-        output: "Number",
-        colour: categoryColours["Sensing"],
+        output: 'Number',
+        colour: categoryColours['Sensing'],
         inputsInline: true,
-        tooltip: getTooltip("distance_to"),
+        tooltip: getTooltip('distance_to'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
     },
   };
 
-  Blockly.Blocks["touching_surface"] = {
+  Blockly.Blocks['touching_surface'] = {
     init: function () {
       this.jsonInit({
-        type: "touching_surface",
-        message0: translate("touching_surface"),
+        type: 'touching_surface',
+        message0: translate('touching_surface'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
         ],
-        output: "Boolean",
-        colour: categoryColours["Sensing"],
-        tooltip: getTooltip("touching_surface"),
+        output: 'Boolean',
+        colour: categoryColours['Sensing'],
+        tooltip: getTooltip('touching_surface'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
     },
   };
 
-  Blockly.Blocks["mesh_exists"] = {
+  Blockly.Blocks['mesh_exists'] = {
     init: function () {
       this.jsonInit({
-        type: "mesh_exists",
-        message0: translate("mesh_exists"),
+        type: 'mesh_exists',
+        message0: translate('mesh_exists'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL_VAR",
+            type: 'field_variable',
+            name: 'MODEL_VAR',
             variable: window.currentMesh,
           },
         ],
-        output: "Boolean",
-        colour: categoryColours["Sensing"],
-        tooltip: getTooltip("mesh_exists"),
+        output: 'Boolean',
+        colour: categoryColours['Sensing'],
+        tooltip: getTooltip('mesh_exists'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
     },
   };
 
-  Blockly.Blocks["get_property"] = {
+  Blockly.Blocks['get_property'] = {
     init: function () {
       this.jsonInit({
-        type: "get_property",
-        message0: translate("get_property"),
+        type: 'get_property',
+        message0: translate('get_property'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "PROPERTY",
+            type: 'field_dropdown',
+            name: 'PROPERTY',
             options: [
-              getDropdownOption("POSITION_X"),
-              getDropdownOption("POSITION_Y"),
-              getDropdownOption("POSITION_Z"),
-              getDropdownOption("ROTATION_X"),
-              getDropdownOption("ROTATION_Y"),
-              getDropdownOption("ROTATION_Z"),
-              getDropdownOption("MIN_X"),
-              getDropdownOption("MAX_X"),
-              getDropdownOption("MIN_Y"),
-              getDropdownOption("MAX_Y"),
-              getDropdownOption("MIN_Z"),
-              getDropdownOption("MAX_Z"),
-              getDropdownOption("SCALE_X"),
-              getDropdownOption("SCALE_Y"),
-              getDropdownOption("SCALE_Z"),
-              getDropdownOption("SIZE_X"),
-              getDropdownOption("SIZE_Y"),
-              getDropdownOption("SIZE_Z"),
-              getDropdownOption("SPEED_X"),
-              getDropdownOption("SPEED_Y"),
-              getDropdownOption("SPEED_Z"),
-              getDropdownOption("SPEED"),
-              getDropdownOption("VISIBLE"),
-              getDropdownOption("ALPHA"),
-              getDropdownOption("COLOUR"),
-              getDropdownOption("DESCRIPTION"),
+              getDropdownOption('POSITION_X'),
+              getDropdownOption('POSITION_Y'),
+              getDropdownOption('POSITION_Z'),
+              getDropdownOption('ROTATION_X'),
+              getDropdownOption('ROTATION_Y'),
+              getDropdownOption('ROTATION_Z'),
+              getDropdownOption('MIN_X'),
+              getDropdownOption('MAX_X'),
+              getDropdownOption('MIN_Y'),
+              getDropdownOption('MAX_Y'),
+              getDropdownOption('MIN_Z'),
+              getDropdownOption('MAX_Z'),
+              getDropdownOption('SCALE_X'),
+              getDropdownOption('SCALE_Y'),
+              getDropdownOption('SCALE_Z'),
+              getDropdownOption('SIZE_X'),
+              getDropdownOption('SIZE_Y'),
+              getDropdownOption('SIZE_Z'),
+              getDropdownOption('SPEED_X'),
+              getDropdownOption('SPEED_Y'),
+              getDropdownOption('SPEED_Z'),
+              getDropdownOption('SPEED'),
+              getDropdownOption('VISIBLE'),
+              getDropdownOption('ALPHA'),
+              getDropdownOption('COLOUR'),
+              getDropdownOption('DESCRIPTION'),
             ],
           },
           {
-            type: "field_variable",
-            name: "MESH",
+            type: 'field_variable',
+            name: 'MESH',
             variable: window.currentMesh,
           },
         ],
         output: null,
-        colour: categoryColours["Sensing"],
-        tooltip: getTooltip("get_property"),
+        colour: categoryColours['Sensing'],
+        tooltip: getTooltip('get_property'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
     },
   };
 
-  Blockly.Blocks["canvas_controls"] = {
+  Blockly.Blocks['canvas_controls'] = {
     init: function () {
       this.jsonInit({
-        type: "canvas_controls",
-        message0: translate("canvas_controls"),
+        type: 'canvas_controls',
+        message0: translate('canvas_controls'),
         args0: [
           {
-            type: "field_checkbox",
-            name: "CONTROLS",
+            type: 'field_checkbox',
+            name: 'CONTROLS',
             checked: true,
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sensing"],
-        tooltip: getTooltip("canvas_controls"),
+        colour: categoryColours['Sensing'],
+        tooltip: getTooltip('canvas_controls'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
     },
   };
 
-  Blockly.Blocks["interact_indicator"] = {
+  Blockly.Blocks['interact_indicator'] = {
     init: function () {
       this.jsonInit({
-        type: "interact_indicator",
-        message0: translate("interact_indicator"),
+        type: 'interact_indicator',
+        message0: translate('interact_indicator'),
         args0: [
           {
-            type: "field_checkbox",
-            name: "ENABLED",
+            type: 'field_checkbox',
+            name: 'ENABLED',
             checked: true,
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sensing"],
-        tooltip: getTooltip("interact_indicator"),
+        colour: categoryColours['Sensing'],
+        tooltip: getTooltip('interact_indicator'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
     },
   };
 
-  Blockly.Blocks["button_controls"] = {
+  Blockly.Blocks['button_controls'] = {
     init: function () {
       this.jsonInit({
-        type: "button_controls",
-        message0: translate("button_controls"),
+        type: 'button_controls',
+        message0: translate('button_controls'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "CONTROL",
+            type: 'field_dropdown',
+            name: 'CONTROL',
             options: [
-              getDropdownOption("BOTH"),
-              getDropdownOption("ARROWS"),
-              getDropdownOption("ACTIONS"),
+              getDropdownOption('BOTH'),
+              getDropdownOption('ARROWS'),
+              getDropdownOption('ACTIONS'),
             ],
           },
           {
-            type: "field_dropdown",
-            name: "ENABLED",
+            type: 'field_dropdown',
+            name: 'ENABLED',
             options: [
-              getDropdownOption("AUTO"),
-              getDropdownOption("ENABLED"),
-              getDropdownOption("DISABLED"),
+              getDropdownOption('AUTO'),
+              getDropdownOption('ENABLED'),
+              getDropdownOption('DISABLED'),
             ],
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'COLOR',
+            check: 'Colour',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sensing"],
-        tooltip: getTooltip("button_controls"),
+        colour: categoryColours['Sensing'],
+        tooltip: getTooltip('button_controls'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
     },
   };
 
-  Blockly.Blocks["on_screen_controls"] = {
+  Blockly.Blocks['on_screen_controls'] = {
     init: function () {
       this.jsonInit({
-        type: "on_screen_controls",
-        message0: translate("on_screen_controls"),
+        type: 'on_screen_controls',
+        message0: translate('on_screen_controls'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "MOVEMENT",
+            type: 'field_dropdown',
+            name: 'MOVEMENT',
             options: [
-              getDropdownOption("ARROWS"),
-              getDropdownOption("JOYSTICK"),
-              getDropdownOption("NONE"),
+              getDropdownOption('ARROWS'),
+              getDropdownOption('JOYSTICK'),
+              getDropdownOption('NONE'),
             ],
           },
           {
-            type: "field_dropdown",
-            name: "ACTIONS",
-            options: [
-              getDropdownOption("YES"),
-              getDropdownOption("NO"),
-            ],
+            type: 'field_dropdown',
+            name: 'ACTIONS',
+            options: [getDropdownOption('YES'), getDropdownOption('NO')],
           },
           {
-            type: "field_dropdown",
-            name: "ENABLED",
+            type: 'field_dropdown',
+            name: 'ENABLED',
             options: [
-              getDropdownOption("AUTO"),
-              getDropdownOption("ENABLED"),
-              getDropdownOption("DISABLED"),
+              getDropdownOption('AUTO'),
+              getDropdownOption('ENABLED'),
+              getDropdownOption('DISABLED'),
             ],
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'COLOR',
+            check: 'Colour',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sensing"],
-        tooltip: getTooltip("on_screen_controls"),
+        colour: categoryColours['Sensing'],
+        tooltip: getTooltip('on_screen_controls'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
     },
   };
 
@@ -790,55 +771,55 @@ export function defineSensingBlocks() {
     },
   };
 
-  Blockly.Blocks["microbit_input"] = {
+  Blockly.Blocks['microbit_input'] = {
     init: function () {
       this.jsonInit({
-        type: "microbit_input",
-        message0: translate("microbit_input"),
+        type: 'microbit_input',
+        message0: translate('microbit_input'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "EVENT",
+            type: 'field_dropdown',
+            name: 'EVENT',
             options: [
-              [getOption("pin_0"), "0"],
-              [getOption("pin_1"), "1"],
-              [getOption("pin_2"), "2"],
-              [getOption("pin_l"), "l"],
-              [getOption("pin_j"), "j"],
-              [getOption("pin_h"), "h"],
-              [getOption("pin_k"), "k"],
-              [getOption("pin_space"), " "],
-              [getOption("pin_q"), "q"],
-              [getOption("pin_r"), "r"],
-              [getOption("pin_t"), "t"],
-              [getOption("pin_o"), "o"],
-              [getOption("pin_p"), "p"],
-              [getOption("pin_a"), "a"],
-              [getOption("pin_d"), "d"],
-              [getOption("pin_y"), "y"],
-              [getOption("pin_g"), "g"],
-              [getOption("pin_i"), "i"],
+              [getOption('pin_0'), '0'],
+              [getOption('pin_1'), '1'],
+              [getOption('pin_2'), '2'],
+              [getOption('pin_l'), 'l'],
+              [getOption('pin_j'), 'j'],
+              [getOption('pin_h'), 'h'],
+              [getOption('pin_k'), 'k'],
+              [getOption('pin_space'), ' '],
+              [getOption('pin_q'), 'q'],
+              [getOption('pin_r'), 'r'],
+              [getOption('pin_t'), 't'],
+              [getOption('pin_o'), 'o'],
+              [getOption('pin_p'), 'p'],
+              [getOption('pin_a'), 'a'],
+              [getOption('pin_d'), 'd'],
+              [getOption('pin_y'), 'y'],
+              [getOption('pin_g'), 'g'],
+              [getOption('pin_i'), 'i'],
             ],
           },
         ],
-        message1: "%1",
+        message1: '%1',
         args1: [
           {
-            type: "input_statement",
-            name: "DO",
+            type: 'input_statement',
+            name: 'DO',
           },
         ],
-        colour: categoryColours["Sensing"],
-        tooltip: getTooltip("microbit_input"),
+        colour: categoryColours['Sensing'],
+        tooltip: getTooltip('microbit_input'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sensing_blocks");
+      this.setStyle('sensing_blocks');
 
       // Device dropdown (dynamic_mesh_dropdown style): "any" plus the
       // micro:bit variables defined via add_microbit blocks. Appended outside
       // message0 so legacy XML — which has no DEVICE field — loads unchanged
       // and defaults to "any".
-      this.inputList[0].appendField(new MicrobitDeviceDropdown(), "DEVICE");
+      this.inputList[0].appendField(new MicrobitDeviceDropdown(), 'DEVICE');
       syncMicrobitDeviceField(this);
       this.setOnChange((changeEvent) => {
         if (
@@ -864,82 +845,81 @@ export function defineSensingBlocks() {
       this.updateShape_(!this.isInline);
     },
   };
-  Blockly.Blocks["ui_slider"] = {
+  Blockly.Blocks['ui_slider'] = {
     init: function () {
-      const variableNamePrefix = "slider";
-      const nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'slider';
+      const nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
       this.jsonInit({
-        type: "ui_slider",
-        message0: translate("ui_slider"),
+        type: 'ui_slider',
+        message0: translate('ui_slider'),
         args0: [
           {
-            type: "field_variable",
-            name: "SLIDER_VAR",
+            type: 'field_variable',
+            name: 'SLIDER_VAR',
             variable: nextVariableName,
           },
           {
-            type: "input_value",
-            name: "MIN",
-            check: "Number",
+            type: 'input_value',
+            name: 'MIN',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "MAX",
-            check: "Number",
+            type: 'input_value',
+            name: 'MAX',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "VALUE",
-            check: "Number",
+            type: 'input_value',
+            name: 'VALUE',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "BACKGROUND",
-            check: "Colour",
+            type: 'input_value',
+            name: 'BACKGROUND',
+            check: 'Colour',
           },
           {
-            type: "field_dropdown",
-            name: "SIZE",
+            type: 'field_dropdown',
+            name: 'SIZE',
             options: [
-              getDropdownOption("SMALL"),
-              getDropdownOption("MEDIUM"),
-              getDropdownOption("LARGE"),
+              getDropdownOption('SMALL'),
+              getDropdownOption('MEDIUM'),
+              getDropdownOption('LARGE'),
             ],
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Text"],
-        tooltip: getTooltip("ui_slider"),
+        colour: categoryColours['Text'],
+        tooltip: getTooltip('ui_slider'),
       });
 
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("text_blocks");
+      this.setStyle('text_blocks');
       registerBlockHandler(this, (changeEvent) =>
         handleBlockCreateEvent(
           this,
           changeEvent,
           variableNamePrefix,
           nextVariableIndexes,
-          "SLIDER_VAR",
-        ),
+          'SLIDER_VAR'
+        )
       );
     },
   };
diff --git a/blocks/shapes.js b/blocks/shapes.js
index 7eedb111b..831ac1966 100644
--- a/blocks/shapes.js
+++ b/blocks/shapes.js
@@ -1,5 +1,5 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
 import {
   nextVariableIndexes,
   handleBlockChange,
@@ -7,933 +7,918 @@ import {
   handleBlockCreateEvent,
   getHelpUrlFor,
   registerBlockHandler,
-} from "./blocks.js";
-import {
-  translate,
-  getTooltip,
-  getDropdownOption,
-} from "../main/translation.js";
+} from './blocks.js';
+import { translate, getTooltip, getDropdownOption } from '../main/translation.js';
 
 export function defineShapeBlocks() {
   // Define the particle effect block.
-  Blockly.Blocks["create_particle_effect"] = {
+  Blockly.Blocks['create_particle_effect'] = {
     init: function () {
-      const variableNamePrefix = "particleEffect";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'particleEffect';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
       this.jsonInit({
-        message0: translate("create_particle_effect"),
+        message0: translate('create_particle_effect'),
         args0: [
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: nextVariableName,
           },
           {
-            type: "field_variable",
-            name: "EMITTER_MESH",
+            type: 'field_variable',
+            name: 'EMITTER_MESH',
             variable: window.currentMesh,
           },
           {
-            type: "field_grid_dropdown",
-            name: "SHAPE",
+            type: 'field_grid_dropdown',
+            name: 'SHAPE',
             options: [
               [
                 {
-                  src: "./textures/circle_texture.png",
+                  src: './textures/circle_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Circle",
+                  alt: 'Circle',
                 },
-                "circle_texture.png",
+                'circle_texture.png',
               ],
               [
                 {
-                  src: "./textures/balloon_texture.png",
+                  src: './textures/balloon_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Balloon",
+                  alt: 'Balloon',
                 },
-                "balloon_texture.png",
+                'balloon_texture.png',
               ],
               [
                 {
-                  src: "./textures/bee_texture.png",
+                  src: './textures/bee_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Bee",
+                  alt: 'Bee',
                 },
-                "bee_texture.png",
+                'bee_texture.png',
               ],
               [
                 {
-                  src: "./textures/bird_texture.png",
+                  src: './textures/bird_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Bird",
+                  alt: 'Bird',
                 },
-                "bird_texture.png",
+                'bird_texture.png',
               ],
               [
                 {
-                  src: "./textures/blast_texture.png",
+                  src: './textures/blast_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Blast",
+                  alt: 'Blast',
                 },
-                "blast_texture.png",
+                'blast_texture.png',
               ],
               [
                 {
-                  src: "./textures/bubble_texture.png",
+                  src: './textures/bubble_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Bubble",
+                  alt: 'Bubble',
                 },
-                "bubble_texture.png",
+                'bubble_texture.png',
               ],
               [
                 {
-                  src: "./textures/burst_texture.png",
+                  src: './textures/burst_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Burst",
+                  alt: 'Burst',
                 },
-                "burst_texture.png",
+                'burst_texture.png',
               ],
               [
                 {
-                  src: "./textures/chevron_texture.png",
+                  src: './textures/chevron_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Cheveron",
+                  alt: 'Cheveron',
                 },
-                "chevron_texture.png",
+                'chevron_texture.png',
               ],
               [
                 {
-                  src: "./textures/comet_texture.png",
+                  src: './textures/comet_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Comet",
+                  alt: 'Comet',
                 },
-                "comet_texture.png",
+                'comet_texture.png',
               ],
               [
                 {
-                  src: "./textures/confetti_texture.png",
+                  src: './textures/confetti_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Confetti",
+                  alt: 'Confetti',
                 },
-                "confetti_texture.png",
+                'confetti_texture.png',
               ],
               [
                 {
-                  src: "./textures/exclaim_texture.png",
+                  src: './textures/exclaim_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Exclaim",
+                  alt: 'Exclaim',
                 },
-                "exclaim_texture.png",
+                'exclaim_texture.png',
               ],
               [
                 {
-                  src: "./textures/flock_texture.png",
+                  src: './textures/flock_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Flock",
+                  alt: 'Flock',
                 },
-                "flock_texture.png",
+                'flock_texture.png',
               ],
               [
                 {
-                  src: "./textures/fish_texture.png",
+                  src: './textures/fish_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Fish",
+                  alt: 'Fish',
                 },
-                "fish_texture.png",
+                'fish_texture.png',
               ],
               [
                 {
-                  src: "./textures/fragments_texture.png",
+                  src: './textures/fragments_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Fragments",
+                  alt: 'Fragments',
                 },
-                "fragments_texture.png",
+                'fragments_texture.png',
               ],
               [
                 {
-                  src: "./textures/gem_texture.png",
+                  src: './textures/gem_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Gem",
+                  alt: 'Gem',
                 },
-                "gem_texture.png",
+                'gem_texture.png',
               ],
               [
                 {
-                  src: "./textures/ghost_texture.png",
+                  src: './textures/ghost_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Ghost",
+                  alt: 'Ghost',
                 },
-                "ghost_texture.png",
+                'ghost_texture.png',
               ],
               [
                 {
-                  src: "./textures/heart_texture.png",
+                  src: './textures/heart_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Heart",
+                  alt: 'Heart',
                 },
-                "heart_texture.png",
+                'heart_texture.png',
               ],
               [
                 {
-                  src: "./textures/leaf_texture.png",
+                  src: './textures/leaf_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Leaf",
+                  alt: 'Leaf',
                 },
-                "leaf_texture.png",
+                'leaf_texture.png',
               ],
               [
                 {
-                  src: "./textures/leaf2_texture.png",
+                  src: './textures/leaf2_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Leaf",
+                  alt: 'Leaf',
                 },
-                "leaf2_texture.png",
+                'leaf2_texture.png',
               ],
               [
                 {
-                  src: "./textures/mic_texture.png",
+                  src: './textures/mic_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Mic",
+                  alt: 'Mic',
                 },
-                "mic_texture.png",
+                'mic_texture.png',
               ],
               [
                 {
-                  src: "./textures/money_texture.png",
+                  src: './textures/money_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Money",
+                  alt: 'Money',
                 },
-                "money_texture.png",
+                'money_texture.png',
               ],
               [
                 {
-                  src: "./textures/music_texture.png",
+                  src: './textures/music_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Music",
+                  alt: 'Music',
                 },
-                "music_texture.png",
+                'music_texture.png',
               ],
               [
                 {
-                  src: "./textures/paw_texture.png",
+                  src: './textures/paw_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Paw",
+                  alt: 'Paw',
                 },
-                "paw_texture.png",
+                'paw_texture.png',
               ],
               [
                 {
-                  src: "./textures/rays_texture.png",
+                  src: './textures/rays_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Rays",
+                  alt: 'Rays',
                 },
-                "rays_texture.png",
+                'rays_texture.png',
               ],
               [
                 {
-                  src: "./textures/ripple_texture.png",
+                  src: './textures/ripple_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Ripple",
+                  alt: 'Ripple',
                 },
-                "ripple_texture.png",
+                'ripple_texture.png',
               ],
               [
                 {
-                  src: "./textures/rocket_texture.png",
+                  src: './textures/rocket_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Rocket",
+                  alt: 'Rocket',
                 },
-                "rocket_texture.png",
+                'rocket_texture.png',
               ],
               [
                 {
-                  src: "./textures/sleep_texture.png",
+                  src: './textures/sleep_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Sleep",
+                  alt: 'Sleep',
                 },
-                "sleep_texture.png",
+                'sleep_texture.png',
               ],
               [
                 {
-                  src: "./textures/speaking_texture.png",
+                  src: './textures/speaking_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Speaking",
+                  alt: 'Speaking',
                 },
-                "speaking_texture.png",
+                'speaking_texture.png',
               ],
               [
                 {
-                  src: "./textures/splash_texture.png",
+                  src: './textures/splash_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Splash",
+                  alt: 'Splash',
                 },
-                "splash_texture.png",
+                'splash_texture.png',
               ],
               [
                 {
-                  src: "./textures/splat_texture.png",
+                  src: './textures/splat_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Splat",
+                  alt: 'Splat',
                 },
-                "splat_texture.png",
+                'splat_texture.png',
               ],
               [
                 {
-                  src: "./textures/star_texture.png",
+                  src: './textures/star_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Star",
+                  alt: 'Star',
                 },
-                "star_texture.png",
+                'star_texture.png',
               ],
               [
                 {
-                  src: "./textures/sweet_texture.png",
+                  src: './textures/sweet_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Sweet",
+                  alt: 'Sweet',
                 },
-                "sweet_texture.png",
+                'sweet_texture.png',
               ],
               [
                 {
-                  src: "./textures/butterfly_texture.png",
+                  src: './textures/butterfly_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Butterfly",
+                  alt: 'Butterfly',
                 },
-                "butterfly_texture.png",
+                'butterfly_texture.png',
               ],
               [
                 {
-                  src: "./textures/flower_texture.png",
+                  src: './textures/flower_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Flower",
+                  alt: 'Flower',
                 },
-                "flower_texture.png",
+                'flower_texture.png',
               ],
               [
                 {
-                  src: "./textures/flame_texture.png",
+                  src: './textures/flame_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Flame",
+                  alt: 'Flame',
                 },
-                "flame_texture.png",
+                'flame_texture.png',
               ],
               [
                 {
-                  src: "./textures/smoke_texture.png",
+                  src: './textures/smoke_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Smoke",
+                  alt: 'Smoke',
                 },
-                "smoke_texture.png",
+                'smoke_texture.png',
               ],
               [
                 {
-                  src: "./textures/snowflake_texture.png",
+                  src: './textures/snowflake_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Snowflake",
+                  alt: 'Snowflake',
                 },
-                "snowflake_texture.png",
+                'snowflake_texture.png',
               ],
               [
                 {
-                  src: "./textures/swirl_texture.png",
+                  src: './textures/swirl_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Swirl",
+                  alt: 'Swirl',
                 },
-                "swirl_texture.png",
+                'swirl_texture.png',
               ],
               [
                 {
-                  src: "./textures/wave_texture.png",
+                  src: './textures/wave_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Wave",
+                  alt: 'Wave',
                 },
-                "wave_texture.png",
+                'wave_texture.png',
               ],
               [
                 {
-                  src: "./textures/wind_texture.png",
+                  src: './textures/wind_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Wind",
+                  alt: 'Wind',
                 },
-                "wind_texture.png",
+                'wind_texture.png',
               ],
               [
                 {
-                  src: "./textures/strip_texture.png",
+                  src: './textures/strip_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Strip",
+                  alt: 'Strip',
                 },
-                "strip_texture.png",
+                'strip_texture.png',
               ],
               [
                 {
-                  src: "./textures/crescent_texture.png",
+                  src: './textures/crescent_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Crescent",
+                  alt: 'Crescent',
                 },
-                "crescent_texture.png",
+                'crescent_texture.png',
               ],
               [
                 {
-                  src: "./textures/lightning_texture.png",
+                  src: './textures/lightning_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Lightning bolt",
+                  alt: 'Lightning bolt',
                 },
-                "lightning_texture.png",
+                'lightning_texture.png',
               ],
               [
                 {
-                  src: "./textures/droplet_texture.png",
+                  src: './textures/droplet_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Droplet",
+                  alt: 'Droplet',
                 },
-                "droplet_texture.png",
+                'droplet_texture.png',
               ],
               [
                 {
-                  src: "./textures/shard_texture.png",
+                  src: './textures/shard_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Shard",
+                  alt: 'Shard',
                 },
-                "shard_texture.png",
+                'shard_texture.png',
               ],
               [
                 {
-                  src: "./textures/square_texture.png",
+                  src: './textures/square_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Square",
+                  alt: 'Square',
                 },
-                "square_texture.png",
+                'square_texture.png',
               ],
               [
                 {
-                  src: "./textures/arrow_texture.png",
+                  src: './textures/arrow_texture.png',
                   width: 32,
                   height: 32,
-                  alt: "Arrow",
+                  alt: 'Arrow',
                 },
-                "arrow_texture.png",
+                'arrow_texture.png',
               ],
             ],
           },
           {
-            type: "input_value",
-            name: "START_COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'START_COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "END_COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'END_COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "START_ALPHA",
-            check: "Number",
+            type: 'input_value',
+            name: 'START_ALPHA',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "END_ALPHA",
-            check: "Number",
+            type: 'input_value',
+            name: 'END_ALPHA',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "RATE",
-            check: "Number",
+            type: 'input_value',
+            name: 'RATE',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "MIN_SIZE",
-            check: "Number",
+            type: 'input_value',
+            name: 'MIN_SIZE',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "MAX_SIZE",
-            check: "Number",
+            type: 'input_value',
+            name: 'MAX_SIZE',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "MIN_LIFETIME",
-            check: "Number",
+            type: 'input_value',
+            name: 'MIN_LIFETIME',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "MAX_LIFETIME",
-            check: "Number",
+            type: 'input_value',
+            name: 'MAX_LIFETIME',
+            check: 'Number',
           },
           {
-            type: "field_checkbox",
-            name: "GRAVITY",
+            type: 'field_checkbox',
+            name: 'GRAVITY',
             checked: false,
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "MIN_ANGULAR_SPEED",
-            check: "Number",
+            type: 'input_value',
+            name: 'MIN_ANGULAR_SPEED',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "MAX_ANGULAR_SPEED",
-            check: "Number",
+            type: 'input_value',
+            name: 'MAX_ANGULAR_SPEED',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "MIN_INITIAL_ROTATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'MIN_INITIAL_ROTATION',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "MAX_INITIAL_ROTATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'MAX_INITIAL_ROTATION',
+            check: 'Number',
           },
         ],
         inputsInline: true,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("create_particle_effect"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('create_particle_effect'),
         previousStatement: null,
         nextStatement: null,
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
 
       registerBlockHandler(this, (changeEvent) =>
-        handleBlockCreateEvent(
-          this,
-          changeEvent,
-          variableNamePrefix,
-          nextVariableIndexes,
-        ),
+        handleBlockCreateEvent(this, changeEvent, variableNamePrefix, nextVariableIndexes)
       );
     },
   };
 
-  Blockly.Blocks["create_box"] = {
+  Blockly.Blocks['create_box'] = {
     init: function () {
-      const variableNamePrefix = "box";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'box';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
       this.jsonInit({
-        type: "create_box",
-        message0: translate("create_box"),
+        type: 'create_box',
+        message0: translate('create_box'),
         args0: [
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: nextVariableName,
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: ["Colour", "Material"],
+            type: 'input_value',
+            name: 'COLOR',
+            check: ['Colour', 'Material'],
           },
           {
-            type: "input_value",
-            name: "WIDTH",
-            check: "Number",
+            type: 'input_value',
+            name: 'WIDTH',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "HEIGHT",
-            check: "Number",
+            type: 'input_value',
+            name: 'HEIGHT',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DEPTH",
-            check: "Number",
+            type: 'input_value',
+            name: 'DEPTH',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
         ],
         previousStatement: null,
         nextStatement: null,
         inputsInline: true,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("create_box"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('create_box'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
 
       // Set up the change handler.
       registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent, variableNamePrefix),
+        handleBlockChange(this, changeEvent, variableNamePrefix)
       );
       // Add the mutator with toggle behaviour.
       addDoMutatorWithToggleBehavior(this);
     },
   };
 
-  Blockly.Blocks["create_sphere"] = {
+  Blockly.Blocks['create_sphere'] = {
     init: function () {
-      const variableNamePrefix = "sphere";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'sphere';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
       this.jsonInit({
-        type: "create_sphere",
-        message0: translate("create_sphere"),
+        type: 'create_sphere',
+        message0: translate('create_sphere'),
         args0: [
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: nextVariableName,
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: ["Colour", "Material"],
+            type: 'input_value',
+            name: 'COLOR',
+            check: ['Colour', 'Material'],
           },
           {
-            type: "input_value",
-            name: "DIAMETER_X",
-            check: "Number",
+            type: 'input_value',
+            name: 'DIAMETER_X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DIAMETER_Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'DIAMETER_Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DIAMETER_Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'DIAMETER_Z',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
         ],
         previousStatement: null,
         nextStatement: null,
         inputsInline: true,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("create_sphere"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('create_sphere'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
 
       // Set up the change handler.
       registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent, variableNamePrefix),
+        handleBlockChange(this, changeEvent, variableNamePrefix)
       );
       // Add the mutator with toggle behaviour.
       addDoMutatorWithToggleBehavior(this);
     },
   };
 
-  Blockly.Blocks["create_cylinder"] = {
+  Blockly.Blocks['create_cylinder'] = {
     init: function () {
-      const variableNamePrefix = "cylinder";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'cylinder';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
       this.jsonInit({
-        type: "create_cylinder",
-        message0: translate("create_cylinder"),
+        type: 'create_cylinder',
+        message0: translate('create_cylinder'),
         args0: [
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: nextVariableName,
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: ["Colour", "Material"],
+            type: 'input_value',
+            name: 'COLOR',
+            check: ['Colour', 'Material'],
           },
           {
-            type: "input_value",
-            name: "HEIGHT",
-            check: "Number",
+            type: 'input_value',
+            name: 'HEIGHT',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DIAMETER_TOP",
-            check: "Number",
+            type: 'input_value',
+            name: 'DIAMETER_TOP',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DIAMETER_BOTTOM",
-            check: "Number",
+            type: 'input_value',
+            name: 'DIAMETER_BOTTOM',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "TESSELLATIONS",
-            check: "Number",
+            type: 'input_value',
+            name: 'TESSELLATIONS',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
         ],
         previousStatement: null,
         nextStatement: null,
         inputsInline: true,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("create_cylinder"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('create_cylinder'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
 
       // Set up the change handler.
       registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent, variableNamePrefix),
+        handleBlockChange(this, changeEvent, variableNamePrefix)
       );
       // Add the mutator with toggle behaviour.
       addDoMutatorWithToggleBehavior(this);
     },
   };
 
-  Blockly.Blocks["create_capsule"] = {
+  Blockly.Blocks['create_capsule'] = {
     init: function () {
-      const variableNamePrefix = "capsule";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'capsule';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
       this.jsonInit({
-        type: "create_capsule",
-        message0: translate("create_capsule"),
+        type: 'create_capsule',
+        message0: translate('create_capsule'),
         args0: [
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: nextVariableName,
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: ["Colour", "Material"],
+            type: 'input_value',
+            name: 'COLOR',
+            check: ['Colour', 'Material'],
           },
           {
-            type: "input_value",
-            name: "DIAMETER",
-            check: "Number",
+            type: 'input_value',
+            name: 'DIAMETER',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "HEIGHT",
-            check: "Number",
+            type: 'input_value',
+            name: 'HEIGHT',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
         ],
         previousStatement: null,
         nextStatement: null,
         inputsInline: true,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("create_capsule"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('create_capsule'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
 
       // Set up the change handler.
       registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent, variableNamePrefix),
+        handleBlockChange(this, changeEvent, variableNamePrefix)
       );
       // Add the mutator with toggle behaviour.
       addDoMutatorWithToggleBehavior(this);
     },
   };
 
-  Blockly.Blocks["create_plane"] = {
+  Blockly.Blocks['create_plane'] = {
     init: function () {
-      const variableNamePrefix = "plane";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'plane';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
       this.jsonInit({
-        type: "create_plane",
-        message0: translate("create_plane"),
+        type: 'create_plane',
+        message0: translate('create_plane'),
         args0: [
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: nextVariableName,
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: ["Colour", "Material"],
+            type: 'input_value',
+            name: 'COLOR',
+            check: ['Colour', 'Material'],
           },
           {
-            type: "input_value",
-            name: "WIDTH",
-            check: "Number",
+            type: 'input_value',
+            name: 'WIDTH',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "HEIGHT",
-            check: "Number",
+            type: 'input_value',
+            name: 'HEIGHT',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
         ],
         previousStatement: null,
         nextStatement: null,
         inputsInline: true,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("create_plane"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('create_plane'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
 
       // Set up the change handler.
       registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent, variableNamePrefix),
+        handleBlockChange(this, changeEvent, variableNamePrefix)
       );
       // Add the mutator with toggle behaviour.
       addDoMutatorWithToggleBehavior(this);
     },
   };
 
-  Blockly.Blocks["control_particle_system"] = {
+  Blockly.Blocks['control_particle_system'] = {
     init: function () {
       this.jsonInit({
-        type: "particle_system_control",
-        message0: translate("control_particle_system"),
+        type: 'particle_system_control',
+        message0: translate('control_particle_system'),
         args0: [
           {
-            type: "field_variable",
-            name: "SYSTEM_NAME",
+            type: 'field_variable',
+            name: 'SYSTEM_NAME',
             variable: window.currentMesh,
           },
           {
-            type: "field_dropdown",
-            name: "ACTION",
+            type: 'field_dropdown',
+            name: 'ACTION',
             options: [
-              getDropdownOption("start"),
-              getDropdownOption("stop"),
-              getDropdownOption("reset"),
+              getDropdownOption('start'),
+              getDropdownOption('stop'),
+              getDropdownOption('reset'),
             ],
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("control_particle_system"),
-        helpUrl: "",
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('control_particle_system'),
+        helpUrl: '',
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
     },
   };
 }
diff --git a/blocks/sound.js b/blocks/sound.js
index f67d3bdbf..31265fc80 100644
--- a/blocks/sound.js
+++ b/blocks/sound.js
@@ -1,23 +1,14 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
 import {
   nextVariableIndexes,
   handleBlockCreateEvent,
   getHelpUrlFor,
   registerBlockHandler,
-} from "./blocks.js";
-import {
-  audioNames,
-  themeNames,
-  getSoundDisplayName,
-  getThemeDisplayName,
-} from "../config.js";
-import {
-  translate,
-  getTooltip,
-  getDropdownOption,
-} from "../main/translation.js";
-import { announceToScreenReader } from "../main/input.js";
+} from './blocks.js';
+import { audioNames, themeNames, getSoundDisplayName, getThemeDisplayName } from '../config.js';
+import { translate, getTooltip, getDropdownOption } from '../main/translation.js';
+import { announceToScreenReader } from '../main/input.js';
 
 // ---------------------------------------------------------------------------
 // Custom multi-line text field for ABC notation input
@@ -25,60 +16,59 @@ import { announceToScreenReader } from "../main/input.js";
 
 class FieldAbcInput extends Blockly.FieldTextInput {
   showEditor_() {
-    const current = this.getValue() || "";
+    const current = this.getValue() || '';
 
     // Build modal entirely with DOM APIs — no innerHTML, no user content in
     // attribute values — so there is no XSS surface.
-    const overlay = document.createElement("div");
+    const overlay = document.createElement('div');
     overlay.style.cssText =
-      "position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999;" +
-      "display:flex;align-items:center;justify-content:center";
+      'position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999;' +
+      'display:flex;align-items:center;justify-content:center';
 
-    const dialog = document.createElement("div");
-    dialog.setAttribute("role", "dialog");
-    dialog.setAttribute("aria-modal", "true");
-    dialog.setAttribute("aria-labelledby", "abc-dlg-title");
+    const dialog = document.createElement('div');
+    dialog.setAttribute('role', 'dialog');
+    dialog.setAttribute('aria-modal', 'true');
+    dialog.setAttribute('aria-labelledby', 'abc-dlg-title');
     dialog.style.cssText =
-      "background:#fff;border-radius:8px;padding:20px;display:flex;" +
-      "flex-direction:column;gap:12px;width:520px;max-width:90vw;" +
-      "box-shadow:0 8px 32px rgba(0,0,0,.3)";
+      'background:#fff;border-radius:8px;padding:20px;display:flex;' +
+      'flex-direction:column;gap:12px;width:520px;max-width:90vw;' +
+      'box-shadow:0 8px 32px rgba(0,0,0,.3)';
 
-    const titleEl = document.createElement("h2");
-    titleEl.id = "abc-dlg-title";
-    titleEl.textContent = "ABC notation";
-    titleEl.style.cssText = "margin:0;font:bold 15px/1 sans-serif;color:#333";
+    const titleEl = document.createElement('h2');
+    titleEl.id = 'abc-dlg-title';
+    titleEl.textContent = 'ABC notation';
+    titleEl.style.cssText = 'margin:0;font:bold 15px/1 sans-serif;color:#333';
 
-    const hint = document.createElement("p");
-    hint.textContent =
-      "Paste or type ABC notation. Ctrl+Enter to import, Escape to cancel.";
-    hint.style.cssText = "margin:0;font:12px/1.4 sans-serif;color:#666";
+    const hint = document.createElement('p');
+    hint.textContent = 'Paste or type ABC notation. Ctrl+Enter to import, Escape to cancel.';
+    hint.style.cssText = 'margin:0;font:12px/1.4 sans-serif;color:#666';
 
-    const textarea = document.createElement("textarea");
+    const textarea = document.createElement('textarea');
     textarea.rows = 14;
     textarea.spellcheck = false;
-    textarea.setAttribute("aria-label", "ABC notation");
+    textarea.setAttribute('aria-label', 'ABC notation');
     textarea.style.cssText =
-      "width:100%;box-sizing:border-box;font:13px/1.5 monospace;" +
-      "resize:vertical;border:1px solid #ccc;border-radius:4px;padding:8px";
+      'width:100%;box-sizing:border-box;font:13px/1.5 monospace;' +
+      'resize:vertical;border:1px solid #ccc;border-radius:4px;padding:8px';
     // Set via .value (textarea property), never via innerHTML
     textarea.value = current;
 
-    const buttons = document.createElement("div");
-    buttons.style.cssText = "display:flex;justify-content:flex-end;gap:8px";
+    const buttons = document.createElement('div');
+    buttons.style.cssText = 'display:flex;justify-content:flex-end;gap:8px';
 
-    const cancelBtn = document.createElement("button");
-    cancelBtn.type = "button";
-    cancelBtn.textContent = "Cancel";
+    const cancelBtn = document.createElement('button');
+    cancelBtn.type = 'button';
+    cancelBtn.textContent = 'Cancel';
     cancelBtn.style.cssText =
-      "padding:7px 18px;border:1px solid #ccc;border-radius:4px;" +
-      "cursor:pointer;background:#f5f5f5;font-size:13px";
+      'padding:7px 18px;border:1px solid #ccc;border-radius:4px;' +
+      'cursor:pointer;background:#f5f5f5;font-size:13px';
 
-    const importBtn = document.createElement("button");
-    importBtn.type = "button";
-    importBtn.textContent = "Import tune";
+    const importBtn = document.createElement('button');
+    importBtn.type = 'button';
+    importBtn.textContent = 'Import tune';
     importBtn.style.cssText =
-      "padding:7px 18px;border:none;border-radius:4px;cursor:pointer;" +
-      "background:#4a90d9;color:#fff;font-size:13px";
+      'padding:7px 18px;border:none;border-radius:4px;cursor:pointer;' +
+      'background:#4a90d9;color:#fff;font-size:13px';
 
     buttons.append(cancelBtn, importBtn);
     dialog.append(titleEl, hint, textarea, buttons);
@@ -86,7 +76,7 @@ class FieldAbcInput extends Blockly.FieldTextInput {
 
     const close = () => {
       overlay.remove();
-      document.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener('keydown', onKeyDown);
     };
 
     const confirm = () => {
@@ -95,23 +85,23 @@ class FieldAbcInput extends Blockly.FieldTextInput {
       close();
     };
 
-    cancelBtn.addEventListener("click", close);
-    importBtn.addEventListener("click", confirm);
+    cancelBtn.addEventListener('click', close);
+    importBtn.addEventListener('click', confirm);
     // Clicking the dimmed backdrop dismisses without importing
-    overlay.addEventListener("click", (e) => {
+    overlay.addEventListener('click', (e) => {
       if (e.target === overlay) close();
     });
 
     const onKeyDown = (e) => {
-      if (e.key === "Escape") {
+      if (e.key === 'Escape') {
         e.preventDefault();
         close();
-      } else if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
+      } else if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
         e.preventDefault();
         confirm();
       }
     };
-    document.addEventListener("keydown", onKeyDown);
+    document.addEventListener('keydown', onKeyDown);
 
     document.body.append(overlay);
     // Defer focus so the overlay is in the DOM before the browser moves focus
@@ -120,15 +110,15 @@ class FieldAbcInput extends Blockly.FieldTextInput {
 
   getText_() {
     const val = this.getValue();
-    if (!val) return "click to enter ABC…";
+    if (!val) return 'click to enter ABC…';
     const titleLine = String(val)
-      .split("\n")
-      .find((l) => l.trim().startsWith("T:"));
-    return titleLine ? titleLine.trim().slice(2).trim() : "ABC";
+      .split('\n')
+      .find((l) => l.trim().startsWith('T:'));
+    return titleLine ? titleLine.trim().slice(2).trim() : 'ABC';
   }
 
   getAriaTypeName() {
-    return "ABC notation";
+    return 'ABC notation';
   }
 }
 
@@ -143,25 +133,37 @@ const ABC_MAX_INPUT_LENGTH = 20000;
 const ABC_BASE_MIDI = { C: 60, D: 62, E: 64, F: 65, G: 67, A: 69, B: 71 };
 
 const ABC_KEY_ACCIDENTALS = {
-  C: {}, Am: {},
-  G: { F: 1 }, Em: { F: 1 },
-  D: { F: 1, C: 1 }, Bm: { F: 1, C: 1 },
-  A: { F: 1, C: 1, G: 1 }, "F#m": { F: 1, C: 1, G: 1 },
-  E: { F: 1, C: 1, G: 1, D: 1 }, "C#m": { F: 1, C: 1, G: 1, D: 1 },
-  B: { F: 1, C: 1, G: 1, D: 1, A: 1 }, "G#m": { F: 1, C: 1, G: 1, D: 1, A: 1 },
-  "F#": { F: 1, C: 1, G: 1, D: 1, A: 1, E: 1 }, "D#m": { F: 1, C: 1, G: 1, D: 1, A: 1, E: 1 },
-  "C#": { F: 1, C: 1, G: 1, D: 1, A: 1, E: 1, B: 1 },
-  F: { B: -1 }, Dm: { B: -1 },
-  Bb: { B: -1, E: -1 }, Gm: { B: -1, E: -1 },
-  Eb: { B: -1, E: -1, A: -1 }, Cm: { B: -1, E: -1, A: -1 },
-  Ab: { B: -1, E: -1, A: -1, D: -1 }, Fm: { B: -1, E: -1, A: -1, D: -1 },
-  Db: { B: -1, E: -1, A: -1, D: -1, G: -1 }, Bbm: { B: -1, E: -1, A: -1, D: -1, G: -1 },
+  C: {},
+  Am: {},
+  G: { F: 1 },
+  Em: { F: 1 },
+  D: { F: 1, C: 1 },
+  Bm: { F: 1, C: 1 },
+  A: { F: 1, C: 1, G: 1 },
+  'F#m': { F: 1, C: 1, G: 1 },
+  E: { F: 1, C: 1, G: 1, D: 1 },
+  'C#m': { F: 1, C: 1, G: 1, D: 1 },
+  B: { F: 1, C: 1, G: 1, D: 1, A: 1 },
+  'G#m': { F: 1, C: 1, G: 1, D: 1, A: 1 },
+  'F#': { F: 1, C: 1, G: 1, D: 1, A: 1, E: 1 },
+  'D#m': { F: 1, C: 1, G: 1, D: 1, A: 1, E: 1 },
+  'C#': { F: 1, C: 1, G: 1, D: 1, A: 1, E: 1, B: 1 },
+  F: { B: -1 },
+  Dm: { B: -1 },
+  Bb: { B: -1, E: -1 },
+  Gm: { B: -1, E: -1 },
+  Eb: { B: -1, E: -1, A: -1 },
+  Cm: { B: -1, E: -1, A: -1 },
+  Ab: { B: -1, E: -1, A: -1, D: -1 },
+  Fm: { B: -1, E: -1, A: -1, D: -1 },
+  Db: { B: -1, E: -1, A: -1, D: -1, G: -1 },
+  Bbm: { B: -1, E: -1, A: -1, D: -1, G: -1 },
   Gb: { B: -1, E: -1, A: -1, D: -1, G: -1, C: -1 },
   Cb: { B: -1, E: -1, A: -1, D: -1, G: -1, C: -1, F: -1 },
 };
 
 function abcParseFraction(str) {
-  const parts = str.split("/");
+  const parts = str.split('/');
   if (parts.length === 2) return parseInt(parts[0]) / parseInt(parts[1]);
   return parseFloat(str) || 1;
 }
@@ -171,24 +173,32 @@ function abcParseFraction(str) {
 // bar. A trailing - marks a syllable that joins the next one into one word.
 function abcParseLyrics(raw) {
   const events = [];
-  let syllable = "";
+  let syllable = '';
 
   const flush = (joinNext) => {
     if (!syllable) return;
-    events.push({ t: "syl", text: syllable, joinNext });
-    syllable = "";
+    events.push({ t: 'syl', text: syllable, joinNext });
+    syllable = '';
   };
 
   for (let i = 0; i < raw.length; i++) {
     const c = raw[i];
-    if (c === "\\" && raw[i + 1] === "-") { syllable += "-"; i++; }
-    else if (/\s/.test(c)) flush(false);
-    else if (c === "-") flush(true);
-    else if (c === "~") syllable += " ";
-    else if (c === "*") { flush(false); events.push({ t: "skip" }); }
-    else if (c === "_") { flush(false); events.push({ t: "hold" }); }
-    else if (c === "|") { flush(false); events.push({ t: "bar" }); }
-    else syllable += c;
+    if (c === '\\' && raw[i + 1] === '-') {
+      syllable += '-';
+      i++;
+    } else if (/\s/.test(c)) flush(false);
+    else if (c === '-') flush(true);
+    else if (c === '~') syllable += ' ';
+    else if (c === '*') {
+      flush(false);
+      events.push({ t: 'skip' });
+    } else if (c === '_') {
+      flush(false);
+      events.push({ t: 'hold' });
+    } else if (c === '|') {
+      flush(false);
+      events.push({ t: 'bar' });
+    } else syllable += c;
   }
   flush(false);
 
@@ -201,15 +211,15 @@ function abcAssignLyrics(lineTokens, events) {
   let idx = 0;
 
   for (const ev of events) {
-    if (ev.t === "bar") {
-      while (idx < lineTokens.length && lineTokens[idx].t !== "bar") idx++;
+    if (ev.t === 'bar') {
+      while (idx < lineTokens.length && lineTokens[idx].t !== 'bar') idx++;
       idx++;
       continue;
     }
-    while (idx < lineTokens.length && lineTokens[idx].t !== "note") idx++;
+    while (idx < lineTokens.length && lineTokens[idx].t !== 'note') idx++;
     const note = lineTokens[idx];
     if (!note) return;
-    if (ev.t === "syl") {
+    if (ev.t === 'syl') {
       note.syl = ev.text;
       note.joinNext = ev.joinNext;
     }
@@ -218,9 +228,9 @@ function abcAssignLyrics(lineTokens, events) {
 }
 
 function parseAbc(abcText) {
-  const lines = abcText.split("\n");
-  let title = "";
-  let composer = "";
+  const lines = abcText.split('\n');
+  let title = '';
+  let composer = '';
   let lFraction = 0.125;
   let bpm = 120;
   let keyAcc = {};
@@ -230,31 +240,29 @@ function parseAbc(abcText) {
 
   for (const line of lines) {
     const t = line.trim();
-    if (!t || t.startsWith("%")) continue;
+    if (!t || t.startsWith('%')) continue;
     const hm = t.match(/^[a-z]*([A-Za-z]):(.*)/);
     if (hm) {
       const [, key, value] = hm;
       const v = value.trim();
-      if (key === "T") title = v;
-      else if (key === "C") composer = v;
-      else if (key === "L") lFraction = abcParseFraction(v);
-      else if (key === "w") {
+      if (key === 'T') title = v;
+      else if (key === 'C') composer = v;
+      else if (key === 'L') lFraction = abcParseFraction(v);
+      else if (key === 'w') {
         // Aligned lyrics belong to the music line just above them; each
         // further w: line under the same music line is another verse.
         const target = musicLines[musicLines.length - 1];
         const events = abcParseLyrics(v);
         if (target && events.length > 0) target.verses.push(events);
-      } else if (key === "W") {
+      } else if (key === 'W') {
         const events = abcParseLyrics(v);
         if (events.length > 0) unalignedLyrics.push(events);
-      } else if (key === "Q") {
+      } else if (key === 'Q') {
         const qm = v.match(/(\d+)$/);
         if (qm) bpm = parseInt(qm[1]);
-      } else if (key === "K") {
-        const keyName = v.split(" ")[0];
-        keyAcc = Object.hasOwn(ABC_KEY_ACCIDENTALS, keyName)
-          ? ABC_KEY_ACCIDENTALS[keyName]
-          : {};
+      } else if (key === 'K') {
+        const keyName = v.split(' ')[0];
+        keyAcc = Object.hasOwn(ABC_KEY_ACCIDENTALS, keyName) ? ABC_KEY_ACCIDENTALS[keyName] : {};
       }
     } else {
       // [V:2] at the head of a line switches voice, and holds until the next
@@ -267,9 +275,7 @@ function parseAbc(abcText) {
 
   const melodyVoice = musicLines.find((l) => l.voice !== null)?.voice ?? null;
   const melody =
-    melodyVoice === null
-      ? musicLines
-      : musicLines.filter((l) => l.voice === melodyVoice);
+    melodyVoice === null ? musicLines : musicLines.filter((l) => l.voice === melodyVoice);
 
   // W: lines have no alignment of their own, so fall back to one per music
   // line in order — only when the tune used no aligned lyrics at all.
@@ -284,7 +290,7 @@ function parseAbc(abcText) {
   const verseCount = Math.max(1, ...melody.map((l) => l.verses.length));
   // One pass per verse: same notes, different words on them.
   const verses = Array.from({ length: verseCount }, (_, verseIdx) =>
-    abcParseSections(melody, noteBase, keyAcc, verseIdx),
+    abcParseSections(melody, noteBase, keyAcc, verseIdx)
   );
   return { title: fullTitle, bpm, verses };
 }
@@ -297,54 +303,81 @@ function abcParseSections(musicLines, noteBase, keyAcc, verseIdx = 0) {
     const verses = musicLines[lineIdx].verses;
     // A verse whose line is all skips (w:*****) is the chorus: the words are
     // written out once, under the first verse, and sung again each time.
-    const sung = (events) => events?.some((e) => e.t === "syl");
+    const sung = (events) => events?.some((e) => e.t === 'syl');
     const events = sung(verses[verseIdx]) ? verses[verseIdx] : verses[0];
-    const text = musicLines[lineIdx].text.replace(/%.*/, "");
+    const text = musicLines[lineIdx].text.replace(/%.*/, '');
     const lineStart = tokens.length;
     let i = 0;
 
     while (i < text.length) {
       const c = text[i];
-      if (/\s/.test(c)) { i++; continue; }
+      if (/\s/.test(c)) {
+        i++;
+        continue;
+      }
 
       // Chord symbols ("G") and decorations (!f!) hold letters that would
       // otherwise be read as notes, so skip them whole.
-      if (c === '"' || c === "!" || c === "+") {
+      if (c === '"' || c === '!' || c === '+') {
         const end = text.indexOf(c, i + 1);
         i = end === -1 ? text.length : end + 1;
         continue;
       }
 
-      if (c === "|") {
+      if (c === '|') {
         const n = text[i + 1];
-        if (n === ":") { tokens.push({ t: "rs" }); i += 2; }
-        else if (n === "]") { tokens.push({ t: "bar" }); i += 2; }
-        else if (n === "1") { tokens.push({ t: "v1" }); i += 2; }
-        else if (n === "2") { tokens.push({ t: "v2" }); i += 2; }
-        else if (n === "|") { tokens.push({ t: "bar" }); i += 2; }
-        else { tokens.push({ t: "bar" }); i++; }
-      } else if (c === ":") {
-        if (text[i + 1] === "|") {
-          tokens.push({ t: "re" });
+        if (n === ':') {
+          tokens.push({ t: 'rs' });
+          i += 2;
+        } else if (n === ']') {
+          tokens.push({ t: 'bar' });
+          i += 2;
+        } else if (n === '1') {
+          tokens.push({ t: 'v1' });
+          i += 2;
+        } else if (n === '2') {
+          tokens.push({ t: 'v2' });
+          i += 2;
+        } else if (n === '|') {
+          tokens.push({ t: 'bar' });
+          i += 2;
+        } else {
+          tokens.push({ t: 'bar' });
+          i++;
+        }
+      } else if (c === ':') {
+        if (text[i + 1] === '|') {
+          tokens.push({ t: 're' });
           i += 2;
           // Look ahead for volta markers (e.g. :|[1 or :|1)
           while (i < text.length && /\s/.test(text[i])) i++;
-          if (text[i] === "[" && (text[i + 1] === "1" || text[i + 1] === "2")) {
-            tokens.push({ t: text[i + 1] === "1" ? "v1" : "v2" }); i += 2;
-          } else if (text[i] === "1") {
-            tokens.push({ t: "v1" }); i++;
-          } else if (text[i] === "2") {
-            tokens.push({ t: "v2" }); i++;
+          if (text[i] === '[' && (text[i + 1] === '1' || text[i + 1] === '2')) {
+            tokens.push({ t: text[i + 1] === '1' ? 'v1' : 'v2' });
+            i += 2;
+          } else if (text[i] === '1') {
+            tokens.push({ t: 'v1' });
+            i++;
+          } else if (text[i] === '2') {
+            tokens.push({ t: 'v2' });
+            i++;
           }
-        } else { i++; }
-      } else if (c === "[") {
-        if (text[i + 1] === "1") { tokens.push({ t: "v1" }); i += 2; }
-        else if (text[i + 1] === "2") { tokens.push({ t: "v2" }); i += 2; }
-        else if (/^\[[A-Za-z]:/.test(text.slice(i))) {
+        } else {
+          i++;
+        }
+      } else if (c === '[') {
+        if (text[i + 1] === '1') {
+          tokens.push({ t: 'v1' });
+          i += 2;
+        } else if (text[i + 1] === '2') {
+          tokens.push({ t: 'v2' });
+          i += 2;
+        } else if (/^\[[A-Za-z]:/.test(text.slice(i))) {
           // Inline field such as [V:1] — not music
-          const end = text.indexOf("]", i);
+          const end = text.indexOf(']', i);
           i = end === -1 ? text.length : end + 1;
-        } else { i++; }
+        } else {
+          i++;
+        }
       } else {
         const sub = text.slice(i);
         const m = sub.match(/^([_^=]*)([A-Ga-gz])([',]*)(\d*)(\/\d*)?/);
@@ -352,32 +385,34 @@ function abcParseSections(musicLines, noteBase, keyAcc, verseIdx = 0) {
           const [full, accStr, letter, octStr, numStr, denomStr] = m;
           const num = numStr ? parseInt(numStr) : 1;
           let denom = 1;
-          if (denomStr) denom = denomStr === "/" ? 2 : parseInt(denomStr.slice(1)) || 2;
+          if (denomStr) denom = denomStr === '/' ? 2 : parseInt(denomStr.slice(1)) || 2;
           const beats = noteBase * (num / denom);
           const lo = letter.toLowerCase();
 
-          if (lo === "z" || lo === "x") {
-            tokens.push({ t: "rest", beats });
+          if (lo === 'z' || lo === 'x') {
+            tokens.push({ t: 'rest', beats });
           } else {
             const base = letter.toUpperCase();
             let midi = ABC_BASE_MIDI[base] + (letter !== letter.toUpperCase() ? 12 : 0);
             for (const oc of octStr) {
               if (oc === "'") midi += 12;
-              else if (oc === ",") midi -= 12;
+              else if (oc === ',') midi -= 12;
             }
             let acc = 0;
             let hasAcc = false;
             if (accStr) {
               hasAcc = true;
               for (const a of accStr) {
-                if (a === "^") acc++;
-                else if (a === "_") acc--;
+                if (a === '^') acc++;
+                else if (a === '_') acc--;
               }
             }
-            tokens.push({ t: "note", base, midi, beats, hasAcc, acc, lyricId: lineIdx });
+            tokens.push({ t: 'note', base, midi, beats, hasAcc, acc, lyricId: lineIdx });
           }
           i += full.length;
-        } else { i++; }
+        } else {
+          i++;
+        }
       }
     }
 
@@ -389,7 +424,7 @@ function abcParseSections(musicLines, noteBase, keyAcc, verseIdx = 0) {
   let currentBars = [];
   let currentBar = [];
   let barAcc = {};
-  let state = "plain";
+  let state = 'plain';
   let repeatBars = null;
   let volta1Bars = null;
 
@@ -423,15 +458,15 @@ function abcParseSections(musicLines, noteBase, keyAcc, verseIdx = 0) {
   for (let tokIdx = 0; tokIdx < tokens.length; tokIdx++) {
     const tok = tokens[tokIdx];
     switch (tok.t) {
-      case "bar":
+      case 'bar':
         flushBar();
         break;
-      case "rs":
+      case 'rs':
         flushBar();
-        if (state === "volta" && repeatBars !== null) {
+        if (state === 'volta' && repeatBars !== null) {
           // Finalize the preceding volta before starting a new repeat section
           sections.push({
-            type: "volta",
+            type: 'volta',
             commonBars: repeatBars,
             firstBars: volta1Bars || [],
             secondBars: [...currentBars],
@@ -439,29 +474,29 @@ function abcParseSections(musicLines, noteBase, keyAcc, verseIdx = 0) {
           repeatBars = null;
           volta1Bars = null;
         } else if (currentBars.length > 0) {
-          sections.push({ type: "plain", bars: [...currentBars] });
+          sections.push({ type: 'plain', bars: [...currentBars] });
         }
         currentBars = [];
-        state = "repeat";
+        state = 'repeat';
         break;
-      case "re":
+      case 're':
         flushBar();
-        if (state === "repeat" || state === "plain") {
+        if (state === 'repeat' || state === 'plain') {
           const nextTok = tokens[tokIdx + 1];
-          if (nextTok?.t === "v1" || nextTok?.t === "v2") {
+          if (nextTok?.t === 'v1' || nextTok?.t === 'v2') {
             // :| immediately followed by [1 or [2 — the body so far is the common part
             repeatBars = [...currentBars];
             volta1Bars = [];
             currentBars = [];
-            state = "volta";
+            state = 'volta';
           } else if (currentBars.length > 0) {
-            sections.push({ type: "repeat", bars: [...currentBars] });
+            sections.push({ type: 'repeat', bars: [...currentBars] });
             currentBars = [];
-            state = "plain";
+            state = 'plain';
           }
-        } else if (state === "volta") {
+        } else if (state === 'volta') {
           const nextTok = tokens[tokIdx + 1];
-          if (nextTok?.t === "v1" || nextTok?.t === "v2") {
+          if (nextTok?.t === 'v1' || nextTok?.t === 'v2') {
             // Transitioning between endings — accumulate into firstBars
             volta1Bars = [...(volta1Bars || []), ...currentBars];
             currentBars = [];
@@ -469,99 +504,100 @@ function abcParseSections(musicLines, noteBase, keyAcc, verseIdx = 0) {
           // Closing :| of last ending — leave currentBars for secondBars
         }
         break;
-      case "v1":
+      case 'v1':
         flushBar();
-        if (state !== "volta") {
+        if (state !== 'volta') {
           // v1 appearing without a preceding :| — current bars are the common part
           repeatBars = [...currentBars];
           volta1Bars = [];
           currentBars = [];
-          state = "volta";
+          state = 'volta';
         }
         // already in volta (set by :| lookahead above) — leave repeatBars alone
         break;
-      case "v2":
+      case 'v2':
         flushBar();
-        if (state !== "volta") {
+        if (state !== 'volta') {
           volta1Bars = [...currentBars];
           repeatBars = repeatBars || [];
-          state = "volta";
+          state = 'volta';
         }
         currentBars = [];
         break;
-      case "note":
+      case 'note':
         addNote(tok);
         break;
-      case "rest":
+      case 'rest':
         currentBar.push({ midi: null, beats: tok.beats });
         break;
     }
   }
 
   flushBar();
-  if (state === "volta" && repeatBars !== null) {
+  if (state === 'volta' && repeatBars !== null) {
     sections.push({
-      type: "volta",
+      type: 'volta',
       commonBars: repeatBars,
       firstBars: volta1Bars || [],
       secondBars: [...currentBars],
     });
   } else if (currentBars.length > 0) {
-    sections.push({ type: "plain", bars: currentBars });
+    sections.push({ type: 'plain', bars: currentBars });
   }
 
   return sections;
 }
 
-
 function buildPlayBlock(ws, bars, meshName) {
   const validBars = (bars || []).filter((b) => b && b.length > 0);
   if (validBars.length === 0) return null;
 
-  const outerList = ws.newBlock("lists_create_with");
+  const outerList = ws.newBlock('lists_create_with');
   outerList.loadExtraState({ itemCount: validBars.length });
   outerList.initSvg();
   outerList.render();
 
   validBars.forEach((bar, barIdx) => {
-    const barBlock = ws.newBlock("lists_create_with");
+    const barBlock = ws.newBlock('lists_create_with');
     barBlock.loadExtraState({ itemCount: bar.length });
     barBlock.setInputsInline(true);
     barBlock.initSvg();
     barBlock.render();
 
     bar.forEach((note, noteIdx) => {
-      const noteBlock = ws.newBlock("note");
+      const noteBlock = ws.newBlock('note');
       noteBlock.initSvg();
       noteBlock.render();
 
       if (note.midi === null) {
-        const restBlock = ws.newBlock("rest");
+        const restBlock = ws.newBlock('rest');
         restBlock.initSvg();
         restBlock.render();
-        noteBlock.getInput("PITCH").connection.connect(restBlock.outputConnection);
+        noteBlock.getInput('PITCH').connection.connect(restBlock.outputConnection);
       } else {
-        noteBlock.getInput("PITCH").connection.connect(makeNumBlock(ws, note.midi).outputConnection);
+        noteBlock
+          .getInput('PITCH')
+          .connection.connect(makeNumBlock(ws, note.midi).outputConnection);
       }
       const dur = Math.round(note.beats * 1000) / 1000;
-      noteBlock.getInput("DURATION").connection.connect(makeNumBlock(ws, dur).outputConnection);
+      noteBlock.getInput('DURATION').connection.connect(makeNumBlock(ws, dur).outputConnection);
       barBlock.getInput(`ADD${noteIdx}`).connection.connect(noteBlock.outputConnection);
     });
 
     outerList.getInput(`ADD${barIdx}`).connection.connect(barBlock.outputConnection);
   });
 
-  const playBlock = ws.newBlock("play_tune_notes");
+  const playBlock = ws.newBlock('play_tune_notes');
   playBlock.initSvg();
   playBlock.render();
 
-  const instBlock = ws.newBlock("instrument");
-  instBlock.setFieldValue("default", "INSTRUMENT_TYPE");
+  const instBlock = ws.newBlock('instrument');
+  instBlock.setFieldValue('default', 'INSTRUMENT_TYPE');
   instBlock.initSvg();
   instBlock.render();
-  if (meshName) playBlock.setFieldValue(meshName, "MESH_NAME");
-  playBlock.getInput("INSTRUMENT").connection.connect(instBlock.outputConnection);
-  playBlock.getInput("NOTES").connection.connect(outerList.outputConnection);
+  if (meshName) playBlock.setFieldValue(meshName, 'MESH_NAME');
+  playBlock.getInput('INSTRUMENT').connection.connect(instBlock.outputConnection);
+  playBlock.getInput('NOTES').connection.connect(outerList.outputConnection);
 
   return playBlock;
 }
@@ -572,8 +608,8 @@ function buildPlayBlock(ws, bars, meshName) {
 // value inputs connect to blocks with outputConnection, not previousConnection.
 function propagateMesh(block, meshName) {
   while (block) {
-    if (block.getField("MESH_NAME")) {
-      block.setFieldValue(meshName, "MESH_NAME");
+    if (block.getField('MESH_NAME')) {
+      block.setFieldValue(meshName, 'MESH_NAME');
     }
     for (const input of block.inputList) {
       const child = input.connection?.targetBlock();
@@ -588,8 +624,8 @@ function propagateInstrument(block, instrumentState) {
   delete state.id;
   delete state.shadow;
   while (block) {
-    if (block.type === "play_tune_notes") {
-      const instrConn = block.getInput("INSTRUMENT")?.connection;
+    if (block.type === 'play_tune_notes') {
+      const instrConn = block.getInput('INSTRUMENT')?.connection;
       if (instrConn) {
         const existing = instrConn.targetBlock();
         if (existing && !existing.isShadow()) existing.dispose(false);
@@ -606,19 +642,19 @@ function propagateInstrument(block, instrumentState) {
 }
 
 function makeTextBlock(ws, value) {
-  const b = ws.newBlock("text");
-  b.setFieldValue(value, "TEXT");
+  const b = ws.newBlock('text');
+  b.setFieldValue(value, 'TEXT');
   b.initSvg();
   b.render();
   return b;
 }
 
 function buildSubtitleBlock(ws, words, seconds) {
-  const b = ws.newBlock("subtitle");
+  const b = ws.newBlock('subtitle');
   b.initSvg();
   b.render();
-  b.getInput("TEXT").connection.connect(makeTextBlock(ws, words).outputConnection);
-  b.getInput("DURATION").connection.connect(makeNumBlock(ws, seconds).outputConnection);
+  b.getInput('TEXT').connection.connect(makeTextBlock(ws, words).outputConnection);
+  b.getInput('DURATION').connection.connect(makeNumBlock(ws, seconds).outputConnection);
   return b;
 }
 
@@ -630,12 +666,12 @@ const TAIL_CAPTION_WORDS = 3;
 // Join the syllables sung across a run of bars back into words: a syllable
 // marked joinNext runs straight into the one after it (mid-word hyphen).
 function barsCaption(bars) {
-  let text = "";
+  let text = '';
   let join = false;
   for (const bar of bars) {
     for (const note of bar) {
       if (!note.syl) continue;
-      if (text && !join) text += " ";
+      if (text && !join) text += ' ';
       text += note.syl;
       join = note.joinNext;
     }
@@ -645,7 +681,7 @@ function barsCaption(bars) {
 
 function captionWordCount(bars) {
   const caption = barsCaption(bars);
-  return caption ? caption.split(" ").length : 0;
+  return caption ? caption.split(' ').length : 0;
 }
 
 // Build the statement chain for a run of bars, split into subtitle + play
@@ -695,7 +731,7 @@ function buildPlayChain(ws, bars, meshName, speed) {
     if (caption && speed > 0) {
       const beats = group.bars.reduce(
         (total, bar) => total + bar.reduce((sum, note) => sum + note.beats, 0),
-        0,
+        0
       );
       const seconds = Math.round((beats / speed) * 1000) / 1000;
       head = buildSubtitleBlock(ws, caption, seconds);
@@ -711,8 +747,8 @@ function buildPlayChain(ws, bars, meshName, speed) {
 }
 
 function makeNumBlock(ws, value) {
-  const b = ws.newBlock("math_number");
-  b.setFieldValue(String(value), "NUM");
+  const b = ws.newBlock('math_number');
+  b.setFieldValue(String(value), 'NUM');
   b.initSvg();
   b.render();
   return b;
@@ -722,84 +758,84 @@ function makeNumBlock(ws, value) {
 // carrying that verse's words, so the tune body is laid out once per verse.
 function abcBuildDoBlocks(ws, doInput, verses, bpm, meshName) {
   const hasBars = verses[0]?.some((s) =>
-    s.type === "plain" ? s.bars?.length > 0 :
-    s.type === "repeat" ? s.bars?.length > 0 :
-    (s.commonBars?.length > 0 || s.firstBars?.length > 0 || s.secondBars?.length > 0)
+    s.type === 'plain'
+      ? s.bars?.length > 0
+      : s.type === 'repeat'
+        ? s.bars?.length > 0
+        : s.commonBars?.length > 0 || s.firstBars?.length > 0 || s.secondBars?.length > 0
   );
   if (!hasBars) {
-    console.warn("[play_tune] no bars found in ABC");
+    console.warn('[play_tune] no bars found in ABC');
     return;
   }
 
   const speed = Math.round((bpm / 60) * 1000) / 1000;
-  const speedBlock = ws.newBlock("set_music_speed");
+  const speedBlock = ws.newBlock('set_music_speed');
   speedBlock.initSvg();
   speedBlock.render();
-  speedBlock.getInput("SPEED").connection.connect(makeNumBlock(ws, speed).outputConnection);
+  speedBlock.getInput('SPEED').connection.connect(makeNumBlock(ws, speed).outputConnection);
   doInput.connection.connect(speedBlock.previousConnection);
 
   let prevNext = speedBlock.nextConnection;
 
   for (const section of verses.flat()) {
-    if (section.type === "plain") {
+    if (section.type === 'plain') {
       const chain = buildPlayChain(ws, section.bars, meshName, speed);
       if (!chain) continue;
       prevNext.connect(chain.first.previousConnection);
       prevNext = chain.last.nextConnection;
-
-    } else if (section.type === "repeat") {
-      const repeatBlock = ws.newBlock("controls_repeat_ext");
+    } else if (section.type === 'repeat') {
+      const repeatBlock = ws.newBlock('controls_repeat_ext');
       repeatBlock.initSvg();
       repeatBlock.render();
-      repeatBlock.getInput("TIMES").connection.connect(makeNumBlock(ws, 2).outputConnection);
+      repeatBlock.getInput('TIMES').connection.connect(makeNumBlock(ws, 2).outputConnection);
 
       const chain = buildPlayChain(ws, section.bars, meshName, speed);
       if (chain) {
-        repeatBlock.getInput("DO").connection.connect(chain.first.previousConnection);
+        repeatBlock.getInput('DO').connection.connect(chain.first.previousConnection);
       }
 
       prevNext.connect(repeatBlock.previousConnection);
       prevNext = repeatBlock.nextConnection;
-
-    } else if (section.type === "volta") {
+    } else if (section.type === 'volta') {
       const varModel =
-        ws.getVariableMap().getVariable("_repeat", "") || ws.createVariable("_repeat");
+        ws.getVariableMap().getVariable('_repeat', '') || ws.createVariable('_repeat');
 
-      const forBlock = ws.newBlock("controls_for");
+      const forBlock = ws.newBlock('controls_for');
       forBlock.initSvg();
       forBlock.render();
-      forBlock.getField("VAR").setValue(varModel.getId());
-      forBlock.getInput("FROM").connection.connect(makeNumBlock(ws, 1).outputConnection);
-      forBlock.getInput("TO").connection.connect(makeNumBlock(ws, 2).outputConnection);
-      forBlock.getInput("BY").connection.connect(makeNumBlock(ws, 1).outputConnection);
+      forBlock.getField('VAR').setValue(varModel.getId());
+      forBlock.getInput('FROM').connection.connect(makeNumBlock(ws, 1).outputConnection);
+      forBlock.getInput('TO').connection.connect(makeNumBlock(ws, 2).outputConnection);
+      forBlock.getInput('BY').connection.connect(makeNumBlock(ws, 1).outputConnection);
 
-      const ifBlock = ws.newBlock("controls_if");
+      const ifBlock = ws.newBlock('controls_if');
       ifBlock.loadExtraState({ hasElse: true });
       ifBlock.initSvg();
       ifBlock.render();
 
-      const compareBlock = ws.newBlock("logic_compare");
-      compareBlock.setFieldValue("EQ", "OP");
+      const compareBlock = ws.newBlock('logic_compare');
+      compareBlock.setFieldValue('EQ', 'OP');
       compareBlock.initSvg();
       compareBlock.render();
 
-      const varGetBlock = ws.newBlock("variables_get");
-      varGetBlock.getField("VAR").setValue(varModel.getId());
+      const varGetBlock = ws.newBlock('variables_get');
+      varGetBlock.getField('VAR').setValue(varModel.getId());
       varGetBlock.initSvg();
       varGetBlock.render();
 
-      compareBlock.getInput("A").connection.connect(varGetBlock.outputConnection);
-      compareBlock.getInput("B").connection.connect(makeNumBlock(ws, 1).outputConnection);
-      ifBlock.getInput("IF0").connection.connect(compareBlock.outputConnection);
+      compareBlock.getInput('A').connection.connect(varGetBlock.outputConnection);
+      compareBlock.getInput('B').connection.connect(makeNumBlock(ws, 1).outputConnection);
+      ifBlock.getInput('IF0').connection.connect(compareBlock.outputConnection);
 
       const firstChain = buildPlayChain(ws, section.firstBars, meshName, speed);
       if (firstChain) {
-        ifBlock.getInput("DO0").connection.connect(firstChain.first.previousConnection);
+        ifBlock.getInput('DO0').connection.connect(firstChain.first.previousConnection);
       }
 
       const secondChain = buildPlayChain(ws, section.secondBars, meshName, speed);
       if (secondChain) {
-        ifBlock.getInput("ELSE").connection.connect(secondChain.first.previousConnection);
+        ifBlock.getInput('ELSE').connection.connect(secondChain.first.previousConnection);
       }
 
       const commonChain = buildPlayChain(ws, section.commonBars, meshName, speed);
@@ -807,7 +843,7 @@ function abcBuildDoBlocks(ws, doInput, verses, bpm, meshName) {
       if (commonChain) {
         commonChain.last.nextConnection.connect(ifBlock.previousConnection);
       }
-      forBlock.getInput("DO").connection.connect(doFirst.previousConnection);
+      forBlock.getInput('DO').connection.connect(doFirst.previousConnection);
 
       prevNext.connect(forBlock.previousConnection);
       prevNext = forBlock.nextConnection;
@@ -816,305 +852,289 @@ function abcBuildDoBlocks(ws, doInput, verses, bpm, meshName) {
 }
 
 export function defineSoundBlocks() {
-  Blockly.Blocks["play_theme"] = {
+  Blockly.Blocks['play_theme'] = {
     init: function () {
-      const variableNamePrefix = "sound";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'sound';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
       this.jsonInit({
-        type: "play_theme",
-        message0: translate("play_theme"),
+        type: 'play_theme',
+        message0: translate('play_theme'),
         args0: [
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: nextVariableName,
           },
           {
-            type: "field_dropdown",
-            name: "THEME_NAME",
+            type: 'field_dropdown',
+            name: 'THEME_NAME',
             options: function () {
               return themeNames.map((name) => [getThemeDisplayName(name), name]);
             },
           },
           {
-            type: "input_dummy",
-            name: "MESH_INPUT",
+            type: 'input_dummy',
+            name: 'MESH_INPUT',
           },
           {
-            type: "input_value",
-            name: "SPEED",
+            type: 'input_value',
+            name: 'SPEED',
             value: 1,
             min: 0.1,
             max: 3,
             precision: 0.1,
           },
           {
-            type: "input_value",
-            name: "VOLUME",
+            type: 'input_value',
+            name: 'VOLUME',
             value: 1,
             min: 0,
             max: 1,
             precision: 0.1,
           },
           {
-            type: "field_dropdown",
-            name: "MODE",
-            options: [getDropdownOption("ONCE"), getDropdownOption("LOOP")],
+            type: 'field_dropdown',
+            name: 'MODE',
+            options: [getDropdownOption('ONCE'), getDropdownOption('LOOP')],
           },
           {
-            type: "field_dropdown",
-            name: "ASYNC",
-            options: [getDropdownOption("START"), getDropdownOption("AWAIT")],
+            type: 'field_dropdown',
+            name: 'ASYNC',
+            options: [getDropdownOption('START'), getDropdownOption('AWAIT')],
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sound"],
-        tooltip: getTooltip("play_theme"),
-        extensions: ["dynamic_mesh_dropdown"],
+        colour: categoryColours['Sound'],
+        tooltip: getTooltip('play_theme'),
+        extensions: ['dynamic_mesh_dropdown'],
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
+      this.setStyle('sound_blocks');
 
       registerBlockHandler(this, (changeEvent) => {
-        handleBlockCreateEvent(
-          this,
-          changeEvent,
-          variableNamePrefix,
-          nextVariableIndexes,
-        );
+        handleBlockCreateEvent(this, changeEvent, variableNamePrefix, nextVariableIndexes);
       });
     },
   };
 
-  Blockly.Blocks["play_sound"] = {
+  Blockly.Blocks['play_sound'] = {
     init: function () {
-      const variableNamePrefix = "sound";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'sound';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
       this.jsonInit({
-        type: "play_sound",
-        message0: translate("play_sound"),
+        type: 'play_sound',
+        message0: translate('play_sound'),
         args0: [
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: nextVariableName,
           },
           {
-            type: "field_dropdown",
-            name: "SOUND_NAME",
+            type: 'field_dropdown',
+            name: 'SOUND_NAME',
             options: function () {
               return audioNames.map((name) => [getSoundDisplayName(name), name]);
             },
           },
           {
-            type: "input_dummy",
-            name: "MESH_INPUT", // Dummy input for the dropdown
+            type: 'input_dummy',
+            name: 'MESH_INPUT', // Dummy input for the dropdown
           },
           {
-            type: "input_value",
-            name: "SPEED",
+            type: 'input_value',
+            name: 'SPEED',
             value: 1,
             min: 0.1,
             max: 3,
             precision: 0.1,
           },
           {
-            type: "input_value",
-            name: "VOLUME",
+            type: 'input_value',
+            name: 'VOLUME',
             value: 1,
             min: 0,
             max: 1,
             precision: 0.1,
           },
           {
-            type: "field_dropdown",
-            name: "MODE",
-            options: [getDropdownOption("ONCE"), getDropdownOption("LOOP")],
+            type: 'field_dropdown',
+            name: 'MODE',
+            options: [getDropdownOption('ONCE'), getDropdownOption('LOOP')],
           },
           {
-            type: "field_dropdown",
-            name: "ASYNC",
-            options: [getDropdownOption("START"), getDropdownOption("AWAIT")],
+            type: 'field_dropdown',
+            name: 'ASYNC',
+            options: [getDropdownOption('START'), getDropdownOption('AWAIT')],
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sound"],
-        tooltip: getTooltip("play_sound"),
-        extensions: ["dynamic_mesh_dropdown"], // Attach the extension
+        colour: categoryColours['Sound'],
+        tooltip: getTooltip('play_sound'),
+        extensions: ['dynamic_mesh_dropdown'], // Attach the extension
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
+      this.setStyle('sound_blocks');
 
       registerBlockHandler(this, (changeEvent) => {
-        handleBlockCreateEvent(
-          this,
-          changeEvent,
-          variableNamePrefix,
-          nextVariableIndexes,
-        );
+        handleBlockCreateEvent(this, changeEvent, variableNamePrefix, nextVariableIndexes);
       });
     },
   };
 
-  Blockly.Blocks["stop_all_sounds"] = {
+  Blockly.Blocks['stop_all_sounds'] = {
     init: function () {
       this.jsonInit({
-        message0: translate("stop_all_sounds"),
+        message0: translate('stop_all_sounds'),
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sound"],
-        tooltip: getTooltip("stop_all_sounds"),
+        colour: categoryColours['Sound'],
+        tooltip: getTooltip('stop_all_sounds'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
+      this.setStyle('sound_blocks');
     },
   };
 
-  Blockly.Blocks["midi_note"] = {
+  Blockly.Blocks['midi_note'] = {
     init: function () {
       this.jsonInit({
-        type: "midi_note",
-        message0: translate("midi_note"),
+        type: 'midi_note',
+        message0: translate('midi_note'),
         args0: [
           {
-            type: "input_value",
-            name: "NOTE",
-            check: "Number",
+            type: 'input_value',
+            name: 'NOTE',
+            check: 'Number',
           },
         ],
         inputsInline: true,
-        output: "Number",
-        colour: categoryColours["Sound"],
-        tooltip: getTooltip("midi_note"),
+        output: 'Number',
+        colour: categoryColours['Sound'],
+        tooltip: getTooltip('midi_note'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
+      this.setStyle('sound_blocks');
     },
   };
 
-  Blockly.Blocks["note"] = {
+  Blockly.Blocks['note'] = {
     init: function () {
       this.jsonInit({
-        type: "note",
-        message0: translate("note"),
+        type: 'note',
+        message0: translate('note'),
         args0: [
           {
-            type: "input_value",
-            name: "PITCH",
-            check: "Number",
+            type: 'input_value',
+            name: 'PITCH',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
         ],
         inputsInline: true,
-        output: "NoteEvent",
-        colour: categoryColours["Sound"],
-        tooltip: getTooltip("note"),
+        output: 'NoteEvent',
+        colour: categoryColours['Sound'],
+        tooltip: getTooltip('note'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
-      this.getInput("PITCH").setAriaLabelProvider("pitch");
-      this.getInput("DURATION").setAriaLabelProvider("duration");
+      this.setStyle('sound_blocks');
+      this.getInput('PITCH').setAriaLabelProvider('pitch');
+      this.getInput('DURATION').setAriaLabelProvider('duration');
     },
   };
 
-  Blockly.Blocks["rest"] = {
+  Blockly.Blocks['rest'] = {
     init: function () {
       this.jsonInit({
-        type: "rest",
-        message0: translate("rest"),
+        type: 'rest',
+        message0: translate('rest'),
         inputsInline: true,
-        output: "Number",
-        colour: categoryColours["Sound"],
-        tooltip: getTooltip("rest"),
+        output: 'Number',
+        colour: categoryColours['Sound'],
+        tooltip: getTooltip('rest'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
+      this.setStyle('sound_blocks');
     },
   };
 
-  Blockly.Blocks["play_tune_notes"] = {
+  Blockly.Blocks['play_tune_notes'] = {
     init: function () {
       this.jsonInit({
-        type: "play_tune_notes",
-        message0: translate("play_tune_notes"),
+        type: 'play_tune_notes',
+        message0: translate('play_tune_notes'),
         args0: [
           {
-            type: "input_dummy",
-            name: "MESH_INPUT",
+            type: 'input_dummy',
+            name: 'MESH_INPUT',
           },
           {
-            type: "input_value",
-            name: "INSTRUMENT",
-            check: "Instrument",
+            type: 'input_value',
+            name: 'INSTRUMENT',
+            check: 'Instrument',
           },
           {
-            type: "input_value",
-            name: "NOTES",
-            check: "Array",
+            type: 'input_value',
+            name: 'NOTES',
+            check: 'Array',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sound"],
-        tooltip: getTooltip("play_tune_notes"),
-        extensions: ["dynamic_mesh_dropdown"],
+        colour: categoryColours['Sound'],
+        tooltip: getTooltip('play_tune_notes'),
+        extensions: ['dynamic_mesh_dropdown'],
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
+      this.setStyle('sound_blocks');
 
       this.setOnChange(function (changeEvent) {
         if (this.workspace?.isFlyout) return;
         if (changeEvent.type !== Blockly.Events.BLOCK_MOVE) return;
 
         // When a bar (inner list) is connected to the outer tune list, make it inline.
-        const outerList = this.getInputTargetBlock("NOTES");
+        const outerList = this.getInputTargetBlock('NOTES');
         if (outerList && changeEvent.newParentId === outerList.id) {
           const movedBlock = this.workspace.getBlockById(changeEvent.blockId);
-          if (movedBlock?.type === "lists_create_with") {
+          if (movedBlock?.type === 'lists_create_with') {
             movedBlock.setInputsInline(true);
           }
         }
 
         // Restore the default bar structure when NOTES is disconnected.
-        if (
-          changeEvent.oldParentId !== this.id ||
-          changeEvent.oldInputName !== "NOTES"
-        )
-          return;
-        if (this.getInputTargetBlock("NOTES")) return;
+        if (changeEvent.oldParentId !== this.id || changeEvent.oldInputName !== 'NOTES') return;
+        if (this.getInputTargetBlock('NOTES')) return;
 
         const ws = this.workspace;
         const listBlock = Blockly.serialization.blocks.append(
           {
-            type: "lists_create_with",
+            type: 'lists_create_with',
             extraState: { itemCount: 1 },
             inputs: {
               ADD0: {
                 block: {
-                  type: "lists_create_with",
+                  type: 'lists_create_with',
                   extraState: { itemCount: 1 },
                   inline: true,
                   inputs: {
                     ADD0: {
                       block: {
-                        type: "note",
+                        type: 'note',
                         inputs: {
                           PITCH: {
-                            shadow: { type: "math_number", fields: { NUM: 60 } },
+                            shadow: { type: 'math_number', fields: { NUM: 60 } },
                           },
                           DURATION: {
-                            shadow: { type: "math_number", fields: { NUM: 0.5 } },
+                            shadow: { type: 'math_number', fields: { NUM: 0.5 } },
                           },
                         },
                       },
@@ -1124,217 +1144,215 @@ export function defineSoundBlocks() {
               },
             },
           },
-          ws,
+          ws
         );
 
-        const notesConn = this.getInput("NOTES")?.connection;
-        if (notesConn && listBlock?.outputConnection)
-          notesConn.connect(listBlock.outputConnection);
+        const notesConn = this.getInput('NOTES')?.connection;
+        if (notesConn && listBlock?.outputConnection) notesConn.connect(listBlock.outputConnection);
       });
     },
   };
 
-  Blockly.Blocks["set_music_speed"] = {
+  Blockly.Blocks['set_music_speed'] = {
     init: function () {
       this.jsonInit({
-        type: "set_music_speed",
-        message0: translate("set_music_speed"),
+        type: 'set_music_speed',
+        message0: translate('set_music_speed'),
         args0: [
           {
-            type: "input_dummy",
-            name: "MESH_INPUT",
+            type: 'input_dummy',
+            name: 'MESH_INPUT',
           },
           {
-            type: "input_value",
-            name: "SPEED",
-            check: "Number",
+            type: 'input_value',
+            name: 'SPEED',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sound"],
-        tooltip: getTooltip("set_music_speed"),
-        extensions: ["dynamic_mesh_dropdown"],
+        colour: categoryColours['Sound'],
+        tooltip: getTooltip('set_music_speed'),
+        extensions: ['dynamic_mesh_dropdown'],
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
+      this.setStyle('sound_blocks');
     },
   };
 
-  Blockly.Blocks["play_notes"] = {
+  Blockly.Blocks['play_notes'] = {
     init: function () {
       this.jsonInit({
-        type: "play_notes",
-        message0: translate("play_notes"),
+        type: 'play_notes',
+        message0: translate('play_notes'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH",
+            type: 'field_variable',
+            name: 'MESH',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "NOTES",
-            check: "Array",
+            type: 'input_value',
+            name: 'NOTES',
+            check: 'Array',
           },
           {
-            type: "input_value",
-            name: "DURATIONS",
-            check: "Array",
+            type: 'input_value',
+            name: 'DURATIONS',
+            check: 'Array',
           },
           {
-            type: "input_value",
-            name: "INSTRUMENT",
-            check: "Instrument",
+            type: 'input_value',
+            name: 'INSTRUMENT',
+            check: 'Instrument',
           },
           {
-            type: "field_dropdown",
-            name: "ASYNC",
-            options: [getDropdownOption("START"), getDropdownOption("AWAIT")],
+            type: 'field_dropdown',
+            name: 'ASYNC',
+            options: [getDropdownOption('START'), getDropdownOption('AWAIT')],
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sound"],
-        tooltip: getTooltip("play_notes"),
+        colour: categoryColours['Sound'],
+        tooltip: getTooltip('play_notes'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
+      this.setStyle('sound_blocks');
     },
   };
 
-  Blockly.Blocks["set_scene_bpm"] = {
+  Blockly.Blocks['set_scene_bpm'] = {
     init: function () {
       this.jsonInit({
-        type: "set_scene_bpm",
-        message0: translate("set_scene_bpm"),
+        type: 'set_scene_bpm',
+        message0: translate('set_scene_bpm'),
         args0: [
           {
-            type: "input_value",
-            name: "BPM",
-            check: "Number",
+            type: 'input_value',
+            name: 'BPM',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sound"], // Assuming "Sound" category
-        tooltip: getTooltip("set_scene_bpm"),
+        colour: categoryColours['Sound'], // Assuming "Sound" category
+        tooltip: getTooltip('set_scene_bpm'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
+      this.setStyle('sound_blocks');
     },
   };
 
-  Blockly.Blocks["set_mesh_bpm"] = {
+  Blockly.Blocks['set_mesh_bpm'] = {
     init: function () {
       this.jsonInit({
-        type: "set_mesh_bpm",
-        message0: translate("set_mesh_bpm"),
+        type: 'set_mesh_bpm',
+        message0: translate('set_mesh_bpm'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH",
+            type: 'field_variable',
+            name: 'MESH',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "BPM",
-            check: "Number",
+            type: 'input_value',
+            name: 'BPM',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sound"], // Assuming "Sound" category
-        tooltip: getTooltip("set_mesh_bpm"),
+        colour: categoryColours['Sound'], // Assuming "Sound" category
+        tooltip: getTooltip('set_mesh_bpm'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
+      this.setStyle('sound_blocks');
     },
   };
 
-  Blockly.Blocks["create_instrument"] = {
+  Blockly.Blocks['create_instrument'] = {
     init: function () {
-      const variableNamePrefix = "instrument";
-      let nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'instrument';
+      let nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
       this.jsonInit({
-        type: "create_instrument",
-        message0: translate("create_instrument"),
+        type: 'create_instrument',
+        message0: translate('create_instrument'),
         args0: [
           {
-            type: "field_variable",
-            name: "INSTRUMENT",
+            type: 'field_variable',
+            name: 'INSTRUMENT',
             variable: nextVariableName,
           },
           {
-            type: "field_dropdown",
-            name: "TYPE",
+            type: 'field_dropdown',
+            name: 'TYPE',
             options: [
-              getDropdownOption("sine"),
-              getDropdownOption("square"),
-              getDropdownOption("sawtooth"),
-              getDropdownOption("triangle"),
+              getDropdownOption('sine'),
+              getDropdownOption('square'),
+              getDropdownOption('sawtooth'),
+              getDropdownOption('triangle'),
             ],
           },
           {
-            type: "input_value",
-            name: "VOLUME",
-            check: "Number",
+            type: 'input_value',
+            name: 'VOLUME',
+            check: 'Number',
           },
           {
-            type: "field_dropdown",
-            name: "EFFECT",
+            type: 'field_dropdown',
+            name: 'EFFECT',
             options: [
-              getDropdownOption("none"),
-              getDropdownOption("tremolo"),
-              getDropdownOption("vibrato"),
-              getDropdownOption("warble"),
-              getDropdownOption("robot"),
+              getDropdownOption('none'),
+              getDropdownOption('tremolo'),
+              getDropdownOption('vibrato'),
+              getDropdownOption('warble'),
+              getDropdownOption('robot'),
             ],
           },
           {
-            type: "input_value",
-            name: "EFFECT_RATE",
-            check: "Number",
+            type: 'input_value',
+            name: 'EFFECT_RATE',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "EFFECT_DEPTH",
-            check: "Number",
+            type: 'input_value',
+            name: 'EFFECT_DEPTH',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "ATTACK",
-            check: "Number",
+            type: 'input_value',
+            name: 'ATTACK',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DECAY",
-            check: "Number",
+            type: 'input_value',
+            name: 'DECAY',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "SUSTAIN",
-            check: "Number",
+            type: 'input_value',
+            name: 'SUSTAIN',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "RELEASE",
-            check: "Number",
+            type: 'input_value',
+            name: 'RELEASE',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sound"],
-        tooltip: getTooltip("create_instrument"),
+        colour: categoryColours['Sound'],
+        tooltip: getTooltip('create_instrument'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
+      this.setStyle('sound_blocks');
 
       registerBlockHandler(this, (changeEvent) => {
         handleBlockCreateEvent(
@@ -1342,61 +1360,61 @@ export function defineSoundBlocks() {
           changeEvent,
           variableNamePrefix,
           nextVariableIndexes,
-          "INSTRUMENT",
+          'INSTRUMENT'
         );
       });
     },
   };
 
-  Blockly.Blocks["instrument"] = {
+  Blockly.Blocks['instrument'] = {
     init: function () {
       this.jsonInit({
-        type: "instrument",
-        message0: translate("instrument"),
+        type: 'instrument',
+        message0: translate('instrument'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "INSTRUMENT_TYPE",
+            type: 'field_dropdown',
+            name: 'INSTRUMENT_TYPE',
             options: [
-              getDropdownOption("default"),
-              getDropdownOption("piano"),
-              getDropdownOption("guitar"),
-              getDropdownOption("violin"),
+              getDropdownOption('default'),
+              getDropdownOption('piano'),
+              getDropdownOption('guitar'),
+              getDropdownOption('violin'),
             ],
           },
         ],
-        output: "Instrument",
-        colour: categoryColours["Sound"],
-        tooltip: getTooltip("instrument"),
+        output: 'Instrument',
+        colour: categoryColours['Sound'],
+        tooltip: getTooltip('instrument'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
+      this.setStyle('sound_blocks');
     },
   };
 
-  Blockly.Blocks["play_tune"] = {
+  Blockly.Blocks['play_tune'] = {
     init: function () {
       this.hasImported_ = false;
 
-      this.appendDummyInput("ABC_INPUT")
-        .appendField(translate("play_tune"))
-        .appendField(new FieldAbcInput(""), "ABC_TEXT");
+      this.appendDummyInput('ABC_INPUT')
+        .appendField(translate('play_tune'))
+        .appendField(new FieldAbcInput(''), 'ABC_TEXT');
 
       this.setPreviousStatement(true, null);
       this.setNextStatement(true, null);
-      this.setColour(categoryColours["Sound"]);
-      this.setStyle("sound_blocks");
-      this.setTooltip(getTooltip("play_tune"));
+      this.setColour(categoryColours['Sound']);
+      this.setStyle('sound_blocks');
+      this.setTooltip(getTooltip('play_tune'));
       this.setHelpUrl(getHelpUrlFor(this.type));
 
       setTimeout(() => {
         if (this.isDisposed()) return;
-        const f = this.getField("ABC_TEXT");
+        const f = this.getField('ABC_TEXT');
         if (f && f.getSvgRoot && f.getSvgRoot()) {
           Blockly.utils.aria.setState(
             f.getSvgRoot(),
             Blockly.utils.aria.State.LABEL,
-            "ABC notation, click away to import",
+            'ABC notation, click away to import'
           );
         }
       }, 0);
@@ -1406,21 +1424,21 @@ export function defineSoundBlocks() {
 
         if (ev.type === Blockly.Events.BLOCK_CHANGE && ev.blockId === this.id) {
           if (!this.hasImported_) {
-            const value = this.getFieldValue("ABC_TEXT");
+            const value = this.getFieldValue('ABC_TEXT');
             if (!value) return;
             clearTimeout(this._abcTimer);
             this._abcTimer = setTimeout(() => {
               if (!this.isDisposed() && !this.hasImported_) this.importAbc(value);
             }, 150);
-          } else if (ev.name === "MESH_NAME") {
-            const meshName = this.getFieldValue("MESH_NAME");
-            const doStart = this.getInputTargetBlock("DO");
+          } else if (ev.name === 'MESH_NAME') {
+            const meshName = this.getFieldValue('MESH_NAME');
+            const doStart = this.getInputTargetBlock('DO');
             if (doStart && meshName) propagateMesh(doStart, meshName);
           }
         } else if (this.hasImported_ && ev.type === Blockly.Events.BLOCK_CHANGE) {
-          const instrTarget = this.getInput("INSTRUMENT")?.connection?.targetBlock();
+          const instrTarget = this.getInput('INSTRUMENT')?.connection?.targetBlock();
           if (instrTarget && ev.blockId === instrTarget.id) {
-            const doStart = this.getInputTargetBlock("DO");
+            const doStart = this.getInputTargetBlock('DO');
             if (doStart) {
               const instrState = Blockly.serialization.blocks.save(instrTarget);
               Blockly.Events.setGroup(true);
@@ -1435,10 +1453,10 @@ export function defineSoundBlocks() {
           this.hasImported_ &&
           ev.type === Blockly.Events.BLOCK_MOVE &&
           ev.newParentId === this.id &&
-          ev.newInputName === "INSTRUMENT"
+          ev.newInputName === 'INSTRUMENT'
         ) {
-          const instrBlock = this.getInput("INSTRUMENT")?.connection?.targetBlock();
-          const doStart = this.getInputTargetBlock("DO");
+          const instrBlock = this.getInput('INSTRUMENT')?.connection?.targetBlock();
+          const doStart = this.getInputTargetBlock('DO');
           if (instrBlock && doStart) {
             const instrState = Blockly.serialization.blocks.save(instrBlock);
             Blockly.Events.setGroup(true);
@@ -1456,62 +1474,72 @@ export function defineSoundBlocks() {
       if (!this.hasImported_) return null;
       return {
         imported: true,
-        title: this.getFieldValue("TITLE") || "",
-        mesh: this.getFieldValue("MESH_NAME") || "__everywhere__",
+        title: this.getFieldValue('TITLE') || '',
+        mesh: this.getFieldValue('MESH_NAME') || '__everywhere__',
       };
     },
 
     loadExtraState: function (state) {
       if (!state?.imported) return;
       this._buildImportedShape(state.title);
-      if (state.mesh) this.setFieldValue(state.mesh, "MESH_NAME");
+      if (state.mesh) this.setFieldValue(state.mesh, 'MESH_NAME');
     },
 
     _buildImportedShape: function (title) {
-      if (this.getInput("ABC_INPUT")) this.removeInput("ABC_INPUT");
+      if (this.getInput('ABC_INPUT')) this.removeInput('ABC_INPUT');
 
-      if (!this.getInput("TITLE_INPUT")) {
-        this.appendDummyInput("TITLE_INPUT")
-          .appendField(translate("play_tune"))
-          .appendField(new Blockly.FieldTextInput(title || ""), "TITLE")
-          .appendField(" on ")
+      if (!this.getInput('TITLE_INPUT')) {
+        this.appendDummyInput('TITLE_INPUT')
+          .appendField(translate('play_tune'))
+          .appendField(new Blockly.FieldTextInput(title || ''), 'TITLE')
+          .appendField(' on ')
           .appendField(
             new Blockly.FieldDropdown(function () {
-              const options = [[translate("everywhere_option"), "__everywhere__"]];
+              const options = [[translate('everywhere_option'), '__everywhere__']];
               const ws = this.sourceBlock_?.workspace;
-              if (ws) ws.getVariableMap().getAllVariables()
-                .forEach((v) => options.push([v.name, v.name]));
+              if (ws)
+                ws.getVariableMap()
+                  .getAllVariables()
+                  .forEach((v) => options.push([v.name, v.name]));
               return options;
             }),
-            "MESH_NAME",
+            'MESH_NAME'
           );
 
-        const instrInput = this.appendValueInput("INSTRUMENT")
-          .setCheck("Instrument")
-          .appendField("instrument ");
+        const instrInput = this.appendValueInput('INSTRUMENT')
+          .setCheck('Instrument')
+          .appendField('instrument ');
         instrInput.connection.setShadowState({
-          type: "instrument",
-          fields: { INSTRUMENT_TYPE: "default" },
+          type: 'instrument',
+          fields: { INSTRUMENT_TYPE: 'default' },
         });
 
         this.setInputsInline(true);
-        this.appendStatementInput("DO");
+        this.appendStatementInput('DO');
 
         setTimeout(() => {
           if (this.isDisposed()) return;
-          const tf = this.getField("TITLE");
+          const tf = this.getField('TITLE');
           if (tf && tf.getSvgRoot && tf.getSvgRoot()) {
-            Blockly.utils.aria.setState(tf.getSvgRoot(), Blockly.utils.aria.State.LABEL, "tune title");
+            Blockly.utils.aria.setState(
+              tf.getSvgRoot(),
+              Blockly.utils.aria.State.LABEL,
+              'tune title'
+            );
           }
-          const mf = this.getField("MESH_NAME");
+          const mf = this.getField('MESH_NAME');
           if (mf && mf.getSvgRoot && mf.getSvgRoot()) {
-            Blockly.utils.aria.setState(mf.getSvgRoot(), Blockly.utils.aria.State.LABEL, "tune mesh");
+            Blockly.utils.aria.setState(
+              mf.getSvgRoot(),
+              Blockly.utils.aria.State.LABEL,
+              'tune mesh'
+            );
           }
-          const doInput = this.getInput("DO");
-          if (doInput) doInput.setAriaLabelProvider("tune bars");
+          const doInput = this.getInput('DO');
+          if (doInput) doInput.setAriaLabelProvider('tune bars');
         }, 0);
       } else {
-        this.setFieldValue(title || "", "TITLE");
+        this.setFieldValue(title || '', 'TITLE');
       }
 
       this.hasImported_ = true;
@@ -1519,12 +1547,21 @@ export function defineSoundBlocks() {
 
     importAbc: function (abcText) {
       if (abcText.length > ABC_MAX_INPUT_LENGTH) {
-        console.warn("[play_tune] ABC input too long, not importing:", abcText.length);
-        announceToScreenReader("tune too long to import");
+        console.warn('[play_tune] ABC input too long, not importing:', abcText.length);
+        announceToScreenReader('tune too long to import');
         return;
       }
       const parsed = parseAbc(abcText);
-      console.log("[play_tune] importing:", parsed.title, "verses:", parsed.verses.length, "sections:", parsed.verses[0].length, "bpm:", parsed.bpm);
+      console.log(
+        '[play_tune] importing:',
+        parsed.title,
+        'verses:',
+        parsed.verses.length,
+        'sections:',
+        parsed.verses[0].length,
+        'bpm:',
+        parsed.bpm
+      );
 
       Blockly.Events.setGroup(true);
       try {
@@ -1533,8 +1570,8 @@ export function defineSoundBlocks() {
         const ws = this.workspace;
         if (!ws) return;
 
-        const meshName = this.getFieldValue("MESH_NAME") || "__everywhere__";
-        const doInput = this.getInput("DO");
+        const meshName = this.getFieldValue('MESH_NAME') || '__everywhere__';
+        const doInput = this.getInput('DO');
         if (doInput) {
           const existing = doInput.connection.targetBlock();
           if (existing) existing.dispose(false);
@@ -1542,7 +1579,7 @@ export function defineSoundBlocks() {
           try {
             abcBuildDoBlocks(ws, doInput, parsed.verses, parsed.bpm, meshName);
           } catch (e) {
-            console.error("[play_tune] DO block creation failed:", e);
+            console.error('[play_tune] DO block creation failed:', e);
           }
         }
       } finally {
@@ -1553,91 +1590,91 @@ export function defineSoundBlocks() {
     },
   };
 
-  Blockly.Blocks["speak"] = {
+  Blockly.Blocks['speak'] = {
     init: function () {
       this.jsonInit({
-        type: "speak",
-        message0: translate("speak"),
+        type: 'speak',
+        message0: translate('speak'),
         args0: [
           {
-            type: "input_value",
-            name: "TEXT",
-            check: "String",
+            type: 'input_value',
+            name: 'TEXT',
+            check: 'String',
           },
           {
-            type: "input_dummy",
-            name: "MESH_INPUT", // Dummy input for the dropdown
+            type: 'input_dummy',
+            name: 'MESH_INPUT', // Dummy input for the dropdown
           },
 
           {
-            type: "field_dropdown",
-            name: "VOICE",
-            options: [getDropdownOption("female"), getDropdownOption("male")],
+            type: 'field_dropdown',
+            name: 'VOICE',
+            options: [getDropdownOption('female'), getDropdownOption('male')],
           },
           {
-            type: "field_dropdown",
-            name: "LANGUAGE",
+            type: 'field_dropdown',
+            name: 'LANGUAGE',
             // Bare "es" so voice matching (v.lang.startsWith) accepts es-ES,
             // es-MX and the rest, not just Spain.
             options: [
-              getDropdownOption("en-GB"),
-              getDropdownOption("en-US"),
-              getDropdownOption("es"),
+              getDropdownOption('en-GB'),
+              getDropdownOption('en-US'),
+              getDropdownOption('es'),
             ],
           },
           {
-            type: "input_value",
-            name: "RATE",
-            check: "Number",
+            type: 'input_value',
+            name: 'RATE',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "PITCH",
-            check: "Number",
+            type: 'input_value',
+            name: 'PITCH',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "VOLUME",
-            check: "Number",
+            type: 'input_value',
+            name: 'VOLUME',
+            check: 'Number',
           },
           {
-            type: "field_dropdown",
-            name: "ASYNC",
-            options: [getDropdownOption("START"), getDropdownOption("AWAIT")],
+            type: 'field_dropdown',
+            name: 'ASYNC',
+            options: [getDropdownOption('START'), getDropdownOption('AWAIT')],
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sound"],
-        tooltip: getTooltip("speak"),
-        extensions: ["dynamic_mesh_dropdown"], // Attach the extension
+        colour: categoryColours['Sound'],
+        tooltip: getTooltip('speak'),
+        extensions: ['dynamic_mesh_dropdown'], // Attach the extension
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
+      this.setStyle('sound_blocks');
     },
   };
 
-  Blockly.Blocks["enable_subtitles"] = {
+  Blockly.Blocks['enable_subtitles'] = {
     init: function () {
       this.jsonInit({
-        type: "enable_subtitles",
-        message0: translate("enable_subtitles"),
+        type: 'enable_subtitles',
+        message0: translate('enable_subtitles'),
         args0: [
           {
-            type: "field_checkbox",
-            name: "ENABLED",
+            type: 'field_checkbox',
+            name: 'ENABLED',
             checked: true,
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Sound"],
-        tooltip: getTooltip("enable_subtitles"),
+        colour: categoryColours['Sound'],
+        tooltip: getTooltip('enable_subtitles'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("sound_blocks");
+      this.setStyle('sound_blocks');
     },
   };
 }
diff --git a/blocks/text.js b/blocks/text.js
index 7e8d08d19..1c1a6d74e 100644
--- a/blocks/text.js
+++ b/blocks/text.js
@@ -1,263 +1,258 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
 import {
   getHelpUrlFor,
   nextVariableIndexes,
   handleBlockCreateEvent,
   handleBlockChange,
   registerBlockHandler,
-} from "./blocks.js";
-import {
-  translate,
-  getTooltip,
-  getDropdownOption,
-} from "../main/translation.js";
-import { attachShadowContainerOnChange } from "./scene.js";
+} from './blocks.js';
+import { translate, getTooltip, getDropdownOption } from '../main/translation.js';
+import { attachShadowContainerOnChange } from './scene.js';
 
 // print_text keeps a text_join in its TEXT input as a "shadow container": it is
 // promoted to a real block on the canvas (so blocks can be dropped into its
 // items) and respawned when dragged out. See attachShadowContainerOnChange.
 const PRINT_TEXT_LIST_OPTS = {
-  inputName: "TEXT",
-  containerType: "text_join",
-  cacheKey: "_cachedTextListState",
+  inputName: 'TEXT',
+  containerType: 'text_join',
+  cacheKey: '_cachedTextListState',
   makeDefault: (ws) => {
-    const list = ws.newBlock("text_join");
+    const list = ws.newBlock('text_join');
     if (list.loadExtraState) list.loadExtraState({ itemCount: 1 });
     list.setInputsInline(true);
-    const item = ws.newBlock("text");
+    const item = ws.newBlock('text');
     item.setShadow(true);
-    item.setFieldValue("Hello 🌈", "TEXT");
-    if (typeof item.initSvg === "function") item.initSvg();
-    const add0 = list.getInput("ADD0");
+    item.setFieldValue('Hello 🌈', 'TEXT');
+    if (typeof item.initSvg === 'function') item.initSvg();
+    const add0 = list.getInput('ADD0');
     if (add0?.connection) add0.connection.connect(item.outputConnection);
     return list;
   },
 };
 
 export function defineTextBlocks() {
-  Blockly.Blocks["comment"] = {
+  Blockly.Blocks['comment'] = {
     init: function () {
       this.jsonInit({
-        type: "comment",
-        message0: translate("comment"),
+        type: 'comment',
+        message0: translate('comment'),
         args0: [
           {
-            type: "input_value",
-            name: "COMMENT",
-            check: "String",
+            type: 'input_value',
+            name: 'COMMENT',
+            check: 'String',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: "#d3d3d3",
-        tooltip: getTooltip("comment"),
+        colour: '#d3d3d3',
+        tooltip: getTooltip('comment'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("text_blocks");
+      this.setStyle('text_blocks');
     },
   };
 
-  Blockly.Blocks["print_text"] = {
+  Blockly.Blocks['print_text'] = {
     init: function () {
       this.jsonInit({
-        type: "print_text",
-        message0: translate("print_text"),
+        type: 'print_text',
+        message0: translate('print_text'),
         args0: [
           {
-            type: "input_value",
-            name: "TEXT",
-            check: ["String", "Number", "Array"],
+            type: 'input_value',
+            name: 'TEXT',
+            check: ['String', 'Number', 'Array'],
           },
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            colour: "#000080",
-            check: "Colour",
+            type: 'input_value',
+            name: 'COLOR',
+            colour: '#000080',
+            check: 'Colour',
           },
         ],
         // The message words ("print"/"for"/"seconds") don't read well as
         // per-input labels, so label each input explicitly.
-        ariaLabels: { TEXT: "text", DURATION: "seconds", COLOR: "color" },
+        ariaLabels: { TEXT: 'text', DURATION: 'seconds', COLOR: 'color' },
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
         colour: 160,
-        tooltip: getTooltip("print_text"),
+        tooltip: getTooltip('print_text'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("text_blocks");
+      this.setStyle('text_blocks');
       attachShadowContainerOnChange(this, PRINT_TEXT_LIST_OPTS);
     },
   };
 
-  Blockly.Blocks["subtitle"] = {
+  Blockly.Blocks['subtitle'] = {
     init: function () {
       this.jsonInit({
-        type: "subtitle",
-        message0: translate("subtitle"),
+        type: 'subtitle',
+        message0: translate('subtitle'),
         args0: [
           {
-            type: "input_value",
-            name: "TEXT",
-            check: ["String", "Number", "Array"],
+            type: 'input_value',
+            name: 'TEXT',
+            check: ['String', 'Number', 'Array'],
           },
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
         ],
         // Label each input explicitly so the message words read well.
-        ariaLabels: { TEXT: "text", DURATION: "seconds" },
+        ariaLabels: { TEXT: 'text', DURATION: 'seconds' },
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
         colour: 160,
-        tooltip: getTooltip("subtitle"),
+        tooltip: getTooltip('subtitle'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("text_blocks");
+      this.setStyle('text_blocks');
     },
   };
 
-  Blockly.Blocks["say"] = {
+  Blockly.Blocks['say'] = {
     init: function () {
       this.jsonInit({
-        type: "say",
-        message0: translate("say"),
+        type: 'say',
+        message0: translate('say'),
         args0: [
           {
-            type: "input_value",
-            name: "TEXT",
-            check: "String",
+            type: 'input_value',
+            name: 'TEXT',
+            check: 'String',
           },
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
           {
-            type: "field_variable",
-            name: "MESH_VAR",
+            type: 'field_variable',
+            name: 'MESH_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "TEXT_COLOR",
-            colour: "#000000",
-            check: "Colour",
+            type: 'input_value',
+            name: 'TEXT_COLOR',
+            colour: '#000000',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "BACKGROUND_COLOR",
-            colour: "#ffffff",
-            check: "Colour",
+            type: 'input_value',
+            name: 'BACKGROUND_COLOR',
+            colour: '#ffffff',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "ALPHA",
-            check: "Number",
+            type: 'input_value',
+            name: 'ALPHA',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "SIZE",
-            check: "Number",
+            type: 'input_value',
+            name: 'SIZE',
+            check: 'Number',
           },
           {
-            type: "field_dropdown",
-            name: "MODE",
-            options: [getDropdownOption("ADD"), getDropdownOption("REPLACE")],
+            type: 'field_dropdown',
+            name: 'MODE',
+            options: [getDropdownOption('ADD'), getDropdownOption('REPLACE')],
           },
           {
-            type: "field_dropdown",
-            name: "ASYNC",
-            options: [getDropdownOption("START"), getDropdownOption("AWAIT")],
+            type: 'field_dropdown',
+            name: 'ASYNC',
+            options: [getDropdownOption('START'), getDropdownOption('AWAIT')],
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
         colour: 160,
-        tooltip: getTooltip("say"),
+        tooltip: getTooltip('say'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("text_blocks");
+      this.setStyle('text_blocks');
     },
   };
 
-  Blockly.Blocks["ui_text"] = {
+  Blockly.Blocks['ui_text'] = {
     init: function () {
-      const variableNamePrefix = "uitext";
-      const nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'uitext';
+      const nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
 
       this.jsonInit({
-        type: "ui_text",
-        message0: translate("ui_text"),
+        type: 'ui_text',
+        message0: translate('ui_text'),
         args0: [
           {
-            type: "input_value",
-            name: "TEXT",
-            check: "String",
+            type: 'input_value',
+            name: 'TEXT',
+            check: 'String',
           },
           {
-            type: "field_variable",
-            name: "TEXTBLOCK_VAR",
+            type: 'field_variable',
+            name: 'TEXTBLOCK_VAR',
             variable: nextVariableName,
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "FONT_SIZE",
-            check: "Number",
+            type: 'input_value',
+            name: 'FONT_SIZE',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "BACKGROUND_COLOR",
-            colour: "#ffffff",
-            check: "Colour",
+            type: 'input_value',
+            name: 'BACKGROUND_COLOR',
+            colour: '#ffffff',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "ALPHA",
-            check: "Number",
+            type: 'input_value',
+            name: 'ALPHA',
+            check: 'Number',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Text"],
-        tooltip: getTooltip("ui_text"),
+        colour: categoryColours['Text'],
+        tooltip: getTooltip('ui_text'),
       });
 
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("text_blocks");
+      this.setStyle('text_blocks');
 
       registerBlockHandler(this, (changeEvent) =>
         handleBlockCreateEvent(
@@ -265,80 +260,79 @@ export function defineTextBlocks() {
           changeEvent,
           variableNamePrefix,
           nextVariableIndexes,
-          "TEXTBLOCK_VAR",
-        ),
+          'TEXTBLOCK_VAR'
+        )
       );
     },
   };
 
-  Blockly.Blocks["ui_button"] = {
+  Blockly.Blocks['ui_button'] = {
     init: function () {
-      const variableNamePrefix = "button";
-      const nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'button';
+      const nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
 
       this.jsonInit({
-        type: "ui_button",
-        message0: translate("ui_button"),
+        type: 'ui_button',
+        message0: translate('ui_button'),
         args0: [
           {
-            type: "input_value",
-            name: "TEXT",
-            check: "String",
+            type: 'input_value',
+            name: 'TEXT',
+            check: 'String',
           },
           {
-            type: "field_variable",
-            name: "BUTTON_VAR",
+            type: 'field_variable',
+            name: 'BUTTON_VAR',
             variable: nextVariableName,
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "field_dropdown",
-            name: "SIZE",
+            type: 'field_dropdown',
+            name: 'SIZE',
             options: [
-              getDropdownOption("SMALL"),
-              getDropdownOption("MEDIUM"),
-              getDropdownOption("LARGE"),
+              getDropdownOption('SMALL'),
+              getDropdownOption('MEDIUM'),
+              getDropdownOption('LARGE'),
             ],
           },
           {
-            type: "field_dropdown",
-            name: "TEXT_SIZE",
+            type: 'field_dropdown',
+            name: 'TEXT_SIZE',
             options: [
-              getDropdownOption("14px"),
-              getDropdownOption("18px"),
-              getDropdownOption("24px"),
+              getDropdownOption('14px'),
+              getDropdownOption('18px'),
+              getDropdownOption('24px'),
             ],
           },
           {
-            type: "input_value",
-            name: "TEXT_COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'TEXT_COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "BACKGROUND_COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'BACKGROUND_COLOR',
+            check: 'Colour',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Text"],
-        tooltip: getTooltip("ui_button"),
+        colour: categoryColours['Text'],
+        tooltip: getTooltip('ui_button'),
       });
 
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("text_blocks");
+      this.setStyle('text_blocks');
 
       registerBlockHandler(this, (changeEvent) =>
         handleBlockCreateEvent(
@@ -346,76 +340,75 @@ export function defineTextBlocks() {
           changeEvent,
           variableNamePrefix,
           nextVariableIndexes,
-          "BUTTON_VAR",
-        ),
+          'BUTTON_VAR'
+        )
       );
     },
   };
 
-  Blockly.Blocks["ui_input"] = {
+  Blockly.Blocks['ui_input'] = {
     init: function () {
-      const variableNamePrefix = "input";
-      const nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = 'input';
+      const nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
 
       this.jsonInit({
-        type: "ui_input",
-        message0: translate("ui_input"),
+        type: 'ui_input',
+        message0: translate('ui_input'),
         args0: [
           {
-            type: "field_variable",
-            name: "INPUT_VAR",
+            type: 'field_variable',
+            name: 'INPUT_VAR',
             variable: nextVariableName,
           },
           {
-            type: "input_value",
-            name: "TEXT",
-            check: "String",
+            type: 'input_value',
+            name: 'TEXT',
+            check: 'String',
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "field_dropdown",
-            name: "SIZE",
+            type: 'field_dropdown',
+            name: 'SIZE',
             options: [
-              getDropdownOption("SMALL"),
-              getDropdownOption("MEDIUM"),
-              getDropdownOption("LARGE"),
+              getDropdownOption('SMALL'),
+              getDropdownOption('MEDIUM'),
+              getDropdownOption('LARGE'),
             ],
           },
           {
-            type: "input_value",
-            name: "TEXT_SIZE",
-            check: "Number",
+            type: 'input_value',
+            name: 'TEXT_SIZE',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "TEXT_COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'TEXT_COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "BACKGROUND_COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'BACKGROUND_COLOR',
+            check: 'Colour',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Text"],
-        tooltip: getTooltip("ui_input"),
+        colour: categoryColours['Text'],
+        tooltip: getTooltip('ui_input'),
       });
 
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("text_blocks");
+      this.setStyle('text_blocks');
 
       registerBlockHandler(this, (changeEvent) =>
         handleBlockCreateEvent(
@@ -423,108 +416,107 @@ export function defineTextBlocks() {
           changeEvent,
           variableNamePrefix,
           nextVariableIndexes,
-          "INPUT_VAR",
-        ),
+          'INPUT_VAR'
+        )
       );
     },
   };
 
-  Blockly.Blocks["describe"] = {
+  Blockly.Blocks['describe'] = {
     init: function () {
       this.jsonInit({
-        type: "describe",
-        message0: translate("describe"),
+        type: 'describe',
+        message0: translate('describe'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH_VAR",
+            type: 'field_variable',
+            name: 'MESH_VAR',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "TEXT",
-            check: "String",
+            type: 'input_value',
+            name: 'TEXT',
+            check: 'String',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Text"],
-        tooltip: getTooltip("describe"),
+        colour: categoryColours['Text'],
+        tooltip: getTooltip('describe'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("text_blocks");
+      this.setStyle('text_blocks');
     },
   };
 
-  Blockly.Blocks["create_3d_text"] = {
+  Blockly.Blocks['create_3d_text'] = {
     init: function () {
-      const variableNamePrefix = "3dtext";
-      const nextVariableName =
-        variableNamePrefix + nextVariableIndexes[variableNamePrefix];
+      const variableNamePrefix = '3dtext';
+      const nextVariableName = variableNamePrefix + nextVariableIndexes[variableNamePrefix];
 
       this.jsonInit({
-        type: "create_3d_text",
-        message0: translate("create_3d_text"),
+        type: 'create_3d_text',
+        message0: translate('create_3d_text'),
         args0: [
           {
-            type: "field_variable",
-            name: "ID_VAR",
+            type: 'field_variable',
+            name: 'ID_VAR',
             variable: nextVariableName,
           },
           {
-            type: "input_value",
-            name: "TEXT",
-            check: "String",
+            type: 'input_value',
+            name: 'TEXT',
+            check: 'String',
           },
           {
-            type: "field_dropdown",
-            name: "FONT",
-            options: [getDropdownOption("__fonts_FreeSans_Bold_json")],
+            type: 'field_dropdown',
+            name: 'FONT',
+            options: [getDropdownOption('__fonts_FreeSans_Bold_json')],
           },
           {
-            type: "input_value",
-            name: "SIZE",
-            check: "Number",
+            type: 'input_value',
+            name: 'SIZE',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "COLOR",
-            check: "Colour",
+            type: 'input_value',
+            name: 'COLOR',
+            check: 'Colour',
           },
           {
-            type: "input_value",
-            name: "DEPTH",
-            check: "Number",
+            type: 'input_value',
+            name: 'DEPTH',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
         ],
         inputsInline: true,
-        colour: categoryColours["Text"],
-        tooltip: getTooltip("create_3d_text"),
+        colour: categoryColours['Text'],
+        tooltip: getTooltip('create_3d_text'),
         previousStatement: null,
         nextStatement: null,
       });
 
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("text_blocks");
+      this.setStyle('text_blocks');
 
       registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent, variableNamePrefix),
+        handleBlockChange(this, changeEvent, variableNamePrefix)
       );
     },
   };
diff --git a/blocks/text_join_shadow.js b/blocks/text_join_shadow.js
index cbab0350f..d1791bdf5 100644
--- a/blocks/text_join_shadow.js
+++ b/blocks/text_join_shadow.js
@@ -8,21 +8,21 @@
  * registration, and before any workspace/blocks are created.
  */
 
-import * as Blockly from "blockly";
-import { createPlusField } from "@blockly/block-plus-minus/src/field_plus.js";
-import { createMinusField } from "@blockly/block-plus-minus/src/field_minus.js";
+import * as Blockly from 'blockly';
+import { createPlusField } from '@blockly/block-plus-minus/src/field_plus.js';
+import { createMinusField } from '@blockly/block-plus-minus/src/field_minus.js';
 
 const textJoinMutator = {
   itemCount_: 0,
 
   mutationToDom: function () {
-    const container = Blockly.utils.xml.createElement("mutation");
-    container.setAttribute("items", this.itemCount_);
+    const container = Blockly.utils.xml.createElement('mutation');
+    container.setAttribute('items', this.itemCount_);
     return container;
   },
 
   domToMutation: function (xmlElement) {
-    const targetCount = parseInt(xmlElement.getAttribute("items"), 10);
+    const targetCount = parseInt(xmlElement.getAttribute('items'), 10);
     this.updateShape_(targetCount);
   },
 
@@ -33,7 +33,7 @@ const textJoinMutator = {
   },
 
   loadExtraState: function (state) {
-    this.updateShape_(state["itemCount"]);
+    this.updateShape_(state['itemCount']);
   },
 
   updateShape_: function (targetCount) {
@@ -53,9 +53,9 @@ const textJoinMutator = {
    */
   plus: function () {
     this.addPart_();
-    const input = this.getInput("ADD" + (this.itemCount_ - 1));
+    const input = this.getInput('ADD' + (this.itemCount_ - 1));
     if (input && input.connection && !input.connection.targetBlock()) {
-      const shadow = this.workspace.newBlock("text"); // TEXT defaults to ""
+      const shadow = this.workspace.newBlock('text'); // TEXT defaults to ""
       shadow.setShadow(true);
       shadow.initSvg();
       shadow.render();
@@ -74,14 +74,14 @@ const textJoinMutator = {
 
   addPart_: function () {
     if (this.itemCount_ == 0) {
-      if (this.getInput("EMPTY")) {
-        this.removeInput("EMPTY");
+      if (this.getInput('EMPTY')) {
+        this.removeInput('EMPTY');
       }
-      this.topInput_ = this.appendValueInput("ADD" + this.itemCount_)
-        .appendField(createPlusField(), "PLUS")
-        .appendField(Blockly.Msg["TEXT_JOIN_TITLE_CREATEWITH"]);
+      this.topInput_ = this.appendValueInput('ADD' + this.itemCount_)
+        .appendField(createPlusField(), 'PLUS')
+        .appendField(Blockly.Msg['TEXT_JOIN_TITLE_CREATEWITH']);
     } else {
-      this.appendValueInput("ADD" + this.itemCount_);
+      this.appendValueInput('ADD' + this.itemCount_);
     }
     // Because item inputs are 0-index we decrement first, increment last.
     this.itemCount_++;
@@ -89,35 +89,31 @@ const textJoinMutator = {
 
   removePart_: function () {
     this.itemCount_--;
-    this.removeInput("ADD" + this.itemCount_);
+    this.removeInput('ADD' + this.itemCount_);
     if (this.itemCount_ == 0) {
-      this.topInput_ = this.appendDummyInput("EMPTY")
-        .appendField(createPlusField(), "PLUS")
+      this.topInput_ = this.appendDummyInput('EMPTY')
+        .appendField(createPlusField(), 'PLUS')
         .appendField(this.newQuote_(true))
         .appendField(this.newQuote_(false));
     }
   },
 
   updateMinus_: function () {
-    const minusField = this.getField("MINUS");
+    const minusField = this.getField('MINUS');
     if (!minusField && this.itemCount_ > 0) {
-      this.topInput_.insertFieldAt(1, createMinusField(), "MINUS");
+      this.topInput_.insertFieldAt(1, createMinusField(), 'MINUS');
     } else if (minusField && this.itemCount_ < 1) {
-      this.topInput_.removeField("MINUS");
+      this.topInput_.removeField('MINUS');
     }
   },
 };
 
 const textJoinHelper = function () {
-  Blockly.Extensions.apply("quote_image_mixin", this, false);
+  Blockly.Extensions.apply('quote_image_mixin', this, false);
   this.updateShape_(2);
 };
 
-if (Blockly.Extensions.isRegistered("text_join_mutator")) {
-  Blockly.Extensions.unregister("text_join_mutator");
+if (Blockly.Extensions.isRegistered('text_join_mutator')) {
+  Blockly.Extensions.unregister('text_join_mutator');
 }
-Blockly.Extensions.registerMutator(
-  "text_join_mutator",
-  textJoinMutator,
-  textJoinHelper,
-);
+Blockly.Extensions.registerMutator('text_join_mutator', textJoinMutator, textJoinHelper);
diff --git a/blocks/transform.js b/blocks/transform.js
index 3c8e196f7..116f95775 100644
--- a/blocks/transform.js
+++ b/blocks/transform.js
@@ -1,600 +1,563 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
-import {
-  getHelpUrlFor,
-  handleFieldOrChildChange,
-  registerBlockHandler,
-} from "./blocks.js";
-import {
-  translate,
-  getTooltip,
-  getDropdownOption,
-} from "../main/translation.js";
-import { flock } from "../flock.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
+import { getHelpUrlFor, handleFieldOrChildChange, registerBlockHandler } from './blocks.js';
+import { translate, getTooltip, getDropdownOption } from '../main/translation.js';
+import { flock } from '../flock.js';
 
 export function defineTransformBlocks() {
   function handleBlockChange(block, changeEvent) {
-    const changeEventBlock = Blockly.getMainWorkspace().getBlockById(
-      changeEvent.blockId,
-    );
+    const changeEventBlock = Blockly.getMainWorkspace().getBlockById(changeEvent.blockId);
     if (!changeEventBlock) return;
-    if (flock.blockDebug)
-      console.log("The ID of this change event is", changeEventBlock.id);
+    if (flock.blockDebug) console.log('The ID of this change event is', changeEventBlock.id);
     const changeEventParentBlock = changeEventBlock.getParent();
     if (!changeEventParentBlock) return;
     const changeEventBlockType = changeEventParentBlock.type;
-    if (flock.blockDebug)
-      console.log("The type of this change event is", changeEventBlockType);
-    if (changeEventBlockType != "rotate_to" && changeEventBlockType != "resize")
-      return;
+    if (flock.blockDebug) console.log('The type of this change event is', changeEventBlockType);
+    if (changeEventBlockType != 'rotate_to' && changeEventBlockType != 'resize') return;
     const handleChange = handleFieldOrChildChange(block, changeEvent);
     if (flock.blockDebug) console.log(handleChange);
   }
 
-  Blockly.Blocks["move_by_xyz"] = {
+  Blockly.Blocks['move_by_xyz'] = {
     init: function () {
       this.jsonInit({
-        type: "move_by_xyz",
-        message0: translate("move_by_xyz"),
+        type: 'move_by_xyz',
+        message0: translate('move_by_xyz'),
         args0: [
           {
-            type: "field_variable",
-            name: "BLOCK_NAME",
+            type: 'field_variable',
+            name: 'BLOCK_NAME',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
+            align: 'RIGHT',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("move_by_xyz"),
+        tooltip: getTooltip('move_by_xyz'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       // Set up the change handler.
-      registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent),
-      );
+      registerBlockHandler(this, (changeEvent) => handleBlockChange(this, changeEvent));
     },
   };
 
-  Blockly.Blocks["move_by_xyz_single"] = {
+  Blockly.Blocks['move_by_xyz_single'] = {
     init: function () {
       this.jsonInit({
-        type: "move_by_xyz_single",
-        message0: translate("move_by_xyz_single"),
+        type: 'move_by_xyz_single',
+        message0: translate('move_by_xyz_single'),
         args0: [
           {
-            type: "field_variable",
-            name: "BLOCK_NAME",
+            type: 'field_variable',
+            name: 'BLOCK_NAME',
             variable: window.currentMesh,
           },
           {
-            type: "field_dropdown",
-            name: "COORDINATE",
+            type: 'field_dropdown',
+            name: 'COORDINATE',
             options: [
-              getDropdownOption("x_coordinate"),
-              getDropdownOption("y_coordinate"),
-              getDropdownOption("z_coordinate"),
+              getDropdownOption('x_coordinate'),
+              getDropdownOption('y_coordinate'),
+              getDropdownOption('z_coordinate'),
             ],
           },
           {
-            type: "input_value",
-            name: "VALUE",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'VALUE',
+            check: 'Number',
+            align: 'RIGHT',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("move_by_xyz_single"),
+        tooltip: getTooltip('move_by_xyz_single'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       // Set up the change handler.
-      registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent),
-      );
+      registerBlockHandler(this, (changeEvent) => handleBlockChange(this, changeEvent));
     },
   };
 
-  Blockly.Blocks["move_to_xyz"] = {
+  Blockly.Blocks['move_to_xyz'] = {
     init: function () {
       this.jsonInit({
-        type: "move_to_xyz",
-        message0: translate("move_to_xyz"),
+        type: 'move_to_xyz',
+        message0: translate('move_to_xyz'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL",
+            type: 'field_variable',
+            name: 'MODEL',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "field_checkbox",
-            name: "USE_Y",
+            type: 'field_checkbox',
+            name: 'USE_Y',
             checked: true,
-            text: "Use Y axis",
+            text: 'Use Y axis',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("move_to_xyz"),
+        tooltip: getTooltip('move_to_xyz'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       // Set up the change handler.
-      registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent),
-      );
+      registerBlockHandler(this, (changeEvent) => handleBlockChange(this, changeEvent));
     },
   };
 
-  Blockly.Blocks["move_to_xyz_single"] = {
+  Blockly.Blocks['move_to_xyz_single'] = {
     init: function () {
       this.jsonInit({
-        type: "move_to_xyz_single",
-        message0: translate("move_to_xyz_single"),
+        type: 'move_to_xyz_single',
+        message0: translate('move_to_xyz_single'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL",
+            type: 'field_variable',
+            name: 'MODEL',
             variable: window.currentMesh,
           },
           {
-            type: "field_dropdown",
-            name: "COORDINATE",
+            type: 'field_dropdown',
+            name: 'COORDINATE',
             options: [
-              getDropdownOption("x_coordinate"),
-              getDropdownOption("y_coordinate"),
-              getDropdownOption("z_coordinate"),
+              getDropdownOption('x_coordinate'),
+              getDropdownOption('y_coordinate'),
+              getDropdownOption('z_coordinate'),
             ],
           },
           {
-            type: "input_value",
-            name: "VALUE",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'VALUE',
+            check: 'Number',
+            align: 'RIGHT',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("move_to_xyz_single"),
+        tooltip: getTooltip('move_to_xyz_single'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       // Set up the change handler.
-      registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent),
-      );
+      registerBlockHandler(this, (changeEvent) => handleBlockChange(this, changeEvent));
     },
   };
 
-  Blockly.Blocks["move_to"] = {
+  Blockly.Blocks['move_to'] = {
     init: function () {
       this.jsonInit({
-        type: "move_to",
-        message0: translate("move_to"),
+        type: 'move_to',
+        message0: translate('move_to'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL1",
+            type: 'field_variable',
+            name: 'MODEL1',
             variable: window.currentMesh,
           },
           {
-            type: "field_variable",
-            name: "MODEL2",
-            variable: "object2",
+            type: 'field_variable',
+            name: 'MODEL2',
+            variable: 'object2',
           },
           {
-            type: "field_checkbox",
-            name: "USE_Y",
+            type: 'field_checkbox',
+            name: 'USE_Y',
             checked: false,
-            text: "Use Y axis",
+            text: 'Use Y axis',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("move_to"),
+        tooltip: getTooltip('move_to'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       // Set up the change handler.
-      registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent),
-      );
+      registerBlockHandler(this, (changeEvent) => handleBlockChange(this, changeEvent));
     },
   };
 
-  Blockly.Blocks["scale"] = {
+  Blockly.Blocks['scale'] = {
     init: function () {
       this.jsonInit({
-        type: "scale",
-        message0: translate("scale"),
+        type: 'scale',
+        message0: translate('scale'),
         args0: [
           {
-            type: "field_variable",
-            name: "BLOCK_NAME",
+            type: 'field_variable',
+            name: 'BLOCK_NAME',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
           {
-            type: "field_dropdown",
-            name: "X_ORIGIN",
+            type: 'field_dropdown',
+            name: 'X_ORIGIN',
             options: [
-              getDropdownOption("CENTRE"),
-              getDropdownOption("LEFT"),
-              getDropdownOption("RIGHT"),
+              getDropdownOption('CENTRE'),
+              getDropdownOption('LEFT'),
+              getDropdownOption('RIGHT'),
             ],
           },
           {
-            type: "field_dropdown",
-            name: "Y_ORIGIN",
+            type: 'field_dropdown',
+            name: 'Y_ORIGIN',
             options: [
-              getDropdownOption("BASE"),
-              getDropdownOption("CENTRE"),
-              getDropdownOption("TOP"),
+              getDropdownOption('BASE'),
+              getDropdownOption('CENTRE'),
+              getDropdownOption('TOP'),
             ],
           },
           {
-            type: "field_dropdown",
-            name: "Z_ORIGIN",
+            type: 'field_dropdown',
+            name: 'Z_ORIGIN',
             options: [
-              getDropdownOption("CENTRE"),
-              getDropdownOption("FRONT"),
-              getDropdownOption("BACK"),
+              getDropdownOption('CENTRE'),
+              getDropdownOption('FRONT'),
+              getDropdownOption('BACK'),
             ],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("scale"),
+        tooltip: getTooltip('scale'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       // Set up the change handler.
-      registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent),
-      );
+      registerBlockHandler(this, (changeEvent) => handleBlockChange(this, changeEvent));
     },
   };
 
-  Blockly.Blocks["resize"] = {
+  Blockly.Blocks['resize'] = {
     init: function () {
       this.jsonInit({
-        type: "resize",
-        message0: translate("resize"),
+        type: 'resize',
+        message0: translate('resize'),
         args0: [
           {
-            type: "field_variable",
-            name: "BLOCK_NAME",
+            type: 'field_variable',
+            name: 'BLOCK_NAME',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
           },
           {
-            type: "field_dropdown",
-            name: "X_ORIGIN",
+            type: 'field_dropdown',
+            name: 'X_ORIGIN',
             options: [
-              getDropdownOption("CENTRE"),
-              getDropdownOption("LEFT"),
-              getDropdownOption("RIGHT"),
+              getDropdownOption('CENTRE'),
+              getDropdownOption('LEFT'),
+              getDropdownOption('RIGHT'),
             ],
           },
           {
-            type: "field_dropdown",
-            name: "Y_ORIGIN",
+            type: 'field_dropdown',
+            name: 'Y_ORIGIN',
             options: [
-              getDropdownOption("BASE"),
-              getDropdownOption("CENTRE"),
-              getDropdownOption("TOP"),
+              getDropdownOption('BASE'),
+              getDropdownOption('CENTRE'),
+              getDropdownOption('TOP'),
             ],
           },
           {
-            type: "field_dropdown",
-            name: "Z_ORIGIN",
+            type: 'field_dropdown',
+            name: 'Z_ORIGIN',
             options: [
-              getDropdownOption("CENTRE"),
-              getDropdownOption("FRONT"),
-              getDropdownOption("BACK"),
+              getDropdownOption('CENTRE'),
+              getDropdownOption('FRONT'),
+              getDropdownOption('BACK'),
             ],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("resize"),
+        tooltip: getTooltip('resize'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       // Set up the change handler.
-      registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent),
-      );
+      registerBlockHandler(this, (changeEvent) => handleBlockChange(this, changeEvent));
     },
   };
 
-  Blockly.Blocks["rotate_model_xyz"] = {
+  Blockly.Blocks['rotate_model_xyz'] = {
     init: function () {
       this.jsonInit({
-        type: "rotate_model_xyz",
-        message0: translate("rotate_model_xyz"),
+        type: 'rotate_model_xyz',
+        message0: translate('rotate_model_xyz'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL",
+            type: 'field_variable',
+            name: 'MODEL',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
+            align: 'RIGHT',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("rotate_model_xyz"),
+        tooltip: getTooltip('rotate_model_xyz'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       // Set up the change handler.
-      registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent),
-      );
+      registerBlockHandler(this, (changeEvent) => handleBlockChange(this, changeEvent));
     },
   };
 
-  Blockly.Blocks["rotate_to"] = {
+  Blockly.Blocks['rotate_to'] = {
     init: function () {
       this.jsonInit({
-        type: "rotate_to",
-        message0: translate("rotate_to"),
+        type: 'rotate_to',
+        message0: translate('rotate_to'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL",
+            type: 'field_variable',
+            name: 'MODEL',
             variable: window.currentMesh,
           },
           {
-            type: "input_value",
-            name: "X",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'X',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "input_value",
-            name: "Y",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'Y',
+            check: 'Number',
+            align: 'RIGHT',
           },
           {
-            type: "input_value",
-            name: "Z",
-            check: "Number",
-            align: "RIGHT",
+            type: 'input_value',
+            name: 'Z',
+            check: 'Number',
+            align: 'RIGHT',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("rotate_to"),
+        tooltip: getTooltip('rotate_to'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       // Set up the change handler.
-      registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent),
-      );
+      registerBlockHandler(this, (changeEvent) => handleBlockChange(this, changeEvent));
     },
   };
 
-  Blockly.Blocks["look_at"] = {
+  Blockly.Blocks['look_at'] = {
     init: function () {
       this.jsonInit({
-        type: "look_at",
-        message0: translate("look_at"),
+        type: 'look_at',
+        message0: translate('look_at'),
         args0: [
           {
-            type: "field_variable",
-            name: "MODEL1",
+            type: 'field_variable',
+            name: 'MODEL1',
             variable: window.currentMesh,
           },
           {
-            type: "field_variable",
-            name: "MODEL2",
-            variable: "object2",
+            type: 'field_variable',
+            name: 'MODEL2',
+            variable: 'object2',
           },
           {
-            type: "field_checkbox",
-            name: "USE_Y",
+            type: 'field_checkbox',
+            name: 'USE_Y',
             checked: false,
-            text: "Use Y axis",
+            text: 'Use Y axis',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
+        colour: categoryColours['Transform'],
         inputsInline: true,
-        tooltip: getTooltip("look_at"),
+        tooltip: getTooltip('look_at'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       // Set up the change handler.
-      registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent),
-      );
+      registerBlockHandler(this, (changeEvent) => handleBlockChange(this, changeEvent));
     },
   };
 
-  Blockly.Blocks["set_pivot"] = {
+  Blockly.Blocks['set_pivot'] = {
     init: function () {
       this.jsonInit({
-        type: "set_pivot",
-        message0: translate("set_pivot"),
+        type: 'set_pivot',
+        message0: translate('set_pivot'),
         args0: [
           {
-            type: "field_variable",
-            name: "MESH",
+            type: 'field_variable',
+            name: 'MESH',
             variable: window.currentMesh, // Assuming the mesh is stored here
           },
           {
-            type: "input_value",
-            name: "X_PIVOT",
-            check: ["Number", "String"],
+            type: 'input_value',
+            name: 'X_PIVOT',
+            check: ['Number', 'String'],
           },
           {
-            type: "input_value",
-            name: "Y_PIVOT",
-            check: ["Number", "String"],
+            type: 'input_value',
+            name: 'Y_PIVOT',
+            check: ['Number', 'String'],
           },
           {
-            type: "input_value",
-            name: "Z_PIVOT",
-            check: ["Number", "String"],
+            type: 'input_value',
+            name: 'Z_PIVOT',
+            check: ['Number', 'String'],
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("set_pivot"),
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('set_pivot'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       // Set up the change handler.
-      registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent),
-      );
+      registerBlockHandler(this, (changeEvent) => handleBlockChange(this, changeEvent));
     },
   };
 
-  Blockly.Blocks["min_centre_max"] = {
+  Blockly.Blocks['min_centre_max'] = {
     init: function () {
       this.jsonInit({
-        type: "min_centre_max",
-        message0: translate("min_centre_max"),
+        type: 'min_centre_max',
+        message0: translate('min_centre_max'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "PIVOT_OPTION",
+            type: 'field_dropdown',
+            name: 'PIVOT_OPTION',
             options: [
-              getDropdownOption("MIN"),
-              getDropdownOption("CENTER"),
-              getDropdownOption("MAX"),
+              getDropdownOption('MIN'),
+              getDropdownOption('CENTER'),
+              getDropdownOption('MAX'),
             ],
           },
         ],
-        output: "String", // Now returns a symbolic string
-        colour: categoryColours["Transform"],
-        tooltip: getTooltip("min_centre_max"),
+        output: 'String', // Now returns a symbolic string
+        colour: categoryColours['Transform'],
+        tooltip: getTooltip('min_centre_max'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("transform_blocks");
+      this.setStyle('transform_blocks');
 
       // Set up the change handler.
-      registerBlockHandler(this, (changeEvent) =>
-        handleBlockChange(this, changeEvent),
-      );
+      registerBlockHandler(this, (changeEvent) => handleBlockChange(this, changeEvent));
     },
   };
 }
diff --git a/blocks/xr.js b/blocks/xr.js
index 6ec72050c..3b5895d1c 100644
--- a/blocks/xr.js
+++ b/blocks/xr.js
@@ -1,17 +1,13 @@
-import * as Blockly from "blockly";
-import { categoryColours } from "../toolbox.js";
-import { getHelpUrlFor } from "./blocks.js";
-import {
-  translate,
-  getTooltip,
-  getDropdownOption,
-} from "../main/translation.js";
+import * as Blockly from 'blockly';
+import { categoryColours } from '../toolbox.js';
+import { getHelpUrlFor } from './blocks.js';
+import { translate, getTooltip, getDropdownOption } from '../main/translation.js';
 import {
   syncMicrobitDeviceField,
   refreshMicrobitBlocks,
   isMicrobitRefreshEvent,
-} from "./sensing.js";
-import "./fieldMicrobitImage.js"; // registers field_microbit_image
+} from './sensing.js';
+import './fieldMicrobitImage.js'; // registers field_microbit_image
 
 // Shared by the micro:bit display blocks (show image / scroll text): keep
 // the device menu in sync with variable renames/deletes and the
@@ -34,227 +30,224 @@ function wireMicrobitDeviceBlock(block) {
 }
 
 export function defineXRBlocks() {
-  Blockly.Blocks["microbit_show_image"] = {
+  Blockly.Blocks['microbit_show_image'] = {
     init: function () {
       this.jsonInit({
-        type: "microbit_show_image",
-        message0: translate("microbit_show_image"),
+        type: 'microbit_show_image',
+        message0: translate('microbit_show_image'),
         args0: [
           {
             // Same device menu as microbit_input: "any" plus the variables
             // defined by add_microbit blocks.
-            type: "field_microbit_device",
-            name: "DEVICE",
+            type: 'field_microbit_device',
+            name: 'DEVICE',
           },
           {
-            type: "field_microbit_image",
-            name: "IMAGE",
+            type: 'field_microbit_image',
+            name: 'IMAGE',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("microbit_show_image"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('microbit_show_image'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
       wireMicrobitDeviceBlock(this);
     },
   };
 
-  Blockly.Blocks["microbit_scroll_text"] = {
+  Blockly.Blocks['microbit_scroll_text'] = {
     init: function () {
       this.jsonInit({
-        type: "microbit_scroll_text",
-        message0: translate("microbit_scroll_text"),
+        type: 'microbit_scroll_text',
+        message0: translate('microbit_scroll_text'),
         args0: [
           {
-            type: "field_microbit_device",
-            name: "DEVICE",
+            type: 'field_microbit_device',
+            name: 'DEVICE',
           },
           {
-            type: "input_value",
-            name: "TEXT",
-            check: "String",
+            type: 'input_value',
+            name: 'TEXT',
+            check: 'String',
           },
         ],
         inputsInline: true,
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("microbit_scroll_text"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('microbit_scroll_text'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
       wireMicrobitDeviceBlock(this);
     },
   };
 
-  Blockly.Blocks["device_camera_background"] = {
+  Blockly.Blocks['device_camera_background'] = {
     init: function () {
       this.jsonInit({
-        type: "device_camera_background",
-        message0: translate("device_camera_background"),
+        type: 'device_camera_background',
+        message0: translate('device_camera_background'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "CAMERA",
-            options: [
-              getDropdownOption("user"),
-              getDropdownOption("environment"),
-            ],
+            type: 'field_dropdown',
+            name: 'CAMERA',
+            options: [getDropdownOption('user'), getDropdownOption('environment')],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("device_camera_background"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('device_camera_background'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
     },
   };
 
-  Blockly.Blocks["set_xr_mode"] = {
+  Blockly.Blocks['set_xr_mode'] = {
     init: function () {
       this.jsonInit({
-        type: "set_xr_mode",
-        message0: translate("set_xr_mode"),
+        type: 'set_xr_mode',
+        message0: translate('set_xr_mode'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "MODE",
+            type: 'field_dropdown',
+            name: 'MODE',
             options: [
-              getDropdownOption("VR"),
-              getDropdownOption("AR"),
-              getDropdownOption("MAGIC_WINDOW"),
+              getDropdownOption('VR'),
+              getDropdownOption('AR'),
+              getDropdownOption('MAGIC_WINDOW'),
             ],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("set_xr_mode"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('set_xr_mode'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
     },
   };
 
-  Blockly.Blocks["play_rumble_pattern"] = {
+  Blockly.Blocks['play_rumble_pattern'] = {
     init: function () {
       this.jsonInit({
-        type: "play_rumble_pattern",
-        message0: translate("play_rumble_pattern"),
+        type: 'play_rumble_pattern',
+        message0: translate('play_rumble_pattern'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "PATTERN",
+            type: 'field_dropdown',
+            name: 'PATTERN',
             options: [
-              getDropdownOption("objectGrab"),
-              getDropdownOption("objectDrop"),
-              getDropdownOption("smallCollision"),
-              getDropdownOption("heavyCollision"),
-              getDropdownOption("snapToGrid"),
-              getDropdownOption("errorInvalid"),
-              getDropdownOption("successConfirmation"),
-              getDropdownOption("slidingGravel"),
-              getDropdownOption("slidingMetal"),
-              getDropdownOption("machineRunning"),
-              getDropdownOption("explosion"),
-              getDropdownOption("teleport"),
+              getDropdownOption('objectGrab'),
+              getDropdownOption('objectDrop'),
+              getDropdownOption('smallCollision'),
+              getDropdownOption('heavyCollision'),
+              getDropdownOption('snapToGrid'),
+              getDropdownOption('errorInvalid'),
+              getDropdownOption('successConfirmation'),
+              getDropdownOption('slidingGravel'),
+              getDropdownOption('slidingMetal'),
+              getDropdownOption('machineRunning'),
+              getDropdownOption('explosion'),
+              getDropdownOption('teleport'),
             ],
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("play_rumble_pattern"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('play_rumble_pattern'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
     },
   };
 
-  Blockly.Blocks["controller_rumble"] = {
+  Blockly.Blocks['controller_rumble'] = {
     init: function () {
       this.jsonInit({
-        type: "controller_rumble",
-        message0: translate("controller_rumble"),
+        type: 'controller_rumble',
+        message0: translate('controller_rumble'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "MOTOR",
+            type: 'field_dropdown',
+            name: 'MOTOR',
             options: [
-              getDropdownOption("all"),
-              getDropdownOption("left"),
-              getDropdownOption("right"),
+              getDropdownOption('all'),
+              getDropdownOption('left'),
+              getDropdownOption('right'),
             ],
           },
           {
-            type: "input_value",
-            name: "STRENGTH",
-            check: "Number",
+            type: 'input_value',
+            name: 'STRENGTH',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'DURATION',
+            check: 'Number',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("controller_rumble"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('controller_rumble'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
     },
   };
 
-  Blockly.Blocks["controller_rumble_pattern"] = {
+  Blockly.Blocks['controller_rumble_pattern'] = {
     init: function () {
       this.jsonInit({
-        type: "controller_rumble_pattern",
-        message0: translate("controller_rumble_pattern"),
+        type: 'controller_rumble_pattern',
+        message0: translate('controller_rumble_pattern'),
         args0: [
           {
-            type: "field_dropdown",
-            name: "MOTOR",
+            type: 'field_dropdown',
+            name: 'MOTOR',
             options: [
-              getDropdownOption("all"),
-              getDropdownOption("left"),
-              getDropdownOption("right"),
+              getDropdownOption('all'),
+              getDropdownOption('left'),
+              getDropdownOption('right'),
             ],
           },
           {
-            type: "input_value",
-            name: "STRENGTH",
-            check: "Number",
+            type: 'input_value',
+            name: 'STRENGTH',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "ON_DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'ON_DURATION',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "OFF_DURATION",
-            check: "Number",
+            type: 'input_value',
+            name: 'OFF_DURATION',
+            check: 'Number',
           },
           {
-            type: "input_value",
-            name: "REPEATS",
-            check: "Number",
+            type: 'input_value',
+            name: 'REPEATS',
+            check: 'Number',
           },
         ],
         previousStatement: null,
         nextStatement: null,
-        colour: categoryColours["Scene"],
-        tooltip: getTooltip("controller_rumble_pattern"),
+        colour: categoryColours['Scene'],
+        tooltip: getTooltip('controller_rumble_pattern'),
       });
       this.setHelpUrl(getHelpUrlFor(this.type));
-      this.setStyle("scene_blocks");
+      this.setStyle('scene_blocks');
     },
   };
 }
diff --git a/config.js b/config.js
index df8db19c8..e5cd90cf5 100644
--- a/config.js
+++ b/config.js
@@ -1,70 +1,69 @@
-import { getDropdownOption, translate } from "./main/translation.js";
+import { getDropdownOption, translate } from './main/translation.js';
 
-export const SHORTCUTS_HELP_URL =
-  "https://hub.flockxr.com/knowledge-base/keyboard-controls/";
+export const SHORTCUTS_HELP_URL = 'https://hub.flockxr.com/knowledge-base/keyboard-controls/';
 
 export const TOP_BLOCK_TYPES = Object.freeze([
-  "start",
-  "forever",
-  "when_clicked",
-  "when_touches",
-  "on_collision",
-  "when_key_event",
-  "when_action_event",
-  "on_event",
-  "procedures_defnoreturn",
-  "procedures_defreturn",
-  "microbit_input",
+  'start',
+  'forever',
+  'when_clicked',
+  'when_touches',
+  'on_collision',
+  'when_key_event',
+  'when_action_event',
+  'on_event',
+  'procedures_defnoreturn',
+  'procedures_defreturn',
+  'microbit_input',
 ]);
 
 export const themeNames = [
-  "theme-bright.mp3",
-  "theme-calm.mp3",
-  "theme-electronic.mp3",
-  "theme-game.mp3",
-  "theme-medieval.mp3",
-  "theme-metal.mp3",
+  'theme-bright.mp3',
+  'theme-calm.mp3',
+  'theme-electronic.mp3',
+  'theme-game.mp3',
+  'theme-medieval.mp3',
+  'theme-metal.mp3',
 ];
 
 export const audioNames = [
-  "highDown.mp3",
-  "highUp.mp3",
-  "laser1.mp3",
-  "laser2.mp3",
-  "laser3.mp3",
-  "lowDown.mp3",
-  "lowRandom.mp3",
-  "lowThreeTone.mp3",
-  "phaseJump1.mp3",
-  "powerUp1.mp3",
-  "powerUp2.mp3",
-  "powerUp3.mp3",
-  "powerUp4.mp3",
-  "powerUp5.mp3",
-  "spaceTrash.mp3",
-  "threeTone1.mp3",
-  "threeTone2.mp3",
-  "chop.mp3",
-  "creak.mp3",
-  "door_close.mp3",
-  "door_open.mp3",
-  "footstep.mp3",
-  "metal_latch.mp3",
+  'highDown.mp3',
+  'highUp.mp3',
+  'laser1.mp3',
+  'laser2.mp3',
+  'laser3.mp3',
+  'lowDown.mp3',
+  'lowRandom.mp3',
+  'lowThreeTone.mp3',
+  'phaseJump1.mp3',
+  'powerUp1.mp3',
+  'powerUp2.mp3',
+  'powerUp3.mp3',
+  'powerUp4.mp3',
+  'powerUp5.mp3',
+  'spaceTrash.mp3',
+  'threeTone1.mp3',
+  'threeTone2.mp3',
+  'chop.mp3',
+  'creak.mp3',
+  'door_close.mp3',
+  'door_open.mp3',
+  'footstep.mp3',
+  'metal_latch.mp3',
 ];
 
 export function audioFileToLabel(filename) {
   return filename
-    .replace(".mp3", "")
-    .replace(/([A-Z])/g, " $1")
-    .replace(/(\d+)/g, " $1")
+    .replace('.mp3', '')
+    .replace(/([A-Z])/g, ' $1')
+    .replace(/(\d+)/g, ' $1')
     .trim()
-    .replace(/\s+/g, " ")
+    .replace(/\s+/g, ' ')
     .replace(/\b\w/g, (c) => c.toUpperCase());
 }
 
 export function getThemeDisplayName(filename) {
-  const baseName = filename.replace("theme-", "").replace(".mp3", "");
-  const key = "theme_" + baseName + "_option";
+  const baseName = filename.replace('theme-', '').replace('.mp3', '');
+  const key = 'theme_' + baseName + '_option';
   const translated = translate(key);
   return translated && translated !== key
     ? translated
@@ -72,135 +71,133 @@ export function getThemeDisplayName(filename) {
 }
 
 export function getSoundDisplayName(filename) {
-  const baseName = filename.replace(".mp3", "");
-  const key = "sound_" + baseName + "_option";
+  const baseName = filename.replace('.mp3', '');
+  const key = 'sound_' + baseName + '_option';
   const translated = translate(key);
-  return translated && translated !== key
-    ? translated
-    : audioFileToLabel(filename);
+  return translated && translated !== key ? translated : audioFileToLabel(filename);
 }
 
 export const characterNames = [
-  "Liz1.glb",
-  "Liz2.glb",
-  "Block1.glb",
-  "Block2.glb",
-  "Block3.glb",
-  "Block4.glb",
-  "Block5.glb",
-  "Block6.glb",
-  "Liz3.glb",
-  "Liz4.glb",
-  "Liz5.glb",
-  "Liz6.glb",
+  'Liz1.glb',
+  'Liz2.glb',
+  'Block1.glb',
+  'Block2.glb',
+  'Block3.glb',
+  'Block4.glb',
+  'Block5.glb',
+  'Block6.glb',
+  'Liz3.glb',
+  'Liz4.glb',
+  'Liz5.glb',
+  'Liz6.glb',
 ];
 
 export const multiObjectNames = [
-  "tree.glb",
-  "tree2.glb",
-  "tree3.glb",
-  "tree4.glb",
-  "hut.glb",
-  "hut2.glb",
-  "hut3.glb",
-  "hut4.glb",
-  "rocks.glb",
-  "rocks2.glb",
-  "rocks3.glb",
-  "rocks4.glb",
-  "pond.glb",
-  "boat.glb",
-  "airplane.glb",
-  "airplane2.glb",
-  "skateboard.glb",
-  "humped.glb",
-  "jetty.glb",
-  "boardwalk_straight.glb",
-  "flower.glb",
-  "flower2.glb",
+  'tree.glb',
+  'tree2.glb',
+  'tree3.glb',
+  'tree4.glb',
+  'hut.glb',
+  'hut2.glb',
+  'hut3.glb',
+  'hut4.glb',
+  'rocks.glb',
+  'rocks2.glb',
+  'rocks3.glb',
+  'rocks4.glb',
+  'pond.glb',
+  'boat.glb',
+  'airplane.glb',
+  'airplane2.glb',
+  'skateboard.glb',
+  'humped.glb',
+  'jetty.glb',
+  'boardwalk_straight.glb',
+  'flower.glb',
+  'flower2.glb',
 ];
 
 export const objectNames = [
-  "Star.glb",
-  "Heart.glb",
-  "Coin.glb",
-  "egg.glb",
-  "Gem1.glb",
-  "Gem2.glb",
-  "Gem3.glb",
-  "Key.glb",
-  "Wand.glb",
-  "Hat.glb",
-  "donut.glb",
-  "pumpkin.glb",
-  "apple.glb",
-  "starboppers.glb",
-  "headphones.glb",
+  'Star.glb',
+  'Heart.glb',
+  'Coin.glb',
+  'egg.glb',
+  'Gem1.glb',
+  'Gem2.glb',
+  'Gem3.glb',
+  'Key.glb',
+  'Wand.glb',
+  'Hat.glb',
+  'donut.glb',
+  'pumpkin.glb',
+  'apple.glb',
+  'starboppers.glb',
+  'headphones.glb',
 ];
 
 function modelNameToDisplayName(modelName) {
-  return String(modelName || "")
-    .replace(/\.[^/.]+$/, "")
-    .replace(/[_-]+/g, " ")
-    .replace(/\s+/g, " ")
+  return String(modelName || '')
+    .replace(/\.[^/.]+$/, '')
+    .replace(/[_-]+/g, ' ')
+    .replace(/\s+/g, ' ')
     .trim()
     .replace(/\b\w/g, (char) => char.toUpperCase());
 }
 
 export const objectDisplayNameTranslationKeys = {
-  "Liz1.glb": "model_display_liz1",
-  "Liz2.glb": "model_display_liz2",
-  "Liz3.glb": "model_display_liz3",
-  "Liz4.glb": "model_display_liz4",
-  "Liz5.glb": "model_display_liz5",
-  "Liz6.glb": "model_display_liz6",
-  "Block1.glb": "model_display_block1",
-  "Block2.glb": "model_display_block2",
-  "Block3.glb": "model_display_block3",
-  "Block4.glb": "model_display_block4",
-  "Block5.glb": "model_display_block5",
-  "Block6.glb": "model_display_block6",
-
-  "tree.glb": "model_display_tree",
-  "tree2.glb": "model_display_tree2",
-  "tree3.glb": "model_display_tree3",
-  "tree4.glb": "model_display_tree4",
-  "hut.glb": "model_display_hut",
-  "hut2.glb": "model_display_hut2",
-  "hut3.glb": "model_display_hut3",
-  "hut4.glb": "model_display_hut4",
-  "rocks.glb": "model_display_rocks",
-  "rocks2.glb": "model_display_rocks2",
-  "rocks3.glb": "model_display_rocks3",
-  "rocks4.glb": "model_display_rocks4",
-  "pond.glb": "model_display_pond",
-  "boat.glb": "model_display_boat",
-  "airplane.glb": "model_display_airplane",
-  "airplane2.glb": "model_display_airplane2",
-  "skateboard.glb": "model_display_skateboard",
-  "humped.glb": "model_display_humped",
-  "jetty.glb": "model_display_jetty",
-  "flower.glb": "model_display_flower",
-  "flower2.glb": "model_display_flower2",
-  "Star.glb": "model_display_star",
-  "Heart.glb": "model_display_heart",
-  "Coin.glb": "model_display_coin",
-  "egg.glb": "model_display_egg",
-  "Gem1.glb": "model_display_gem1",
-  "Gem2.glb": "model_display_gem2",
-  "Gem3.glb": "model_display_gem3",
-  "Key.glb": "model_display_key",
-  "Wand.glb": "model_display_wand",
-  "Hat.glb": "model_display_hat",
-  "donut.glb": "model_display_donut",
-  "pumpkin.glb": "model_display_pumpkin",
-  "apple.glb": "model_display_apple",
-  "starboppers.glb": "model_display_starboppers",
-  "headphones.glb": "model_display_headphones",
-  "Flock.glb": "model_display_flock",
-  "Flock_Santa.glb": "model_display_flock_santa",
-  "Character.glb": "model_display_character",
-  "rhino.glb": "model_display_rhino",
+  'Liz1.glb': 'model_display_liz1',
+  'Liz2.glb': 'model_display_liz2',
+  'Liz3.glb': 'model_display_liz3',
+  'Liz4.glb': 'model_display_liz4',
+  'Liz5.glb': 'model_display_liz5',
+  'Liz6.glb': 'model_display_liz6',
+  'Block1.glb': 'model_display_block1',
+  'Block2.glb': 'model_display_block2',
+  'Block3.glb': 'model_display_block3',
+  'Block4.glb': 'model_display_block4',
+  'Block5.glb': 'model_display_block5',
+  'Block6.glb': 'model_display_block6',
+
+  'tree.glb': 'model_display_tree',
+  'tree2.glb': 'model_display_tree2',
+  'tree3.glb': 'model_display_tree3',
+  'tree4.glb': 'model_display_tree4',
+  'hut.glb': 'model_display_hut',
+  'hut2.glb': 'model_display_hut2',
+  'hut3.glb': 'model_display_hut3',
+  'hut4.glb': 'model_display_hut4',
+  'rocks.glb': 'model_display_rocks',
+  'rocks2.glb': 'model_display_rocks2',
+  'rocks3.glb': 'model_display_rocks3',
+  'rocks4.glb': 'model_display_rocks4',
+  'pond.glb': 'model_display_pond',
+  'boat.glb': 'model_display_boat',
+  'airplane.glb': 'model_display_airplane',
+  'airplane2.glb': 'model_display_airplane2',
+  'skateboard.glb': 'model_display_skateboard',
+  'humped.glb': 'model_display_humped',
+  'jetty.glb': 'model_display_jetty',
+  'flower.glb': 'model_display_flower',
+  'flower2.glb': 'model_display_flower2',
+  'Star.glb': 'model_display_star',
+  'Heart.glb': 'model_display_heart',
+  'Coin.glb': 'model_display_coin',
+  'egg.glb': 'model_display_egg',
+  'Gem1.glb': 'model_display_gem1',
+  'Gem2.glb': 'model_display_gem2',
+  'Gem3.glb': 'model_display_gem3',
+  'Key.glb': 'model_display_key',
+  'Wand.glb': 'model_display_wand',
+  'Hat.glb': 'model_display_hat',
+  'donut.glb': 'model_display_donut',
+  'pumpkin.glb': 'model_display_pumpkin',
+  'apple.glb': 'model_display_apple',
+  'starboppers.glb': 'model_display_starboppers',
+  'headphones.glb': 'model_display_headphones',
+  'Flock.glb': 'model_display_flock',
+  'Flock_Santa.glb': 'model_display_flock_santa',
+  'Character.glb': 'model_display_character',
+  'rhino.glb': 'model_display_rhino',
 };
 
 export function getModelDisplayName(modelName) {
@@ -215,262 +212,237 @@ export function getModelDisplayName(modelName) {
 }
 
 export const objectColours = {
-  "Star.glb": ["#FFD700", "#FFD700", "#FFD700"],
-  "Heart.glb": ["#FF69B4", "#FF69B4", "#FF69B4"],
-  "Coin.glb": ["#A47E1B", "#C9A227", "#76520E"],
-  "egg.glb": ["#fffcec", "#fffcec", "#fffcec"],
-  "Gem1.glb": ["#00BFFF", "#00BFFF", "#00BFFF"],
-  "Gem2.glb": ["#8A2BE2", "#8A2BE2", "#8A2BE2"],
-  "Gem3.glb": ["#FF4500", "#FF4500", "#FF4500"],
-  "Key.glb": ["#A47E1B", "#C9A227", "#76520E"],
-  "Wand.glb": ["#FF4500", "#8A2BE2", "#92614A"],
-  "Hat.glb": ["#9D3F72", "#B5FDFD", "#3D0073"],
-  "donut.glb": ["#f9cb9c", "#fba0c3"],
-  "pumpkin.glb": ["#E78632", "#75430F"],
-  "apple.glb": ["#3FAF45", "#A9323F", "#624A20"],
-  "starboppers.glb": ["#FFD700", "#FFD700", "#FFD700", "#f9f9f9"],
-  "headphones.glb": ["#53E0E7", "#3291E7", "#7D7D7D"],
-
-  "tree.glb": ["#66CDAA", "#CD853F"],
-  "tree2.glb": ["#7F9F7F", "#A1623B"],
-  "tree3.glb": ["#403C3C", "#312616"],
-  "tree4.glb": ["#0D5B28", "#6D6C51"],
-
-  "rocks.glb": ["#898D86", "#99a83d"],
-  "rocks2.glb": ["#898D86", "#99a83d"],
-  "rocks3.glb": ["#898D86", "#99a83d"],
-  "rocks4.glb": ["#898D86", "#99a83d", "#6BC6EF", "#f9f9f9"],
-  "pond.glb": ["#00E704", "#5A91E7", "#9A9A9A"],
-
-  "hut.glb": ["#B66946", "#5F2524", "#C25A5C", "#E1B46E", "#3BACBA", "#878787"],
-  "hut2.glb": [
-    "#814C22",
-    "#231E1D",
-    "#FFF6A6",
-    "#E7AF3A",
-    "#E73627",
-    "#878787",
-  ],
-  "hut3.glb": [
-    "#F6DAB6",
-    "#6CC3C1",
-    "#9DC45C",
-    "#EEB975",
-    "#F3B4BE",
-    "#878787",
-  ],
-  "hut4.glb": [
-    "#F2E8CF",
-    "#BC4749",
-    "#EEB975",
-    "#AF1B3F",
-    "#6A994E",
-    "#878787",
+  'Star.glb': ['#FFD700', '#FFD700', '#FFD700'],
+  'Heart.glb': ['#FF69B4', '#FF69B4', '#FF69B4'],
+  'Coin.glb': ['#A47E1B', '#C9A227', '#76520E'],
+  'egg.glb': ['#fffcec', '#fffcec', '#fffcec'],
+  'Gem1.glb': ['#00BFFF', '#00BFFF', '#00BFFF'],
+  'Gem2.glb': ['#8A2BE2', '#8A2BE2', '#8A2BE2'],
+  'Gem3.glb': ['#FF4500', '#FF4500', '#FF4500'],
+  'Key.glb': ['#A47E1B', '#C9A227', '#76520E'],
+  'Wand.glb': ['#FF4500', '#8A2BE2', '#92614A'],
+  'Hat.glb': ['#9D3F72', '#B5FDFD', '#3D0073'],
+  'donut.glb': ['#f9cb9c', '#fba0c3'],
+  'pumpkin.glb': ['#E78632', '#75430F'],
+  'apple.glb': ['#3FAF45', '#A9323F', '#624A20'],
+  'starboppers.glb': ['#FFD700', '#FFD700', '#FFD700', '#f9f9f9'],
+  'headphones.glb': ['#53E0E7', '#3291E7', '#7D7D7D'],
+
+  'tree.glb': ['#66CDAA', '#CD853F'],
+  'tree2.glb': ['#7F9F7F', '#A1623B'],
+  'tree3.glb': ['#403C3C', '#312616'],
+  'tree4.glb': ['#0D5B28', '#6D6C51'],
+
+  'rocks.glb': ['#898D86', '#99a83d'],
+  'rocks2.glb': ['#898D86', '#99a83d'],
+  'rocks3.glb': ['#898D86', '#99a83d'],
+  'rocks4.glb': ['#898D86', '#99a83d', '#6BC6EF', '#f9f9f9'],
+  'pond.glb': ['#00E704', '#5A91E7', '#9A9A9A'],
+
+  'hut.glb': ['#B66946', '#5F2524', '#C25A5C', '#E1B46E', '#3BACBA', '#878787'],
+  'hut2.glb': ['#814C22', '#231E1D', '#FFF6A6', '#E7AF3A', '#E73627', '#878787'],
+  'hut3.glb': ['#F6DAB6', '#6CC3C1', '#9DC45C', '#EEB975', '#F3B4BE', '#878787'],
+  'hut4.glb': ['#F2E8CF', '#BC4749', '#EEB975', '#AF1B3F', '#6A994E', '#878787'],
+
+  'boat.glb': [
+    '#4F8A46',
+    '#E7D48E',
+    '#E76635',
+    '#E76C69',
+    '#5E64E7',
+    '#4A4A4A',
+    '#AAAAAA',
+    '#E711CD',
   ],
 
-  "boat.glb": [
-    "#4F8A46",
-    "#E7D48E",
-    "#E76635",
-    "#E76C69",
-    "#5E64E7",
-    "#4A4A4A",
-    "#AAAAAA",
-    "#E711CD",
-  ],
-
-  "airplane.glb": ["#E75D43", "#6A6A6A", "#E7C777", "#979797", "#A033E7"],
+  'airplane.glb': ['#E75D43', '#6A6A6A', '#E7C777', '#979797', '#A033E7'],
 
-  "airplane2.glb": ["#E75D43", "#6A6A6A", "#E7C777", "#979797", "#A033E7"],
+  'airplane2.glb': ['#E75D43', '#6A6A6A', '#E7C777', '#979797', '#A033E7'],
 
-  "skateboard.glb": ["#E769D3", "#484848", "#251BE7"],
+  'skateboard.glb': ['#E769D3', '#484848', '#251BE7'],
 
-  "rhino.glb": ["#6D6B6C", "#F6F6F6", "#373737", "#230F0F"],
-  "lion.glb": ["#000000", "#DECC9C", "#8A4900", "#C69452"],
+  'rhino.glb': ['#6D6B6C', '#F6F6F6', '#373737', '#230F0F'],
+  'lion.glb': ['#000000', '#DECC9C', '#8A4900', '#C69452'],
 
-  "humped.glb": ["#FFA869", "#E76F31", "#7E5024"],
-  "boardwalk_straight.glb": ["#7E5024", "#7E5024", "#7E5024"],
-  "jetty.glb": ["#FFA869", "#7E5024", "#E76F31"],
-  "flower.glb": ["#E73F9F", "#4AB700", "#E7D535"],
-  "flower2.glb": ["#7C38E7", "#4AB700", "#E7D535"],
+  'humped.glb': ['#FFA869', '#E76F31', '#7E5024'],
+  'boardwalk_straight.glb': ['#7E5024', '#7E5024', '#7E5024'],
+  'jetty.glb': ['#FFA869', '#7E5024', '#E76F31'],
+  'flower.glb': ['#E73F9F', '#4AB700', '#E7D535'],
+  'flower2.glb': ['#7C38E7', '#4AB700', '#E7D535'],
 };
 
-export const modelNames = [
-  "Flock.glb",
-  "lion.glb",
-  "rhino.glb",
-];
+export const modelNames = ['Flock.glb', 'lion.glb', 'rhino.glb'];
 
 export const blockNames = [
-  "Character1.glb",
-  "Character2.glb",
-  "Character3.glb",
-  "Character4.glb",
-  "Flock.glb",
-  "Flock_Santa.glb",
-  "Character.glb",
-  "lion.glb",
-  "rhino.glb",
+  'Character1.glb',
+  'Character2.glb',
+  'Character3.glb',
+  'Character4.glb',
+  'Flock.glb',
+  'Flock_Santa.glb',
+  'Character.glb',
+  'lion.glb',
+  'rhino.glb',
 ];
 
 export const modelAnimationNames = [
-  "Flock.glb",
-  "rhino.glb",
-  "lion.glb",
-  "airplane.glb",
-  "airplane2.glb",
+  'Flock.glb',
+  'rhino.glb',
+  'lion.glb',
+  'airplane.glb',
+  'airplane2.glb',
 ];
 
 export function mapNames() {
   return [
-    getDropdownOption("circular_depression.png"),
-    getDropdownOption("checkerboard.png"),
-    getDropdownOption("sloped_plane.png"),
-    getDropdownOption("cove_plateau.png"),
-    getDropdownOption("random_hills.png"),
-    getDropdownOption("diagonal_ridge.png"),
-    getDropdownOption("mixed_heights.png"),
-    getDropdownOption("uneven_terrain.png"),
-    getDropdownOption("mountains.png"),
-    getDropdownOption("Islands.png"),
-    getDropdownOption("Lookout.png"),
-    getDropdownOption("Valley.png"),
+    getDropdownOption('circular_depression.png'),
+    getDropdownOption('checkerboard.png'),
+    getDropdownOption('sloped_plane.png'),
+    getDropdownOption('cove_plateau.png'),
+    getDropdownOption('random_hills.png'),
+    getDropdownOption('diagonal_ridge.png'),
+    getDropdownOption('mixed_heights.png'),
+    getDropdownOption('uneven_terrain.png'),
+    getDropdownOption('mountains.png'),
+    getDropdownOption('Islands.png'),
+    getDropdownOption('Lookout.png'),
+    getDropdownOption('Valley.png'),
   ];
 }
 
 export function animationNames() {
   return [
-    getDropdownOption("Idle"),
-    getDropdownOption("Walk"),
-    getDropdownOption("Run"),
-    getDropdownOption("Wave"),
-    getDropdownOption("Yes"),
-    getDropdownOption("No"),
-    getDropdownOption("Duck"),
-    getDropdownOption("Fall"),
-    getDropdownOption("Fly"),
-    getDropdownOption("Jump"),
-    getDropdownOption("JumpUp"),
-    getDropdownOption("JumpIdle"),
-    getDropdownOption("JumpLand"),
-    getDropdownOption("Flip"),
-    getDropdownOption("Dance1"),
-    getDropdownOption("Dance2"),
-    getDropdownOption("Dance3"),
-    getDropdownOption("Dance4"),
-    getDropdownOption("Punch"),
-    getDropdownOption("HitReact"),
-    getDropdownOption("Idle_Hold"),
-    getDropdownOption("Walk_Hold"),
-    getDropdownOption("Run_Hold"),
-    getDropdownOption("Sit_Down"),
-    getDropdownOption("Sitting"),
-    getDropdownOption("Stand_Up"),
-    getDropdownOption("Wobble"),
-    getDropdownOption("Clap"),
-    getDropdownOption("Climb_rope"),
+    getDropdownOption('Idle'),
+    getDropdownOption('Walk'),
+    getDropdownOption('Run'),
+    getDropdownOption('Wave'),
+    getDropdownOption('Yes'),
+    getDropdownOption('No'),
+    getDropdownOption('Duck'),
+    getDropdownOption('Fall'),
+    getDropdownOption('Fly'),
+    getDropdownOption('Jump'),
+    getDropdownOption('JumpUp'),
+    getDropdownOption('JumpIdle'),
+    getDropdownOption('JumpLand'),
+    getDropdownOption('Flip'),
+    getDropdownOption('Dance1'),
+    getDropdownOption('Dance2'),
+    getDropdownOption('Dance3'),
+    getDropdownOption('Dance4'),
+    getDropdownOption('Punch'),
+    getDropdownOption('HitReact'),
+    getDropdownOption('Idle_Hold'),
+    getDropdownOption('Walk_Hold'),
+    getDropdownOption('Run_Hold'),
+    getDropdownOption('Sit_Down'),
+    getDropdownOption('Sitting'),
+    getDropdownOption('Stand_Up'),
+    getDropdownOption('Wobble'),
+    getDropdownOption('Clap'),
+    getDropdownOption('Climb_rope'),
   ];
 }
 
 export const materialNames = [
-  "none.png",
-  "arrows.png",
-  "bricks.png",
-  "carbonfibre.png",
-  "carpet.png",
-  "circles.png",
-  "eyeball.png",
-  "fabric.png",
-  "fishes.png",
-  "fish_above.png",
-  "flowers.png",
-  "flower_tile.png",
-  "fruit.png",
-  "grass.png",
-  "gravel.png",
-  "Grid.png",
-  "hedge.png",
-  "jigsaw.png",
-  "leaves.png",
-  "marble.png",
-  "mosaic.png",
-  "mushroom.png",
-  "planks.png",
-  "road.png",
-  "rough.png",
-  "shapes.png",
-  "squares.png",
-  "stars.png",
-  "stripes.png",
-  "swirl.png",
-  "tiles.png",
-  "triangles.png",
-  "wiggles.png",
-  "windmill.png",
-  "wood.png",
-  "gridxy.png",
+  'none.png',
+  'arrows.png',
+  'bricks.png',
+  'carbonfibre.png',
+  'carpet.png',
+  'circles.png',
+  'eyeball.png',
+  'fabric.png',
+  'fishes.png',
+  'fish_above.png',
+  'flowers.png',
+  'flower_tile.png',
+  'fruit.png',
+  'grass.png',
+  'gravel.png',
+  'Grid.png',
+  'hedge.png',
+  'jigsaw.png',
+  'leaves.png',
+  'marble.png',
+  'mosaic.png',
+  'mushroom.png',
+  'planks.png',
+  'road.png',
+  'rough.png',
+  'shapes.png',
+  'squares.png',
+  'stars.png',
+  'stripes.png',
+  'swirl.png',
+  'tiles.png',
+  'triangles.png',
+  'wiggles.png',
+  'windmill.png',
+  'wood.png',
+  'gridxy.png',
 ];
 
 export const attachNames = [
-  "LeftHand",
-  "RightHand",
-  "Head",
-  "Hips",
-  "Spine",
-  "Spine1",
-  "Spine2",
-  "Neck",
-  "LeftShoulder",
-  "LeftArm",
-  "LeftForeArm",
-  "RightShoulder",
-  "RightArm",
-  "RightForeArm",
-  "LeftUpLeg",
-  "LeftLeg",
-  "LeftFoot",
-  "RightUpLeg",
-  "RightLeg",
-  "RightFoot",
+  'LeftHand',
+  'RightHand',
+  'Head',
+  'Hips',
+  'Spine',
+  'Spine1',
+  'Spine2',
+  'Neck',
+  'LeftShoulder',
+  'LeftArm',
+  'LeftForeArm',
+  'RightShoulder',
+  'RightArm',
+  'RightForeArm',
+  'LeftUpLeg',
+  'LeftLeg',
+  'LeftFoot',
+  'RightUpLeg',
+  'RightLeg',
+  'RightFoot',
 ];
 
 export const attachBlockMapping = {
-  LeftHand: "Hold",
-  Hold: "Hold",
-  Head: "Head",
+  LeftHand: 'Hold',
+  Hold: 'Hold',
+  Head: 'Head',
 };
 
 // Mixamo bone names are from the character's own perspective, but GLTF
 // import mirrors the model, so left/right are swapped from the viewer's
 // perspective. LeftHand (viewer's left) maps to mixamorig:RightHand, etc.
-export const AUTOSAVE_KEY = "flock_autosave.flock";
+export const AUTOSAVE_KEY = 'flock_autosave.flock';
 
 // Feature flag for autosaving to the last explicitly-saved file. localStorage
 // autosave is unaffected by this flag.
 export const AUTOSAVE_TO_FILE_ENABLED = false;
 
 export const attachMixamoMapping = {
-  LeftHand: "mixamorig:RightHand",
-  Hold: "mixamorig:RightHand",
-  RightHand: "mixamorig:LeftHand",
-  Head: "mixamorig:HeadTop_End",
-  Hips: "mixamorig:Hips",
-  Spine: "mixamorig:Spine",
-  Spine1: "mixamorig:Spine1",
-  Spine2: "mixamorig:Spine2",
-  Neck: "mixamorig:Neck",
-  LeftShoulder: "mixamorig:RightShoulder",
-  LeftArm: "mixamorig:RightArm",
-  LeftForeArm: "mixamorig:RightForeArm",
-  RightShoulder: "mixamorig:LeftShoulder",
-  RightArm: "mixamorig:LeftArm",
-  RightForeArm: "mixamorig:LeftForeArm",
-  LeftUpLeg: "mixamorig:RightUpLeg",
-  LeftLeg: "mixamorig:RightLeg",
-  LeftFoot: "mixamorig:RightFoot",
-  RightUpLeg: "mixamorig:LeftUpLeg",
-  RightLeg: "mixamorig:LeftLeg",
-  RightFoot: "mixamorig:LeftFoot",
+  LeftHand: 'mixamorig:RightHand',
+  Hold: 'mixamorig:RightHand',
+  RightHand: 'mixamorig:LeftHand',
+  Head: 'mixamorig:HeadTop_End',
+  Hips: 'mixamorig:Hips',
+  Spine: 'mixamorig:Spine',
+  Spine1: 'mixamorig:Spine1',
+  Spine2: 'mixamorig:Spine2',
+  Neck: 'mixamorig:Neck',
+  LeftShoulder: 'mixamorig:RightShoulder',
+  LeftArm: 'mixamorig:RightArm',
+  LeftForeArm: 'mixamorig:RightForeArm',
+  RightShoulder: 'mixamorig:LeftShoulder',
+  RightArm: 'mixamorig:LeftArm',
+  RightForeArm: 'mixamorig:LeftForeArm',
+  LeftUpLeg: 'mixamorig:RightUpLeg',
+  LeftLeg: 'mixamorig:RightLeg',
+  LeftFoot: 'mixamorig:RightFoot',
+  RightUpLeg: 'mixamorig:LeftUpLeg',
+  RightLeg: 'mixamorig:LeftLeg',
+  RightFoot: 'mixamorig:LeftFoot',
 };
 
 export function getAttachNames() {
diff --git a/cubeart.html b/cubeart.html
index 199e8994c..d196c2036 100644
--- a/cubeart.html
+++ b/cubeart.html
@@ -8,8 +8,7 @@
     <style>
       body {
         font-family:
-          "Atkinson Hyperlegible Next", "Asap", Helvetica, Arial, Lucida,
-          sans-serif !important;
+          'Atkinson Hyperlegible Next', 'Asap', Helvetica, Arial, Lucida, sans-serif !important;
       }
     </style>
   </head>
@@ -86,7 +85,7 @@
     </script>
 
     <script type="module">
-      import "https://flipcomputing.github.io/flock/flock.js";
+      import 'https://flipcomputing.github.io/flock/flock.js';
     </script>
   </body>
 </html>
diff --git a/dev-docs/API_QUALITY_TOOLS.md b/dev-docs/API_QUALITY_TOOLS.md
index 262aa81ee..78fbfe330 100644
--- a/dev-docs/API_QUALITY_TOOLS.md
+++ b/dev-docs/API_QUALITY_TOOLS.md
@@ -182,7 +182,7 @@ node scripts/utils/test-analyzer.mjs
    **Example:**
 
    ```javascript
-   flock.methodName("value", options);
+   flock.methodName('value', options);
    ```
    ````
 
@@ -260,19 +260,19 @@ node scripts/utils/test-analyzer.mjs
 4. Follow existing test patterns:
 
    ```javascript
-   describe("Mesh operations @mesh", function () {
+   describe('Mesh operations @mesh', function () {
      let testMesh;
 
      beforeEach(function () {
-       testMesh = flock.createBox("testBox");
+       testMesh = flock.createBox('testBox');
      });
 
      afterEach(function () {
        flock.dispose(testMesh);
      });
 
-     it("should attach mesh to parent", function (done) {
-       const parent = flock.createBox("parent");
+     it('should attach mesh to parent', function (done) {
+       const parent = flock.createBox('parent');
        flock.attach(testMesh, parent);
 
        setTimeout(() => {
diff --git a/dev-docs/API_RECONCILIATION_PLAN.md b/dev-docs/API_RECONCILIATION_PLAN.md
index c48ff0d24..9ee21769f 100644
--- a/dev-docs/API_RECONCILIATION_PLAN.md
+++ b/dev-docs/API_RECONCILIATION_PLAN.md
@@ -211,16 +211,16 @@ createBox(boxId, options = {}) {
 
 ```javascript
 // tests/sound.test.js (auto-generated stub)
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runSoundTests(flock) {
-  describe("Sound API Methods @sound", function () {
-    describe("playNotes function", function () {
-      it("should exist and be callable", function () {
-        expect(typeof flock.playNotes).to.equal("function");
+  describe('Sound API Methods @sound', function () {
+    describe('playNotes function', function () {
+      it('should exist and be callable', function () {
+        expect(typeof flock.playNotes).to.equal('function');
       });
 
-      it.skip("should play notes with valid parameters", function () {
+      it.skip('should play notes with valid parameters', function () {
         // TODO: Implement test
         // Example usage:
         // await flock.playNotes({
@@ -229,17 +229,17 @@ export function runSoundTests(flock) {
         // });
       });
 
-      it.skip("should handle invalid parameters gracefully", function () {
+      it.skip('should handle invalid parameters gracefully', function () {
         // TODO: Test error handling
       });
     });
 
-    describe("setBPM function", function () {
-      it("should exist and be callable", function () {
-        expect(typeof flock.setBPM).to.equal("function");
+    describe('setBPM function', function () {
+      it('should exist and be callable', function () {
+        expect(typeof flock.setBPM).to.equal('function');
       });
 
-      it.skip("should set beats per minute", function () {
+      it.skip('should set beats per minute', function () {
         // TODO: Implement test
       });
     });
@@ -277,7 +277,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: "18"
+          node-version: '18'
 
       - name: Install dependencies
         run: npm ci
diff --git a/docs/endless.md b/docs/endless.md
index 76547fd98..88b994f1d 100644
--- a/docs/endless.md
+++ b/docs/endless.md
@@ -23,8 +23,9 @@ The latest release version of Flock XR can be found by going to https://app.floc
 From both Chromium and Epiphany, on Endless OS, it is possible to install Flock XR as a web application. This app can then be used without an Internet connection, as shown in the following screenshot.
 
 ![Flock XR running in a web app with flight mode on](images/EndlessWebApp.png)
+
 ## Testing Flock XR
 
-Flock XR’s basic functionality has been tested on Endless OS using both of the browsers which come pre-installed with the distribution. That is, we tested Flock on Chromium and on GNOME Web (Epiphany). We found that Flock XR functioned well on both, with better compatibility being found on Chromium, so we recommend using Chromium to run Flock XR on Endless OS. 
+Flock XR’s basic functionality has been tested on Endless OS using both of the browsers which come pre-installed with the distribution. That is, we tested Flock on Chromium and on GNOME Web (Epiphany). We found that Flock XR functioned well on both, with better compatibility being found on Chromium, so we recommend using Chromium to run Flock XR on Endless OS.
 
 If you find any issues using Flock XR on Endless OS, let us know at [Flock XR](https://flockxr.com/).
diff --git a/docs/screen-reader.md b/docs/screen-reader.md
index 8118f230f..284d1a8e6 100644
--- a/docs/screen-reader.md
+++ b/docs/screen-reader.md
@@ -4,13 +4,13 @@
 
 Flock XR has an intial prototype of built-in screen reader support, enabling users who rely on assistive technology to navigate 3D worlds, interact with objects, and build programs. The implementation uses standard ARIA live regions and works with major screen readers including Windows Narrator, NVDA, JAWS, and VoiceOver.
 
-This functionality is available in the [development version of Flock XR](https://flipcomputing.github.io/flock/) which is under active development. If you're interested in a more stable version for trying out the features then do get in touch. 
+This functionality is available in the [development version of Flock XR](https://flipcomputing.github.io/flock/) which is under active development. If you're interested in a more stable version for trying out the features then do get in touch.
 
-Flock XR also has initial screen reader support for creating project using Blockly blocks using Blockly v13. Additional work is ongoing to integrate this functionality into Flock XR so that creating projects is fully screen reader accessible. 
+Flock XR also has initial screen reader support for creating project using Blockly blocks using Blockly v13. Additional work is ongoing to integrate this functionality into Flock XR so that creating projects is fully screen reader accessible.
 
-Flock XR supports spatial audio so sounds can be attached to meshes in 3D space and the volume and direction changes based on the proximity of the player to the source. 
+Flock XR supports spatial audio so sounds can be attached to meshes in 3D space and the volume and direction changes based on the proximity of the player to the source.
 
-The 2D UI componentsthat can be used in Flock XR are accessible by using tab and then interacting. This can be used to build text-based programs that are screen reader accessible. 
+The 2D UI componentsthat can be used in Flock XR are accessible by using tab and then interacting. This can be used to build text-based programs that are screen reader accessible.
 
 Many more features are on our roadmap, subject to funding, making Flock XR a viable coding environment for blind and visually impaired learners.
 
@@ -92,7 +92,7 @@ The visual interact indicator appears when an interactable object is within appr
 
 ### 2D UI components
 
-Flock XR programs can include 2D UI components such as text input fields, sliders, and buttons. 
+Flock XR programs can include 2D UI components such as text input fields, sliders, and buttons.
 
 - **Tab** from the canvas to move focus into the UI controls.
 - **Shift+Tab** moves backwards, returning to the canvas at either end.
@@ -104,9 +104,9 @@ The tab order of UI controls reflects the order in which they are added.
 
 ## Creating projects with Blockly
 
-Blockly v13 is adding screen reader support for creating projects using a screen reader. Flock XR has partial support for this and we're hoping to add full support as soon as we can by fully integrating with Flock XR blockly blocks. 
+Blockly v13 is adding screen reader support for creating projects using a screen reader. Flock XR has partial support for this and we're hoping to add full support as soon as we can by fully integrating with Flock XR blockly blocks.
 
-Screen reader support builds on keyboard controls support for Blockly. Keyboard navigation is currently being added to the Flock XR UI and Blockly blocks. 
+Screen reader support builds on keyboard controls support for Blockly. Keyboard navigation is currently being added to the Flock XR UI and Blockly blocks.
 
 ### Sound blocks
 
@@ -143,25 +143,27 @@ Flock XR programs can display text to the player using **say** and **print** blo
 - **Say blocks with a duration** — text is live-announced immediately when the say block fires, and is also included in the nearest object description (Ctrl+J) for as long as it is displayed.
 - **Say with duration 0** (persistent say) — the text is not live-announced, but is stored as a permanent description for the object and becomes part of the nearest object description when you use Ctrl+J. This is useful for setting a standing description that players can discover when they approach.
 
-Flock XR also has speech blocks that can generate speech from text. 
+Flock XR also has speech blocks that can generate speech from text.
 
 ### Text projects
+
 The 2D controls mean that Flock XR can be used to build text-based programs — games and interactive stories that work through text output and input without relying on the 3D scene visually. Using print blocks, say blocks, and UI input blocks, it is possible to create projects that are usable by screen reader users.
 
 ## Future
-There's so much we can do in Flock XR to allow the creation and exploration of 3D spatial worlds using a screen reader. 
 
-This includes adding sonification to help users navigate, adding improved music composition and spatial audio support and adding haptic feedback through low cost games controllers. And probably lots of things we haven't thought of yet. 
+There's so much we can do in Flock XR to allow the creation and exploration of 3D spatial worlds using a screen reader.
+
+This includes adding sonification to help users navigate, adding improved music composition and spatial audio support and adding haptic feedback through low cost games controllers. And probably lots of things we haven't thought of yet.
 
-Flock XR enables young people to have creative expression. It can also be used to increase awareness of screen reader use so that young people can themselves create projects that are accessible to others. 
+Flock XR enables young people to have creative expression. It can also be used to increase awareness of screen reader use so that young people can themselves create projects that are accessible to others.
 
-Spatial computing is increasingly important in society and industry with some key capabilities that are relevant to users who are blind or visually impaired. Flock XR has the potential to offer virtual experiences that enable users to practice skills such as tech-supported 3D navigation. 
+Spatial computing is increasingly important in society and industry with some key capabilities that are relevant to users who are blind or visually impaired. Flock XR has the potential to offer virtual experiences that enable users to practice skills such as tech-supported 3D navigation.
 
 ## Credits
 
-Screen reader support for creating Blockly projects in Flock XR is possible through [Blockly's keyboard navigation and screen reader support](https://www.blockly.com/accessibility). Tracy (creator and maintainer of Flock XR played a key role in this work through the [micro:bit Educational Foundation](https://microbit.org/accessibility/microsoft-makecode/)), working closely with a youth panel. 
+Screen reader support for creating Blockly projects in Flock XR is possible through [Blockly's keyboard navigation and screen reader support](https://www.blockly.com/accessibility). Tracy (creator and maintainer of Flock XR played a key role in this work through the [micro:bit Educational Foundation](https://microbit.org/accessibility/microsoft-makecode/)), working closely with a youth panel.
 
-Support for adding keyboard controls support to Flock XR is ongoing and supported by [NLnet](https://nlnet.nl/project/FlockXR-a11y-mobile-UX/). 
+Support for adding keyboard controls support to Flock XR is ongoing and supported by [NLnet](https://nlnet.nl/project/FlockXR-a11y-mobile-UX/).
 
 The initial screen reader accessibility prototype for Flock XR was developed by **Esther Mbugua**, a final year Computer Science student at the University of Sheffield.
 
@@ -176,7 +178,7 @@ We continually use the [RNIB Gaming Devkit](https://github.com/RNIB-MediaAndCult
 
 Flock XR is open-source and accessibility work is ongoing. We are actively looking for sponsorship to continue developing screen reader support, improve the Blockly editor experience, and make Flock XR more widely accessible.
 
-We're really excited about what is possible here, but we're going to need support to complete this work to a high standard including working closely with users who have a deep understanding of how this capability needs to work. 
+We're really excited about what is possible here, but we're going to need support to complete this work to a high standard including working closely with users who have a deep understanding of how this capability needs to work.
 
 - [Sponsor Flock XR on GitHub Sponsors](https://github.com/sponsors/flipcomputing)
 - [Get in touch via flockxr.com](https://flipcomputing.com/contact/)
diff --git a/embed-example.html b/embed-example.html
index 1beb9abd7..b122871d8 100644
--- a/embed-example.html
+++ b/embed-example.html
@@ -1,29 +1,29 @@
 <!doctype html>
 <html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>Flock XR embed example</title>
-		<style>
-			body {
-				background-color: #eeeeee;
-			}
-		</style>
-	</head>
-	<body>
-		<h1>Flock XR embed example</h1>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Flock XR embed example</title>
+    <style>
+      body {
+        background-color: #eeeeee;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>Flock XR embed example</h1>
 
-		<iframe
-		  title="Flock XR embedded project player"
-		  width="604"
-		  height="420"
-		  style="border: 0; display: block; margin: 0 auto; border-radius: 12px; overflow: hidden;"
-		  allow="fullscreen; xr-spatial-tracking; accelerometer; gyroscope"
-		  src="./index.html?embed=true&size=default&controls=playstop&project=https%3A%2F%2Fraw.githubusercontent.com%2Fflipcomputing%2Fflockxr-projects%2Frefs%2Fheads%2Fmain%2FFidget%2520spinner.flock"
-		></iframe>
+    <iframe
+      title="Flock XR embedded project player"
+      width="604"
+      height="420"
+      style="border: 0; display: block; margin: 0 auto; border-radius: 12px; overflow: hidden"
+      allow="fullscreen; xr-spatial-tracking; accelerometer; gyroscope"
+      src="./index.html?embed=true&size=default&controls=playstop&project=https%3A%2F%2Fraw.githubusercontent.com%2Fflipcomputing%2Fflockxr-projects%2Frefs%2Fheads%2Fmain%2FFidget%2520spinner.flock"
+    ></iframe>
 
-		<h2>Copy/paste embed snippet</h2>
-		<pre><code>&lt;iframe
+    <h2>Copy/paste embed snippet</h2>
+    <pre><code>&lt;iframe
 		  title="Flock XR embedded project player"
 		  width="604"
 		  height="420"
@@ -31,5 +31,5 @@ <h2>Copy/paste embed snippet</h2>
 		  allow="fullscreen; xr-spatial-tracking; accelerometer; gyroscope"
 		  src="https://your-host/flock/index.html?embed=true&amp;size=default&amp;controls=playstop&amp;project=YOUR_RAW_FLOCK_URL"
 		&gt;&lt;/iframe&gt;</code></pre>
-	</body>
+  </body>
 </html>
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 1be2ec509..6e9a170b8 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,33 +1,33 @@
-import globals from "globals";
-import pluginJs from "@eslint/js";
+import globals from 'globals';
+import pluginJs from '@eslint/js';
 
 /** @type {import('eslint').Linter.Config[]} */
 export default [
   {
     ignores: [
-      "node_modules/",
-      "dev-dist/",
-      "dist/",
-      "examples/",
-      ".local/",
-      "**/.local/",
-      "test-playwright.js",
-      "test-visual.js",
+      'node_modules/',
+      'dev-dist/',
+      'dist/',
+      'examples/',
+      '.local/',
+      '**/.local/',
+      'test-playwright.js',
+      'test-visual.js',
     ],
   },
   { languageOptions: { globals: globals.browser } },
   {
-    files: ["tests/**/*.test.js"],
+    files: ['tests/**/*.test.js'],
     languageOptions: {
       globals: {
         ...globals.chai,
         ...globals.mocha,
-        chai: "readonly",
+        chai: 'readonly',
       },
     },
   },
   {
-    files: ["scripts/**/*.mjs", "scripts/**/*.js", "**/scripts/**/*.js"],
+    files: ['scripts/**/*.mjs', 'scripts/**/*.js', '**/scripts/**/*.js'],
     languageOptions: {
       globals: {
         ...globals.node,
@@ -36,12 +36,12 @@ export default [
   },
   {
     files: [
-      "*.config.js",
-      "*.config.mjs",
-      "*.config.cjs",
-      "**/*.config.js",
-      "**/*.config.mjs",
-      "**/*.config.cjs",
+      '*.config.js',
+      '*.config.mjs',
+      '*.config.cjs',
+      '**/*.config.js',
+      '**/*.config.mjs',
+      '**/*.config.cjs',
     ],
     languageOptions: {
       globals: {
@@ -50,9 +50,9 @@ export default [
     },
   },
   {
-    files: ["vite.config.js"],
+    files: ['vite.config.js'],
     languageOptions: {
-      sourceType: "module",
+      sourceType: 'module',
       globals: {
         ...globals.node,
       },
@@ -61,7 +61,7 @@ export default [
   pluginJs.configs.recommended,
   {
     rules: {
-      "no-unused-vars": ["error", { argsIgnorePattern: "^_", varsIgnorePattern: "^_" }],
+      'no-unused-vars': ['error', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }],
     },
   },
 ];
diff --git a/flock.js b/flock.js
index ece397130..a597697e9 100644
--- a/flock.js
+++ b/flock.js
@@ -53,7 +53,10 @@ import { flockMesh, setFlockReference as setFlockMesh } from './api/mesh';
 import { flockCamera, setFlockReference as setFlockCamera } from './api/camera';
 import { flockEvents, setFlockReference as setFlockEvents } from './api/events';
 import { flockMicrobit, setFlockReference as setFlockMicrobit } from './api/microbit';
-import { getMicrobitManager, setFlockReference as setFlockMicrobitManager } from './microbit/manager.js';
+import {
+  getMicrobitManager,
+  setFlockReference as setFlockMicrobitManager,
+} from './microbit/manager.js';
 import { flockMath, setFlockReference as setFlockMath } from './api/math';
 import { flockSensing, setFlockReference as setFlockSensing } from './api/sensing';
 import { translate } from './main/translation.js';
@@ -190,8 +193,7 @@ export const flock = {
   isDebugLoggingEnabled() {
     if (flock._debugLogging === undefined) {
       try {
-        flock._debugLogging =
-          new URLSearchParams(window.location.search).get('debug') !== 'false';
+        flock._debugLogging = new URLSearchParams(window.location.search).get('debug') !== 'false';
       } catch {
         flock._debugLogging = true;
       }
@@ -246,11 +248,8 @@ export const flock = {
     };
     // A thrown primitive (e.g. `throw "bad input"`) has no .message, so use the
     // value itself rather than losing the text.
-    const isPrimitive =
-      error == null || (typeof error !== 'object' && typeof error !== 'function');
-    const safe = new Error(
-      isPrimitive ? read(() => error) : read(() => error?.message)
-    );
+    const isPrimitive = error == null || (typeof error !== 'object' && typeof error !== 'function');
+    const safe = new Error(isPrimitive ? read(() => error) : read(() => error?.message));
     safe.name = isPrimitive ? 'Error' : read(() => error?.name) || 'Error';
     safe.stack = isPrimitive ? '' : read(() => error?.stack);
     return safe;
@@ -833,8 +832,7 @@ export const flock = {
       // `.constructor` (sandbox escape). Must run before lockdown.
       const wrapScript = doc.createElement('script');
       wrapScript.type = 'text/javascript';
-      wrapScript.text =
-        'window.__flockWrapHostFn = (fn) => (...args) => fn(...args);';
+      wrapScript.text = 'window.__flockWrapHostFn = (fn) => (...args) => fn(...args);';
       doc.head.appendChild(wrapScript);
 
       // Lock down the iframe realm. Disable SES's own unhandled-rejection
@@ -894,7 +892,7 @@ export const flock = {
       // Wrapped so the endowment carries no host `.constructor`.
       const hostRequestAnimationFrame = window.requestAnimationFrame.bind(window);
       endowments.requestAnimationFrame = win.__flockWrapHostFn((callback) =>
-        hostRequestAnimationFrame(guard(callback)),
+        hostRequestAnimationFrame(guard(callback))
       );
 
       endowments.Date = new win.Object();
diff --git a/generators/generators-animate.js b/generators/generators-animate.js
index 13016792d..9becba8b3 100644
--- a/generators/generators-animate.js
+++ b/generators/generators-animate.js
@@ -1,138 +1,116 @@
-import * as Blockly from "blockly";
-import { getFieldValue } from "./generators-utilities.js";
+import * as Blockly from 'blockly';
+import { getFieldValue } from './generators-utilities.js';
 
 export function registerAnimateGenerators(javascriptGenerator) {
   // -------------------------------
   // ANIMATE
   // -------------------------------
   // Switch animation to
-  javascriptGenerator.forBlock["switch_animation"] = function (block) {
+  javascriptGenerator.forBlock['switch_animation'] = function (block) {
     const model = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL'),
+      Blockly.Names.NameType.VARIABLE
     );
     const animationName =
-      javascriptGenerator.valueToCode(
-        block,
-        "ANIMATION_NAME",
-        javascriptGenerator.ORDER_NONE,
-      ) || '"Idle"';
+      javascriptGenerator.valueToCode(block, 'ANIMATION_NAME', javascriptGenerator.ORDER_NONE) ||
+      '"Idle"';
     const code = `switchAnimation(${model}, { animationName: ${animationName} });\n`;
     return code;
   };
 
   // Play animation on object
-  javascriptGenerator.forBlock["play_animation"] = function (block) {
+  javascriptGenerator.forBlock['play_animation'] = function (block) {
     const model = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL'),
+      Blockly.Names.NameType.VARIABLE
     );
     const animationName =
-      javascriptGenerator.valueToCode(
-        block,
-        "ANIMATION_NAME",
-        javascriptGenerator.ORDER_NONE,
-      ) || '"Idle"';
+      javascriptGenerator.valueToCode(block, 'ANIMATION_NAME', javascriptGenerator.ORDER_NONE) ||
+      '"Idle"';
     const code = `await playAnimation(${model}, { animationName: ${animationName} });\n`;
     return code;
   };
 
   // Animation name
-  javascriptGenerator.forBlock["animation_name"] = function (block) {
-    const animationName = block.getFieldValue("ANIMATION_NAME");
-    return [JSON.stringify(animationName ?? ""), javascriptGenerator.ORDER_ATOMIC];
+  javascriptGenerator.forBlock['animation_name'] = function (block) {
+    const animationName = block.getFieldValue('ANIMATION_NAME');
+    return [JSON.stringify(animationName ?? ''), javascriptGenerator.ORDER_ATOMIC];
   };
 
   // Glide to coordinates
-  javascriptGenerator.forBlock["glide_to_seconds"] = function (block) {
+  javascriptGenerator.forBlock['glide_to_seconds'] = function (block) {
     const meshName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const x = getFieldValue(block, "X", "0");
-    const y = getFieldValue(block, "Y", "0");
-    const z = getFieldValue(block, "Z", "0");
-    const duration = getFieldValue(block, "DURATION", "0");
-    const mode = block.getFieldValue("MODE");
-    const reverse = block.getFieldValue("REVERSE") === "TRUE";
-    const loop = block.getFieldValue("LOOP") === "TRUE";
-    const easing = block.getFieldValue("EASING");
+    const x = getFieldValue(block, 'X', '0');
+    const y = getFieldValue(block, 'Y', '0');
+    const z = getFieldValue(block, 'Z', '0');
+    const duration = getFieldValue(block, 'DURATION', '0');
+    const mode = block.getFieldValue('MODE');
+    const reverse = block.getFieldValue('REVERSE') === 'TRUE';
+    const loop = block.getFieldValue('LOOP') === 'TRUE';
+    const easing = block.getFieldValue('EASING');
 
-    const asyncWrapper = mode === "AWAIT" ? "await " : "";
+    const asyncWrapper = mode === 'AWAIT' ? 'await ' : '';
 
     return `${asyncWrapper}glideTo(${meshName}, { x: ${x}, y: ${y}, z: ${z}, duration: ${duration}, reverse: ${reverse}, loop: ${loop}, easing: "${easing}" });\n`;
   };
 
   // Glide to object
-  javascriptGenerator.forBlock["glide_to_object"] = function (block) {
+  javascriptGenerator.forBlock['glide_to_object'] = function (block) {
     const meshName1 = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL1"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL1'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     const meshName2 = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL2"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL2'),
+      Blockly.Names.NameType.VARIABLE
     );
     const xOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "X_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'X_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
     const yOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'Y_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
     const zOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "Z_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
-    const duration = getFieldValue(block, "DURATION", "0");
-    const mode = block.getFieldValue("MODE");
-    const reverse = block.getFieldValue("REVERSE") === "TRUE";
-    const loop = block.getFieldValue("LOOP") === "TRUE";
-    const easing = block.getFieldValue("EASING");
-    const asyncWrapper = mode === "AWAIT" ? "await " : "";
+      javascriptGenerator.valueToCode(block, 'Z_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
+    const duration = getFieldValue(block, 'DURATION', '0');
+    const mode = block.getFieldValue('MODE');
+    const reverse = block.getFieldValue('REVERSE') === 'TRUE';
+    const loop = block.getFieldValue('LOOP') === 'TRUE';
+    const easing = block.getFieldValue('EASING');
+    const asyncWrapper = mode === 'AWAIT' ? 'await ' : '';
 
     return `${asyncWrapper}glideToObject(${meshName1}, ${meshName2}, { offsetX: ${xOffset}, offsetY: ${yOffset}, offsetZ: ${zOffset}, duration: ${duration}, reverse: ${reverse}, loop: ${loop}, easing: "${easing}" });\n`;
   };
 
   // Glide along a single axis, fixing other axes to current position
-  javascriptGenerator.forBlock["glide_to_axis"] = function (block) {
+  javascriptGenerator.forBlock['glide_to_axis'] = function (block) {
     const meshName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const axis = block.getFieldValue("AXIS");
+    const axis = block.getFieldValue('AXIS');
     const target =
-      javascriptGenerator.valueToCode(
-        block,
-        "TARGET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
-    const duration = getFieldValue(block, "DURATION", "0");
-    const mode = block.getFieldValue("MODE");
-    const reverse = block.getFieldValue("REVERSE") === "TRUE";
-    const loop = block.getFieldValue("LOOP") === "TRUE";
-    const easing = block.getFieldValue("EASING");
-
-    const asyncWrapper = mode === "AWAIT" ? "await " : "";
-
-    if (axis === "forward" || axis === "sideways") {
+      javascriptGenerator.valueToCode(block, 'TARGET', javascriptGenerator.ORDER_ATOMIC) || '0';
+    const duration = getFieldValue(block, 'DURATION', '0');
+    const mode = block.getFieldValue('MODE');
+    const reverse = block.getFieldValue('REVERSE') === 'TRUE';
+    const loop = block.getFieldValue('LOOP') === 'TRUE';
+    const easing = block.getFieldValue('EASING');
+
+    const asyncWrapper = mode === 'AWAIT' ? 'await ' : '';
+
+    if (axis === 'forward' || axis === 'sideways') {
       return `${asyncWrapper}glideDirection(${meshName}, { direction: "${axis}", distance: ${target}, duration: ${duration}, reverse: ${reverse}, loop: ${loop}, easing: "${easing}" });\n`;
     }
 
     let x, y, z;
-    if (axis === "x") {
+    if (axis === 'x') {
       x = target;
       y = `"__current__"`;
       z = `"__current__"`;
-    } else if (axis === "y") {
+    } else if (axis === 'y') {
       x = `"__current__"`;
       y = target;
       z = `"__current__"`;
@@ -146,54 +124,53 @@ export function registerAnimateGenerators(javascriptGenerator) {
   };
 
   // Rotate object to coordinates
-  javascriptGenerator.forBlock["rotate_anim_seconds"] = function (block) {
+  javascriptGenerator.forBlock['rotate_anim_seconds'] = function (block) {
     const meshName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const rotX = getFieldValue(block, "ROT_X", "0");
-    const rotY = getFieldValue(block, "ROT_Y", "0");
-    const rotZ = getFieldValue(block, "ROT_Z", "0");
-    const duration = getFieldValue(block, "DURATION", "0");
-    const mode = block.getFieldValue("MODE");
-    const reverse = block.getFieldValue("REVERSE") === "TRUE";
-    const loop = block.getFieldValue("LOOP") === "TRUE";
-    const easing = block.getFieldValue("EASING");
+    const rotX = getFieldValue(block, 'ROT_X', '0');
+    const rotY = getFieldValue(block, 'ROT_Y', '0');
+    const rotZ = getFieldValue(block, 'ROT_Z', '0');
+    const duration = getFieldValue(block, 'DURATION', '0');
+    const mode = block.getFieldValue('MODE');
+    const reverse = block.getFieldValue('REVERSE') === 'TRUE';
+    const loop = block.getFieldValue('LOOP') === 'TRUE';
+    const easing = block.getFieldValue('EASING');
 
-    const asyncWrapper = mode === "AWAIT" ? "await " : "";
+    const asyncWrapper = mode === 'AWAIT' ? 'await ' : '';
 
     return `${asyncWrapper}rotateAnim(${meshName}, { x: ${rotX}, y: ${rotY}, z: ${rotZ}, duration: ${duration}, reverse: ${reverse}, loop: ${loop}, easing: "${easing}" });\n`;
   };
 
   // Rotate object towards object
-  javascriptGenerator.forBlock["rotate_to_object"] = function (block) {
+  javascriptGenerator.forBlock['rotate_to_object'] = function (block) {
     const meshName1 = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL1"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL1'),
+      Blockly.Names.NameType.VARIABLE
     );
     const meshName2 = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL2"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL2'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const rotateMode = block.getFieldValue("ROTATE_MODE");
-    const apiRotateMode =
-      rotateMode === "SAME_ROTATION" ? "same_rotation" : "towards";
-    const duration = getFieldValue(block, "DURATION", "0");
-    const mode = block.getFieldValue("MODE");
-    const reverse = block.getFieldValue("REVERSE") === "TRUE";
-    const loop = block.getFieldValue("LOOP") === "TRUE";
-    const easing = block.getFieldValue("EASING");
+    const rotateMode = block.getFieldValue('ROTATE_MODE');
+    const apiRotateMode = rotateMode === 'SAME_ROTATION' ? 'same_rotation' : 'towards';
+    const duration = getFieldValue(block, 'DURATION', '0');
+    const mode = block.getFieldValue('MODE');
+    const reverse = block.getFieldValue('REVERSE') === 'TRUE';
+    const loop = block.getFieldValue('LOOP') === 'TRUE';
+    const easing = block.getFieldValue('EASING');
 
-    const asyncWrapper = mode === "AWAIT" ? "await " : "";
+    const asyncWrapper = mode === 'AWAIT' ? 'await ' : '';
 
     return `${asyncWrapper}rotateToObject(${meshName1}, ${meshName2}, { mode: "${apiRotateMode}", duration: ${duration}, reverse: ${reverse}, loop: ${loop}, easing: "${easing}" });\n`;
   };
 
   // Stop animations on object
-  javascriptGenerator.forBlock["stop_animations"] = function (block) {
+  javascriptGenerator.forBlock['stop_animations'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     return `await stopAnimations(${modelName});\n`;
@@ -202,76 +179,65 @@ export function registerAnimateGenerators(javascriptGenerator) {
   // KEYFRAME
   // -------------------------------
   // Animate keyframes on object group
-  javascriptGenerator.forBlock["animation"] = function (block) {
+  javascriptGenerator.forBlock['animation'] = function (block) {
     const meshVariable = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const property = block.getFieldValue("PROPERTY");
+    const property = block.getFieldValue('PROPERTY');
     const animationGroupVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("ANIMATION_GROUP"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('ANIMATION_GROUP'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const keyframesBlock = block.getInputTargetBlock("KEYFRAMES");
+    const keyframesBlock = block.getInputTargetBlock('KEYFRAMES');
     const keyframesArray = [];
 
     if (keyframesBlock) {
       // Loop through keyframe blocks to gather data
       for (let i = 0; i < keyframesBlock.inputList.length; i++) {
         const keyframeInput = keyframesBlock.inputList[i];
-        const valueBlock = keyframeInput.connection
-          ? keyframeInput.connection.targetBlock()
-          : null;
+        const valueBlock = keyframeInput.connection ? keyframeInput.connection.targetBlock() : null;
         let value;
 
         if (valueBlock) {
           // If the keyframe block is of type "colour_keyframe", treat it as a color keyframe.
-          if (valueBlock.type === "colour_keyframe") {
+          if (valueBlock.type === 'colour_keyframe') {
             value = javascriptGenerator.valueToCode(
               valueBlock,
-              "VALUE",
-              javascriptGenerator.ORDER_NONE,
+              'VALUE',
+              javascriptGenerator.ORDER_NONE
             );
-          } else if (property === "color") {
+          } else if (property === 'color') {
             // Otherwise, if property equals "color", extract as a color.
             value = javascriptGenerator.valueToCode(
               valueBlock,
-              "VALUE",
-              javascriptGenerator.ORDER_NONE,
+              'VALUE',
+              javascriptGenerator.ORDER_NONE
             );
-          } else if (["position", "rotation", "scaling"].includes(property)) {
+          } else if (['position', 'rotation', 'scaling'].includes(property)) {
             // For vector keyframes, extract X, Y, and Z.
             const x =
-              javascriptGenerator.valueToCode(
-                valueBlock,
-                "X",
-                javascriptGenerator.ORDER_ATOMIC,
-              ) || 0;
+              javascriptGenerator.valueToCode(valueBlock, 'X', javascriptGenerator.ORDER_ATOMIC) ||
+              0;
             const y =
-              javascriptGenerator.valueToCode(
-                valueBlock,
-                "Y",
-                javascriptGenerator.ORDER_ATOMIC,
-              ) || 0;
+              javascriptGenerator.valueToCode(valueBlock, 'Y', javascriptGenerator.ORDER_ATOMIC) ||
+              0;
             const z =
-              javascriptGenerator.valueToCode(
-                valueBlock,
-                "Z",
-                javascriptGenerator.ORDER_ATOMIC,
-              ) || 0;
+              javascriptGenerator.valueToCode(valueBlock, 'Z', javascriptGenerator.ORDER_ATOMIC) ||
+              0;
             value = `createVector3(${x}, ${y}, ${z})`;
           } else {
             // Handle alpha or other scalar properties.
             value = javascriptGenerator.valueToCode(
               valueBlock,
-              "VALUE",
-              javascriptGenerator.ORDER_ATOMIC,
+              'VALUE',
+              javascriptGenerator.ORDER_ATOMIC
             );
           }
         } else {
           // Default value for missing blocks.
           value =
-            property === "color" || property === "colour_keyframe"
+            property === 'color' || property === 'colour_keyframe'
               ? '"#ffffff"'
               : `createVector3(0, 0, 0)`;
         }
@@ -283,28 +249,28 @@ export function registerAnimateGenerators(javascriptGenerator) {
         const duration = durationBlock
           ? javascriptGenerator.valueToCode(
               durationBlock,
-              "DURATION",
-              javascriptGenerator.ORDER_ATOMIC,
+              'DURATION',
+              javascriptGenerator.ORDER_ATOMIC
             )
-          : "1"; // Default duration of 1 second if not specified
+          : '1'; // Default duration of 1 second if not specified
 
         keyframesArray.push({ value, duration });
       }
     }
 
-    const easing = block.getFieldValue("EASING") || "Linear";
-    const reverse = block.getFieldValue("REVERSE") === "TRUE";
-    const loop = block.getFieldValue("LOOP") === "TRUE";
-    const mode = block.getFieldValue("MODE");
+    const easing = block.getFieldValue('EASING') || 'Linear';
+    const reverse = block.getFieldValue('REVERSE') === 'TRUE';
+    const loop = block.getFieldValue('LOOP') === 'TRUE';
+    const mode = block.getFieldValue('MODE');
 
     const keyframesCode = keyframesArray
       .map(
         (kf) => `{
                           value: ${kf.value}, 
                           duration: ${kf.duration}
-                    }`,
+                    }`
       )
-      .join(", ");
+      .join(', ');
 
     return `
                   ${animationGroupVar} = await createAnimation(
@@ -323,12 +289,12 @@ export function registerAnimateGenerators(javascriptGenerator) {
   };
 
   // Animate keyframes on object
-  javascriptGenerator.forBlock["animate_keyframes"] = function (block) {
+  javascriptGenerator.forBlock['animate_keyframes'] = function (block) {
     const meshVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const keyframesBlock = block.getInputTargetBlock("KEYFRAMES");
+    const keyframesBlock = block.getInputTargetBlock('KEYFRAMES');
     const keyframesArray = [];
 
     if (keyframesBlock) {
@@ -336,78 +302,67 @@ export function registerAnimateGenerators(javascriptGenerator) {
       for (let i = 0; i < keyframesBlock.inputList.length; i++) {
         const keyframeInput = keyframesBlock.inputList[i];
 
-        const valueBlock = keyframeInput.connection
-          ? keyframeInput.connection.targetBlock()
-          : null;
+        const valueBlock = keyframeInput.connection ? keyframeInput.connection.targetBlock() : null;
         const durationBlock = keyframeInput.connection
           ? keyframeInput.connection.targetBlock()
           : null;
 
         let value;
-        const property = block.getFieldValue("PROPERTY");
+        const property = block.getFieldValue('PROPERTY');
 
         if (valueBlock) {
-          if (property === "color") {
+          if (property === 'color') {
             // Handle color keyframe (as a string)
             value = javascriptGenerator.valueToCode(
               valueBlock,
-              "VALUE",
-              javascriptGenerator.ORDER_NONE,
+              'VALUE',
+              javascriptGenerator.ORDER_NONE
             );
-          } else if (["position", "rotation", "scaling"].includes(property)) {
+          } else if (['position', 'rotation', 'scaling'].includes(property)) {
             // Handle XYZ (Vector3) keyframe for position, rotation, or scaling
             const x =
-              javascriptGenerator.valueToCode(
-                valueBlock,
-                "X",
-                javascriptGenerator.ORDER_ATOMIC,
-              ) || 0;
+              javascriptGenerator.valueToCode(valueBlock, 'X', javascriptGenerator.ORDER_ATOMIC) ||
+              0;
             const y =
-              javascriptGenerator.valueToCode(
-                valueBlock,
-                "Y",
-                javascriptGenerator.ORDER_ATOMIC,
-              ) || 0;
+              javascriptGenerator.valueToCode(valueBlock, 'Y', javascriptGenerator.ORDER_ATOMIC) ||
+              0;
             const z =
-              javascriptGenerator.valueToCode(
-                valueBlock,
-                "Z",
-                javascriptGenerator.ORDER_ATOMIC,
-              ) || 0;
+              javascriptGenerator.valueToCode(valueBlock, 'Z', javascriptGenerator.ORDER_ATOMIC) ||
+              0;
             value = `createVector3(${x}, ${y}, ${z})`; // Generate the text for Vector3, not the object itself
           } else {
             // Handle alpha or other properties
             value = javascriptGenerator.valueToCode(
               valueBlock,
-              "VALUE",
-              javascriptGenerator.ORDER_ATOMIC,
+              'VALUE',
+              javascriptGenerator.ORDER_ATOMIC
             );
           }
         } else {
           // Default values for missing blocks
-          value = property === "color" ? '"#ffffff"' : `createVector3(0, 0, 0)`; // Correct color string for colours
+          value = property === 'color' ? '"#ffffff"' : `createVector3(0, 0, 0)`; // Correct color string for colours
         }
 
         const duration = durationBlock
           ? javascriptGenerator.valueToCode(
               durationBlock,
-              "DURATION",
-              javascriptGenerator.ORDER_ATOMIC,
+              'DURATION',
+              javascriptGenerator.ORDER_ATOMIC
             )
-          : "1"; // Default duration of 1 second if not specified
+          : '1'; // Default duration of 1 second if not specified
 
         keyframesArray.push({ value, duration });
       }
     }
 
-    const easing = block.getFieldValue("EASING") || "Linear";
-    const property = block.getFieldValue("PROPERTY") || "color"; // Default to "color" if no property is set
+    const easing = block.getFieldValue('EASING') || 'Linear';
+    const property = block.getFieldValue('PROPERTY') || 'color'; // Default to "color" if no property is set
 
-    const reverse = block.getFieldValue("REVERSE") === "TRUE";
-    const loop = block.getFieldValue("LOOP") === "TRUE";
-    const mode = block.getFieldValue("MODE");
+    const reverse = block.getFieldValue('REVERSE') === 'TRUE';
+    const loop = block.getFieldValue('LOOP') === 'TRUE';
+    const mode = block.getFieldValue('MODE');
 
-    const asyncWrapper = mode === "AWAIT" ? "await " : "";
+    const asyncWrapper = mode === 'AWAIT' ? 'await ' : '';
 
     // Generate the keyframes text for both colors and Vector3
     const keyframesCode = keyframesArray
@@ -415,50 +370,46 @@ export function registerAnimateGenerators(javascriptGenerator) {
         (kf) => `{
                   value: ${kf.value}, 
                   duration: ${kf.duration}
-            }`,
+            }`
       )
-      .join(", ");
+      .join(', ');
 
     // Return the final code, passing keyframes with durations and properties
     return `${asyncWrapper}animateKeyFrames(${meshVar}, { keyframes: [${keyframesCode}], property: "${property}", easing: "${easing}", reverse: ${reverse}, loop: ${loop} });\n`;
   };
 
   // Animation group
-  javascriptGenerator.forBlock["control_animation_group"] = function (block) {
+  javascriptGenerator.forBlock['control_animation_group'] = function (block) {
     const animationGroupName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("GROUP_NAME"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('GROUP_NAME'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const action = block.getFieldValue("ACTION");
+    const action = block.getFieldValue('ACTION');
 
     return `${action}AnimationGroup(${animationGroupName});\n`;
   };
   // Animate group
-  javascriptGenerator.forBlock["animate_from"] = function (block) {
+  javascriptGenerator.forBlock['animate_from'] = function (block) {
     const groupVariable = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("GROUP_NAME"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('GROUP_NAME'),
+      Blockly.Names.NameType.VARIABLE
     );
     const timeInSeconds = javascriptGenerator.valueToCode(
       block,
-      "TIME",
-      javascriptGenerator.ORDER_ATOMIC,
+      'TIME',
+      javascriptGenerator.ORDER_ATOMIC
     );
 
     return `animateFrom(${groupVariable}, ${timeInSeconds});\n`;
   };
 
   // Keyframe colour
-  javascriptGenerator.forBlock["colour_keyframe"] = function (block) {
-    const color = javascriptGenerator.valueToCode(
-      block,
-      "COLOR",
-      javascriptGenerator.ORDER_ATOMIC,
-    );
+  javascriptGenerator.forBlock['colour_keyframe'] = function (block) {
+    const color = javascriptGenerator.valueToCode(block, 'COLOR', javascriptGenerator.ORDER_ATOMIC);
     const duration = javascriptGenerator.valueToCode(
       block,
-      "DURATION",
-      javascriptGenerator.ORDER_ATOMIC,
+      'DURATION',
+      javascriptGenerator.ORDER_ATOMIC
     );
 
     const code = `{ value: ${color}, duration: ${duration} }`;
@@ -467,26 +418,14 @@ export function registerAnimateGenerators(javascriptGenerator) {
 
   // Keyframe number
   // Keyframe position
-  javascriptGenerator.forBlock["xyz_keyframe"] = function (block) {
-    const x = javascriptGenerator.valueToCode(
-      block,
-      "X",
-      javascriptGenerator.ORDER_ATOMIC,
-    );
-    const y = javascriptGenerator.valueToCode(
-      block,
-      "Y",
-      javascriptGenerator.ORDER_ATOMIC,
-    );
-    const z = javascriptGenerator.valueToCode(
-      block,
-      "Z",
-      javascriptGenerator.ORDER_ATOMIC,
-    );
+  javascriptGenerator.forBlock['xyz_keyframe'] = function (block) {
+    const x = javascriptGenerator.valueToCode(block, 'X', javascriptGenerator.ORDER_ATOMIC);
+    const y = javascriptGenerator.valueToCode(block, 'Y', javascriptGenerator.ORDER_ATOMIC);
+    const z = javascriptGenerator.valueToCode(block, 'Z', javascriptGenerator.ORDER_ATOMIC);
     const duration = javascriptGenerator.valueToCode(
       block,
-      "DURATION",
-      javascriptGenerator.ORDER_ATOMIC,
+      'DURATION',
+      javascriptGenerator.ORDER_ATOMIC
     );
     const code = `{ value: createVector3(${x}, ${y}, ${z}), duration: ${duration} }`;
     return [code, javascriptGenerator.ORDER_ATOMIC];
diff --git a/generators/generators-condition.js b/generators/generators-condition.js
index dc8787c1e..6e47ea624 100644
--- a/generators/generators-condition.js
+++ b/generators/generators-condition.js
@@ -2,20 +2,20 @@ export function registerConditionGenerators(javascriptGenerator) {
   // -------------------------------
   // CONDITION
   // -------------------------------
-  const MODE = { IF: "IF", ELSEIF: "ELSEIF", ELSE: "ELSE" };
+  const MODE = { IF: 'IF', ELSEIF: 'ELSEIF', ELSE: 'ELSE' };
 
   // If block ----------------------------------------------------
-  javascriptGenerator.forBlock["if_clause"] = function (block, generator) {
-    const isClause = (b) => b && b.type === "if_clause";
+  javascriptGenerator.forBlock['if_clause'] = function (block, generator) {
+    const isClause = (b) => b && b.type === 'if_clause';
 
-    const mode = block.getFieldValue("MODE");
+    const mode = block.getFieldValue('MODE');
     const prev = block.getPreviousBlock();
 
     // A new IF always starts a new chain, even if it follows another if_clause.
     const isChainTop = !isClause(prev) || mode === MODE.IF;
 
     // Non-top clauses do not emit code independently.
-    if (!isChainTop) return "";
+    if (!isChainTop) return '';
 
     // Collect this IF plus any following ELSEIF/ELSE clauses,
     // but stop before the next IF (that starts a new chain).
@@ -26,36 +26,32 @@ export function registerConditionGenerators(javascriptGenerator) {
       chain.push(cur);
 
       const next = cur.getNextBlock();
-      if (next && isClause(next) && next.getFieldValue("MODE") === MODE.IF)
-        break;
+      if (next && isClause(next) && next.getFieldValue('MODE') === MODE.IF) break;
 
       cur = next;
     }
 
-    let code = "";
+    let code = '';
 
     const first = chain[0];
-    const firstCond =
-      generator.valueToCode(first, "COND", generator.ORDER_NONE) || "false";
-    const firstBody = generator.statementToCode(first, "DO");
+    const firstCond = generator.valueToCode(first, 'COND', generator.ORDER_NONE) || 'false';
+    const firstBody = generator.statementToCode(first, 'DO');
 
     code += `if (${firstCond}) {\n${firstBody}}`;
 
     for (let i = 1; i < chain.length; i++) {
       const clause = chain[i];
-      const clauseMode = clause.getFieldValue("MODE");
+      const clauseMode = clause.getFieldValue('MODE');
 
       if (clauseMode === MODE.ELSEIF) {
-        const cond =
-          generator.valueToCode(clause, "COND", generator.ORDER_NONE) ||
-          "false";
-        const body = generator.statementToCode(clause, "DO");
+        const cond = generator.valueToCode(clause, 'COND', generator.ORDER_NONE) || 'false';
+        const body = generator.statementToCode(clause, 'DO');
         code += ` else if (${cond}) {\n${body}}`;
         continue;
       }
 
       if (clauseMode === MODE.ELSE) {
-        const body = generator.statementToCode(clause, "DO");
+        const body = generator.statementToCode(clause, 'DO');
         code += ` else {\n${body}}`;
         break;
       }
@@ -64,7 +60,7 @@ export function registerConditionGenerators(javascriptGenerator) {
       if (clauseMode === MODE.IF) break;
     }
 
-    return code + "\n";
+    return code + '\n';
   };
 
   // The following blocks use default blockly generators
diff --git a/generators/generators-control.js b/generators/generators-control.js
index 82fb9f090..edf006a00 100644
--- a/generators/generators-control.js
+++ b/generators/generators-control.js
@@ -1,95 +1,75 @@
-import * as Blockly from "blockly";
+import * as Blockly from 'blockly';
 
 export function registerControlGenerators(javascriptGenerator) {
   // -------------------------------
   // CONTROL
   // -------------------------------
   // Wait for x seconds
-  javascriptGenerator.forBlock["wait_seconds"] = function (block) {
+  javascriptGenerator.forBlock['wait_seconds'] = function (block) {
     const duration =
-      javascriptGenerator.valueToCode(
-        block,
-        "DURATION",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'DURATION', javascriptGenerator.ORDER_ATOMIC) || '1';
 
     return `await wait(${duration});\n`;
   };
 
   // Wait until condition is true
-  javascriptGenerator.forBlock["wait_until"] = function (block) {
+  javascriptGenerator.forBlock['wait_until'] = function (block) {
     const condition =
-      javascriptGenerator.valueToCode(
-        block,
-        "CONDITION",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "false"; // Default to false if no condition is connected
+      javascriptGenerator.valueToCode(block, 'CONDITION', javascriptGenerator.ORDER_ATOMIC) ||
+      'false'; // Default to false if no condition is connected
 
     return `await waitUntil(() => ${condition});\n`;
   };
 
   // Repeat x times
-  javascriptGenerator.forBlock["controls_repeat_ext"] = function (
-    block,
-    generator,
-  ) {
+  javascriptGenerator.forBlock['controls_repeat_ext'] = function (block, generator) {
     let repeats;
-    if (block.getField("TIMES")) {
-      repeats = String(Number(block.getFieldValue("TIMES")));
+    if (block.getField('TIMES')) {
+      repeats = String(Number(block.getFieldValue('TIMES')));
     } else {
-      repeats =
-        generator.valueToCode(block, "TIMES", generator.ORDER_ASSIGNMENT) ||
-        "0";
+      repeats = generator.valueToCode(block, 'TIMES', generator.ORDER_ASSIGNMENT) || '0';
     }
 
-    let branch = generator.statementToCode(block, "DO");
+    let branch = generator.statementToCode(block, 'DO');
 
-    let code = "";
-    const loopVar = generator.nameDB_.getDistinctName(
-      "count",
-      Blockly.Names.NameType.VARIABLE,
-    );
+    let code = '';
+    const loopVar = generator.nameDB_.getDistinctName('count', Blockly.Names.NameType.VARIABLE);
     let endVar = repeats;
 
     if (!/^\w+$/.test(repeats) && isNaN(repeats)) {
-      endVar = generator.nameDB_.getDistinctName(
-        "repeat_end",
-        Blockly.Names.NameType.VARIABLE,
-      );
-      code += "let " + endVar + " = " + repeats + ";\n";
+      endVar = generator.nameDB_.getDistinctName('repeat_end', Blockly.Names.NameType.VARIABLE);
+      code += 'let ' + endVar + ' = ' + repeats + ';\n';
     }
 
     code +=
-      "for (let " +
+      'for (let ' +
       loopVar +
-      " = 0; " +
+      ' = 0; ' +
       loopVar +
-      " < " +
+      ' < ' +
       endVar +
-      "; " +
+      '; ' +
       loopVar +
-      "++) {\n" +
+      '++) {\n' +
       branch +
-      "await wait(0);\n" +
-      "}\n";
+      'await wait(0);\n' +
+      '}\n';
 
     return code;
   };
 
   // Repeat while/until condition
-  javascriptGenerator.forBlock["controls_whileUntil"] = function (block) {
-    const until = block.getFieldValue("MODE") === "UNTIL";
+  javascriptGenerator.forBlock['controls_whileUntil'] = function (block) {
+    const until = block.getFieldValue('MODE') === 'UNTIL';
     let argument0 =
       javascriptGenerator.valueToCode(
         block,
-        "BOOL",
-        until
-          ? javascriptGenerator.ORDER_LOGICAL_NOT
-          : javascriptGenerator.ORDER_NONE,
-      ) || "false";
-    let branch = javascriptGenerator.statementToCode(block, "DO");
+        'BOOL',
+        until ? javascriptGenerator.ORDER_LOGICAL_NOT : javascriptGenerator.ORDER_NONE
+      ) || 'false';
+    let branch = javascriptGenerator.statementToCode(block, 'DO');
     if (until) {
-      argument0 = "!" + argument0;
+      argument0 = '!' + argument0;
     }
     // Yield a real render frame per iteration (not setTimeout, which spins many
     // times per frame): guarantees exactly one physics/render step before the
@@ -97,37 +77,34 @@ export function registerControlGenerators(javascriptGenerator) {
     // advance reliably without the user adding a manual wait. Still stoppable —
     // rAF yields to the event loop just like a timer.
     return (
-      "while (" +
+      'while (' +
       argument0 +
-      ") {\n" +
+      ') {\n' +
       branch +
       `\nawait new Promise(resolve => requestAnimationFrame(resolve));\n` +
-      "}\n"
+      '}\n'
     );
   };
 
   // For each loop with iterator variable
-  javascriptGenerator.forBlock["controls_for"] = function (block, generator) {
-    const variable0 = generator.getVariableName(block.getFieldValue("VAR"));
+  javascriptGenerator.forBlock['controls_for'] = function (block, generator) {
+    const variable0 = generator.getVariableName(block.getFieldValue('VAR'));
 
-    const argument0 =
-      generator.valueToCode(block, "FROM", generator.ORDER_ASSIGNMENT) || "0";
-    const argument1 =
-      generator.valueToCode(block, "TO", generator.ORDER_ASSIGNMENT) || "0";
-    const increment =
-      generator.valueToCode(block, "BY", generator.ORDER_ASSIGNMENT) || "1";
+    const argument0 = generator.valueToCode(block, 'FROM', generator.ORDER_ASSIGNMENT) || '0';
+    const argument1 = generator.valueToCode(block, 'TO', generator.ORDER_ASSIGNMENT) || '0';
+    const increment = generator.valueToCode(block, 'BY', generator.ORDER_ASSIGNMENT) || '1';
 
-    const branch = generator.statementToCode(block, "DO");
+    const branch = generator.statementToCode(block, 'DO');
 
     // Timing and iteration counter variables
     const timingVar = generator.nameDB_.getDistinctName(
       `${variable0}_timing`,
-      Blockly.Names.DEVELOPER_VARIABLE_TYPE,
+      Blockly.Names.DEVELOPER_VARIABLE_TYPE
     );
 
     const counterVar = generator.nameDB_.getDistinctName(
       `${variable0}_counter`,
-      Blockly.Names.DEVELOPER_VARIABLE_TYPE,
+      Blockly.Names.DEVELOPER_VARIABLE_TYPE
     );
 
     return `
@@ -145,54 +122,35 @@ export function registerControlGenerators(javascriptGenerator) {
   };
 
   // For each loop iterating over list
-  javascriptGenerator.forBlock["controls_forEach"] = function (
-    block,
-    generator,
-  ) {
+  javascriptGenerator.forBlock['controls_forEach'] = function (block, generator) {
     // For each loop.
-    const variable0 = generator.getVariableName(block.getFieldValue("VAR"));
+    const variable0 = generator.getVariableName(block.getFieldValue('VAR'));
 
     // Use correct ORDER constant from the generator
-    const argument0 =
-      generator.valueToCode(block, "LIST", generator.ORDER_ASSIGNMENT) || "[]";
+    const argument0 = generator.valueToCode(block, 'LIST', generator.ORDER_ASSIGNMENT) || '[]';
 
-    let branch = generator.statementToCode(block, "DO");
-    let code = "";
+    let branch = generator.statementToCode(block, 'DO');
+    let code = '';
     let listVar = argument0;
 
     if (!/^\w+$/.test(argument0)) {
       listVar = generator.nameDB_.getDistinctName(
-        variable0 + "_list",
-        Blockly.Names.NameType.VARIABLE,
+        variable0 + '_list',
+        Blockly.Names.NameType.VARIABLE
       );
-      code += "var " + listVar + " = " + argument0 + ";\n";
+      code += 'var ' + listVar + ' = ' + argument0 + ';\n';
     }
 
     const indexVar = generator.nameDB_.getDistinctName(
-      variable0 + "_index",
-      Blockly.Names.NameType.VARIABLE,
+      variable0 + '_index',
+      Blockly.Names.NameType.VARIABLE
     );
 
     // Construct the loop body
-    branch =
-      generator.INDENT +
-      variable0 +
-      " = " +
-      listVar +
-      "[" +
-      indexVar +
-      "];\n" +
-      branch;
+    branch = generator.INDENT + variable0 + ' = ' + listVar + '[' + indexVar + '];\n' + branch;
 
     code +=
-      "for (var " +
-      indexVar +
-      " in " +
-      listVar +
-      ") {\n" +
-      branch +
-      "\n  await wait(0);\n" +
-      "}\n";
+      'for (var ' + indexVar + ' in ' + listVar + ') {\n' + branch + '\n  await wait(0);\n' + '}\n';
 
     return code;
   };
@@ -201,11 +159,11 @@ export function registerControlGenerators(javascriptGenerator) {
   // ?? Uses blockly standard
 
   // Local
-  javascriptGenerator.forBlock["local_variable"] = function (block, generator) {
+  javascriptGenerator.forBlock['local_variable'] = function (block, generator) {
     // Retrieve the variable selected by the user
     const variable = generator.nameDB_.getName(
-      block.getFieldValue("VAR"),
-      Blockly.VARIABLE_CATEGORY_NAME,
+      block.getFieldValue('VAR'),
+      Blockly.VARIABLE_CATEGORY_NAME
     );
 
     // Generate a local 'let' declaration for the selected variable
@@ -214,13 +172,9 @@ export function registerControlGenerators(javascriptGenerator) {
   };
 
   // Wait x milliseconds
-  javascriptGenerator.forBlock["wait"] = function (block) {
+  javascriptGenerator.forBlock['wait'] = function (block) {
     const duration =
-      javascriptGenerator.valueToCode(
-        block,
-        "DURATION",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'DURATION', javascriptGenerator.ORDER_ATOMIC) || '1';
 
     return `await wait(${duration} / 1000);\n`;
   };
diff --git a/generators/generators-data.js b/generators/generators-data.js
index 66ef97ef2..c7f3fc984 100644
--- a/generators/generators-data.js
+++ b/generators/generators-data.js
@@ -1,4 +1,4 @@
-import * as Blockly from "blockly";
+import * as Blockly from 'blockly';
 
 export function registerDataGenerators(javascriptGenerator) {
   // -------------------------------
@@ -23,33 +23,25 @@ export function registerDataGenerators(javascriptGenerator) {
   // Set list to colour list
 
   // Add string to list ---------------------------------------------
-  javascriptGenerator.forBlock["lists_add_item"] = function (block) {
+  javascriptGenerator.forBlock['lists_add_item'] = function (block) {
     const listName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("LIST"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('LIST'),
+      Blockly.Names.NameType.VARIABLE
     );
     const value =
-      javascriptGenerator.valueToCode(
-        block,
-        "TO",
-        javascriptGenerator.ORDER_ASSIGNMENT,
-      ) || '""';
+      javascriptGenerator.valueToCode(block, 'TO', javascriptGenerator.ORDER_ASSIGNMENT) || '""';
 
     return `if (!Array.isArray(${listName})) {\n  ${listName} = [];\n}\n${listName}.push(${value});\n`;
   };
 
   // Delete from list -----------------------------------------------
-  javascriptGenerator.forBlock["lists_delete_nth"] = function (block) {
+  javascriptGenerator.forBlock['lists_delete_nth'] = function (block) {
     const listName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("LIST"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('LIST'),
+      Blockly.Names.NameType.VARIABLE
     );
     const index =
-      javascriptGenerator.valueToCode(
-        block,
-        "INDEX",
-        javascriptGenerator.ORDER_NONE,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'INDEX', javascriptGenerator.ORDER_NONE) || '0';
 
     return `if (Array.isArray(${listName})) {
     ${listName}.splice(${index}, 1);
@@ -67,81 +59,69 @@ export function registerDataGenerators(javascriptGenerator) {
   // Find item in list
 
   // Get index of item in list ------------------------------------
-  javascriptGenerator.forBlock["lists_getIndex"] = function (block) {
-    const mode = block.getFieldValue("MODE") || "GET";
-    const where = block.getFieldValue("WHERE") || "FROM_START";
+  javascriptGenerator.forBlock['lists_getIndex'] = function (block) {
+    const mode = block.getFieldValue('MODE') || 'GET';
+    const where = block.getFieldValue('WHERE') || 'FROM_START';
     const listOrder =
-      where === "RANDOM"
-        ? javascriptGenerator.ORDER_NONE
-        : javascriptGenerator.ORDER_MEMBER;
-    const list =
-      javascriptGenerator.valueToCode(block, "VALUE", listOrder) || "[]";
+      where === 'RANDOM' ? javascriptGenerator.ORDER_NONE : javascriptGenerator.ORDER_MEMBER;
+    const list = javascriptGenerator.valueToCode(block, 'VALUE', listOrder) || '[]';
 
     switch (where) {
-      case "FIRST":
-        if (mode === "GET") {
+      case 'FIRST':
+        if (mode === 'GET') {
           return [`${list}[0]`, javascriptGenerator.ORDER_MEMBER];
         }
-        if (mode === "GET_REMOVE") {
+        if (mode === 'GET_REMOVE') {
           return [`${list}.shift()`, javascriptGenerator.ORDER_MEMBER];
         }
-        if (mode === "REMOVE") {
+        if (mode === 'REMOVE') {
           return `${list}.shift();\n`;
         }
         break;
 
-      case "LAST":
-        if (mode === "GET") {
+      case 'LAST':
+        if (mode === 'GET') {
           return [`${list}.slice(-1)[0]`, javascriptGenerator.ORDER_MEMBER];
         }
-        if (mode === "GET_REMOVE") {
+        if (mode === 'GET_REMOVE') {
           return [`${list}.pop()`, javascriptGenerator.ORDER_MEMBER];
         }
-        if (mode === "REMOVE") {
+        if (mode === 'REMOVE') {
           return `${list}.pop();\n`;
         }
         break;
 
-      case "FROM_START": {
-        const at = javascriptGenerator.getAdjusted(block, "AT");
-        if (mode === "GET") {
+      case 'FROM_START': {
+        const at = javascriptGenerator.getAdjusted(block, 'AT');
+        if (mode === 'GET') {
           return [`${list}[${at}]`, javascriptGenerator.ORDER_MEMBER];
         }
-        if (mode === "GET_REMOVE") {
-          return [
-            `${list}.splice(${at}, 1)[0]`,
-            javascriptGenerator.ORDER_FUNCTION_CALL,
-          ];
+        if (mode === 'GET_REMOVE') {
+          return [`${list}.splice(${at}, 1)[0]`, javascriptGenerator.ORDER_FUNCTION_CALL];
         }
-        if (mode === "REMOVE") {
+        if (mode === 'REMOVE') {
           return `${list}.splice(${at}, 1);\n`;
         }
         break;
       }
 
-      case "FROM_END": {
-        const at = javascriptGenerator.getAdjusted(block, "AT", 1, true);
-        if (mode === "GET") {
-          return [
-            `${list}.slice(${at})[0]`,
-            javascriptGenerator.ORDER_FUNCTION_CALL,
-          ];
+      case 'FROM_END': {
+        const at = javascriptGenerator.getAdjusted(block, 'AT', 1, true);
+        if (mode === 'GET') {
+          return [`${list}.slice(${at})[0]`, javascriptGenerator.ORDER_FUNCTION_CALL];
         }
-        if (mode === "GET_REMOVE") {
-          return [
-            `${list}.splice(${at}, 1)[0]`,
-            javascriptGenerator.ORDER_FUNCTION_CALL,
-          ];
+        if (mode === 'GET_REMOVE') {
+          return [`${list}.splice(${at}, 1)[0]`, javascriptGenerator.ORDER_FUNCTION_CALL];
         }
-        if (mode === "REMOVE") {
+        if (mode === 'REMOVE') {
           return `${list}.splice(${at}, 1);\n`;
         }
         break;
       }
 
-      case "RANDOM": {
+      case 'RANDOM': {
         const functionName = javascriptGenerator.provideFunction_(
-          "listsGetRandomItem",
+          'listsGetRandomItem',
           `
           function ${javascriptGenerator.FUNCTION_NAME_PLACEHOLDER_}(list, remove) {
             var x = randomInteger(0, list.length - 1);
@@ -151,32 +131,32 @@ export function registerDataGenerators(javascriptGenerator) {
               return list[x];
             }
           }
-          `,
+          `
         );
-        const code = `${functionName}(${list}, ${mode !== "GET"})`;
-        if (mode === "GET" || mode === "GET_REMOVE") {
+        const code = `${functionName}(${list}, ${mode !== 'GET'})`;
+        if (mode === 'GET' || mode === 'GET_REMOVE') {
           return [code, javascriptGenerator.ORDER_FUNCTION_CALL];
         }
-        if (mode === "REMOVE") {
+        if (mode === 'REMOVE') {
           return `${code};\n`;
         }
         break;
       }
     }
 
-    throw Error("Unhandled combination (lists_getIndex).");
+    throw Error('Unhandled combination (lists_getIndex).');
   };
 
   // Set index of item in list --------------------------------------
-  javascriptGenerator.forBlock["lists_setIndex"] = function (block) {
+  javascriptGenerator.forBlock['lists_setIndex'] = function (block) {
     function cacheList() {
       if (list.match(/^\w+$/)) {
-        return "";
+        return '';
       }
 
       const listVar = javascriptGenerator.nameDB_.getDistinctName(
-        "tmpList",
-        Blockly.Names.NameType.VARIABLE,
+        'tmpList',
+        Blockly.Names.NameType.VARIABLE
       );
       const listAssignment = `var ${listVar} = ${list};\n`;
       list = listVar;
@@ -184,89 +164,78 @@ export function registerDataGenerators(javascriptGenerator) {
     }
 
     let list =
-      javascriptGenerator.valueToCode(
-        block,
-        "LIST",
-        javascriptGenerator.ORDER_MEMBER,
-      ) || "[]";
-    const mode = block.getFieldValue("MODE") || "GET";
-    let where = block.getFieldValue("WHERE") || "FROM_START";
+      javascriptGenerator.valueToCode(block, 'LIST', javascriptGenerator.ORDER_MEMBER) || '[]';
+    const mode = block.getFieldValue('MODE') || 'GET';
+    let where = block.getFieldValue('WHERE') || 'FROM_START';
     const value =
-      javascriptGenerator.valueToCode(
-        block,
-        "TO",
-        javascriptGenerator.ORDER_ASSIGNMENT,
-      ) || "null";
+      javascriptGenerator.valueToCode(block, 'TO', javascriptGenerator.ORDER_ASSIGNMENT) || 'null';
 
     switch (where) {
-      case "FIRST":
-        if (mode === "SET") {
+      case 'FIRST':
+        if (mode === 'SET') {
           return `${list}[0] = ${value};\n`;
         }
-        if (mode === "INSERT") {
+        if (mode === 'INSERT') {
           return `${list}.unshift(${value});\n`;
         }
         break;
 
-      case "LAST":
-        if (mode === "SET") {
+      case 'LAST':
+        if (mode === 'SET') {
           return cacheList() + `${list}[${list}.length - 1] = ${value};\n`;
         }
-        if (mode === "INSERT") {
+        if (mode === 'INSERT') {
           return `${list}.push(${value});\n`;
         }
         break;
 
-      case "FROM_START": {
-        const index = javascriptGenerator.getAdjusted(block, "AT");
-        if (mode === "SET") {
+      case 'FROM_START': {
+        const index = javascriptGenerator.getAdjusted(block, 'AT');
+        if (mode === 'SET') {
           return `${list}[${index}] = ${value};\n`;
         }
-        if (mode === "INSERT") {
+        if (mode === 'INSERT') {
           return `${list}.splice(${index}, 0, ${value});\n`;
         }
         break;
       }
 
-      case "FROM_END": {
+      case 'FROM_END': {
         const index = javascriptGenerator.getAdjusted(
           block,
-          "AT",
+          'AT',
           1,
           false,
-          javascriptGenerator.ORDER_SUBTRACTION,
+          javascriptGenerator.ORDER_SUBTRACTION
         );
         const listCache = cacheList();
-        if (mode === "SET") {
+        if (mode === 'SET') {
           return listCache + `${list}[${list}.length - ${index}] = ${value};\n`;
         }
-        if (mode === "INSERT") {
-          return (
-            listCache +
-            `${list}.splice(${list}.length - ${index}, 0, ${value});\n`
-          );
+        if (mode === 'INSERT') {
+          return listCache + `${list}.splice(${list}.length - ${index}, 0, ${value});\n`;
         }
         break;
       }
 
-      case "RANDOM": {
+      case 'RANDOM': {
         let code = cacheList();
         const xVar = javascriptGenerator.nameDB_.getDistinctName(
-          "tmpX",
-          Blockly.Names.NameType.VARIABLE,
+          'tmpX',
+          Blockly.Names.NameType.VARIABLE
         );
         code += `var ${xVar} = randomInteger(0, ${list}.length - 1);\n`;
-        if (mode === "SET") {
+        if (mode === 'SET') {
           return code + `${list}[${xVar}] = ${value};\n`;
         }
-        if (mode === "INSERT") {
+        if (mode === 'INSERT') {
           return code + `${list}.splice(${xVar}, 0, ${value});\n`;
         }
         break;
       }
     }
 
-    throw Error("Unhandled combination (lists_setIndex).");
+    throw Error('Unhandled combination (lists_setIndex).');
   };
 
   // The following use Blockly standard implementation
diff --git a/generators/generators-deprecated.js b/generators/generators-deprecated.js
index 374e17ba0..1e91b5712 100644
--- a/generators/generators-deprecated.js
+++ b/generators/generators-deprecated.js
@@ -1,121 +1,88 @@
-import * as Blockly from "blockly";
-import { getFieldValue } from "./generators-utilities.js";
+import * as Blockly from 'blockly';
+import { getFieldValue } from './generators-utilities.js';
 
 export function registerDeprecatedGenerators(javascriptGenerator) {
-  javascriptGenerator.forBlock["keyword_block"] = function (_block) {
+  javascriptGenerator.forBlock['keyword_block'] = function (_block) {
     // Since this block is replaced with another block, we return an empty string.
-    return "";
+    return '';
   };
 
-  javascriptGenerator.forBlock["rotate_camera"] = function (block) {
+  javascriptGenerator.forBlock['rotate_camera'] = function (block) {
     const degrees =
-      javascriptGenerator.valueToCode(
-        block,
-        "DEGREES",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'DEGREES', javascriptGenerator.ORDER_ATOMIC) || '0';
 
     return `rotateCamera(${degrees});\n`;
   };
 
-  javascriptGenerator.forBlock["play_rumble_pattern"] = function (block) {
-    const pattern = block.getFieldValue("PATTERN");
+  javascriptGenerator.forBlock['play_rumble_pattern'] = function (block) {
+    const pattern = block.getFieldValue('PATTERN');
     return `playRumblePattern("${pattern}");\n`;
   };
 
-  javascriptGenerator.forBlock["controller_rumble"] = function (block) {
-    const motor = block.getFieldValue("MOTOR");
+  javascriptGenerator.forBlock['controller_rumble'] = function (block) {
+    const motor = block.getFieldValue('MOTOR');
     const strength =
-      javascriptGenerator.valueToCode(
-        block,
-        "STRENGTH",
-        javascriptGenerator.ORDER_NONE,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'STRENGTH', javascriptGenerator.ORDER_NONE) || '1';
     const duration =
-      javascriptGenerator.valueToCode(
-        block,
-        "DURATION",
-        javascriptGenerator.ORDER_NONE,
-      ) || "500";
+      javascriptGenerator.valueToCode(block, 'DURATION', javascriptGenerator.ORDER_NONE) || '500';
 
     return `controllerRumble("${motor}", ${strength}, ${duration});\n`;
   };
 
-  javascriptGenerator.forBlock["controller_rumble_pattern"] = function (block) {
-    const motor = block.getFieldValue("MOTOR");
+  javascriptGenerator.forBlock['controller_rumble_pattern'] = function (block) {
+    const motor = block.getFieldValue('MOTOR');
     const strength =
-      javascriptGenerator.valueToCode(
-        block,
-        "STRENGTH",
-        javascriptGenerator.ORDER_NONE,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'STRENGTH', javascriptGenerator.ORDER_NONE) || '1';
     const onDuration =
-      javascriptGenerator.valueToCode(
-        block,
-        "ON_DURATION",
-        javascriptGenerator.ORDER_NONE,
-      ) || "200";
+      javascriptGenerator.valueToCode(block, 'ON_DURATION', javascriptGenerator.ORDER_NONE) ||
+      '200';
     const offDuration =
-      javascriptGenerator.valueToCode(
-        block,
-        "OFF_DURATION",
-        javascriptGenerator.ORDER_NONE,
-      ) || "100";
+      javascriptGenerator.valueToCode(block, 'OFF_DURATION', javascriptGenerator.ORDER_NONE) ||
+      '100';
     const repeats =
-      javascriptGenerator.valueToCode(
-        block,
-        "REPEATS",
-        javascriptGenerator.ORDER_NONE,
-      ) || "3";
+      javascriptGenerator.valueToCode(block, 'REPEATS', javascriptGenerator.ORDER_NONE) || '3';
 
     return `controllerRumblePattern("${motor}", ${strength}, ${onDuration}, ${offDuration}, ${repeats});\n`;
   };
 
-  javascriptGenerator.forBlock["create_custom_map"] = function (block) {
+  javascriptGenerator.forBlock['create_custom_map'] = function (block) {
     const colors = [];
     for (let i = 1; i <= 25; i++) {
       const color =
-        javascriptGenerator.valueToCode(
-          block,
-          `COLOR_${i}`,
-          javascriptGenerator.ORDER_ATOMIC,
-        ) || "#808080";
+        javascriptGenerator.valueToCode(block, `COLOR_${i}`, javascriptGenerator.ORDER_ATOMIC) ||
+        '#808080';
       colors.push(color);
     }
-    return `await createCustomMap([${colors.join(", ")}]);\n`;
+    return `await createCustomMap([${colors.join(', ')}]);\n`;
   };
 
-
-  javascriptGenerator.forBlock["when_touches"] = function (block) {
+  javascriptGenerator.forBlock['when_touches'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
+      block.getFieldValue('MODEL_VAR'),
       Blockly.Names.NameType.VARIABLE,
-      true,
+      true
     );
 
     const otherModelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("OTHER_MODEL_VAR"),
+      block.getFieldValue('OTHER_MODEL_VAR'),
       Blockly.Names.NameType.VARIABLE,
-      true,
+      true
     );
 
     const callbackVar2Name = block.callbackVar2Id
       ? javascriptGenerator.nameDB_.getName(
           block.callbackVar2Id,
           Blockly.Names.NameType.VARIABLE,
-          true,
+          true
         )
       : null;
     const param2 = callbackVar2Name ?? otherModelName;
 
-    const trigger = block.getFieldValue("TRIGGER");
-    const doCode = javascriptGenerator.statementToCode(block, "DO");
+    const trigger = block.getFieldValue('TRIGGER');
+    const doCode = javascriptGenerator.statementToCode(block, 'DO');
 
-    if (
-      trigger === "OnIntersectionEnterTrigger" ||
-      trigger === "OnIntersectionExitTrigger"
-    ) {
-      const groupLine = block.callbackVar2Id ? ",\n          applyToGroupSelf: true" : "";
+    if (trigger === 'OnIntersectionEnterTrigger' || trigger === 'OnIntersectionExitTrigger') {
+      const groupLine = block.callbackVar2Id ? ',\n          applyToGroupSelf: true' : '';
       return `onIntersect(${modelName}, ${otherModelName}, {
           trigger: "${trigger}",
           callback: async function(${modelName}, ${param2}) {
@@ -124,76 +91,54 @@ export function registerDeprecatedGenerators(javascriptGenerator) {
         });\n`;
     } else {
       console.error("Invalid trigger type for 'when_touches' block:", trigger);
-      return "";
+      return '';
     }
   };
 
-  javascriptGenerator.forBlock["glide_to"] = function (block) {
+  javascriptGenerator.forBlock['glide_to'] = function (block) {
     const meshVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const x =
-      javascriptGenerator.valueToCode(
-        block,
-        "X",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
-    const y =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
-    const z =
-      javascriptGenerator.valueToCode(
-        block,
-        "Z",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+    const x = javascriptGenerator.valueToCode(block, 'X', javascriptGenerator.ORDER_ATOMIC) || '0';
+    const y = javascriptGenerator.valueToCode(block, 'Y', javascriptGenerator.ORDER_ATOMIC) || '0';
+    const z = javascriptGenerator.valueToCode(block, 'Z', javascriptGenerator.ORDER_ATOMIC) || '0';
     const duration =
-      javascriptGenerator.valueToCode(
-        block,
-        "DURATION",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1000";
-    const mode = block.getFieldValue("MODE");
-    const reverse = block.getFieldValue("REVERSE") === "TRUE";
-    const loop = block.getFieldValue("LOOP") === "TRUE";
-    const easing = block.getFieldValue("EASING");
-
-    const code = `${mode === "AWAIT" ? "await " : ""}glideTo(${meshVar}, { x: ${x}, y: ${y}, z: ${z}, duration: ${duration} / 1000, reverse: ${reverse}, loop: ${loop}, easing: "${easing}" });\n`;
+      javascriptGenerator.valueToCode(block, 'DURATION', javascriptGenerator.ORDER_ATOMIC) ||
+      '1000';
+    const mode = block.getFieldValue('MODE');
+    const reverse = block.getFieldValue('REVERSE') === 'TRUE';
+    const loop = block.getFieldValue('LOOP') === 'TRUE';
+    const easing = block.getFieldValue('EASING');
+
+    const code = `${mode === 'AWAIT' ? 'await ' : ''}glideTo(${meshVar}, { x: ${x}, y: ${y}, z: ${z}, duration: ${duration} / 1000, reverse: ${reverse}, loop: ${loop}, easing: "${easing}" });\n`;
 
     return code;
   };
 
-  javascriptGenerator.forBlock["rotate_anim"] = function (block) {
+  javascriptGenerator.forBlock['rotate_anim'] = function (block) {
     const meshName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const rotX = getFieldValue(block, "ROT_X", "0");
-    const rotY = getFieldValue(block, "ROT_Y", "0");
-    const rotZ = getFieldValue(block, "ROT_Z", "0");
-    const duration = getFieldValue(block, "DURATION", "0");
-    const mode = block.getFieldValue("MODE");
-    const reverse = block.getFieldValue("REVERSE") === "TRUE";
-    const loop = block.getFieldValue("LOOP") === "TRUE";
-    const easing = block.getFieldValue("EASING");
+    const rotX = getFieldValue(block, 'ROT_X', '0');
+    const rotY = getFieldValue(block, 'ROT_Y', '0');
+    const rotZ = getFieldValue(block, 'ROT_Z', '0');
+    const duration = getFieldValue(block, 'DURATION', '0');
+    const mode = block.getFieldValue('MODE');
+    const reverse = block.getFieldValue('REVERSE') === 'TRUE';
+    const loop = block.getFieldValue('LOOP') === 'TRUE';
+    const easing = block.getFieldValue('EASING');
 
-    const asyncWrapper = mode === "AWAIT" ? "await " : "";
+    const asyncWrapper = mode === 'AWAIT' ? 'await ' : '';
 
     return `${asyncWrapper}rotateAnim(${meshName}, { x: ${rotX}, y: ${rotY}, z: ${rotZ}, duration: ${duration}, reverse: ${reverse}, loop: ${loop}, easing: "${easing}" });\n`;
   };
 
-  javascriptGenerator.forBlock["controls_doWhile"] = function (block) {
+  javascriptGenerator.forBlock['controls_doWhile'] = function (block) {
     const condition =
-      javascriptGenerator.valueToCode(
-        block,
-        "BOOL",
-        javascriptGenerator.ORDER_NONE,
-      ) || "false";
-    const branch = javascriptGenerator.statementToCode(block, "DO");
+      javascriptGenerator.valueToCode(block, 'BOOL', javascriptGenerator.ORDER_NONE) || 'false';
+    const branch = javascriptGenerator.statementToCode(block, 'DO');
 
     return `
           do {
@@ -203,27 +148,24 @@ export function registerDeprecatedGenerators(javascriptGenerator) {
           } while (${condition});\n`;
   };
 
-  javascriptGenerator.forBlock["for_loop"] = function (block, generator) {
-    const variable0 = generator.getVariableName(block.getFieldValue("VAR"));
+  javascriptGenerator.forBlock['for_loop'] = function (block, generator) {
+    const variable0 = generator.getVariableName(block.getFieldValue('VAR'));
 
-    const argument0 =
-      generator.valueToCode(block, "FROM", generator.ORDER_ASSIGNMENT) || "0";
-    const argument1 =
-      generator.valueToCode(block, "TO", generator.ORDER_ASSIGNMENT) || "0";
-    const increment =
-      generator.valueToCode(block, "BY", generator.ORDER_ASSIGNMENT) || "1";
+    const argument0 = generator.valueToCode(block, 'FROM', generator.ORDER_ASSIGNMENT) || '0';
+    const argument1 = generator.valueToCode(block, 'TO', generator.ORDER_ASSIGNMENT) || '0';
+    const increment = generator.valueToCode(block, 'BY', generator.ORDER_ASSIGNMENT) || '1';
 
-    const branch = generator.statementToCode(block, "DO");
+    const branch = generator.statementToCode(block, 'DO');
 
     // Timing and iteration counter variables
     const timingVar = generator.nameDB_.getDistinctName(
       `${variable0}_timing`,
-      Blockly.Names.DEVELOPER_VARIABLE_TYPE,
+      Blockly.Names.DEVELOPER_VARIABLE_TYPE
     );
 
     const counterVar = generator.nameDB_.getDistinctName(
       `${variable0}_counter`,
-      Blockly.Names.DEVELOPER_VARIABLE_TYPE,
+      Blockly.Names.DEVELOPER_VARIABLE_TYPE
     );
 
     return `
@@ -240,141 +182,106 @@ export function registerDeprecatedGenerators(javascriptGenerator) {
           `;
   };
 
-  javascriptGenerator.forBlock["when_key_event"] = function (block) {
-    const key = block.getFieldValue("KEY");
-    const event = block.getFieldValue("EVENT"); // "pressed" or "released"
-    const statements_do = javascriptGenerator.statementToCode(block, "DO");
+  javascriptGenerator.forBlock['when_key_event'] = function (block) {
+    const key = block.getFieldValue('KEY');
+    const event = block.getFieldValue('EVENT'); // "pressed" or "released"
+    const statements_do = javascriptGenerator.statementToCode(block, 'DO');
 
     // Pass "true" if event is "released" for the whenKeyEvent helper function
-    return `whenKeyEvent("${key}", async () => {${statements_do}}, ${event === "released"});\n`;
+    return `whenKeyEvent("${key}", async () => {${statements_do}}, ${event === 'released'});\n`;
   };
 
-  javascriptGenerator.forBlock["change_material"] = function (block) {
+  javascriptGenerator.forBlock['change_material'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("ID_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('ID_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const material = block.getFieldValue("MATERIALS");
-    const color = getFieldValue(block, "COLOR", '"#ffffff"');
+    const material = block.getFieldValue('MATERIALS');
+    const color = getFieldValue(block, 'COLOR', '"#ffffff"');
 
     return `await changeMaterial(${modelName}, "${material}", ${color});\n`;
   };
 
-  javascriptGenerator.forBlock["greyscale_colour"] = function (block) {
-    const colour = block.getFieldValue("COLOR");
+  javascriptGenerator.forBlock['greyscale_colour'] = function (block) {
+    const colour = block.getFieldValue('COLOR');
     const code = `"${colour}"`;
     return [code, javascriptGenerator.ORDER_ATOMIC];
   };
 
-  javascriptGenerator.forBlock["set_scene_bpm"] = function (block) {
-    const bpm = javascriptGenerator.valueToCode(
-      block,
-      "BPM",
-      javascriptGenerator.ORDER_ATOMIC,
-    );
+  javascriptGenerator.forBlock['set_scene_bpm'] = function (block) {
+    const bpm = javascriptGenerator.valueToCode(block, 'BPM', javascriptGenerator.ORDER_ATOMIC);
     return `setBPM("__everywhere__", ${bpm});\n`;
   };
 
-  javascriptGenerator.forBlock["set_mesh_bpm"] = function (block) {
-    const meshNameField = block.getFieldValue("MESH") || "__everywhere__";
+  javascriptGenerator.forBlock['set_mesh_bpm'] = function (block) {
+    const meshNameField = block.getFieldValue('MESH') || '__everywhere__';
     const meshName = JSON.stringify(meshNameField);
 
     const bpm =
-      javascriptGenerator.valueToCode(
-        block,
-        "BPM",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "120"; // Default BPM if not connected
+      javascriptGenerator.valueToCode(block, 'BPM', javascriptGenerator.ORDER_ATOMIC) || '120'; // Default BPM if not connected
 
     return `await setBPM(${meshName}, ${bpm});\n`;
   };
 
-  javascriptGenerator.forBlock["up"] = function (block) {
+  javascriptGenerator.forBlock['up'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const upForce = getFieldValue(block, "UP_FORCE", "1"); // Default up force
+    const upForce = getFieldValue(block, 'UP_FORCE', '1'); // Default up force
 
     return `up(${modelName}, ${upForce});\n`;
   };
 
-  javascriptGenerator.forBlock["hold"] = function (block) {
+  javascriptGenerator.forBlock['hold'] = function (block) {
     const meshToAttach = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_TO_ATTACH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_TO_ATTACH'),
+      Blockly.Names.NameType.VARIABLE
     );
     const targetMesh = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("TARGET_MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('TARGET_MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
     const xOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "X_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'X_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
     const yOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'Y_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
     const zOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "Z_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'Z_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
 
     // Establish the hold action with offset
     return `await hold(${meshToAttach}, ${targetMesh}, ${xOffset}, ${yOffset}, ${zOffset});
         `;
   };
 
-  javascriptGenerator.forBlock["key_pressed"] = function (block) {
-    const key = block.getFieldValue("KEY");
+  javascriptGenerator.forBlock['key_pressed'] = function (block) {
+    const key = block.getFieldValue('KEY');
     return [`keyPressed("${key}")`, javascriptGenerator.ORDER_NONE];
   };
 
-  javascriptGenerator.forBlock["xyz"] = function (block) {
-    const x =
-      javascriptGenerator.valueToCode(
-        block,
-        "X",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
-    const y =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
-    const z =
-      javascriptGenerator.valueToCode(
-        block,
-        "Z",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+  javascriptGenerator.forBlock['xyz'] = function (block) {
+    const x = javascriptGenerator.valueToCode(block, 'X', javascriptGenerator.ORDER_ATOMIC) || '0';
+    const y = javascriptGenerator.valueToCode(block, 'Y', javascriptGenerator.ORDER_ATOMIC) || '0';
+    const z = javascriptGenerator.valueToCode(block, 'Z', javascriptGenerator.ORDER_ATOMIC) || '0';
 
     // Generate a tuple representing the vector
     const code = `[${x}, ${y}, ${z}]`;
     return [code, javascriptGenerator.ORDER_ATOMIC];
   };
 
-  javascriptGenerator.forBlock["animate_property"] = function (block) {
+  javascriptGenerator.forBlock['animate_property'] = function (block) {
     const meshName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const property = block.getFieldValue("PROPERTY");
-    const targetValue = getFieldValue(block, "TARGET_VALUE", "0.5");
-    const duration = getFieldValue(block, "DURATION", "1");
-    const mode = block.getFieldValue("MODE");
-    const reverse = block.getFieldValue("REVERSE") === "TRUE";
-    const loop = block.getFieldValue("LOOP") === "TRUE";
-
-    const asyncWrapper = mode === "AWAIT" ? "await " : "";
+    const property = block.getFieldValue('PROPERTY');
+    const targetValue = getFieldValue(block, 'TARGET_VALUE', '0.5');
+    const duration = getFieldValue(block, 'DURATION', '1');
+    const mode = block.getFieldValue('MODE');
+    const reverse = block.getFieldValue('REVERSE') === 'TRUE';
+    const loop = block.getFieldValue('LOOP') === 'TRUE';
+
+    const asyncWrapper = mode === 'AWAIT' ? 'await ' : '';
 
     return `${asyncWrapper}animateProperty(${meshName}, { property: "${property}", targetValue: ${targetValue}, duration: ${duration}, reverse: ${reverse}, loop: ${loop}, mode: "${mode}" });\n`;
   };
diff --git a/generators/generators-events.js b/generators/generators-events.js
index 23b0a6ca8..dcde8eb45 100644
--- a/generators/generators-events.js
+++ b/generators/generators-events.js
@@ -1,49 +1,45 @@
-import * as Blockly from "blockly";
-import { emitSafeIdentifierLiteral } from "./generators-utilities.js";
+import * as Blockly from 'blockly';
+import { emitSafeIdentifierLiteral } from './generators-utilities.js';
 
 export function registerEventsGenerators(javascriptGenerator) {
   // -------------------------------
   // EVENTS
   // -------------------------------
   // Start -----------------------------------------------------
-  javascriptGenerator.forBlock["start"] = function (block) {
-    const branch = javascriptGenerator.statementToCode(block, "DO");
+  javascriptGenerator.forBlock['start'] = function (block) {
+    const branch = javascriptGenerator.statementToCode(block, 'DO');
     return `(async () => {\n${branch}})();\n`;
   };
 
   // Forever ---------------------------------------------------
-  javascriptGenerator.forBlock["forever"] = function (block) {
-    const branch = javascriptGenerator.statementToCode(block, "DO");
+  javascriptGenerator.forBlock['forever'] = function (block) {
+    const branch = javascriptGenerator.statementToCode(block, 'DO');
 
     const code = `forever(async function(){\n${branch}});\n`;
     return code;
   };
 
   // when % clicked --------------------------------------------
-  javascriptGenerator.forBlock["when_clicked"] = function (block) {
+  javascriptGenerator.forBlock['when_clicked'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const trigger = block.getFieldValue("TRIGGER");
-    const mode = block.getFieldValue("MODE") || "wait";
+    const trigger = block.getFieldValue('TRIGGER');
+    const mode = block.getFieldValue('MODE') || 'wait';
 
-    const doCode = javascriptGenerator.statementToCode(block, "DO").trim();
+    const doCode = javascriptGenerator.statementToCode(block, 'DO').trim();
     const thenCodes = [];
 
     for (let i = 0; i < block.thenCount_; i++) {
-      const thenCode = javascriptGenerator
-        .statementToCode(block, "THEN" + i)
-        .trim();
+      const thenCode = javascriptGenerator.statementToCode(block, 'THEN' + i).trim();
       if (thenCode) {
         thenCodes.push(thenCode);
       }
     }
 
     const allActions = [doCode, ...thenCodes].filter((code) => code);
-    const actionFunctions = allActions.map(
-      (code) => `async function(${modelName}) {\n${code}\n}`,
-    );
+    const actionFunctions = allActions.map((code) => `async function(${modelName}) {\n${code}\n}`);
 
     // Determine if this is a top-level block (not nested)
     const isTopLevel = !block.getSurroundParent();
@@ -51,50 +47,47 @@ export function registerEventsGenerators(javascriptGenerator) {
     const code =
       `onTrigger(${modelName}, {\n` +
       `  trigger: "${trigger}",\n` +
-      `  callback: [\n${actionFunctions.join(",\n")}\n],\n` +
+      `  callback: [\n${actionFunctions.join(',\n')}\n],\n` +
       `  mode: "${mode}"` +
-      (isTopLevel ? `,\n  applyToGroup: true` : "") +
+      (isTopLevel ? `,\n  applyToGroup: true` : '') +
       `\n});\n`;
 
     return code;
   };
 
   // on % collision with % -------------------------------------
-  javascriptGenerator.forBlock["on_collision"] = function (block) {
+  javascriptGenerator.forBlock['on_collision'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
+      block.getFieldValue('MODEL_VAR'),
       Blockly.Names.NameType.VARIABLE,
-      true,
+      true
     );
 
     const otherModelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("OTHER_MODEL_VAR"),
+      block.getFieldValue('OTHER_MODEL_VAR'),
       Blockly.Names.NameType.VARIABLE,
-      true,
+      true
     );
 
     const callbackVar2Name = block.callbackVar2Id
       ? javascriptGenerator.nameDB_.getName(
           block.callbackVar2Id,
           Blockly.Names.NameType.VARIABLE,
-          true,
+          true
         )
       : null;
     const param2 = callbackVar2Name ?? otherModelName;
 
-    const trigger = block.getFieldValue("TRIGGER");
-    const doCode = javascriptGenerator.statementToCode(block, "DO");
+    const trigger = block.getFieldValue('TRIGGER');
+    const doCode = javascriptGenerator.statementToCode(block, 'DO');
     const isTopLevel = !block.getSurroundParent();
 
-    if (
-      trigger === "OnIntersectionEnterTrigger" ||
-      trigger === "OnIntersectionExitTrigger"
-    ) {
+    if (trigger === 'OnIntersectionEnterTrigger' || trigger === 'OnIntersectionExitTrigger') {
       const groupLine = isTopLevel
         ? block.callbackVar2Id
-          ? ",\n            applyToGroupSelf: true"
-          : ",\n            applyToGroupOther: true"
-        : "";
+          ? ',\n            applyToGroupSelf: true'
+          : ',\n            applyToGroupOther: true'
+        : '';
       return `onIntersect(${modelName}, ${otherModelName}, {
             trigger: "${trigger}",
             callback: async function(${modelName}, ${param2}) {
@@ -103,44 +96,37 @@ export function registerEventsGenerators(javascriptGenerator) {
           });\n`;
     } else {
       console.error("Invalid trigger type for 'on_collision' block:", trigger);
-      return "";
+      return '';
     }
   };
   // When % action event ----------------------------------------
-  javascriptGenerator.forBlock["when_action_event"] = function (block) {
-    const action = block.getFieldValue("ACTION");
-    const event = block.getFieldValue("EVENT");
-    const statements_do = javascriptGenerator.statementToCode(block, "DO");
+  javascriptGenerator.forBlock['when_action_event'] = function (block) {
+    const action = block.getFieldValue('ACTION');
+    const event = block.getFieldValue('EVENT');
+    const statements_do = javascriptGenerator.statementToCode(block, 'DO');
 
-    return `whenActionEvent("${action}", async () => {${statements_do}}, ${event === "released"});\n`;
+    return `whenActionEvent("${action}", async () => {${statements_do}}, ${event === 'released'});\n`;
   };
 
   // Broadcast event -------------------------------------------
-  javascriptGenerator.forBlock["broadcast_event"] = function (block) {
+  javascriptGenerator.forBlock['broadcast_event'] = function (block) {
     const raw =
-      javascriptGenerator.valueToCode(
-        block,
-        "EVENT_NAME",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "undefined";
+      javascriptGenerator.valueToCode(block, 'EVENT_NAME', javascriptGenerator.ORDER_ATOMIC) ||
+      'undefined';
 
     const safe = emitSafeIdentifierLiteral(raw, undefined);
     return `broadcastEvent(${safe});\n`;
   };
 
   // On event --------------------------------------------------
-  javascriptGenerator.forBlock["on_event"] = function (block) {
+  javascriptGenerator.forBlock['on_event'] = function (block) {
     // Don't force a default; let invalid/empty resolve to undefined
     const raw =
-      javascriptGenerator.valueToCode(
-        block,
-        "EVENT_NAME",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "";
+      javascriptGenerator.valueToCode(block, 'EVENT_NAME', javascriptGenerator.ORDER_ATOMIC) || '';
 
     const safe = emitSafeIdentifierLiteral(raw);
 
-    const statements_do = javascriptGenerator.statementToCode(block, "DO");
+    const statements_do = javascriptGenerator.statementToCode(block, 'DO');
     return `onEvent(${safe}, async function() {\n${statements_do}});\n`;
   };
 }
diff --git a/generators/generators-functions.js b/generators/generators-functions.js
index 706065477..ebdfb7c12 100644
--- a/generators/generators-functions.js
+++ b/generators/generators-functions.js
@@ -1,4 +1,4 @@
-import * as Blockly from "blockly";
+import * as Blockly from 'blockly';
 
 export function registerFunctionsGenerators(javascriptGenerator) {
   // -------------------------------
@@ -6,98 +6,72 @@ export function registerFunctionsGenerators(javascriptGenerator) {
   // -------------------------------
 
   // Function definition, no return --------------------------------
-  javascriptGenerator.forBlock["procedures_defnoreturn"] = function (block) {
+  javascriptGenerator.forBlock['procedures_defnoreturn'] = function (block) {
     const functionName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("NAME"),
-      Blockly.PROCEDURE_CATEGORY_NAME,
+      block.getFieldValue('NAME'),
+      Blockly.PROCEDURE_CATEGORY_NAME
     );
     const args = block.argData_.map((elem) =>
-      javascriptGenerator.nameDB_.getName(
-        elem.model.name,
-        Blockly.Names.NameType.VARIABLE,
-      ),
+      javascriptGenerator.nameDB_.getName(elem.model.name, Blockly.Names.NameType.VARIABLE)
     );
-    const params = args.join(", ");
+    const params = args.join(', ');
 
     const branch =
-      javascriptGenerator.statementToCode(
-        block,
-        "STACK",
-        javascriptGenerator.ORDER_NONE,
-      ) || "";
+      javascriptGenerator.statementToCode(block, 'STACK', javascriptGenerator.ORDER_NONE) || '';
 
     const code = `async function ${functionName}(${params}) {\n${branch}\n}`;
     return code;
   };
 
   // Function definition with return -------------------------------
-  javascriptGenerator.forBlock["procedures_defreturn"] = function (block) {
+  javascriptGenerator.forBlock['procedures_defreturn'] = function (block) {
     const functionName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("NAME"),
-      Blockly.PROCEDURE_CATEGORY_NAME,
+      block.getFieldValue('NAME'),
+      Blockly.PROCEDURE_CATEGORY_NAME
     );
     const args = block.argData_.map((elem) =>
-      javascriptGenerator.nameDB_.getName(
-        elem.model.name,
-        Blockly.Names.NameType.VARIABLE,
-      ),
+      javascriptGenerator.nameDB_.getName(elem.model.name, Blockly.Names.NameType.VARIABLE)
     );
-    const params = args.join(", ");
+    const params = args.join(', ');
     const branch =
-      javascriptGenerator.statementToCode(
-        block,
-        "STACK",
-        javascriptGenerator.ORDER_NONE,
-      ) || "";
+      javascriptGenerator.statementToCode(block, 'STACK', javascriptGenerator.ORDER_NONE) || '';
     const returnValue =
-      javascriptGenerator.valueToCode(
-        block,
-        "RETURN",
-        javascriptGenerator.ORDER_NONE,
-      ) || "";
+      javascriptGenerator.valueToCode(block, 'RETURN', javascriptGenerator.ORDER_NONE) || '';
 
     const code = `async function ${functionName}(${params}) {\n${branch}return ${returnValue};\n}`;
     return code;
   };
 
   // If condition, return ------------------------------------------
-  javascriptGenerator.forBlock["procedures_callreturn"] = function (block) {
+  javascriptGenerator.forBlock['procedures_callreturn'] = function (block) {
     const functionName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("NAME"),
-      Blockly.PROCEDURE_CATEGORY_NAME,
+      block.getFieldValue('NAME'),
+      Blockly.PROCEDURE_CATEGORY_NAME
     );
     const args = [];
     const variables = block.arguments_ || [];
     for (let i = 0; i < variables.length; i++) {
       args[i] =
-        javascriptGenerator.valueToCode(
-          block,
-          "ARG" + i,
-          javascriptGenerator.ORDER_NONE,
-        ) || "null";
+        javascriptGenerator.valueToCode(block, 'ARG' + i, javascriptGenerator.ORDER_NONE) || 'null';
     }
 
-    const code = `await ${functionName}(${args.join(", ")})`;
+    const code = `await ${functionName}(${args.join(', ')})`;
     return [code, javascriptGenerator.ORDER_ATOMIC];
   };
 
   // Call function -------------------------------------------------
-  javascriptGenerator.forBlock["procedures_callnoreturn"] = function (block) {
+  javascriptGenerator.forBlock['procedures_callnoreturn'] = function (block) {
     const functionName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("NAME"),
-      Blockly.PROCEDURE_CATEGORY_NAME,
+      block.getFieldValue('NAME'),
+      Blockly.PROCEDURE_CATEGORY_NAME
     );
     const args = [];
     const variables = block.arguments_;
     for (let i = 0; i < variables.length; i++) {
       args[i] =
-        javascriptGenerator.valueToCode(
-          block,
-          "ARG" + i,
-          javascriptGenerator.ORDER_NONE,
-        ) || "null";
+        javascriptGenerator.valueToCode(block, 'ARG' + i, javascriptGenerator.ORDER_NONE) || 'null';
     }
-    const code = `await ${functionName}(${args.join(", ")});\n`;
+    const code = `await ${functionName}(${args.join(', ')});\n`;
     return code;
   };
 }
diff --git a/generators/generators-material.js b/generators/generators-material.js
index 1028d4603..e2596d90c 100644
--- a/generators/generators-material.js
+++ b/generators/generators-material.js
@@ -1,91 +1,91 @@
-import * as Blockly from "blockly";
-import { getFieldValue } from "./generators-utilities.js";
-import { isValidColourInput } from "../blocks/colourvalidation.js";
+import * as Blockly from 'blockly';
+import { getFieldValue } from './generators-utilities.js';
+import { isValidColourInput } from '../blocks/colourvalidation.js';
 
 export function registerMaterialGenerators(javascriptGenerator) {
   // -------------------------------
   // MATERIAL
   // -------------------------------
   // Color object to color list ---------------------------------
-  javascriptGenerator.forBlock["change_color"] = function (block) {
+  javascriptGenerator.forBlock['change_color'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const color = getFieldValue(block, "COLOR", '"#ffffff"');
+    const color = getFieldValue(block, 'COLOR', '"#ffffff"');
 
     return `await changeColor(${modelName}, { color: ${color} });\n`;
   };
 
   // Set alpha of object ----------------------------------------
-  javascriptGenerator.forBlock["set_alpha"] = function (block) {
+  javascriptGenerator.forBlock['set_alpha'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     const alphaValue = javascriptGenerator.valueToCode(
       block,
-      "ALPHA",
-      javascriptGenerator.ORDER_ATOMIC,
+      'ALPHA',
+      javascriptGenerator.ORDER_ATOMIC
     );
 
     return `await setAlpha(${modelName}, { value: ${alphaValue} });\n`;
   };
 
   // Set shadow casting of object -------------------------------
-  javascriptGenerator.forBlock["set_shadow"] = function (block) {
+  javascriptGenerator.forBlock['set_shadow'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const cast = block.getFieldValue("CAST") === "TRUE";
+    const cast = block.getFieldValue('CAST') === 'TRUE';
     return `await setShadow(${modelName}, { cast: ${cast} });\n`;
   };
 
   // Tint object ------------------------------------------------
-  javascriptGenerator.forBlock["tint"] = function (block) {
+  javascriptGenerator.forBlock['tint'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const color = getFieldValue(block, "COLOR", '"#AA336A"');
+    const color = getFieldValue(block, 'COLOR', '"#AA336A"');
 
     return `await tint(${modelName}, { color: ${color} });\n`;
   };
 
   // Highlight object -------------------------------------------
-  javascriptGenerator.forBlock["highlight"] = function (block) {
+  javascriptGenerator.forBlock['highlight'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const color = getFieldValue(block, "COLOR", '"#FFD700"');
+    const color = getFieldValue(block, 'COLOR', '"#FFD700"');
     return `await highlight(${modelName}, { color: ${color} });\n`;
   };
 
   // Glow object ------------------------------------------------
-  javascriptGenerator.forBlock["glow"] = function (block) {
+  javascriptGenerator.forBlock['glow'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
     return `await glow(${modelName});\n`;
   };
 
   // Clear effects on object ------------------------------------
-  javascriptGenerator.forBlock["clear_effects"] = function (block) {
+  javascriptGenerator.forBlock['clear_effects'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     return `await clearEffects(${modelName});\n`;
   };
 
   // Colour -----------------------------------------------------
-  javascriptGenerator.forBlock["colour"] = function (block) {
-    const colour = block.getFieldValue("COLOR");
+  javascriptGenerator.forBlock['colour'] = function (block) {
+    const colour = block.getFieldValue('COLOR');
     const code = `"${colour}"`;
     return [code, javascriptGenerator.ORDER_ATOMIC];
   };
@@ -95,23 +95,23 @@ export function registerMaterialGenerators(javascriptGenerator) {
   // Uses Blockly built in
 
   // Random colour ----------------------------------------------
-  javascriptGenerator.forBlock["random_colour"] = function (_block) {
+  javascriptGenerator.forBlock['random_colour'] = function (_block) {
     const code = `randomColour()`;
     return [code, javascriptGenerator.ORDER_ATOMIC];
   };
   // Hex colour -------------------------------------------------
-  javascriptGenerator.forBlock["colour_from_string"] = function (block) {
-    const rawColourValue = (block.getFieldValue("COLOR") || "").trim();
+  javascriptGenerator.forBlock['colour_from_string'] = function (block) {
+    const rawColourValue = (block.getFieldValue('COLOR') || '').trim();
     if (!isValidColourInput(rawColourValue)) {
-      return [JSON.stringify("#000000"), javascriptGenerator.ORDER_ATOMIC];
+      return [JSON.stringify('#000000'), javascriptGenerator.ORDER_ATOMIC];
     }
-    const hexBody = rawColourValue.replace(/^#/, "");
+    const hexBody = rawColourValue.replace(/^#/, '');
     let colourValue;
     if (/^[0-9a-fA-F]{3}$/.test(hexBody)) {
       colourValue = `#${hexBody
-        .split("")
+        .split('')
         .map((component) => component + component)
-        .join("")
+        .join('')
         .toLowerCase()}`;
     } else if (/^[0-9a-fA-F]{6}$/.test(hexBody)) {
       colourValue = `#${hexBody}`;
@@ -122,39 +122,28 @@ export function registerMaterialGenerators(javascriptGenerator) {
   };
 
   // Set material of object -------------------------------------
-  javascriptGenerator.forBlock["set_material"] = function (block) {
+  javascriptGenerator.forBlock['set_material'] = function (block) {
     const meshVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     const material =
-      javascriptGenerator.valueToCode(
-        block,
-        "MATERIAL",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "{}";
+      javascriptGenerator.valueToCode(block, 'MATERIAL', javascriptGenerator.ORDER_ATOMIC) || '{}';
 
     const code = `setMaterial(${meshVar}, ${material});\n`;
     return code;
   };
 
   // Material ----------------------------------------------------
-  javascriptGenerator.forBlock["material"] = function (block) {
+  javascriptGenerator.forBlock['material'] = function (block) {
     const baseColor =
-      javascriptGenerator.valueToCode(
-        block,
-        "BASE_COLOR",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || '"#ffffff"';
+      javascriptGenerator.valueToCode(block, 'BASE_COLOR', javascriptGenerator.ORDER_ATOMIC) ||
+      '"#ffffff"';
 
-    const textureSet = block.getFieldValue("TEXTURE_SET");
+    const textureSet = block.getFieldValue('TEXTURE_SET');
     const alpha =
-      javascriptGenerator.valueToCode(
-        block,
-        "ALPHA",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'ALPHA', javascriptGenerator.ORDER_ATOMIC) || '1';
 
     // Always return a standard data object.
     // Logic that uses this block (like set_material) will handle the application.
@@ -169,27 +158,20 @@ export function registerMaterialGenerators(javascriptGenerator) {
 
   // Skin colour --------------------------------------------------
   // used within character definition but not as a standalone block
-  javascriptGenerator.forBlock["skin_colour"] = function (block) {
-    const colour = block.getFieldValue("COLOR");
+  javascriptGenerator.forBlock['skin_colour'] = function (block) {
+    const colour = block.getFieldValue('COLOR');
     const code = `"${colour}"`;
     return [code, javascriptGenerator.ORDER_ATOMIC];
   };
 
   // Gradient material --------------------------------------------
-  javascriptGenerator.forBlock["gradient_material"] = function (block) {
+  javascriptGenerator.forBlock['gradient_material'] = function (block) {
     const color =
-      javascriptGenerator.valueToCode(
-        block,
-        "COLOR",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || '"#ffffff"';
+      javascriptGenerator.valueToCode(block, 'COLOR', javascriptGenerator.ORDER_ATOMIC) ||
+      '"#ffffff"';
 
     const alpha =
-      javascriptGenerator.valueToCode(
-        block,
-        "ALPHA",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'ALPHA', javascriptGenerator.ORDER_ATOMIC) || '1';
 
     const code = `{ color: ${color}, materialName: "none.png", alpha: ${alpha} }`;
     return [code, javascriptGenerator.ORDER_ATOMIC];
diff --git a/generators/generators-math.js b/generators/generators-math.js
index 5a7ac13e1..fc44dc811 100644
--- a/generators/generators-math.js
+++ b/generators/generators-math.js
@@ -1,4 +1,4 @@
-import { getFieldValue } from "./generators-utilities.js";
+import { getFieldValue } from './generators-utilities.js';
 
 export function registerMathGenerators(javascriptGenerator) {
   // -------------------------------
@@ -8,28 +8,19 @@ export function registerMathGenerators(javascriptGenerator) {
   // Arithmetic operator - uses Blockly default
 
   // Random integer ----------------------------------------------------
-  javascriptGenerator.forBlock["math_random_int"] = function (block) {
+  javascriptGenerator.forBlock['math_random_int'] = function (block) {
     const from =
-      javascriptGenerator.valueToCode(
-        block,
-        "FROM",
-        javascriptGenerator.ORDER_NONE,
-      ) || "0";
-    const to =
-      javascriptGenerator.valueToCode(
-        block,
-        "TO",
-        javascriptGenerator.ORDER_NONE,
-      ) || "0";
-    const code = "randomInteger(" + from + ", " + to + ")";
+      javascriptGenerator.valueToCode(block, 'FROM', javascriptGenerator.ORDER_NONE) || '0';
+    const to = javascriptGenerator.valueToCode(block, 'TO', javascriptGenerator.ORDER_NONE) || '0';
+    const code = 'randomInteger(' + from + ', ' + to + ')';
     return [code, javascriptGenerator.ORDER_FUNCTION_CALL];
   };
 
   // Random integer with seed -----------------------------------------
-  javascriptGenerator.forBlock["random_seeded_int"] = function (block) {
-    const value_from = getFieldValue(block, "FROM", 0);
-    const value_to = getFieldValue(block, "TO", 10);
-    const value_seed = getFieldValue(block, "SEED", 123456);
+  javascriptGenerator.forBlock['random_seeded_int'] = function (block) {
+    const value_from = getFieldValue(block, 'FROM', 0);
+    const value_to = getFieldValue(block, 'TO', 10);
+    const value_seed = getFieldValue(block, 'SEED', 123456);
 
     const code = `seededRandom(${value_from}, ${value_to}, ${value_seed})`;
 
@@ -39,16 +30,16 @@ export function registerMathGenerators(javascriptGenerator) {
   // Integer - uses Blockly default
 
   // Convert to integer -----------------------------------------------
-  javascriptGenerator.forBlock["to_number"] = function (block) {
+  javascriptGenerator.forBlock['to_number'] = function (block) {
     const string = javascriptGenerator.valueToCode(
       block,
-      "STRING",
-      javascriptGenerator.ORDER_ATOMIC,
+      'STRING',
+      javascriptGenerator.ORDER_ATOMIC
     );
-    const conversionType = block.getFieldValue("TYPE");
+    const conversionType = block.getFieldValue('TYPE');
 
     let code;
-    if (conversionType === "INT") {
+    if (conversionType === 'INT') {
       code = `parseInt(${string})`;
     } else {
       code = `parseFloat(${string})`;
diff --git a/generators/generators-scene.js b/generators/generators-scene.js
index 97bf18d45..c38c4a7f0 100644
--- a/generators/generators-scene.js
+++ b/generators/generators-scene.js
@@ -1,11 +1,11 @@
-import * as Blockly from "blockly";
-import { meshMap, meshBlockIdMap, generateUniqueId } from "./mesh-state.js";
+import * as Blockly from 'blockly';
+import { meshMap, meshBlockIdMap, generateUniqueId } from './mesh-state.js';
 import {
   getFieldValue,
   getVariableInfo,
   getPositionTuple,
   createMesh,
-} from "./generators-utilities.js";
+} from './generators-utilities.js';
 
 export function registerSceneGenerators(javascriptGenerator) {
   // -------------------------------
@@ -13,50 +13,43 @@ export function registerSceneGenerators(javascriptGenerator) {
   // -------------------------------
 
   // Sky -------------------------------------------------------------
-  javascriptGenerator.forBlock["set_sky_color"] = function (block) {
-    const meshId = "sky";
+  javascriptGenerator.forBlock['set_sky_color'] = function (block) {
+    const meshId = 'sky';
     meshMap[meshId] = block;
     meshBlockIdMap[meshId] = block.id;
     let color =
-      javascriptGenerator.valueToCode(
-        block,
-        "COLOR",
-        javascriptGenerator.ORDER_NONE,
-      ) || '"#6495ED"';
+      javascriptGenerator.valueToCode(block, 'COLOR', javascriptGenerator.ORDER_NONE) ||
+      '"#6495ED"';
 
     return `setSky(${color});\n`;
   };
   // Map with material ------------------------------------------------
-  javascriptGenerator.forBlock["create_map"] = function (block) {
-    const mapName = block.getFieldValue("MAP_NAME");
+  javascriptGenerator.forBlock['create_map'] = function (block) {
+    const mapName = block.getFieldValue('MAP_NAME');
     const material =
-      javascriptGenerator.valueToCode(
-        block,
-        "MATERIAL",
-        javascriptGenerator.ORDER_NONE,
-      ) || "null";
-    const meshId = "ground";
+      javascriptGenerator.valueToCode(block, 'MATERIAL', javascriptGenerator.ORDER_NONE) || 'null';
+    const meshId = 'ground';
     meshMap[meshId] = block;
     meshBlockIdMap[meshId] = block.id;
     return `createMap("${mapName}", ${material});\n`;
   };
 
   // Background -------------------------------------------------------
-  javascriptGenerator.forBlock["set_background_color"] = function (block) {
+  javascriptGenerator.forBlock['set_background_color'] = function (block) {
     // Defaults to a quoted hex string (e.g., "#6495ED")
-    let color = getFieldValue(block, "COLOR", '"#6495ED"');
+    let color = getFieldValue(block, 'COLOR', '"#6495ED"');
 
-    const colorInput = block.getInput("COLOR");
+    const colorInput = block.getInput('COLOR');
     const colorBlock = colorInput?.connection?.targetBlock();
 
-    if (colorBlock && colorBlock.type === "material") {
+    if (colorBlock && colorBlock.type === 'material') {
       color = `(function(m){
                 const c = (m && (m.color || m.diffuseColor || m.albedoColor));
                 return (c && c.toHexString) ? c.toHexString() : "#6495ED";
               })(${color})`;
     }
 
-    const meshId = "sky";
+    const meshId = 'sky';
     meshMap[meshId] = block;
     meshBlockIdMap[meshId] = block.id;
 
@@ -65,10 +58,10 @@ export function registerSceneGenerators(javascriptGenerator) {
   };
 
   // Show object ------------------------------------------------------
-  javascriptGenerator.forBlock["show"] = function (block) {
+  javascriptGenerator.forBlock['show'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     return `await show(${modelName});\n`;
@@ -76,21 +69,21 @@ export function registerSceneGenerators(javascriptGenerator) {
 
   // Hide object ------------------------------------------------------
 
-  javascriptGenerator.forBlock["hide"] = function (block) {
+  javascriptGenerator.forBlock['hide'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     return `await hide(${modelName});\n`;
   };
 
   // Dispose object ---------------------------------------------------
-  javascriptGenerator.forBlock["dispose"] = function (block) {
+  javascriptGenerator.forBlock['dispose'] = function (block) {
     // Get the selected variable name
     const meshVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     // Generate code to call the dispose helper for the selected mesh
@@ -103,64 +96,58 @@ export function registerSceneGenerators(javascriptGenerator) {
   // -------------------------------
 
   // Add model --------------------------------------------------------
-  javascriptGenerator.forBlock["load_model"] = function (block) {
-    const modelName = block.getFieldValue("MODELS");
-    const scale = getFieldValue(block, "SCALE", "1");
-    const x = getFieldValue(block, "X", "0");
-    const y = getFieldValue(block, "Y", "0");
-    const z = getFieldValue(block, "Z", "0");
-    const { generatedName: variableName, userVariableName } = getVariableInfo(
-      block,
-      "ID_VAR",
-    );
+  javascriptGenerator.forBlock['load_model'] = function (block) {
+    const modelName = block.getFieldValue('MODELS');
+    const scale = getFieldValue(block, 'SCALE', '1');
+    const x = getFieldValue(block, 'X', '0');
+    const y = getFieldValue(block, 'Y', '0');
+    const z = getFieldValue(block, 'Z', '0');
+    const { generatedName: variableName, userVariableName } = getVariableInfo(block, 'ID_VAR');
 
     const meshId = `${userVariableName}__${block.id}`;
     meshMap[block.id] = block;
     meshBlockIdMap[block.id] = block.id;
 
-    let doCode = "";
-    if (block.getInput("DO")) {
-      doCode = javascriptGenerator.statementToCode(block, "DO") || "";
+    let doCode = '';
+    if (block.getInput('DO')) {
+      doCode = javascriptGenerator.statementToCode(block, 'DO') || '';
     }
-    doCode = doCode ? `async function() {\n${doCode}\n}` : "";
+    doCode = doCode ? `async function() {\n${doCode}\n}` : '';
 
     return `${variableName} = createModel({
                         modelName: '${modelName}',
                         modelId: ${JSON.stringify(meshId)},
                         scale: ${scale},
-                        position: { x: ${x}, y: ${y}, z: ${z} }${doCode ? `,\ncallback: ${doCode}` : ""}
+                        position: { x: ${x}, y: ${y}, z: ${z} }${doCode ? `,\ncallback: ${doCode}` : ''}
                 });\n`;
   };
 
   // Add character ----------------------------------------------------
-  javascriptGenerator.forBlock["load_character"] = function (block) {
-    const modelName = block.getFieldValue("MODELS");
-    const scale = getFieldValue(block, "SCALE", "1");
-    const x = getFieldValue(block, "X", "0");
-    const y = getFieldValue(block, "Y", "0");
-    const z = getFieldValue(block, "Z", "0");
-    const hairColor = getFieldValue(block, "HAIR_COLOR", "#000000");
-    const skinColor = getFieldValue(block, "SKIN_COLOR", "#FFE0BD");
-    const eyesColor = getFieldValue(block, "EYES_COLOR", "#0000FF");
-    const sleevesColor = getFieldValue(block, "SLEEVES_COLOR", "#FFFFFF");
-    const shortsColor = getFieldValue(block, "SHORTS_COLOR", "#000000");
-    const tshirtColor = getFieldValue(block, "TSHIRT_COLOR", "#FF0000");
-    const { generatedName: variableName, userVariableName } = getVariableInfo(
-      block,
-      "ID_VAR",
-    );
+  javascriptGenerator.forBlock['load_character'] = function (block) {
+    const modelName = block.getFieldValue('MODELS');
+    const scale = getFieldValue(block, 'SCALE', '1');
+    const x = getFieldValue(block, 'X', '0');
+    const y = getFieldValue(block, 'Y', '0');
+    const z = getFieldValue(block, 'Z', '0');
+    const hairColor = getFieldValue(block, 'HAIR_COLOR', '#000000');
+    const skinColor = getFieldValue(block, 'SKIN_COLOR', '#FFE0BD');
+    const eyesColor = getFieldValue(block, 'EYES_COLOR', '#0000FF');
+    const sleevesColor = getFieldValue(block, 'SLEEVES_COLOR', '#FFFFFF');
+    const shortsColor = getFieldValue(block, 'SHORTS_COLOR', '#000000');
+    const tshirtColor = getFieldValue(block, 'TSHIRT_COLOR', '#FF0000');
+    const { generatedName: variableName, userVariableName } = getVariableInfo(block, 'ID_VAR');
 
     const meshId = `${userVariableName}__${block.id}`;
     meshMap[block.id] = block;
     meshBlockIdMap[block.id] = block.id;
     // Generate the code for the "do" part (if present)
-    let doCode = "";
+    let doCode = '';
 
-    if (block.getInput("DO")) {
-      doCode = javascriptGenerator.statementToCode(block, "DO") || "";
+    if (block.getInput('DO')) {
+      doCode = javascriptGenerator.statementToCode(block, 'DO') || '';
     }
 
-    doCode = doCode ? `async function() {\n${doCode}\n}` : "";
+    doCode = doCode ? `async function() {\n${doCode}\n}` : '';
 
     return `${variableName} = createCharacter({
                   modelName: '${modelName}',
@@ -174,86 +161,80 @@ export function registerSceneGenerators(javascriptGenerator) {
                         sleeves: ${sleevesColor},
                         shorts: ${shortsColor},
                         tshirt: ${tshirtColor}
-                  }${doCode ? `, callback: ${doCode}` : ""}
+                  }${doCode ? `, callback: ${doCode}` : ''}
                 });\n`;
   };
 
   // Add item ---------------------------------------------------------
-  javascriptGenerator.forBlock["load_object"] = function (block) {
-    const modelName = block.getFieldValue("MODELS");
-    const scale = getFieldValue(block, "SCALE", "1");
-    const x = getFieldValue(block, "X", "0");
-    const y = getFieldValue(block, "Y", "0");
-    const z = getFieldValue(block, "Z", "0");
-    const color = getFieldValue(block, "COLOR", '"#000000"');
-
-    const { generatedName: variableName, userVariableName } = getVariableInfo(
-      block,
-      "ID_VAR",
-    );
+  javascriptGenerator.forBlock['load_object'] = function (block) {
+    const modelName = block.getFieldValue('MODELS');
+    const scale = getFieldValue(block, 'SCALE', '1');
+    const x = getFieldValue(block, 'X', '0');
+    const y = getFieldValue(block, 'Y', '0');
+    const z = getFieldValue(block, 'Z', '0');
+    const color = getFieldValue(block, 'COLOR', '"#000000"');
+
+    const { generatedName: variableName, userVariableName } = getVariableInfo(block, 'ID_VAR');
 
     const meshId = `${userVariableName}__${block.id}`;
     meshMap[block.id] = block;
     meshBlockIdMap[block.id] = block.id;
 
     // Generate the code for the "do" part (if present)
-    let doCode = "";
+    let doCode = '';
 
-    if (block.getInput("DO")) {
-      doCode = javascriptGenerator.statementToCode(block, "DO") || "";
+    if (block.getInput('DO')) {
+      doCode = javascriptGenerator.statementToCode(block, 'DO') || '';
     }
 
-    doCode = doCode ? `async function() {\n${doCode}\n}` : "";
+    doCode = doCode ? `async function() {\n${doCode}\n}` : '';
 
     return `${variableName} = createObject({
                           modelName: '${modelName}',
                           modelId: ${JSON.stringify(meshId)},
                           color: ${color},
                           scale: ${scale},
-                          position: { x: ${x}, y: ${y}, z: ${z} }${doCode ? `,\ncallback: ${doCode}` : ""}
+                          position: { x: ${x}, y: ${y}, z: ${z} }${doCode ? `,\ncallback: ${doCode}` : ''}
                   });\n`;
   };
   // Add object -------------------------------------------------------
-  javascriptGenerator.forBlock["load_multi_object"] = function (block) {
-    const modelName = block.getFieldValue("MODELS");
-    const scale = getFieldValue(block, "SCALE", "1");
-    const x = getFieldValue(block, "X", "0");
-    const y = getFieldValue(block, "Y", "0");
-    const z = getFieldValue(block, "Z", "0");
-    const color = getFieldValue(block, "COLORS", "#000000");
-
-    const { generatedName: variableName, userVariableName } = getVariableInfo(
-      block,
-      "ID_VAR",
-    );
+  javascriptGenerator.forBlock['load_multi_object'] = function (block) {
+    const modelName = block.getFieldValue('MODELS');
+    const scale = getFieldValue(block, 'SCALE', '1');
+    const x = getFieldValue(block, 'X', '0');
+    const y = getFieldValue(block, 'Y', '0');
+    const z = getFieldValue(block, 'Z', '0');
+    const color = getFieldValue(block, 'COLORS', '#000000');
+
+    const { generatedName: variableName, userVariableName } = getVariableInfo(block, 'ID_VAR');
 
     const meshId = `${userVariableName}__${block.id}`;
     meshMap[block.id] = block;
     meshBlockIdMap[block.id] = block.id;
     // Generate the code for the "do" part (if present)
-    let doCode = "";
+    let doCode = '';
 
-    if (block.getInput("DO")) {
-      doCode = javascriptGenerator.statementToCode(block, "DO") || "";
+    if (block.getInput('DO')) {
+      doCode = javascriptGenerator.statementToCode(block, 'DO') || '';
     }
 
-    doCode = doCode ? `async function() {\n${doCode}\n}` : "";
+    doCode = doCode ? `async function() {\n${doCode}\n}` : '';
 
     return `${variableName} = createObject({
                         modelName: '${modelName}',
                         modelId: ${JSON.stringify(meshId)},
                         color: ${color},
                         scale: ${scale},
-                        position: { x: ${x}, y: ${y}, z: ${z} }${doCode ? `,\ncallback: ${doCode}` : ""}
+                        position: { x: ${x}, y: ${y}, z: ${z} }${doCode ? `,\ncallback: ${doCode}` : ''}
                 });\n`;
   };
 
   // Add box ---------------------------------------------------------
-  javascriptGenerator.forBlock["create_box"] = function (block) {
-    const color = getFieldValue(block, "COLOR", '"#9932CC"');
-    const width = getFieldValue(block, "WIDTH", "1");
-    const height = getFieldValue(block, "HEIGHT", "1");
-    const depth = getFieldValue(block, "DEPTH", "1");
+  javascriptGenerator.forBlock['create_box'] = function (block) {
+    const color = getFieldValue(block, 'COLOR', '"#9932CC"');
+    const width = getFieldValue(block, 'WIDTH', '1');
+    const height = getFieldValue(block, 'HEIGHT', '1');
+    const depth = getFieldValue(block, 'DEPTH', '1');
 
     const positionSource = getPositionTuple(block);
 
@@ -265,15 +246,15 @@ export function registerSceneGenerators(javascriptGenerator) {
       `position: ${positionSource}`,
     ];
 
-    return createMesh(block, "Box", params, "box");
+    return createMesh(block, 'Box', params, 'box');
   };
 
   // Add sphere ---------------------------------------------------------
-  javascriptGenerator.forBlock["create_sphere"] = function (block) {
-    const color = getFieldValue(block, "COLOR", '"#9932CC"');
-    const diameterX = getFieldValue(block, "DIAMETER_X", "1");
-    const diameterY = getFieldValue(block, "DIAMETER_Y", "1");
-    const diameterZ = getFieldValue(block, "DIAMETER_Z", "1");
+  javascriptGenerator.forBlock['create_sphere'] = function (block) {
+    const color = getFieldValue(block, 'COLOR', '"#9932CC"');
+    const diameterX = getFieldValue(block, 'DIAMETER_X', '1');
+    const diameterY = getFieldValue(block, 'DIAMETER_Y', '1');
+    const diameterZ = getFieldValue(block, 'DIAMETER_Z', '1');
 
     const positionSource = getPositionTuple(block);
 
@@ -285,16 +266,16 @@ export function registerSceneGenerators(javascriptGenerator) {
       `position: ${positionSource}`,
     ];
 
-    return createMesh(block, "Sphere", params, "sphere");
+    return createMesh(block, 'Sphere', params, 'sphere');
   };
 
   // Add cylinder -------------------------------------------------------
-  javascriptGenerator.forBlock["create_cylinder"] = function (block) {
-    const color = getFieldValue(block, "COLOR", '"#9932CC"');
-    const height = getFieldValue(block, "HEIGHT", "2");
-    const diameterTop = getFieldValue(block, "DIAMETER_TOP", "1");
-    const diameterBottom = getFieldValue(block, "DIAMETER_BOTTOM", "1");
-    const tessellations = getFieldValue(block, "TESSELLATIONS", "12");
+  javascriptGenerator.forBlock['create_cylinder'] = function (block) {
+    const color = getFieldValue(block, 'COLOR', '"#9932CC"');
+    const height = getFieldValue(block, 'HEIGHT', '2');
+    const diameterTop = getFieldValue(block, 'DIAMETER_TOP', '1');
+    const diameterBottom = getFieldValue(block, 'DIAMETER_BOTTOM', '1');
+    const tessellations = getFieldValue(block, 'TESSELLATIONS', '12');
 
     const positionSource = getPositionTuple(block);
 
@@ -307,14 +288,14 @@ export function registerSceneGenerators(javascriptGenerator) {
       `position: ${positionSource}`,
     ];
 
-    return createMesh(block, "Cylinder", params, "cylinder");
+    return createMesh(block, 'Cylinder', params, 'cylinder');
   };
 
   // Add capsule --------------------------------------------------------
-  javascriptGenerator.forBlock["create_capsule"] = function (block) {
-    const color = getFieldValue(block, "COLOR", '"#9932CC"');
-    const diameter = getFieldValue(block, "DIAMETER", "1");
-    const height = getFieldValue(block, "HEIGHT", "2");
+  javascriptGenerator.forBlock['create_capsule'] = function (block) {
+    const color = getFieldValue(block, 'COLOR', '"#9932CC"');
+    const diameter = getFieldValue(block, 'DIAMETER', '1');
+    const height = getFieldValue(block, 'HEIGHT', '2');
 
     const positionSource = getPositionTuple(block);
 
@@ -325,14 +306,14 @@ export function registerSceneGenerators(javascriptGenerator) {
       `position: ${positionSource}`,
     ];
 
-    return createMesh(block, "Capsule", params, "capsule");
+    return createMesh(block, 'Capsule', params, 'capsule');
   };
 
   // Add plane ----------------------------------------------------------
-  javascriptGenerator.forBlock["create_plane"] = function (block) {
-    const color = getFieldValue(block, "COLOR", '"#9932CC"');
-    const width = getFieldValue(block, "WIDTH", "1");
-    const height = getFieldValue(block, "HEIGHT", "1");
+  javascriptGenerator.forBlock['create_plane'] = function (block) {
+    const color = getFieldValue(block, 'COLOR', '"#9932CC"');
+    const width = getFieldValue(block, 'WIDTH', '1');
+    const height = getFieldValue(block, 'HEIGHT', '1');
 
     const positionSource = getPositionTuple(block);
 
@@ -343,200 +324,142 @@ export function registerSceneGenerators(javascriptGenerator) {
       `position: ${positionSource}`,
     ];
 
-    return createMesh(block, "Plane", params, "plane");
+    return createMesh(block, 'Plane', params, 'plane');
   };
 
   // Add clone ----------------------------------------------------------
-  javascriptGenerator.forBlock["clone_mesh"] = function (block) {
+  javascriptGenerator.forBlock['clone_mesh'] = function (block) {
     // Get the source mesh variable
     const sourceMeshName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("SOURCE_MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('SOURCE_MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     // Get the target clone variable
     const cloneVariableName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("CLONE_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('CLONE_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     // Generate a unique ID for the clone
-    const cloneId = sourceMeshName + "_" + generateUniqueId();
+    const cloneId = sourceMeshName + '_' + generateUniqueId();
     meshMap[cloneId] = block;
     meshBlockIdMap[cloneId] = block.id;
 
     // Generate the code for the "do" part (if present)
-    let doCode = "";
-    if (block.getInput("DO")) {
-      doCode = javascriptGenerator.statementToCode(block, "DO") || "";
+    let doCode = '';
+    if (block.getInput('DO')) {
+      doCode = javascriptGenerator.statementToCode(block, 'DO') || '';
     }
 
     // Wrap "DO" code in an async function if it exists
-    doCode = doCode ? `async function() {\n${doCode}\n}` : "";
+    doCode = doCode ? `async function() {\n${doCode}\n}` : '';
 
     // Return the code to clone the mesh
     return `${cloneVariableName} = cloneMesh({
                           sourceMeshName: ${sourceMeshName},
-                          cloneId: '${cloneId}'${doCode ? `,\ncallback: ${doCode}` : ""}
+                          cloneId: '${cloneId}'${doCode ? `,\ncallback: ${doCode}` : ''}
                   });\n`;
   };
   // -------------------------------
   // EFFECTS
   // -------------------------------
   // Light intensity -------------------------------------------------
-  javascriptGenerator.forBlock["main_light"] = function (block) {
+  javascriptGenerator.forBlock['main_light'] = function (block) {
     const intensity =
-      javascriptGenerator.valueToCode(
-        block,
-        "INTENSITY",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1.0";
+      javascriptGenerator.valueToCode(block, 'INTENSITY', javascriptGenerator.ORDER_ATOMIC) ||
+      '1.0';
     const diffuse =
-      javascriptGenerator.valueToCode(
-        block,
-        "DIFFUSE",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "#FFFFFF";
+      javascriptGenerator.valueToCode(block, 'DIFFUSE', javascriptGenerator.ORDER_ATOMIC) ||
+      '#FFFFFF';
     const groundColor =
-      javascriptGenerator.valueToCode(
-        block,
-        "GROUND_COLOR",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "#808080";
+      javascriptGenerator.valueToCode(block, 'GROUND_COLOR', javascriptGenerator.ORDER_ATOMIC) ||
+      '#808080';
 
     return `lightIntensity(${intensity});\nlightColor(${diffuse}, ${groundColor});\n`;
   };
 
   // Enable shadows -------------------------------------------------
-  javascriptGenerator.forBlock["enable_shadows"] = function (block) {
-    const enabled = block.getFieldValue("ENABLED") === "TRUE";
+  javascriptGenerator.forBlock['enable_shadows'] = function (block) {
+    const enabled = block.getFieldValue('ENABLED') === 'TRUE';
     return `enableShadows({ enabled: ${enabled} });\n`;
   };
 
   // Get light as --------------------------------------------------
-  javascriptGenerator.forBlock["get_light"] = function (block) {
+  javascriptGenerator.forBlock['get_light'] = function (block) {
     const variableName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     return `${variableName} = getMainLight();\n`;
   };
 
   // Add particle effect on object ----------------------------------
-  javascriptGenerator.forBlock["create_particle_effect"] = function (block) {
+  javascriptGenerator.forBlock['create_particle_effect'] = function (block) {
     const emitRate = parseFloat(
-      javascriptGenerator.valueToCode(
-        block,
-        "RATE",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "10",
+      javascriptGenerator.valueToCode(block, 'RATE', javascriptGenerator.ORDER_ATOMIC) || '10'
     );
     const startColor =
-      javascriptGenerator.valueToCode(
-        block,
-        "START_COLOR",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || '"#FFFFFF"';
+      javascriptGenerator.valueToCode(block, 'START_COLOR', javascriptGenerator.ORDER_ATOMIC) ||
+      '"#FFFFFF"';
     const endColor =
-      javascriptGenerator.valueToCode(
-        block,
-        "END_COLOR",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || '"#000000"';
+      javascriptGenerator.valueToCode(block, 'END_COLOR', javascriptGenerator.ORDER_ATOMIC) ||
+      '"#000000"';
     const startAlpha = parseFloat(
-      javascriptGenerator.valueToCode(
-        block,
-        "START_ALPHA",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1.0",
+      javascriptGenerator.valueToCode(block, 'START_ALPHA', javascriptGenerator.ORDER_ATOMIC) ||
+        '1.0'
     );
     const endAlpha = parseFloat(
-      javascriptGenerator.valueToCode(
-        block,
-        "END_ALPHA",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1.0",
+      javascriptGenerator.valueToCode(block, 'END_ALPHA', javascriptGenerator.ORDER_ATOMIC) || '1.0'
     );
     const minSize =
-      javascriptGenerator.valueToCode(
-        block,
-        "MIN_SIZE",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0.1";
+      javascriptGenerator.valueToCode(block, 'MIN_SIZE', javascriptGenerator.ORDER_ATOMIC) || '0.1';
     const maxSize =
-      javascriptGenerator.valueToCode(
-        block,
-        "MAX_SIZE",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1.0";
+      javascriptGenerator.valueToCode(block, 'MAX_SIZE', javascriptGenerator.ORDER_ATOMIC) || '1.0';
     const minLifetime =
-      javascriptGenerator.valueToCode(
-        block,
-        "MIN_LIFETIME",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1.0";
+      javascriptGenerator.valueToCode(block, 'MIN_LIFETIME', javascriptGenerator.ORDER_ATOMIC) ||
+      '1.0';
     const maxLifetime =
-      javascriptGenerator.valueToCode(
-        block,
-        "MAX_LIFETIME",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "5.0";
-    const x =
-      javascriptGenerator.valueToCode(
-        block,
-        "X",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
-    const y =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
-    const z =
-      javascriptGenerator.valueToCode(
-        block,
-        "Z",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'MAX_LIFETIME', javascriptGenerator.ORDER_ATOMIC) ||
+      '5.0';
+    const x = javascriptGenerator.valueToCode(block, 'X', javascriptGenerator.ORDER_ATOMIC) || '0';
+    const y = javascriptGenerator.valueToCode(block, 'Y', javascriptGenerator.ORDER_ATOMIC) || '0';
+    const z = javascriptGenerator.valueToCode(block, 'Z', javascriptGenerator.ORDER_ATOMIC) || '0';
     const minAngularSpeed =
       javascriptGenerator.valueToCode(
         block,
-        "MIN_ANGULAR_SPEED",
-        javascriptGenerator.ORDER_ATOMIC,
+        'MIN_ANGULAR_SPEED',
+        javascriptGenerator.ORDER_ATOMIC
       ) || 0;
     const maxAngularSpeed =
       javascriptGenerator.valueToCode(
         block,
-        "MAX_ANGULAR_SPEED",
-        javascriptGenerator.ORDER_ATOMIC,
+        'MAX_ANGULAR_SPEED',
+        javascriptGenerator.ORDER_ATOMIC
       ) || 0;
     const minInitialRotation =
       javascriptGenerator.valueToCode(
         block,
-        "MIN_INITIAL_ROTATION",
-        javascriptGenerator.ORDER_ATOMIC,
+        'MIN_INITIAL_ROTATION',
+        javascriptGenerator.ORDER_ATOMIC
       ) || 0;
     const maxInitialRotation =
       javascriptGenerator.valueToCode(
         block,
-        "MAX_INITIAL_ROTATION",
-        javascriptGenerator.ORDER_ATOMIC,
+        'MAX_INITIAL_ROTATION',
+        javascriptGenerator.ORDER_ATOMIC
       ) || 0;
 
     const variableName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("ID_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('ID_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
-    const { userVariableName: emitterMeshName } = getVariableInfo(
-      block,
-      "EMITTER_MESH",
-    );
+    const { userVariableName: emitterMeshName } = getVariableInfo(block, 'EMITTER_MESH');
 
-    const shape = block.getFieldValue("SHAPE");
-    const gravity = block.getFieldValue("GRAVITY") === "TRUE";
+    const shape = block.getFieldValue('SHAPE');
+    const gravity = block.getFieldValue('GRAVITY') === 'TRUE';
 
     const options = `
             {
@@ -577,38 +500,26 @@ export function registerSceneGenerators(javascriptGenerator) {
   };
 
   // Particle system ------------------------------------------------
-  javascriptGenerator.forBlock["control_particle_system"] = function (block) {
+  javascriptGenerator.forBlock['control_particle_system'] = function (block) {
     const systemName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("SYSTEM_NAME"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('SYSTEM_NAME'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const action = block.getFieldValue("ACTION");
+    const action = block.getFieldValue('ACTION');
 
     return `${action}ParticleSystem(${systemName});\n`;
   };
 
   // Set fog color --------------------------------------------------
-  javascriptGenerator.forBlock["set_fog"] = function (block) {
-    const fogColorHex = getFieldValue(block, "FOG_COLOR", "#9932CC");
-    const fogMode = block.getFieldValue("FOG_MODE");
+  javascriptGenerator.forBlock['set_fog'] = function (block) {
+    const fogColorHex = getFieldValue(block, 'FOG_COLOR', '#9932CC');
+    const fogMode = block.getFieldValue('FOG_MODE');
     const fogDensity =
-      javascriptGenerator.valueToCode(
-        block,
-        "DENSITY",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0.1"; // Default density
+      javascriptGenerator.valueToCode(block, 'DENSITY', javascriptGenerator.ORDER_ATOMIC) || '0.1'; // Default density
     const fogStart =
-      javascriptGenerator.valueToCode(
-        block,
-        "START",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "50"; // Default start
+      javascriptGenerator.valueToCode(block, 'START', javascriptGenerator.ORDER_ATOMIC) || '50'; // Default start
     const fogEnd =
-      javascriptGenerator.valueToCode(
-        block,
-        "END",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "100"; // Default end
+      javascriptGenerator.valueToCode(block, 'END', javascriptGenerator.ORDER_ATOMIC) || '100'; // Default end
 
     return `setFog({ fogColorHex: ${fogColorHex}, fogMode: "${fogMode}", fogDensity: ${fogDensity}, fogStart: ${fogStart}, fogEnd: ${fogEnd} });\n`;
   };
@@ -617,38 +528,34 @@ export function registerSceneGenerators(javascriptGenerator) {
   // CAMERA
   // -------------------------------
   // Get camera as --------------------------------------------------
-  javascriptGenerator.forBlock["get_camera"] = function (block) {
+  javascriptGenerator.forBlock['get_camera'] = function (block) {
     const variableName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     return `${variableName} = getCamera();\n`;
   };
 
   // Camera follow object -------------------------------------------
-  javascriptGenerator.forBlock["camera_follow"] = function (block) {
+  javascriptGenerator.forBlock['camera_follow'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     const radius =
-      javascriptGenerator.valueToCode(
-        block,
-        "RADIUS",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || 7;
+      javascriptGenerator.valueToCode(block, 'RADIUS', javascriptGenerator.ORDER_ATOMIC) || 7;
 
-    const front = block.getFieldValue("FRONT") === "TRUE";
+    const front = block.getFieldValue('FRONT') === 'TRUE';
 
     return `await attachCamera(${modelName}, { radius: ${radius}, front: ${front} });\n`;
   };
 
   // Camera rotate --------------------------------------------------
-  javascriptGenerator.forBlock["camera_control"] = function (block) {
-    const key = block.getFieldValue("KEY");
-    const action = block.getFieldValue("ACTION");
+  javascriptGenerator.forBlock['camera_control'] = function (block) {
+    const key = block.getFieldValue('KEY');
+    const action = block.getFieldValue('ACTION');
 
     return `cameraControl(${JSON.stringify(key)}, "${action}");\n`;
   };
@@ -657,26 +564,26 @@ export function registerSceneGenerators(javascriptGenerator) {
   // XR
   // -------------------------------
   // Use camera as background ---------------------------------------
-  javascriptGenerator.forBlock["device_camera_background"] = function (block) {
-    const cameraType = block.getFieldValue("CAMERA");
+  javascriptGenerator.forBlock['device_camera_background'] = function (block) {
+    const cameraType = block.getFieldValue('CAMERA');
 
     return `setCameraBackground("${cameraType}");\n`;
   };
 
   // Set XR mode to -------------------------------------------------
-  javascriptGenerator.forBlock["set_xr_mode"] = function (block) {
-    const mode = block.getFieldValue("MODE");
+  javascriptGenerator.forBlock['set_xr_mode'] = function (block) {
+    const mode = block.getFieldValue('MODE');
 
     return `await setXRMode("${mode}");\n`;
   };
 
   // Export object as -----------------------------------------------
-  javascriptGenerator.forBlock["export_mesh"] = function (block) {
+  javascriptGenerator.forBlock['export_mesh'] = function (block) {
     const meshVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const format = block.getFieldValue("FORMAT");
+    const format = block.getFieldValue('FORMAT');
 
     // Generate the code that calls the helper function
     return `exportMesh(${meshVar}, "${format}");\n`;
diff --git a/generators/generators-sensing.js b/generators/generators-sensing.js
index e13259455..4d3b0559b 100644
--- a/generators/generators-sensing.js
+++ b/generators/generators-sensing.js
@@ -1,5 +1,5 @@
-import * as Blockly from "blockly";
-import { getFieldValue } from "./generators-utilities.js";
+import * as Blockly from 'blockly';
+import { getFieldValue } from './generators-utilities.js';
 
 export function registerSensingGenerators(javascriptGenerator) {
   // -------------------------------
diff --git a/generators/generators-sound.js b/generators/generators-sound.js
index 4aebcfa49..cbcdbbbaf 100644
--- a/generators/generators-sound.js
+++ b/generators/generators-sound.js
@@ -1,184 +1,134 @@
-import * as Blockly from "blockly";
+import * as Blockly from 'blockly';
 
 export function registerSoundGenerators(javascriptGenerator) {
   // -------------------------------
   // SOUND
   // -------------------------------
   // Play theme -----------------------------------------------
-  javascriptGenerator.forBlock["play_theme"] = function (block) {
+  javascriptGenerator.forBlock['play_theme'] = function (block) {
     const idVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("ID_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('ID_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
-    const meshNameField = block.getFieldValue("MESH_NAME");
-    const meshName = JSON.stringify(meshNameField ?? "__everywhere__");
+    const meshNameField = block.getFieldValue('MESH_NAME');
+    const meshName = JSON.stringify(meshNameField ?? '__everywhere__');
 
-    const themeName = block.getFieldValue("THEME_NAME");
+    const themeName = block.getFieldValue('THEME_NAME');
 
     const speedCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "SPEED",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'SPEED', javascriptGenerator.ORDER_ATOMIC) || '1';
 
     const volumeCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "VOLUME",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'VOLUME', javascriptGenerator.ORDER_ATOMIC) || '1';
 
-    const loop = block.getFieldValue("MODE") === "LOOP";
-    const asyncMode = block.getFieldValue("ASYNC");
+    const loop = block.getFieldValue('MODE') === 'LOOP';
+    const asyncMode = block.getFieldValue('ASYNC');
 
-    const code = `${idVar} = ${asyncMode === "AWAIT" ? "await " : ""}playSound(${meshName}, { soundName: "${themeName}", loop: ${loop}, volume: ${volumeCode}, playbackRate: ${speedCode} });\n`;
+    const code = `${idVar} = ${asyncMode === 'AWAIT' ? 'await ' : ''}playSound(${meshName}, { soundName: "${themeName}", loop: ${loop}, volume: ${volumeCode}, playbackRate: ${speedCode} });\n`;
 
     return code;
   };
 
   // Play sound -----------------------------------------------
-  javascriptGenerator.forBlock["play_sound"] = function (block) {
+  javascriptGenerator.forBlock['play_sound'] = function (block) {
     const idVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("ID_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('ID_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
-    const meshNameField = block.getFieldValue("MESH_NAME");
-    const meshName = JSON.stringify(meshNameField ?? "__everywhere__");
+    const meshNameField = block.getFieldValue('MESH_NAME');
+    const meshName = JSON.stringify(meshNameField ?? '__everywhere__');
 
-    const soundName = block.getFieldValue("SOUND_NAME");
+    const soundName = block.getFieldValue('SOUND_NAME');
 
     const speedCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "SPEED",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'SPEED', javascriptGenerator.ORDER_ATOMIC) || '1';
 
     const volumeCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "VOLUME",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'VOLUME', javascriptGenerator.ORDER_ATOMIC) || '1';
 
-    const loop = block.getFieldValue("MODE") === "LOOP";
-    const asyncMode = block.getFieldValue("ASYNC");
+    const loop = block.getFieldValue('MODE') === 'LOOP';
+    const asyncMode = block.getFieldValue('ASYNC');
 
     // Build the final code line
-    const code = `${idVar} = ${asyncMode === "AWAIT" ? "await " : ""}playSound(${meshName}, { soundName: "${soundName}", loop: ${loop}, volume: ${volumeCode}, playbackRate: ${speedCode} });\n`;
+    const code = `${idVar} = ${asyncMode === 'AWAIT' ? 'await ' : ''}playSound(${meshName}, { soundName: "${soundName}", loop: ${loop}, volume: ${volumeCode}, playbackRate: ${speedCode} });\n`;
 
     return code;
   };
 
   // Stop all sounds ---------------------------------------------
-  javascriptGenerator.forBlock["stop_all_sounds"] = function (_block) {
+  javascriptGenerator.forBlock['stop_all_sounds'] = function (_block) {
     // JavaScript code to stop all sounds in a Babylon.js scene
-    return "stopAllSounds();\n";
+    return 'stopAllSounds();\n';
   };
 
   // MIDI note ---------------------------------------------------
-  javascriptGenerator.forBlock["midi_note"] = function (block) {
+  javascriptGenerator.forBlock['midi_note'] = function (block) {
     const note =
-      javascriptGenerator.valueToCode(
-        block,
-        "NOTE",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "60";
+      javascriptGenerator.valueToCode(block, 'NOTE', javascriptGenerator.ORDER_ATOMIC) || '60';
     return [note, javascriptGenerator.ORDER_ATOMIC];
   };
 
   // Note --------------------------------------------------------
-  javascriptGenerator.forBlock["note"] = function (block) {
+  javascriptGenerator.forBlock['note'] = function (block) {
     const pitch =
-      javascriptGenerator.valueToCode(
-        block,
-        "PITCH",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "60";
+      javascriptGenerator.valueToCode(block, 'PITCH', javascriptGenerator.ORDER_ATOMIC) || '60';
     const duration =
-      javascriptGenerator.valueToCode(
-        block,
-        "DURATION",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0.5";
-    return [
-      `{ pitch: ${pitch}, duration: ${duration} }`,
-      javascriptGenerator.ORDER_ATOMIC,
-    ];
+      javascriptGenerator.valueToCode(block, 'DURATION', javascriptGenerator.ORDER_ATOMIC) || '0.5';
+    return [`{ pitch: ${pitch}, duration: ${duration} }`, javascriptGenerator.ORDER_ATOMIC];
   };
 
   // Rest --------------------------------------------------------
-  javascriptGenerator.forBlock["rest"] = function () {
-    return ["null", javascriptGenerator.ORDER_ATOMIC];
+  javascriptGenerator.forBlock['rest'] = function () {
+    return ['null', javascriptGenerator.ORDER_ATOMIC];
   };
 
   // Play music --------------------------------------------------
-  javascriptGenerator.forBlock["play_tune_notes"] = function (block) {
-    const meshNameField = block.getFieldValue("MESH_NAME");
-    const meshName = JSON.stringify(meshNameField ?? "__everywhere__");
+  javascriptGenerator.forBlock['play_tune_notes'] = function (block) {
+    const meshNameField = block.getFieldValue('MESH_NAME');
+    const meshName = JSON.stringify(meshNameField ?? '__everywhere__');
 
     const notes =
-      javascriptGenerator.valueToCode(
-        block,
-        "NOTES",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "[]";
+      javascriptGenerator.valueToCode(block, 'NOTES', javascriptGenerator.ORDER_ATOMIC) || '[]';
 
     const instrument =
-      javascriptGenerator.valueToCode(
-        block,
-        "INSTRUMENT",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || 'createInstrument("sine")';
+      javascriptGenerator.valueToCode(block, 'INSTRUMENT', javascriptGenerator.ORDER_ATOMIC) ||
+      'createInstrument("sine")';
 
     return `await playMusic(${meshName}, { notes: ${notes}, instrument: ${instrument} });\n`;
   };
 
   // Set music speed ---------------------------------------------
-  javascriptGenerator.forBlock["set_music_speed"] = function (block) {
-    const meshNameField = block.getFieldValue("MESH_NAME");
-    const meshName = JSON.stringify(meshNameField ?? "__everywhere__");
+  javascriptGenerator.forBlock['set_music_speed'] = function (block) {
+    const meshNameField = block.getFieldValue('MESH_NAME');
+    const meshName = JSON.stringify(meshNameField ?? '__everywhere__');
 
     const speed =
-      javascriptGenerator.valueToCode(
-        block,
-        "SPEED",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1.0";
+      javascriptGenerator.valueToCode(block, 'SPEED', javascriptGenerator.ORDER_ATOMIC) || '1.0';
 
     return `setMusicSpeed(${meshName}, ${speed});\n`;
   };
 
   // Play notes --------------------------------------------------
-  javascriptGenerator.forBlock["play_notes"] = function (block) {
+  javascriptGenerator.forBlock['play_notes'] = function (block) {
     const meshVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
     const notes =
-      javascriptGenerator.valueToCode(
-        block,
-        "NOTES",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "[]";
+      javascriptGenerator.valueToCode(block, 'NOTES', javascriptGenerator.ORDER_ATOMIC) || '[]';
     const durations =
-      javascriptGenerator.valueToCode(
-        block,
-        "DURATIONS",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "[]";
+      javascriptGenerator.valueToCode(block, 'DURATIONS', javascriptGenerator.ORDER_ATOMIC) || '[]';
     const instrument = javascriptGenerator.valueToCode(
       block,
-      "INSTRUMENT",
-      javascriptGenerator.ORDER_ATOMIC,
+      'INSTRUMENT',
+      javascriptGenerator.ORDER_ATOMIC
     );
-    const asyncMode = block.getFieldValue("ASYNC");
+    const asyncMode = block.getFieldValue('ASYNC');
 
     // Use the appropriate function based on the async mode
-    if (asyncMode === "AWAIT") {
+    if (asyncMode === 'AWAIT') {
       return `await playNotes(${meshVar}, { notes: ${notes}, durations: ${durations}, instrument: ${instrument} });\n`;
     } else {
       return `playNotes(${meshVar}, { notes: ${notes}, durations: ${durations}, instrument: ${instrument} });\n`;
@@ -186,24 +136,24 @@ export function registerSoundGenerators(javascriptGenerator) {
   };
 
   // Play tune (ABC import) --------------------------------------
-  javascriptGenerator.forBlock["play_tune"] = function (block) {
-    if (!block.getInput("DO")) return "";
-    return javascriptGenerator.statementToCode(block, "DO") || "";
+  javascriptGenerator.forBlock['play_tune'] = function (block) {
+    if (!block.getInput('DO')) return '';
+    return javascriptGenerator.statementToCode(block, 'DO') || '';
   };
 
   // Instrument -----------------------------------------------
-  javascriptGenerator.forBlock["instrument"] = function (block) {
-    const instrumentType = block.getFieldValue("INSTRUMENT_TYPE");
+  javascriptGenerator.forBlock['instrument'] = function (block) {
+    const instrumentType = block.getFieldValue('INSTRUMENT_TYPE');
 
     let instrumentCode;
     switch (instrumentType) {
-      case "piano":
+      case 'piano':
         instrumentCode = `createInstrument("square", { attack: 0.1, decay: 0.3, sustain: 0.7, release: 1.0 })`;
         break;
-      case "guitar":
+      case 'guitar':
         instrumentCode = `createInstrument("sawtooth", { attack: 0.1, decay: 0.2, sustain: 0.6, release: 0.9 })`;
         break;
-      case "violin":
+      case 'violin':
         instrumentCode = `createInstrument("triangle", { attack: 0.15, decay: 0.5, sustain: 0.8, release: 1.2 })`;
         break;
       default:
@@ -214,117 +164,73 @@ export function registerSoundGenerators(javascriptGenerator) {
   };
 
   // Create Instrument -----------------------------------------
-  javascriptGenerator.forBlock["create_instrument"] = function (block) {
+  javascriptGenerator.forBlock['create_instrument'] = function (block) {
     const instrumentVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("INSTRUMENT"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('INSTRUMENT'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const type = block.getFieldValue("TYPE");
-    const effect = block.getFieldValue("EFFECT");
+    const type = block.getFieldValue('TYPE');
+    const effect = block.getFieldValue('EFFECT');
     const volume =
-      javascriptGenerator.valueToCode(
-        block,
-        "VOLUME",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'VOLUME', javascriptGenerator.ORDER_ATOMIC) || '1';
     const effectRate =
-      javascriptGenerator.valueToCode(
-        block,
-        "EFFECT_RATE",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "5";
+      javascriptGenerator.valueToCode(block, 'EFFECT_RATE', javascriptGenerator.ORDER_ATOMIC) ||
+      '5';
     const effectDepth =
-      javascriptGenerator.valueToCode(
-        block,
-        "EFFECT_DEPTH",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0.5";
+      javascriptGenerator.valueToCode(block, 'EFFECT_DEPTH', javascriptGenerator.ORDER_ATOMIC) ||
+      '0.5';
     const attack =
-      javascriptGenerator.valueToCode(
-        block,
-        "ATTACK",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0.1";
+      javascriptGenerator.valueToCode(block, 'ATTACK', javascriptGenerator.ORDER_ATOMIC) || '0.1';
     const decay =
-      javascriptGenerator.valueToCode(
-        block,
-        "DECAY",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0.5";
+      javascriptGenerator.valueToCode(block, 'DECAY', javascriptGenerator.ORDER_ATOMIC) || '0.5';
     const sustain =
-      javascriptGenerator.valueToCode(
-        block,
-        "SUSTAIN",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0.7";
+      javascriptGenerator.valueToCode(block, 'SUSTAIN', javascriptGenerator.ORDER_ATOMIC) || '0.7';
     const release =
-      javascriptGenerator.valueToCode(
-        block,
-        "RELEASE",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'RELEASE', javascriptGenerator.ORDER_ATOMIC) || '1';
 
     // Assign the instrument to a variable
     return `${instrumentVar} = createInstrument('${type}', { volume: ${volume}, effect: '${effect}', effectRate: ${effectRate}, effectDepth: ${effectDepth}, attack: ${attack}, decay: ${decay}, sustain: ${sustain}, release: ${release} });\n`;
   };
 
   // Speak ------------------------------------------------------
-  javascriptGenerator.forBlock["speak"] = function (block) {
+  javascriptGenerator.forBlock['speak'] = function (block) {
     const text =
-      javascriptGenerator.valueToCode(
-        block,
-        "TEXT",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || '""';
+      javascriptGenerator.valueToCode(block, 'TEXT', javascriptGenerator.ORDER_ATOMIC) || '""';
 
-    const voice = block.getFieldValue("VOICE") || "default";
+    const voice = block.getFieldValue('VOICE') || 'default';
 
     const rate =
-      javascriptGenerator.valueToCode(
-        block,
-        "RATE",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'RATE', javascriptGenerator.ORDER_ATOMIC) || '1';
 
     const pitch =
-      javascriptGenerator.valueToCode(
-        block,
-        "PITCH",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'PITCH', javascriptGenerator.ORDER_ATOMIC) || '1';
 
     const volume =
-      javascriptGenerator.valueToCode(
-        block,
-        "VOLUME",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'VOLUME', javascriptGenerator.ORDER_ATOMIC) || '1';
 
-    const language = block.getFieldValue("LANGUAGE") || "en-US";
-    const asyncMode = block.getFieldValue("ASYNC") || "START";
+    const language = block.getFieldValue('LANGUAGE') || 'en-US';
+    const asyncMode = block.getFieldValue('ASYNC') || 'START';
 
     // Get the mesh variable name from the dynamic dropdown - same approach as play_sound block
-    const meshInput = block.getInput("MESH_INPUT");
+    const meshInput = block.getInput('MESH_INPUT');
 
     const meshDropdownField = meshInput
-      ? meshInput.fieldRow.find((field) => field.name === "MESH_NAME")
+      ? meshInput.fieldRow.find((field) => field.name === 'MESH_NAME')
       : null;
 
-    const meshValue = meshDropdownField
-      ? meshDropdownField.getValue()
-      : "__everywhere__";
+    const meshValue = meshDropdownField ? meshDropdownField.getValue() : '__everywhere__';
 
-    const meshVariable = JSON.stringify(meshValue ?? "__everywhere__");
+    const meshVariable = JSON.stringify(meshValue ?? '__everywhere__');
 
     // Safely handle asyncMode - ensure it's not null
-    const safeAsyncMode = asyncMode || "START";
-    const asyncWrapper = safeAsyncMode === "AWAIT" ? "await " : "";
+    const safeAsyncMode = asyncMode || 'START';
+    const asyncWrapper = safeAsyncMode === 'AWAIT' ? 'await ' : '';
 
     return `${asyncWrapper}speak(${meshVariable}, ${text}, { voice: "${voice}", rate: ${rate}, pitch: ${pitch}, volume: ${volume}, language: "${language}", mode: "${safeAsyncMode.toLowerCase()}" });\n`;
   };
 
-  javascriptGenerator.forBlock["enable_subtitles"] = function (block) {
-    const enabled = block.getFieldValue("ENABLED") === "TRUE";
+  javascriptGenerator.forBlock['enable_subtitles'] = function (block) {
+    const enabled = block.getFieldValue('ENABLED') === 'TRUE';
     return `enableSubtitles({ enabled: ${enabled} });\n`;
   };
 }
diff --git a/generators/generators-text.js b/generators/generators-text.js
index 503bd0c1d..c03f2f7eb 100644
--- a/generators/generators-text.js
+++ b/generators/generators-text.js
@@ -1,32 +1,24 @@
-import * as Blockly from "blockly";
-import { meshMap, meshBlockIdMap, generateUniqueId } from "./mesh-state.js";
+import * as Blockly from 'blockly';
+import { meshMap, meshBlockIdMap, generateUniqueId } from './mesh-state.js';
 import {
   getFieldValue,
   sanitizeForCode,
   emitSafeTextArg,
   getVariableInfo,
-} from "./generators-utilities.js";
+} from './generators-utilities.js';
 
 export function registerTextGenerators(javascriptGenerator) {
   // -------------------------------
   // TEXT
   // -------------------------------
   // Print --------------------------------------------------
-  javascriptGenerator.forBlock["print_text"] = function (block) {
+  javascriptGenerator.forBlock['print_text'] = function (block) {
     const textCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "TEXT",
-        javascriptGenerator.ORDER_NONE,
-      ) || "''";
+      javascriptGenerator.valueToCode(block, 'TEXT', javascriptGenerator.ORDER_NONE) || "''";
     const durationCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "DURATION",
-        javascriptGenerator.ORDER_NONE,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'DURATION', javascriptGenerator.ORDER_NONE) || '0';
 
-    const color = getFieldValue(block, "COLOR", '"#9932CC"');
+    const color = getFieldValue(block, 'COLOR', '"#9932CC"');
 
     const safeTextArg = emitSafeTextArg(textCode);
 
@@ -34,19 +26,11 @@ export function registerTextGenerators(javascriptGenerator) {
   };
 
   // Subtitle -----------------------------------------------
-  javascriptGenerator.forBlock["subtitle"] = function (block) {
+  javascriptGenerator.forBlock['subtitle'] = function (block) {
     const textCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "TEXT",
-        javascriptGenerator.ORDER_NONE,
-      ) || "''";
+      javascriptGenerator.valueToCode(block, 'TEXT', javascriptGenerator.ORDER_NONE) || "''";
     const durationCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "DURATION",
-        javascriptGenerator.ORDER_NONE,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'DURATION', javascriptGenerator.ORDER_NONE) || '0';
 
     const safeTextArg = emitSafeTextArg(textCode);
 
@@ -54,43 +38,27 @@ export function registerTextGenerators(javascriptGenerator) {
   };
 
   // Say ----------------------------------------------------
-  javascriptGenerator.forBlock["say"] = function (block) {
+  javascriptGenerator.forBlock['say'] = function (block) {
     const textCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "TEXT",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || '""';
+      javascriptGenerator.valueToCode(block, 'TEXT', javascriptGenerator.ORDER_ATOMIC) || '""';
     const durationCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "DURATION",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'DURATION', javascriptGenerator.ORDER_ATOMIC) || '0';
     const alphaCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "ALPHA",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'ALPHA', javascriptGenerator.ORDER_ATOMIC) || '1';
     const sizeCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "SIZE",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "24";
+      javascriptGenerator.valueToCode(block, 'SIZE', javascriptGenerator.ORDER_ATOMIC) || '24';
 
     const meshVariable = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
-    const textColor = getFieldValue(block, "TEXT_COLOR", "#000000");
-    const backgroundColor = getFieldValue(block, "BACKGROUND_COLOR", "#ffffff");
+    const textColor = getFieldValue(block, 'TEXT_COLOR', '#000000');
+    const backgroundColor = getFieldValue(block, 'BACKGROUND_COLOR', '#ffffff');
 
-    const mode = block.getFieldValue("MODE") || "";
-    const asyncMode = block.getFieldValue("ASYNC");
-    const asyncWrapper = asyncMode === "AWAIT" ? "await " : "";
+    const mode = block.getFieldValue('MODE') || '';
+    const asyncMode = block.getFieldValue('ASYNC');
+    const asyncWrapper = asyncMode === 'AWAIT' ? 'await ' : '';
 
     const safeTextArg = emitSafeTextArg(textCode);
 
@@ -98,59 +66,31 @@ export function registerTextGenerators(javascriptGenerator) {
   };
 
   // UI Text ------------------------------------------------
-  javascriptGenerator.forBlock["ui_text"] = function (block) {
+  javascriptGenerator.forBlock['ui_text'] = function (block) {
     const textCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "TEXT",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || '""';
+      javascriptGenerator.valueToCode(block, 'TEXT', javascriptGenerator.ORDER_ATOMIC) || '""';
     const xCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "X",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'X', javascriptGenerator.ORDER_ATOMIC) || '0';
     const yCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'Y', javascriptGenerator.ORDER_ATOMIC) || '0';
     const fontSizeCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "FONT_SIZE",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "24";
+      javascriptGenerator.valueToCode(block, 'FONT_SIZE', javascriptGenerator.ORDER_ATOMIC) || '24';
     const durationCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "DURATION",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'DURATION', javascriptGenerator.ORDER_ATOMIC) || '0';
     const colorCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "COLOR",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || '""';
+      javascriptGenerator.valueToCode(block, 'COLOR', javascriptGenerator.ORDER_ATOMIC) || '""';
     const backgroundColorCode =
       javascriptGenerator.valueToCode(
         block,
-        "BACKGROUND_COLOR",
-        javascriptGenerator.ORDER_ATOMIC,
+        'BACKGROUND_COLOR',
+        javascriptGenerator.ORDER_ATOMIC
       ) || '"#ffffff"';
     const alphaCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "ALPHA",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1";
+      javascriptGenerator.valueToCode(block, 'ALPHA', javascriptGenerator.ORDER_ATOMIC) || '1';
 
     const textBlockVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("TEXTBLOCK_VAR"),
-      Blockly.VARIABLE_CATEGORY_NAME,
+      block.getFieldValue('TEXTBLOCK_VAR'),
+      Blockly.VARIABLE_CATEGORY_NAME
     );
 
     const safeTextArg = emitSafeTextArg(textCode);
@@ -169,40 +109,28 @@ export function registerTextGenerators(javascriptGenerator) {
   };
 
   // UI Button ----------------------------------------------
-  javascriptGenerator.forBlock["ui_button"] = function (block) {
+  javascriptGenerator.forBlock['ui_button'] = function (block) {
     // Retrieve values from the block
-    const text = javascriptGenerator.valueToCode(
-      block,
-      "TEXT",
-      javascriptGenerator.ORDER_ATOMIC,
-    );
-    const x = javascriptGenerator.valueToCode(
-      block,
-      "X",
-      javascriptGenerator.ORDER_ATOMIC,
-    );
-    const y = javascriptGenerator.valueToCode(
-      block,
-      "Y",
-      javascriptGenerator.ORDER_ATOMIC,
-    );
-    const width = `"${block.getFieldValue("SIZE")}"`; // Fix: Use "SIZE" instead of "WIDTH"
-    const textSize = `"${block.getFieldValue("TEXT_SIZE")}"`; // Fix: Add text size support
+    const text = javascriptGenerator.valueToCode(block, 'TEXT', javascriptGenerator.ORDER_ATOMIC);
+    const x = javascriptGenerator.valueToCode(block, 'X', javascriptGenerator.ORDER_ATOMIC);
+    const y = javascriptGenerator.valueToCode(block, 'Y', javascriptGenerator.ORDER_ATOMIC);
+    const width = `"${block.getFieldValue('SIZE')}"`; // Fix: Use "SIZE" instead of "WIDTH"
+    const textSize = `"${block.getFieldValue('TEXT_SIZE')}"`; // Fix: Add text size support
     const textColor = javascriptGenerator.valueToCode(
       block,
-      "TEXT_COLOR",
-      javascriptGenerator.ORDER_ATOMIC,
+      'TEXT_COLOR',
+      javascriptGenerator.ORDER_ATOMIC
     );
     const backgroundColor = javascriptGenerator.valueToCode(
       block,
-      "BACKGROUND_COLOR",
-      javascriptGenerator.ORDER_ATOMIC,
+      'BACKGROUND_COLOR',
+      javascriptGenerator.ORDER_ATOMIC
     );
 
     // Get the button variable
     const buttonVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("BUTTON_VAR"),
-      Blockly.VARIABLE_CATEGORY_NAME,
+      block.getFieldValue('BUTTON_VAR'),
+      Blockly.VARIABLE_CATEGORY_NAME
     );
 
     const buttonId = `Button_${generateUniqueId()}`;
@@ -221,50 +149,31 @@ export function registerTextGenerators(javascriptGenerator) {
   };
 
   // UI Input -----------------------------------------------
-  javascriptGenerator.forBlock["ui_input"] = function (block) {
+  javascriptGenerator.forBlock['ui_input'] = function (block) {
     const varName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("INPUT_VAR"),
-      Blockly.VARIABLE_CATEGORY_NAME,
+      block.getFieldValue('INPUT_VAR'),
+      Blockly.VARIABLE_CATEGORY_NAME
     );
 
     const textCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "TEXT",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || '""';
+      javascriptGenerator.valueToCode(block, 'TEXT', javascriptGenerator.ORDER_ATOMIC) || '""';
     const xCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "X",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'X', javascriptGenerator.ORDER_ATOMIC) || '0';
     const yCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'Y', javascriptGenerator.ORDER_ATOMIC) || '0';
     const fontSizeCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "TEXT_SIZE",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "24";
+      javascriptGenerator.valueToCode(block, 'TEXT_SIZE', javascriptGenerator.ORDER_ATOMIC) || '24';
     const textColorCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "TEXT_COLOR",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || '"#000000"';
+      javascriptGenerator.valueToCode(block, 'TEXT_COLOR', javascriptGenerator.ORDER_ATOMIC) ||
+      '"#000000"';
     const backgroundColorCode =
       javascriptGenerator.valueToCode(
         block,
-        "BACKGROUND_COLOR",
-        javascriptGenerator.ORDER_ATOMIC,
+        'BACKGROUND_COLOR',
+        javascriptGenerator.ORDER_ATOMIC
       ) || '"#ffffff"';
 
-    const size = block.getFieldValue("SIZE") || "medium";
+    const size = block.getFieldValue('SIZE') || 'medium';
 
     const safeTextArg = emitSafeTextArg(textCode);
 
@@ -281,55 +190,26 @@ export function registerTextGenerators(javascriptGenerator) {
   };
 
   // UI Slider ----------------------------------------------
-  javascriptGenerator.forBlock["ui_slider"] = function (block) {
+  javascriptGenerator.forBlock['ui_slider'] = function (block) {
     const varName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("SLIDER_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('SLIDER_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
-    const min =
-      javascriptGenerator.valueToCode(
-        block,
-        "MIN",
-        javascriptGenerator.ORDER_NONE,
-      ) || 0;
+    const min = javascriptGenerator.valueToCode(block, 'MIN', javascriptGenerator.ORDER_NONE) || 0;
     const max =
-      javascriptGenerator.valueToCode(
-        block,
-        "MAX",
-        javascriptGenerator.ORDER_NONE,
-      ) || 100;
+      javascriptGenerator.valueToCode(block, 'MAX', javascriptGenerator.ORDER_NONE) || 100;
     const value =
-      javascriptGenerator.valueToCode(
-        block,
-        "VALUE",
-        javascriptGenerator.ORDER_NONE,
-      ) || 50;
-    const x =
-      javascriptGenerator.valueToCode(
-        block,
-        "X",
-        javascriptGenerator.ORDER_NONE,
-      ) || 100;
-    const y =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y",
-        javascriptGenerator.ORDER_NONE,
-      ) || 50;
+      javascriptGenerator.valueToCode(block, 'VALUE', javascriptGenerator.ORDER_NONE) || 50;
+    const x = javascriptGenerator.valueToCode(block, 'X', javascriptGenerator.ORDER_NONE) || 100;
+    const y = javascriptGenerator.valueToCode(block, 'Y', javascriptGenerator.ORDER_NONE) || 50;
     const color =
-      javascriptGenerator.valueToCode(
-        block,
-        "COLOR",
-        javascriptGenerator.ORDER_NONE,
-      ) || '"#000000"';
+      javascriptGenerator.valueToCode(block, 'COLOR', javascriptGenerator.ORDER_NONE) ||
+      '"#000000"';
     const background =
-      javascriptGenerator.valueToCode(
-        block,
-        "BACKGROUND",
-        javascriptGenerator.ORDER_NONE,
-      ) || '"#ffffff"';
-    const size = `"${block.getFieldValue("SIZE") || "MEDIUM"}"`;
+      javascriptGenerator.valueToCode(block, 'BACKGROUND', javascriptGenerator.ORDER_NONE) ||
+      '"#ffffff"';
+    const size = `"${block.getFieldValue('SIZE') || 'MEDIUM'}"`;
 
     const id = `"${varName}_slider"`;
     const code = `
@@ -357,17 +237,13 @@ export function registerTextGenerators(javascriptGenerator) {
   // Uses Blockly default
 
   // Comment ------------------------------------------------
-  javascriptGenerator.forBlock["comment"] = function (block) {
+  javascriptGenerator.forBlock['comment'] = function (block) {
     /**
      * comment block -> single-line JS comment.
      * Sanitizes the displayed text so it cannot break out of comment context.
      */
     let raw =
-      javascriptGenerator.valueToCode(
-        block,
-        "COMMENT",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "''";
+      javascriptGenerator.valueToCode(block, 'COMMENT', javascriptGenerator.ORDER_ATOMIC) || "''";
 
     const m = raw.match(/^(['"`])(.*)\1$/s);
     const content = m ? m[2] : raw;
@@ -376,17 +252,13 @@ export function registerTextGenerators(javascriptGenerator) {
     return `// ${safe}\n`;
   };
   // Describe -----------------------------------------------
-  javascriptGenerator.forBlock["describe"] = function (block) {
+  javascriptGenerator.forBlock['describe'] = function (block) {
     const textCode =
-      javascriptGenerator.valueToCode(
-        block,
-        "TEXT",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || '""';
+      javascriptGenerator.valueToCode(block, 'TEXT', javascriptGenerator.ORDER_ATOMIC) || '""';
 
     const meshVariable = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     const safeTextArg = emitSafeTextArg(textCode);
@@ -395,38 +267,34 @@ export function registerTextGenerators(javascriptGenerator) {
   };
 
   // Add 3D text --------------------------------------------
-  javascriptGenerator.forBlock["create_3d_text"] = function (block) {
-    const { generatedName: variableName, userVariableName } = getVariableInfo(
-      block,
-      "ID_VAR",
-    );
+  javascriptGenerator.forBlock['create_3d_text'] = function (block) {
+    const { generatedName: variableName, userVariableName } = getVariableInfo(block, 'ID_VAR');
 
-    let rawText = getFieldValue(block, "TEXT", "Hello World");
-    if (typeof rawText !== "string") rawText = String(rawText ?? "");
+    let rawText = getFieldValue(block, 'TEXT', 'Hello World');
+    if (typeof rawText !== 'string') rawText = String(rawText ?? '');
     const m = rawText.match(/^(['"`])(.*)\1$/s);
     const textLiteral = JSON.stringify(sanitizeForCode(m ? m[2] : rawText));
 
-    const fontKey = block.getFieldValue("FONT") || "__fonts_FreeSans_Bold_json";
-    const size = getFieldValue(block, "SIZE", "50");
-    const depth = getFieldValue(block, "DEPTH", "1.0");
-    const x = getFieldValue(block, "X", "0");
-    const y = getFieldValue(block, "Y", "0");
-    const z = getFieldValue(block, "Z", "0");
-    const color = getFieldValue(block, "COLOR", '"#FFFFFF"');
+    const fontKey = block.getFieldValue('FONT') || '__fonts_FreeSans_Bold_json';
+    const size = getFieldValue(block, 'SIZE', '50');
+    const depth = getFieldValue(block, 'DEPTH', '1.0');
+    const x = getFieldValue(block, 'X', '0');
+    const y = getFieldValue(block, 'Y', '0');
+    const z = getFieldValue(block, 'Z', '0');
+    const color = getFieldValue(block, 'COLOR', '"#FFFFFF"');
 
-    let font = "./fonts/FreeSans_Bold.json";
-    if (fontKey === "__fonts_FreeSans_Bold_json")
-      font = "./fonts/FreeSans_Bold.json";
+    let font = './fonts/FreeSans_Bold.json';
+    if (fontKey === '__fonts_FreeSans_Bold_json') font = './fonts/FreeSans_Bold.json';
 
     const meshId = `${userVariableName}__${block.id}`;
     meshMap[block.id] = block;
     meshBlockIdMap[block.id] = block.id;
 
-    let doCode = "";
-    if (block.getInput("DO")) {
-      doCode = javascriptGenerator.statementToCode(block, "DO") || "";
+    let doCode = '';
+    if (block.getInput('DO')) {
+      doCode = javascriptGenerator.statementToCode(block, 'DO') || '';
     }
-    doCode = doCode ? `async function() {\n${doCode}\n}` : "";
+    doCode = doCode ? `async function() {\n${doCode}\n}` : '';
 
     return `${variableName} = create3DText({
             text: ${textLiteral},
@@ -435,7 +303,7 @@ export function registerTextGenerators(javascriptGenerator) {
             size: ${size},
             depth: ${depth},
             position: { x: ${x}, y: ${y}, z: ${z} },
-            modelId: ${JSON.stringify(meshId)}${doCode ? `,\n  callback: ${doCode}` : ""}
+            modelId: ${JSON.stringify(meshId)}${doCode ? `,\n  callback: ${doCode}` : ''}
           });\n`;
   };
 
diff --git a/generators/generators-transform.js b/generators/generators-transform.js
index 7163a6ac8..b778abf69 100644
--- a/generators/generators-transform.js
+++ b/generators/generators-transform.js
@@ -1,6 +1,6 @@
-import * as Blockly from "blockly";
-import { meshMap, meshBlockIdMap } from "./mesh-state.js";
-import { getFieldValue } from "./generators-utilities.js";
+import * as Blockly from 'blockly';
+import { meshMap, meshBlockIdMap } from './mesh-state.js';
+import { getFieldValue } from './generators-utilities.js';
 
 export function registerTransformGenerators(javascriptGenerator) {
   // -------------------------------
@@ -8,221 +8,179 @@ export function registerTransformGenerators(javascriptGenerator) {
   // -------------------------------
 
   // Change position of object by xyz coordinates
-  javascriptGenerator.forBlock["move_by_xyz"] = function (block) {
+  javascriptGenerator.forBlock['move_by_xyz'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("BLOCK_NAME"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('BLOCK_NAME'),
+      Blockly.Names.NameType.VARIABLE
     );
 
-    const x = getFieldValue(block, "X", "0");
-    const y = getFieldValue(block, "Y", "0");
-    const z = getFieldValue(block, "Z", "0");
+    const x = getFieldValue(block, 'X', '0');
+    const y = getFieldValue(block, 'Y', '0');
+    const z = getFieldValue(block, 'Z', '0');
 
     return `await moveByVector(${modelName}, { x: ${x}, y: ${y}, z: ${z} });\n`;
   };
 
   // Change position of object by single xyz coordinate
-  javascriptGenerator.forBlock["move_by_xyz_single"] = function (block) {
+  javascriptGenerator.forBlock['move_by_xyz_single'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("BLOCK_NAME"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('BLOCK_NAME'),
+      Blockly.Names.NameType.VARIABLE
     );
 
-    const coordinate = block.getFieldValue("COORDINATE") || "x_coordinate";
-    const value = getFieldValue(block, "VALUE", "0");
+    const coordinate = block.getFieldValue('COORDINATE') || 'x_coordinate';
+    const value = getFieldValue(block, 'VALUE', '0');
 
     switch (coordinate) {
-      case "x_coordinate":
+      case 'x_coordinate':
         return `await moveByVector(${modelName}, { x: ${value}, y: 0, z: 0 });\n`;
-      case "y_coordinate":
+      case 'y_coordinate':
         return `await moveByVector(${modelName}, { x: 0, y: ${value}, z: 0 });\n`;
-      case "z_coordinate":
+      case 'z_coordinate':
         return `await moveByVector(${modelName}, { x: 0, y: 0, z: ${value} });\n`;
     }
   };
 
   // Set position of object to xyz coordinates
-  javascriptGenerator.forBlock["move_to_xyz"] = function (block) {
+  javascriptGenerator.forBlock['move_to_xyz'] = function (block) {
     const meshName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL"),
-      Blockly.Names.NameType.VARIABLE,
-    );
-
-    const x =
-      javascriptGenerator.valueToCode(
-        block,
-        "X",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
-    const y =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
-    const z =
-      javascriptGenerator.valueToCode(
-        block,
-        "Z",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
-
-    const useY = block.getFieldValue("USE_Y") === "TRUE";
+      block.getFieldValue('MODEL'),
+      Blockly.Names.NameType.VARIABLE
+    );
+
+    const x = javascriptGenerator.valueToCode(block, 'X', javascriptGenerator.ORDER_ATOMIC) || '0';
+    const y = javascriptGenerator.valueToCode(block, 'Y', javascriptGenerator.ORDER_ATOMIC) || '0';
+    const z = javascriptGenerator.valueToCode(block, 'Z', javascriptGenerator.ORDER_ATOMIC) || '0';
+
+    const useY = block.getFieldValue('USE_Y') === 'TRUE';
 
     return `await positionAt(${meshName}, { x: ${x}, y: ${y}, z: ${z}, useY: ${useY} });\n`;
   };
 
   // Set position of object to single xyz coordinate
-  javascriptGenerator.forBlock["move_to_xyz_single"] = function (block) {
+  javascriptGenerator.forBlock['move_to_xyz_single'] = function (block) {
     const meshName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL'),
+      Blockly.Names.NameType.VARIABLE
     );
 
-    const coordinate = block.getFieldValue("COORDINATE") || "x_coordinate";
-    const value = getFieldValue(block, "VALUE", "0");
+    const coordinate = block.getFieldValue('COORDINATE') || 'x_coordinate';
+    const value = getFieldValue(block, 'VALUE', '0');
 
     return `await positionAtSingleCoordinate(${meshName}, "${coordinate}", ${value});\n`;
   };
 
   // Set position of object to another object's position
-  javascriptGenerator.forBlock["move_to"] = function (block) {
+  javascriptGenerator.forBlock['move_to'] = function (block) {
     const meshName1 = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL1"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL1'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     const meshName2 = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL2"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL2'),
+      Blockly.Names.NameType.VARIABLE
     );
 
-    const useY = block.getFieldValue("USE_Y") === "TRUE";
+    const useY = block.getFieldValue('USE_Y') === 'TRUE';
 
     return `await moveTo(${meshName1}, { target: ${meshName2}, useY: ${useY} });\n`;
   };
 
   // Rotate object BY xyz coordinates
-  javascriptGenerator.forBlock["rotate_model_xyz"] = function (block) {
+  javascriptGenerator.forBlock['rotate_model_xyz'] = function (block) {
     const meshName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL'),
+      Blockly.Names.NameType.VARIABLE
     );
 
-    const x = getFieldValue(block, "X", "0");
-    const y = getFieldValue(block, "Y", "0");
-    const z = getFieldValue(block, "Z", "0");
+    const x = getFieldValue(block, 'X', '0');
+    const y = getFieldValue(block, 'Y', '0');
+    const z = getFieldValue(block, 'Z', '0');
 
     return `await rotate(${meshName}, { x: ${x}, y: ${y}, z: ${z} });\n`;
   };
 
   // Rotate object TO specific xyz coordinates
-  javascriptGenerator.forBlock["rotate_to"] = function (block) {
+  javascriptGenerator.forBlock['rotate_to'] = function (block) {
     const meshName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL"),
-      Blockly.Names.NameType.VARIABLE,
-    );
-
-    const x =
-      javascriptGenerator.valueToCode(
-        block,
-        "X",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
-    const y =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
-    const z =
-      javascriptGenerator.valueToCode(
-        block,
-        "Z",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      block.getFieldValue('MODEL'),
+      Blockly.Names.NameType.VARIABLE
+    );
+
+    const x = javascriptGenerator.valueToCode(block, 'X', javascriptGenerator.ORDER_ATOMIC) || '0';
+    const y = javascriptGenerator.valueToCode(block, 'Y', javascriptGenerator.ORDER_ATOMIC) || '0';
+    const z = javascriptGenerator.valueToCode(block, 'Z', javascriptGenerator.ORDER_ATOMIC) || '0';
 
     return `await rotateTo(${meshName}, { x: ${x}, y: ${y}, z: ${z} });\n`;
   };
 
   // Look object at another object
-  javascriptGenerator.forBlock["look_at"] = function (block) {
+  javascriptGenerator.forBlock['look_at'] = function (block) {
     const meshName1 = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL1"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL1'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     const meshName2 = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL2"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL2'),
+      Blockly.Names.NameType.VARIABLE
     );
 
-    const useY = block.getFieldValue("USE_Y") === "TRUE";
+    const useY = block.getFieldValue('USE_Y') === 'TRUE';
 
     return `await lookAt(${meshName1}, { target: ${meshName2}, useY: ${useY} });\n`;
   };
 
   // Scale object by xyz coordinates
-  javascriptGenerator.forBlock["scale"] = function (block) {
+  javascriptGenerator.forBlock['scale'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("BLOCK_NAME"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('BLOCK_NAME'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const x = getFieldValue(block, "X", "0");
-    const y = getFieldValue(block, "Y", "0");
-    const z = getFieldValue(block, "Z", "0");
+    const x = getFieldValue(block, 'X', '0');
+    const y = getFieldValue(block, 'Y', '0');
+    const z = getFieldValue(block, 'Z', '0');
 
     // Retrieve the origin values for x, y, and z axes
-    const xOrigin = block.getFieldValue("X_ORIGIN") || "'CENTRE'";
-    const yOrigin = block.getFieldValue("Y_ORIGIN") || "'CENTRE'";
-    const zOrigin = block.getFieldValue("Z_ORIGIN") || "'CENTRE'";
+    const xOrigin = block.getFieldValue('X_ORIGIN') || "'CENTRE'";
+    const yOrigin = block.getFieldValue('Y_ORIGIN') || "'CENTRE'";
+    const zOrigin = block.getFieldValue('Z_ORIGIN') || "'CENTRE'";
 
     return `await scale(${modelName}, { x: ${x}, y: ${y}, z: ${z}, xOrigin: '${xOrigin}', yOrigin: '${yOrigin}', zOrigin: '${zOrigin}' });\n`;
   };
 
   // Resize object by xyz coordinates
-  javascriptGenerator.forBlock["resize"] = function (block) {
+  javascriptGenerator.forBlock['resize'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("BLOCK_NAME"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('BLOCK_NAME'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const x = getFieldValue(block, "X", "0");
-    const y = getFieldValue(block, "Y", "0");
-    const z = getFieldValue(block, "Z", "0");
+    const x = getFieldValue(block, 'X', '0');
+    const y = getFieldValue(block, 'Y', '0');
+    const z = getFieldValue(block, 'Z', '0');
 
     // Retrieve the origin values for x, y, and z axes
-    const xOrigin = block.getFieldValue("X_ORIGIN") || "'CENTRE'";
-    const yOrigin = block.getFieldValue("Y_ORIGIN") || "'CENTRE'";
-    const zOrigin = block.getFieldValue("Z_ORIGIN") || "'CENTRE'";
+    const xOrigin = block.getFieldValue('X_ORIGIN') || "'CENTRE'";
+    const yOrigin = block.getFieldValue('Y_ORIGIN') || "'CENTRE'";
+    const zOrigin = block.getFieldValue('Z_ORIGIN') || "'CENTRE'";
 
     return `await resize(${modelName}, { width: ${x}, height: ${y}, depth: ${z}, xOrigin: '${xOrigin}', yOrigin: '${yOrigin}', zOrigin: '${zOrigin}' });\n`;
   };
 
   // Set anchor of object by xyz coordinates
-  javascriptGenerator.forBlock["set_pivot"] = function (block) {
+  javascriptGenerator.forBlock['set_pivot'] = function (block) {
     const meshVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     const xPivot =
-      javascriptGenerator.valueToCode(
-        block,
-        "X_PIVOT",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || 0;
+      javascriptGenerator.valueToCode(block, 'X_PIVOT', javascriptGenerator.ORDER_ATOMIC) || 0;
     const yPivot =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y_PIVOT",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || 0;
+      javascriptGenerator.valueToCode(block, 'Y_PIVOT', javascriptGenerator.ORDER_ATOMIC) || 0;
     const zPivot =
-      javascriptGenerator.valueToCode(
-        block,
-        "Z_PIVOT",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || 0;
+      javascriptGenerator.valueToCode(block, 'Z_PIVOT', javascriptGenerator.ORDER_ATOMIC) || 0;
 
     return `await setAnchor(${meshVar}, { xPivot: ${xPivot}, yPivot: ${yPivot}, zPivot: ${zPivot} });\n`;
   };
@@ -232,58 +190,46 @@ export function registerTransformGenerators(javascriptGenerator) {
   // -------------------------------
 
   // Add physics to object
-  javascriptGenerator.forBlock["add_physics"] = function (block) {
+  javascriptGenerator.forBlock['add_physics'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
-    const physicsType = block.getFieldValue("PHYSICS_TYPE");
+    const physicsType = block.getFieldValue('PHYSICS_TYPE');
 
     // Note: Ensure that the execution environment supports async/await at this level
     return `await setPhysics(${modelName}, "${physicsType}");\n`;
   };
 
   // Add physics shape to object
-  javascriptGenerator.forBlock["add_physics_shape"] = function (block) {
+  javascriptGenerator.forBlock['add_physics_shape'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
-    const shapeType = block.getFieldValue("SHAPE_TYPE");
+    const shapeType = block.getFieldValue('SHAPE_TYPE');
 
     // Note: Ensure that the execution environment supports async/await at this level
     return `await setPhysicsShape(${modelName}, "${shapeType}");\n`;
   };
 
   // Apply force to object
-  javascriptGenerator.forBlock["apply_force"] = function (block) {
+  javascriptGenerator.forBlock['apply_force'] = function (block) {
     // Get the name of the mesh variable
     const mesh = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     // Get the force values
     const forceX =
-      javascriptGenerator.valueToCode(
-        block,
-        "X",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'X', javascriptGenerator.ORDER_ATOMIC) || '0';
     const forceY =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'Y', javascriptGenerator.ORDER_ATOMIC) || '0';
     const forceZ =
-      javascriptGenerator.valueToCode(
-        block,
-        "Z",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'Z', javascriptGenerator.ORDER_ATOMIC) || '0';
 
     // Generate the code
     return `applyForce(${mesh}, { forceX: ${forceX}, forceY: ${forceY}, forceZ: ${forceZ} });\n`;
@@ -291,78 +237,72 @@ export function registerTransformGenerators(javascriptGenerator) {
 
   // Make a character jump to a target height, keeping current horizontal speed
   // for momentum. A direct, height-based replacement for a vertical force.
-  javascriptGenerator.forBlock["jump"] = function (block) {
+  javascriptGenerator.forBlock['jump'] = function (block) {
     const mesh = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
     const jumpHeight =
-      javascriptGenerator.valueToCode(
-        block,
-        "JUMP_HEIGHT",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "1.5";
+      javascriptGenerator.valueToCode(block, 'JUMP_HEIGHT', javascriptGenerator.ORDER_ATOMIC) ||
+      '1.5';
 
     return `jump(${mesh}, { jumpHeight: ${jumpHeight} });\n`;
   };
 
   // Set the speed an object travels at in a direction (forward/sideways/up or
   // world x/y/z). Maintained until changed; 'all' to 0 stops it.
-  javascriptGenerator.forBlock["set_speed"] = function (block) {
+  javascriptGenerator.forBlock['set_speed'] = function (block) {
     const mesh = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const direction = block.getFieldValue("DIRECTION") || "forward";
+    const direction = block.getFieldValue('DIRECTION') || 'forward';
     const speed =
-      javascriptGenerator.valueToCode(block, "SPEED", javascriptGenerator.ORDER_ATOMIC) || "0";
+      javascriptGenerator.valueToCode(block, 'SPEED', javascriptGenerator.ORDER_ATOMIC) || '0';
 
     return `setSpeed(${mesh}, '${direction}', ${speed});\n`;
   };
 
   // Set how bouncy an object is (restitution, 0..1)
-  javascriptGenerator.forBlock["set_bounciness"] = function (block) {
+  javascriptGenerator.forBlock['set_bounciness'] = function (block) {
     const mesh = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
     const bounciness =
-      javascriptGenerator.valueToCode(block, "BOUNCINESS", javascriptGenerator.ORDER_ATOMIC) || "0.5";
+      javascriptGenerator.valueToCode(block, 'BOUNCINESS', javascriptGenerator.ORDER_ATOMIC) ||
+      '0.5';
 
     return `setBounciness(${mesh}, ${bounciness});\n`;
   };
 
   // Show physics shapes
-  javascriptGenerator.forBlock["show_physics"] = function (block) {
-    const show = block.getFieldValue("SHOW") === "TRUE";
+  javascriptGenerator.forBlock['show_physics'] = function (block) {
+    const show = block.getFieldValue('SHOW') === 'TRUE';
     return `showPhysics(${show});\n`;
   };
 
   // Move object forward
-  javascriptGenerator.forBlock["move_forward"] = function (block) {
+  javascriptGenerator.forBlock['move_forward'] = function (block) {
     const modelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MODEL"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MODEL'),
+      Blockly.Names.NameType.VARIABLE
     );
     const speed =
-      javascriptGenerator.valueToCode(
-        block,
-        "SPEED",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
-    const direction = block.getFieldValue("DIRECTION");
+      javascriptGenerator.valueToCode(block, 'SPEED', javascriptGenerator.ORDER_ATOMIC) || '0';
+    const direction = block.getFieldValue('DIRECTION');
 
     // Choose the appropriate helper function based on the direction
     let helperFunction;
     switch (direction) {
-      case "sideways":
-        helperFunction = "moveSideways";
+      case 'sideways':
+        helperFunction = 'moveSideways';
         break;
-      case "strafe":
-        helperFunction = "strafe";
+      case 'strafe':
+        helperFunction = 'strafe';
         break;
       default:
-        helperFunction = "moveForward";
+        helperFunction = 'moveForward';
     }
 
     return `${helperFunction}(${modelName}, ${speed});\n`;
@@ -373,14 +313,14 @@ export function registerTransformGenerators(javascriptGenerator) {
   // -------------------------------
 
   // Parent child
-  javascriptGenerator.forBlock["parent"] = function (block) {
+  javascriptGenerator.forBlock['parent'] = function (block) {
     const parentMesh = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("PARENT_MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('PARENT_MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
     const childMesh = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("CHILD_MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('CHILD_MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     // Establish the parent-child relationship with offset
@@ -388,79 +328,55 @@ export function registerTransformGenerators(javascriptGenerator) {
   };
 
   // Parent child with offset
-  javascriptGenerator.forBlock["parent_child"] = function (block) {
+  javascriptGenerator.forBlock['parent_child'] = function (block) {
     const parentMesh = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("PARENT_MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('PARENT_MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
     const childMesh = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("CHILD_MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('CHILD_MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     const xOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "X_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'X_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
     const yOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'Y_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
     const zOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "Z_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'Z_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
 
     // Establish the parent-child relationship with offset
     return `parentChild(${parentMesh}, ${childMesh}, ${xOffset}, ${yOffset}, ${zOffset});\n`;
   };
 
   // Remove parent from object
-  javascriptGenerator.forBlock["remove_parent"] = function (block) {
+  javascriptGenerator.forBlock['remove_parent'] = function (block) {
     const childMesh = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("CHILD_MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('CHILD_MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     return `removeParent(${childMesh});\n`;
   };
 
   // Make follower follow target
-  javascriptGenerator.forBlock["follow"] = function (block) {
+  javascriptGenerator.forBlock['follow'] = function (block) {
     const followerMesh = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("FOLLOWER_MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('FOLLOWER_MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
     const targetMesh = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("TARGET_MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('TARGET_MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const followPosition = block.getFieldValue("FOLLOW_POSITION");
+    const followPosition = block.getFieldValue('FOLLOW_POSITION');
 
     const xOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "X_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'X_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
     const yOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'Y_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
     const zOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "Z_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'Z_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
 
     // Use the helper method makeFollow for following the target
     const code = `
@@ -470,10 +386,10 @@ export function registerTransformGenerators(javascriptGenerator) {
   };
 
   // Stop following object
-  javascriptGenerator.forBlock["stop_follow"] = function (block) {
+  javascriptGenerator.forBlock['stop_follow'] = function (block) {
     const followerModelName = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("FOLLOWER_MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('FOLLOWER_MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     // Generate code to call the stopFollow helper function
@@ -482,44 +398,32 @@ export function registerTransformGenerators(javascriptGenerator) {
   };
 
   // Attach object to target at hold
-  javascriptGenerator.forBlock["attach"] = function (block) {
+  javascriptGenerator.forBlock['attach'] = function (block) {
     const meshToAttach = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_TO_ATTACH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_TO_ATTACH'),
+      Blockly.Names.NameType.VARIABLE
     );
     const targetMesh = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("TARGET_MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('TARGET_MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
-    const boneName = block.getFieldValue("BONE_NAME");
+    const boneName = block.getFieldValue('BONE_NAME');
     const xOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "X_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'X_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
     const yOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "Y_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'Y_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
     const zOffset =
-      javascriptGenerator.valueToCode(
-        block,
-        "Z_OFFSET",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "0";
+      javascriptGenerator.valueToCode(block, 'Z_OFFSET', javascriptGenerator.ORDER_ATOMIC) || '0';
     // Establish the attach action with bone name and offset
-    return `await attach(${meshToAttach}, ${targetMesh}, { boneName: ${JSON.stringify(boneName ?? "")}, x: ${xOffset}, y: ${yOffset}, z: ${zOffset} });
+    return `await attach(${meshToAttach}, ${targetMesh}, { boneName: ${JSON.stringify(boneName ?? '')}, x: ${xOffset}, y: ${yOffset}, z: ${zOffset} });
         `;
   };
 
   // Drop object
-  javascriptGenerator.forBlock["drop"] = function (block) {
+  javascriptGenerator.forBlock['drop'] = function (block) {
     const meshToDetach = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("MESH_TO_DETACH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('MESH_TO_DETACH'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     // Establish the drop action
@@ -532,18 +436,14 @@ export function registerTransformGenerators(javascriptGenerator) {
   // -------------------------------
 
   // Add merged as merge list
-  javascriptGenerator.forBlock["merge_meshes"] = function (block) {
+  javascriptGenerator.forBlock['merge_meshes'] = function (block) {
     const resultVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("RESULT_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('RESULT_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     const meshList =
-      javascriptGenerator.valueToCode(
-        block,
-        "MESH_LIST",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "[]";
+      javascriptGenerator.valueToCode(block, 'MESH_LIST', javascriptGenerator.ORDER_ATOMIC) || '[]';
 
     const meshId = `${resultVar}__${block.id}`;
     meshMap[meshId] = block;
@@ -554,22 +454,18 @@ export function registerTransformGenerators(javascriptGenerator) {
   };
 
   // Add subtracted as object subtract list
-  javascriptGenerator.forBlock["subtract_meshes"] = function (block) {
+  javascriptGenerator.forBlock['subtract_meshes'] = function (block) {
     const resultVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("RESULT_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('RESULT_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
     const baseMesh = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("BASE_MESH"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('BASE_MESH'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     const meshList =
-      javascriptGenerator.valueToCode(
-        block,
-        "MESH_LIST",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "[]";
+      javascriptGenerator.valueToCode(block, 'MESH_LIST', javascriptGenerator.ORDER_ATOMIC) || '[]';
 
     const meshId = `${resultVar}__${block.id}`;
     meshMap[meshId] = block;
@@ -580,18 +476,14 @@ export function registerTransformGenerators(javascriptGenerator) {
   };
 
   // Add intersection as intersect list
-  javascriptGenerator.forBlock["intersection_meshes"] = function (block) {
+  javascriptGenerator.forBlock['intersection_meshes'] = function (block) {
     const resultVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("RESULT_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('RESULT_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     const meshList =
-      javascriptGenerator.valueToCode(
-        block,
-        "MESH_LIST",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "[]";
+      javascriptGenerator.valueToCode(block, 'MESH_LIST', javascriptGenerator.ORDER_ATOMIC) || '[]';
 
     const meshId = `${resultVar}__${block.id}`;
     meshMap[meshId] = block;
@@ -602,18 +494,14 @@ export function registerTransformGenerators(javascriptGenerator) {
   };
 
   // Add hull as hull list
-  javascriptGenerator.forBlock["hull_meshes"] = function (block) {
+  javascriptGenerator.forBlock['hull_meshes'] = function (block) {
     const resultVar = javascriptGenerator.nameDB_.getName(
-      block.getFieldValue("RESULT_VAR"),
-      Blockly.Names.NameType.VARIABLE,
+      block.getFieldValue('RESULT_VAR'),
+      Blockly.Names.NameType.VARIABLE
     );
 
     const meshList =
-      javascriptGenerator.valueToCode(
-        block,
-        "MESH_LIST",
-        javascriptGenerator.ORDER_ATOMIC,
-      ) || "[]";
+      javascriptGenerator.valueToCode(block, 'MESH_LIST', javascriptGenerator.ORDER_ATOMIC) || '[]';
 
     const meshId = `${resultVar}__${block.id}`;
     meshMap[meshId] = block;
@@ -625,8 +513,8 @@ export function registerTransformGenerators(javascriptGenerator) {
 
   // Used as an input inside set_pivot
   // (not a block in its own right)
-  javascriptGenerator.forBlock["min_centre_max"] = function (block) {
-    const pivotOption = block.getFieldValue("PIVOT_OPTION");
+  javascriptGenerator.forBlock['min_centre_max'] = function (block) {
+    const pivotOption = block.getFieldValue('PIVOT_OPTION');
 
     // Return the string value as a quoted literal
     return [`"${pivotOption}"`, javascriptGenerator.ORDER_ATOMIC];
diff --git a/generators/generators-utilities.js b/generators/generators-utilities.js
index 96be9181a..fc38b1674 100644
--- a/generators/generators-utilities.js
+++ b/generators/generators-utilities.js
@@ -1,56 +1,56 @@
-import * as Blockly from "blockly";
-import { javascriptGenerator } from "blockly/javascript";
-import { meshMap, meshBlockIdMap } from "./mesh-state.js";
+import * as Blockly from 'blockly';
+import { javascriptGenerator } from 'blockly/javascript';
+import { meshMap, meshBlockIdMap } from './mesh-state.js';
 
 const RESERVED_IDENTIFIERS = new Set([
-  "await",
-  "break",
-  "case",
-  "catch",
-  "class",
-  "const",
-  "continue",
-  "debugger",
-  "default",
-  "delete",
-  "do",
-  "else",
-  "enum",
-  "export",
-  "extends",
-  "false",
-  "finally",
-  "for",
-  "function",
-  "if",
-  "implements",
-  "import",
-  "in",
-  "instanceof",
-  "interface",
-  "let",
-  "new",
-  "null",
-  "package",
-  "private",
-  "protected",
-  "public",
-  "return",
-  "static",
-  "super",
-  "switch",
-  "this",
-  "throw",
-  "true",
-  "try",
-  "typeof",
-  "var",
-  "void",
-  "while",
-  "with",
-  "yield",
-  "arguments",
-  "eval",
+  'await',
+  'break',
+  'case',
+  'catch',
+  'class',
+  'const',
+  'continue',
+  'debugger',
+  'default',
+  'delete',
+  'do',
+  'else',
+  'enum',
+  'export',
+  'extends',
+  'false',
+  'finally',
+  'for',
+  'function',
+  'if',
+  'implements',
+  'import',
+  'in',
+  'instanceof',
+  'interface',
+  'let',
+  'new',
+  'null',
+  'package',
+  'private',
+  'protected',
+  'public',
+  'return',
+  'static',
+  'super',
+  'switch',
+  'this',
+  'throw',
+  'true',
+  'try',
+  'typeof',
+  'var',
+  'void',
+  'while',
+  'with',
+  'yield',
+  'arguments',
+  'eval',
 ]);
 // ---------------------------------
 //  Utility functions for generators
@@ -58,11 +58,8 @@ const RESERVED_IDENTIFIERS = new Set([
 
 export function getFieldValue(block, fieldName, defaultValue) {
   return (
-    javascriptGenerator.valueToCode(
-      block,
-      fieldName,
-      javascriptGenerator.ORDER_ATOMIC,
-    ) || defaultValue
+    javascriptGenerator.valueToCode(block, fieldName, javascriptGenerator.ORDER_ATOMIC) ||
+    defaultValue
   );
 }
 
@@ -70,73 +67,66 @@ export function getVariableInfo(block, fieldName) {
   const variableId = block.getFieldValue(fieldName);
   const generatedName = javascriptGenerator.nameDB_.getName(
     variableId,
-    Blockly.Names.NameType.VARIABLE,
+    Blockly.Names.NameType.VARIABLE
   );
-  const variableModel = block.workspace
-    ?.getVariableMap?.()
-    ?.getVariableById(variableId);
+  const variableModel = block.workspace?.getVariableMap?.()?.getVariableById(variableId);
   const userVariableName = variableModel?.name || generatedName;
 
   return { generatedName, userVariableName };
 }
 
 export function getPositionTuple(block) {
-  const posX = getFieldValue(block, "X", "0");
-  const posY = getFieldValue(block, "Y", "0");
-  const posZ = getFieldValue(block, "Z", "0");
+  const posX = getFieldValue(block, 'X', '0');
+  const posY = getFieldValue(block, 'Y', '0');
+  const posZ = getFieldValue(block, 'Z', '0');
 
   return `[${posX}, ${posY}, ${posZ}]`;
 }
 
 export function createMesh(block, meshType, params) {
-  const { generatedName: variableName, userVariableName } = getVariableInfo(
-    block,
-    "ID_VAR",
-  );
+  const { generatedName: variableName, userVariableName } = getVariableInfo(block, 'ID_VAR');
 
   const meshId = `${userVariableName}__${block.id}`;
 
   meshMap[block.id] = block;
   meshBlockIdMap[block.id] = block.id;
 
-  const doCode = block.getInput("DO")
-    ? javascriptGenerator.statementToCode(block, "DO") || ""
-    : "";
+  const doCode = block.getInput('DO') ? javascriptGenerator.statementToCode(block, 'DO') || '' : '';
 
   const options = [...params];
 
-  return `${variableName} = create${meshType}(${JSON.stringify(meshId)}, { ${options.join(", ")} });\n${doCode}`;
+  return `${variableName} = create${meshType}(${JSON.stringify(meshId)}, { ${options.join(', ')} });\n${doCode}`;
 }
 
 export function emitSafeIdentifierLiteral(code) {
   if (!code) {
-    return "undefined";
+    return 'undefined';
   }
 
   // Match single, double, or template quoted literals
   const m = code.match(/^(['"`])(.*)\1$/s);
   if (!m) {
-    return "undefined";
+    return 'undefined';
   }
 
   const rawBody = m[2];
 
   // Reject escapes entirely
-  if (rawBody.includes("\\")) {
-    return "undefined";
+  if (rawBody.includes('\\')) {
+    return 'undefined';
   }
 
   // Replace spaces and other whitespace with underscores
-  const normalized = rawBody.replace(/\s+/g, "_");
+  const normalized = rawBody.replace(/\s+/g, '_');
 
   // Validate identifier
   if (!/^[A-Za-z$_][A-Za-z0-9$_]*$/.test(normalized)) {
-    return "undefined";
+    return 'undefined';
   }
 
   // Check reserved keywords
   if (RESERVED_IDENTIFIERS.has(normalized)) {
-    return "undefined";
+    return 'undefined';
   }
 
   return JSON.stringify(normalized);
@@ -146,19 +136,19 @@ export function sanitizeForCode(input) {
   let s = String(input);
 
   // Cut from the first *real* newline (\r, \n, or Unicode line separator)
-  s = s.replace(/[\r\n\u2028\u2029].*$/s, "");
+  s = s.replace(/[\r\n\u2028\u2029].*$/s, '');
   // Cut from the first *escaped* newline sequence (\n, \r, \u2028, \u2029, \x0A, \x0D)
-  s = s.replace(/\\(?:n|r|u(?:2028|2029|000a|000d)|x0(?:a|d)).*$/i, "");
+  s = s.replace(/\\(?:n|r|u(?:2028|2029|000a|000d)|x0(?:a|d)).*$/i, '');
 
   // Remove any trailing backslashes that could remain (edge cases)
-  s = s.replace(/\\+$/, "");
+  s = s.replace(/\\+$/, '');
 
   // Neutralize comment and template literal markers
-  s = s.replace(/\*\//g, "*∕").replace(/\/\//g, "∕∕").replace(/`/g, "ˋ");
+  s = s.replace(/\*\//g, '*∕').replace(/\/\//g, '∕∕').replace(/`/g, 'ˋ');
 
   // Strip control characters (optional, keeps tabs/spaces)
   // eslint-disable-next-line no-control-regex
-  s = s.replace(/[\u0000-\u001F\u007F]/g, "");
+  s = s.replace(/[\u0000-\u001F\u007F]/g, '');
 
   return s;
 }
@@ -176,17 +166,14 @@ export function emitSafeTextArg(code) {
   // quote — e.g. a concatenation like `'a' + 'b'` produced by text_join. In
   // that case leave it untouched so the expression is emitted as real code
   // (otherwise the literal ` + ` ends up baked into the displayed string).
-  if (body.replace(/\\./g, "").includes(q)) return code;
+  if (body.replace(/\\./g, '').includes(q)) return code;
 
   // Decode literal safely (handles \', \\ , \n, \uXXXX, etc.)
   let decoded;
   try {
     decoded = JSON.parse(q + body + q);
   } catch {
-    decoded = body
-      .replace(/\\"/g, '"')
-      .replace(/\\'/g, "'")
-      .replace(/\\\\/g, "\\");
+    decoded = body.replace(/\\"/g, '"').replace(/\\'/g, "'").replace(/\\\\/g, '\\');
   }
 
   return JSON.stringify(sanitizeForCode(decoded));
diff --git a/generators/generators.js b/generators/generators.js
index 4d0886341..c81194387 100644
--- a/generators/generators.js
+++ b/generators/generators.js
@@ -1,41 +1,39 @@
-import * as Blockly from "blockly";
-import { javascriptGenerator } from "blockly/javascript";
-import "@blockly/block-plus-minus";
-import "../blocks/text_join_shadow.js";
-import { clearMeshMaps } from "./mesh-state.js";
+import * as Blockly from 'blockly';
+import { javascriptGenerator } from 'blockly/javascript';
+import '@blockly/block-plus-minus';
+import '../blocks/text_join_shadow.js';
+import { clearMeshMaps } from './mesh-state.js';
 
 // Import the generator registration functions for different categories of blocks
-import { registerSceneGenerators } from "./generators-scene.js";
-import { registerEventsGenerators } from "./generators-events.js";
-import { registerTransformGenerators } from "./generators-transform.js";
-import { registerAnimateGenerators } from "./generators-animate.js";
-import { registerControlGenerators } from "./generators-control.js";
-import { registerConditionGenerators } from "./generators-condition.js";
-import { registerSensingGenerators } from "./generators-sensing.js";
-import { registerTextGenerators } from "./generators-text.js";
-import { registerMaterialGenerators } from "./generators-material.js";
-import { registerSoundGenerators } from "./generators-sound.js";
-import { registerDataGenerators } from "./generators-data.js";
-import { registerMathGenerators } from "./generators-math.js";
-import { registerFunctionsGenerators } from "./generators-functions.js";
+import { registerSceneGenerators } from './generators-scene.js';
+import { registerEventsGenerators } from './generators-events.js';
+import { registerTransformGenerators } from './generators-transform.js';
+import { registerAnimateGenerators } from './generators-animate.js';
+import { registerControlGenerators } from './generators-control.js';
+import { registerConditionGenerators } from './generators-condition.js';
+import { registerSensingGenerators } from './generators-sensing.js';
+import { registerTextGenerators } from './generators-text.js';
+import { registerMaterialGenerators } from './generators-material.js';
+import { registerSoundGenerators } from './generators-sound.js';
+import { registerDataGenerators } from './generators-data.js';
+import { registerMathGenerators } from './generators-math.js';
+import { registerFunctionsGenerators } from './generators-functions.js';
 // import { registerDeprecatedGenerators } from "./generators-deprecated.js";
 
 // Used outside of this file
-export * from "./mesh-state.js";
+export * from './mesh-state.js';
 
 // Set up all generators from external files
 export function defineGenerators() {
   // Allow Flock users to use "name" as a variable name
-  const reservedWordsWithoutName = javascriptGenerator.RESERVED_WORDS_.split(
-    ",",
-  )
+  const reservedWordsWithoutName = javascriptGenerator.RESERVED_WORDS_.split(',')
     .map((word) => word.trim())
-    .filter((word) => word && word !== "name")
-    .join(",");
+    .filter((word) => word && word !== 'name')
+    .join(',');
 
   // Force re-initialization of animation generators
-  delete javascriptGenerator.forBlock["play_animation"];
-  delete javascriptGenerator.forBlock["switch_animation"];
+  delete javascriptGenerator.forBlock['play_animation'];
+  delete javascriptGenerator.forBlock['switch_animation'];
 
   // Register generators for each category of blocks
   registerSceneGenerators(javascriptGenerator);
@@ -75,8 +73,8 @@ export function defineGenerators() {
       defvars.push(
         javascriptGenerator.nameDB_.getName(
           devVarList[i],
-          Blockly.Names.NameType.DEVELOPER_VARIABLE,
-        ),
+          Blockly.Names.NameType.DEVELOPER_VARIABLE
+        )
       );
     }
 
@@ -86,7 +84,7 @@ export function defineGenerators() {
       const variableModel = variables[i];
       const generatedName = javascriptGenerator.nameDB_.getName(
         variableModel.getId(),
-        Blockly.Names.NameType.VARIABLE,
+        Blockly.Names.NameType.VARIABLE
       );
       defvars.push(generatedName);
       userVariableDefaults.set(generatedName, variableModel.name);
@@ -95,13 +93,11 @@ export function defineGenerators() {
     // Declare all of the variables.
     if (defvars.length) {
       let defvarsmesh = defvars.map(function (name) {
-        const initialValue = userVariableDefaults.has(name)
-          ? userVariableDefaults.get(name)
-          : name;
+        const initialValue = userVariableDefaults.has(name) ? userVariableDefaults.get(name) : name;
         return `let ${name} = ${JSON.stringify(initialValue)};`;
       });
-      javascriptGenerator.definitions_["variables"] =
-        `// Made with Flock XR\n` + defvarsmesh.join(" ") + "\n";
+      javascriptGenerator.definitions_['variables'] =
+        `// Made with Flock XR\n` + defvarsmesh.join(' ') + '\n';
     }
 
     javascriptGenerator.isInitialized = true;
diff --git a/generators/mesh-state.js b/generators/mesh-state.js
index b22c4e64f..2a3d7d9cc 100644
--- a/generators/mesh-state.js
+++ b/generators/mesh-state.js
@@ -29,10 +29,7 @@ const _meshBlockIdMap = Object.create(null);
 // ----------------------------------------------------
 
 export const meshMap = makeTrackedMap(_meshMap, blockKeyByBlock);
-export const meshBlockIdMap = makeTrackedMap(
-  _meshBlockIdMap,
-  blockKeyByBlockId,
-);
+export const meshBlockIdMap = makeTrackedMap(_meshBlockIdMap, blockKeyByBlockId);
 
 export function clearMeshMaps() {
   for (const key of Object.keys(_meshMap)) delete meshMap[key];
@@ -41,7 +38,7 @@ export function clearMeshMaps() {
 
 let uniqueIdCounter = 0;
 
-export function generateUniqueId(prefix = "") {
+export function generateUniqueId(prefix = '') {
   // Increment the counter for each call
   uniqueIdCounter++;
   // Return a string with the prefix and the counter value
diff --git a/index.html b/index.html
index 60a729df3..cbac5fef2 100644
--- a/index.html
+++ b/index.html
@@ -31,19 +31,16 @@
     <link rel="icon" href="images/favicon.svg" type="image/svg+xml" />
 
     <meta name="theme-color" content="#511d91" />
-    <script
-      async
-      src="https://www.googletagmanager.com/gtag/js?id=G-QCGT3X072N"
-    ></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-QCGT3X072N"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag("js", new Date());
+      gtag('js', new Date());
 
-      gtag("config", "G-QCGT3X072N", {
-        client_storage: "none", // Prevents setting cookies
+      gtag('config', 'G-QCGT3X072N', {
+        client_storage: 'none', // Prevents setting cookies
         anonymize_ip: true, // Hides IP addresses for privacy
       });
     </script>
@@ -62,9 +59,9 @@
           if (!this.isConnected) return false;
           const style = window.getComputedStyle(this);
           return (
-            style.display !== "none" &&
-            style.visibility !== "hidden" &&
-            style.visibility !== "collapse" &&
+            style.display !== 'none' &&
+            style.visibility !== 'hidden' &&
+            style.visibility !== 'collapse' &&
             parseFloat(style.opacity) !== 0
           );
         };
@@ -151,9 +148,7 @@
         font-size: 18px;
         font-weight: 500;
         margin: 0;
-        font-family:
-          "Atkinson Hyperlegible Next", "Asap", Helvetica, Arial, Lucida,
-          sans-serif;
+        font-family: 'Atkinson Hyperlegible Next', 'Asap', Helvetica, Arial, Lucida, sans-serif;
         order: 4;
       }
 
@@ -197,49 +192,47 @@
   </head>
 
   <body class="loading" aria-busy="true">
-<script>
+    <script>
       (function () {
-        if (!new URLSearchParams(window.location.search).has("touchDebug"))
-          return;
-        const overlay = document.createElement("div");
+        if (!new URLSearchParams(window.location.search).has('touchDebug')) return;
+        const overlay = document.createElement('div');
         Object.assign(overlay.style, {
-          position: "fixed",
-          left: "0",
-          bottom: "0",
-          width: "100%",
-          maxHeight: "45vh",
-          overflowY: "auto",
-          background: "rgba(0,0,0,.8)",
-          color: "#0f0",
-          font: "12px/1.4 monospace",
-          padding: "8px",
+          position: 'fixed',
+          left: '0',
+          bottom: '0',
+          width: '100%',
+          maxHeight: '45vh',
+          overflowY: 'auto',
+          background: 'rgba(0,0,0,.8)',
+          color: '#0f0',
+          font: '12px/1.4 monospace',
+          padding: '8px',
           zIndex: 2147483647,
-          display: "none",
+          display: 'none',
         });
         document.addEventListener(
-          "touchstart",
+          'touchstart',
           (e) => {
             if (e.touches.length >= 3)
-              overlay.style.display =
-                overlay.style.display === "none" ? "block" : "none";
+              overlay.style.display = overlay.style.display === 'none' ? 'block' : 'none';
           },
-          { passive: true },
+          { passive: true }
         );
         document.body.appendChild(overlay);
 
         const append = (tag, args) => {
-          const line = document.createElement("div");
+          const line = document.createElement('div');
           line.textContent =
             `[${tag}] ` +
             args
               .map((a) => {
                 try {
-                  return typeof a === "string" ? a : JSON.stringify(a);
+                  return typeof a === 'string' ? a : JSON.stringify(a);
                 } catch (_) {
                   return String(a);
                 }
               })
-              .join(" ");
+              .join(' ');
           overlay.appendChild(line);
           overlay.scrollTop = overlay.scrollHeight;
         };
@@ -250,32 +243,28 @@
           error: console.error,
         };
         console.log = (...a) => {
-          append("log", a);
+          append('log', a);
           orig.log.apply(console, a);
         };
         console.warn = (...a) => {
-          append("warn", a);
+          append('warn', a);
           orig.warn.apply(console, a);
         };
         console.error = (...a) => {
-          append("error", a);
+          append('error', a);
           orig.error.apply(console, a);
         };
 
-        window.addEventListener("error", (e) =>
-          append("uncaught", [e.message, e.filename + ":" + e.lineno]),
+        window.addEventListener('error', (e) =>
+          append('uncaught', [e.message, e.filename + ':' + e.lineno])
         );
-        window.addEventListener("unhandledrejection", (e) =>
-          append("rejection", [String(e.reason)]),
+        window.addEventListener('unhandledrejection', (e) =>
+          append('rejection', [String(e.reason)])
         );
       })();
     </script>
     <!-- Loading Screen -->
-    <div
-      id="loadingScreen"
-      class="loading-screen"
-      aria-hidden="true"
-    >
+    <div id="loadingScreen" class="loading-screen" aria-hidden="true">
       <div class="loading-content">
         <img
           src="images/flock-bird-mascot.svg"
@@ -284,17 +273,9 @@
           width="120"
           height="120"
         />
-        <img
-          src="images/inline-flock-xr.svg"
-          alt="Flock XR Logo"
-          class="loading-logo"
-        />
+        <img src="images/inline-flock-xr.svg" alt="Flock XR Logo" class="loading-logo" />
         <div class="loading-spinner"></div>
-        <h2
-          id="loading-description"
-          data-i18n="loading"
-          class="loading-text"
-        >
+        <h2 id="loading-description" data-i18n="loading" class="loading-text">
           Loading Flock XR...
         </h2>
       </div>
@@ -307,22 +288,13 @@ <h1 class="sr-only">FlockXR</h1>
     <label for="importFile" class="sr-only" aria-hidden="true" data-i18n="import_project_file"
       >Import project file</label
     >
-    <input
-      type="file"
-      id="importFile"
-      style="display: none"
-      accept=".fsnip,.json,.svg,.png"
-    />
+    <input type="file" id="importFile" style="display: none" accept=".fsnip,.json,.svg,.png" />
 
     <div id="flockeditor">
       <header role="banner">
         <nav id="menu" role="navigation" aria-label="Main navigation">
           <div id="menuleft">
-            <img
-              src="./images/flock-bird-mascot.svg"
-              alt="Flock XR logo"
-              id="logo"
-            />
+            <img src="./images/flock-bird-mascot.svg" alt="Flock XR logo" id="logo" />
             <!-- Menu Button -->
             <!-- Added the menu wrapper for mobile screens and put about option when clicked shows the popup modal for the screen of the button show info inherently disabled the showinfo button on mobile screens-->
             <div id="main-menu">
@@ -336,20 +308,10 @@ <h1 class="sr-only">FlockXR</h1>
                 data-i18n="main_menu"
                 data-i18n-attrs="title,aria-label"
               >
-                <span class="sr-only" data-i18n="menu_button_sr_label"
-                  >Menu</span
-                >
+                <span class="sr-only" data-i18n="menu_button_sr_label">Menu</span>
                 <!-- Inline CSS for 1.25em otherwise this could be .bigbutton .icon -->
-                <div
-                  class="icon"
-                  style="width: 1.25em; height: 1.25em"
-                  aria-hidden="true"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    viewBox="0 0 448 512"
-                    fill="currentColor"
-                  >
+                <div class="icon" style="width: 1.25em; height: 1.25em" aria-hidden="true">
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor">
                     <path
                       fill="currentColor"
                       d="M0 96C0 78.3 14.3 64 32 64h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zm0 160c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zm448 160c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h384c17.7 0 32-14.3 32 32z"
@@ -358,12 +320,7 @@ <h1 class="sr-only">FlockXR</h1>
                 </div>
               </button>
 
-              <ul
-                id="menuDropdown"
-                class="dropdown hidden"
-                role="menu"
-                aria-labelledby="menuBtn"
-              >
+              <ul id="menuDropdown" class="dropdown hidden" role="menu" aria-labelledby="menuBtn">
                 <!-- Project menu item with submenu -->
                 <li
                   id="project-menu-item"
@@ -386,17 +343,11 @@ <h1 class="sr-only">FlockXR</h1>
                       />
                     </svg>
                   </span>
-                  <span
-                    id="project-label"
-                    class="menu-label"
-                    data-i18n="project_submenu"
+                  <span id="project-label" class="menu-label" data-i18n="project_submenu"
                     >Project</span
                   >
                   <span class="menu-arrow" aria-hidden="true">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      viewBox="0 0 320 512"
-                    >
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                       <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
                       <path
                         fill="currentColor"
@@ -467,17 +418,11 @@ <h1 class="sr-only">FlockXR</h1>
                       />
                     </svg>
                   </span>
-                  <span
-                    id="language-label"
-                    class="menu-label"
-                    data-i18n="language_submenu"
+                  <span id="language-label" class="menu-label" data-i18n="language_submenu"
                     >Language</span
                   >
                   <span class="menu-arrow" aria-hidden="true">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      viewBox="0 0 320 512"
-                    >
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                       <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
                       <path
                         fill="currentColor"
@@ -498,14 +443,10 @@ <h1 class="sr-only">FlockXR</h1>
                       >
                   </li-->
                     <li role="none">
-                      <a href="#" data-lang="en" role="menuitem" tabindex="-1"
-                        >English</a
-                      >
+                      <a href="#" data-lang="en" role="menuitem" tabindex="-1">English</a>
                     </li>
                     <li role="none">
-                      <a href="#" data-lang="es" role="menuitem" tabindex="-1"
-                        >Español</a
-                      >
+                      <a href="#" data-lang="es" role="menuitem" tabindex="-1">Español</a>
                     </li>
                     <!--li>
                       <a href="#" data-lang="fr" role="menuitem" tabindex="-1"
@@ -556,17 +497,9 @@ <h1 class="sr-only">FlockXR</h1>
                       />
                     </svg>
                   </span>
-                  <span
-                    id="theme-label"
-                    class="menu-label"
-                    data-i18n="theme_submenu"
-                    >Theme</span
-                  >
+                  <span id="theme-label" class="menu-label" data-i18n="theme_submenu">Theme</span>
                   <span class="menu-arrow" aria-hidden="true">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      viewBox="0 0 320 512"
-                    >
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                       <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
                       <path
                         fill="currentColor"
@@ -635,17 +568,9 @@ <h1 class="sr-only">FlockXR</h1>
                   </ul>
                 </li>
                 <!-- Hub menu item -->
-                <li
-                  id="hub-menu-item"
-                  class="menu-item"
-                  role="menuitem"
-                  tabindex="-1"
-                >
+                <li id="hub-menu-item" class="menu-item" role="menuitem" tabindex="-1">
                   <span class="menu-icon">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      viewBox="0 0 512 512"
-                    >
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                       <!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
                       <path
                         d="M512 48c0-8.3-4.3-16-11.3-20.4s-15.9-4.8-23.3-1.1L352.5 88.1 180 29.4c-13.7-4.7-28.7-3.8-41.9 2.3L13.8 90.3C5.4 94.2 0 102.7 0 112L0 464c0 8.2 4.2 15.9 11.1 20.3s15.6 4.9 23.1 1.4l127.3-59.9 170.7 56.9c13.7 4.6 28.5 3.7 41.6-2.5l124.4-58.5c8.4-4 13.8-12.4 13.8-21.7l0-352zM144 82.1l0 299-96 45.2 0-299 96-45.2zm48 303.3l0-301.1 128 43.5 0 300.3-128-42.7zM368 134l96-47.4 0 298.2-96 45.2 0-296z"
@@ -655,12 +580,7 @@ <h1 class="sr-only">FlockXR</h1>
                   <span class="menu-label" data-i18n="hub_submenu">Hub</span>
                 </li>
                 <!-- About menu item -->
-                <li
-                  id="about-menu-item"
-                  class="menu-item"
-                  role="menuitem"
-                  tabindex="-1"
-                >
+                <li id="about-menu-item" class="menu-item" role="menuitem" tabindex="-1">
                   <span class="menu-icon">
                     <svg
                       xmlns="http://www.w3.org/2000/svg"
@@ -672,9 +592,7 @@ <h1 class="sr-only">FlockXR</h1>
                       />
                     </svg>
                   </span>
-                  <span class="menu-label" data-i18n="about_submenu"
-                    >About</span
-                  >
+                  <span class="menu-label" data-i18n="about_submenu">About</span>
                 </li>
               </ul>
             </div>
@@ -695,18 +613,8 @@ <h1 class="sr-only">FlockXR</h1>
                 >
                   <span aria-hidden="true">&times;</span>
                 </button>
-                <h2
-                  id="exampleModalTitle"
-                  class="sr-only"
-                  data-i18n="demo_heading"
-                >
-                  Demos
-                </h2>
-                <div
-                  id="exampleTabs"
-                  class="example-tabs"
-                  role="tablist"
-                ></div>
+                <h2 id="exampleModalTitle" class="sr-only" data-i18n="demo_heading">Demos</h2>
+                <div id="exampleTabs" class="example-tabs" role="tablist"></div>
                 <div id="examplePanels"></div>
               </div>
             </div>
@@ -726,9 +634,7 @@ <h1 class="sr-only">FlockXR</h1>
                 >
                   &times;
                 </button>
-                <h2 id="modal-title" data-i18n="about_heading">
-                  About Flock XR
-                </h2>
+                <h2 id="modal-title" data-i18n="about_heading">About Flock XR</h2>
 
                 <div id="model-panel-content">
                   <p>
@@ -747,10 +653,7 @@ <h2 id="modal-title" data-i18n="about_heading">
                   <div class="about-run">
                     <span data-i18n="about_run_intro"></span>
                     <div class="icon icon--inline" aria-hidden="true">
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 512 512"
-                      >
+                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path
                           fill="currentColor"
                           d="M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c-7.6 4.2-12.3 12.3-12.3 20.9l0 176c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z"
@@ -824,23 +727,11 @@ <h2 id="modal-title" data-i18n="about_heading">
               title="Open a project from a file on your computer"
               aria-label="Open a project from a file on your computer"
             >
-              <label
-                for="fileInput"
-                class="sr-only"
-                data-i18n="open_file_input_label"
+              <label for="fileInput" class="sr-only" data-i18n="open_file_input_label"
                 >Select project file to open</label
               >
-              <input
-                type="file"
-                id="fileInput"
-                style="display: none"
-                disabled
-              />
-              <div
-                class="icon"
-                style="width: 1.25em; height: 1.25em"
-                aria-hidden="true"
-              >
+              <input type="file" id="fileInput" style="display: none" disabled />
+              <div class="icon" style="width: 1.25em; height: 1.25em" aria-hidden="true">
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                   <!--!Font Awesome Free v6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
                   <path
@@ -879,9 +770,7 @@ <h2 id="modal-title" data-i18n="about_heading">
                 </svg>
               </div>
             </button>
-            <div id="export-desc" class="sr-only">
-              Downloads your project to your computer
-            </div>
+            <div id="export-desc" class="sr-only">Downloads your project to your computer</div>
             <button id="exampleButton" class="bigbutton" disabled>
               <span data-i18n="demo">Demo</span>
               <span class="example-caret" aria-hidden="true">▾</span>
@@ -909,8 +798,7 @@ <h2 id="modal-title" data-i18n="about_heading">
               </div>
             </button>
             <div id="design-desc" class="sr-only">
-              Toggle design mode to visually create and modify 3D objects in
-              your scene
+              Toggle design mode to visually create and modify 3D objects in your scene
             </div>
             <button
               class="bigbutton"
@@ -969,22 +857,17 @@ <h2 id="modal-title" data-i18n="about_heading">
               aria-describedby="canvas-desc canvas-controls-desc"
             ></canvas>
             <div id="canvas-desc" class="sr-only">
-              Interactive 3D scene where your project runs. Use keyboard
-              controls to navigate and interact with objects.
+              Interactive 3D scene where your project runs. Use keyboard controls to navigate and
+              interact with objects.
             </div>
             <div id="canvas-controls-desc" class="sr-only">
-              Canvas keyboard controls: Arrow keys or WASD to move camera, Mouse
-              to look around, Space for actions, Tab to navigate to other
-              interface elements.
+              Canvas keyboard controls: Arrow keys or WASD to move camera, Mouse to look around,
+              Space for actions, Tab to navigate to other interface elements.
             </div>
             <div id="fullscreen-desc" class="sr-only">
               Toggle between fullscreen and windowed view of the application
             </div>
-            <div
-              id="canvasStoppedOverlay"
-              class="canvas-stopped-overlay"
-              hidden
-            >
+            <div id="canvasStoppedOverlay" class="canvas-stopped-overlay" hidden>
               <button
                 type="button"
                 class="canvas-stopped-overlay__play"
@@ -1005,323 +888,312 @@ <h2 id="modal-title" data-i18n="about_heading">
                 </span>
               </button>
             </div>
-            <aside
-              class="gizmo-buttons"
-              id="gizmoButtons"
-              aria-label="Design tools"
-            >
+            <aside class="gizmo-buttons" id="gizmoButtons" aria-label="Design tools">
               <div class="gizmo-buttons-inner">
-              <div id="shape-menu">
-                <!-- Gizmo button to toggle the shape menu -->
-                <button
-                  class="gizmo-button"
-                  id="showShapesButton"
-                  data-i18n="show_shapes_button"
-                  disabled
-                  aria-label="Add shapes and models"
-                  title="Add shapes and models"
-                  aria-expanded="false"
-                  aria-haspopup="true"
-                >
-                  <svg
-                    version="1.1"
-                    id="Layer_1"
-                    xmlns="http://www.w3.org/2000/svg"
-                    xmlns:xlink="http://www.w3.org/1999/xlink"
-                    x="0px"
-                    y="0px"
-                    width="122.875px"
-                    height="122.648px"
-                    viewBox="0 0 122.875 122.648"
-                    enable-background="new 0 0 122.875 122.648"
-                    xml:space="preserve"
+                <div id="shape-menu">
+                  <!-- Gizmo button to toggle the shape menu -->
+                  <button
+                    class="gizmo-button"
+                    id="showShapesButton"
+                    data-i18n="show_shapes_button"
+                    disabled
+                    aria-label="Add shapes and models"
+                    title="Add shapes and models"
+                    aria-expanded="false"
+                    aria-haspopup="true"
                   >
-                    <g>
-                      <path
-                        fill="currentColor"
-                        fill-rule="evenodd"
-                        clip-rule="evenodd"
-                        d="M108.993,47.079c7.683-0.059,13.898,6.12,13.882,13.805 c-0.018,7.683-6.26,13.959-13.942,14.019L75.24,75.138l-0.235,33.73c-0.063,7.619-6.338,13.789-14.014,13.78 c-7.678-0.01-13.848-6.197-13.785-13.818l0.233-33.497l-33.558,0.235C6.2,75.628-0.016,69.448,0,61.764 c0.018-7.683,6.261-13.959,13.943-14.018l33.692-0.236l0.236-33.73C47.935,6.161,54.209-0.009,61.885,0 c7.678,0.009,13.848,6.197,13.784,13.818l-0.233,33.497L108.993,47.079L108.993,47.079z"
-                      />
-                    </g>
-                  </svg>
-                </button>
+                    <svg
+                      version="1.1"
+                      id="Layer_1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      xmlns:xlink="http://www.w3.org/1999/xlink"
+                      x="0px"
+                      y="0px"
+                      width="122.875px"
+                      height="122.648px"
+                      viewBox="0 0 122.875 122.648"
+                      enable-background="new 0 0 122.875 122.648"
+                      xml:space="preserve"
+                    >
+                      <g>
+                        <path
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                          clip-rule="evenodd"
+                          d="M108.993,47.079c7.683-0.059,13.898,6.12,13.882,13.805 c-0.018,7.683-6.26,13.959-13.942,14.019L75.24,75.138l-0.235,33.73c-0.063,7.619-6.338,13.789-14.014,13.78 c-7.678-0.01-13.848-6.197-13.785-13.818l0.233-33.497l-33.558,0.235C6.2,75.628-0.016,69.448,0,61.764 c0.018-7.683,6.261-13.959,13.943-14.018l33.692-0.236l0.236-33.73C47.935,6.161,54.209-0.009,61.885,0 c7.678,0.009,13.848,6.197,13.784,13.818l-0.233,33.497L108.993,47.079L108.993,47.079z"
+                        />
+                      </g>
+                    </svg>
+                  </button>
 
-                <!-- Dropdown for shapes and models -->
-                <span id="shapes-dropdown" style="display: none">
-                  <!-- Shape Row -->
-                  <ul id="shape-row">
-                    <li>
+                  <!-- Dropdown for shapes and models -->
+                  <span id="shapes-dropdown" style="display: none">
+                    <!-- Shape Row -->
+                    <ul id="shape-row">
+                      <li>
+                        <button onclick="selectShape('create_box')" aria-label="Create box shape">
+                          <img src="./images/box.png" alt="Box" />
+                        </button>
+                      </li>
+                      <li>
+                        <button
+                          onclick="selectShape('create_sphere')"
+                          aria-label="Create sphere shape"
+                        >
+                          <img src="./images/sphere.png" alt="Sphere" />
+                        </button>
+                      </li>
+                      <li>
+                        <button
+                          onclick="selectShape('create_cylinder')"
+                          aria-label="Create cylinder shape"
+                        >
+                          <img src="./images/cylinder.png" alt="Cylinder" />
+                        </button>
+                      </li>
+                      <li>
+                        <button
+                          onclick="selectShape('create_capsule')"
+                          aria-label="Create capsule shape"
+                        >
+                          <img src="./images/capsule.png" alt="Capsule" />
+                        </button>
+                      </li>
+                      <li>
+                        <button
+                          onclick="selectShape('create_plane')"
+                          aria-label="Create plane shape"
+                        >
+                          <img src="./images/plane.png" alt="Plane" />
+                        </button>
+                      </li>
+                    </ul>
+                    <!-- Model Row with scroll buttons -->
+                    <div class="scrollable-container">
                       <button
-                        onclick="selectShape('create_box')"
-                        aria-label="Create box shape"
+                        class="scroll-button left"
+                        id="scrollModelsLeftButton"
+                        disabled
+                        aria-label="Scroll models left"
                       >
-                        <img src="./images/box.png" alt="Box" />
+                        &Lang;
                       </button>
-                    </li>
-                    <li>
+                      <ul id="model-row">
+                        <!-- Dynamically generated model items will be inserted here -->
+                      </ul>
                       <button
-                        onclick="selectShape('create_sphere')"
-                        aria-label="Create sphere shape"
+                        class="scroll-button right"
+                        id="scrollModelsRightButton"
+                        disabled
+                        aria-label="Scroll models right"
                       >
-                        <img src="./images/sphere.png" alt="Sphere" />
+                        &Rang;
                       </button>
-                    </li>
-                    <li>
+                    </div>
+                    <!-- Object Row -->
+                    <div class="scrollable-container">
                       <button
-                        onclick="selectShape('create_cylinder')"
-                        aria-label="Create cylinder shape"
+                        class="scroll-button left"
+                        id="scrollObjectsLeftButton"
+                        disabled
+                        aria-label="Scroll objects left"
                       >
-                        <img src="./images/cylinder.png" alt="Cylinder" />
+                        &Lang;
                       </button>
-                    </li>
-                    <li>
+                      <ul id="object-row">
+                        <!-- Dynamically generated object items will be inserted here -->
+                      </ul>
                       <button
-                        onclick="selectShape('create_capsule')"
-                        aria-label="Create capsule shape"
+                        class="scroll-button right"
+                        id="scrollObjectsRightButton"
+                        disabled
+                        aria-label="Scroll objects right"
                       >
-                        <img src="./images/capsule.png" alt="Capsule" />
+                        &Rang;
                       </button>
-                    </li>
-                    <li>
+                    </div>
+                    <!-- Character Row -->
+                    <div class="scrollable-container">
                       <button
-                        onclick="selectShape('create_plane')"
-                        aria-label="Create plane shape"
+                        class="scroll-button left"
+                        id="scrollCharactersLeftButton"
+                        disabled
+                        aria-label="Scroll characters left"
                       >
-                        <img src="./images/plane.png" alt="Plane" />
+                        &Lang;
                       </button>
-                    </li>
-                  </ul>
-                  <!-- Model Row with scroll buttons -->
-                  <div class="scrollable-container">
-                    <button
-                      class="scroll-button left"
-                      id="scrollModelsLeftButton"
-                      disabled
-                      aria-label="Scroll models left"
-                    >
-                      &Lang;
-                    </button>
-                    <ul id="model-row">
-                      <!-- Dynamically generated model items will be inserted here -->
-                    </ul>
-                    <button
-                      class="scroll-button right"
-                      id="scrollModelsRightButton"
-                      disabled
-                      aria-label="Scroll models right"
-                    >
-                      &Rang;
-                    </button>
-                  </div>
-                  <!-- Object Row -->
-                  <div class="scrollable-container">
-                    <button
-                      class="scroll-button left"
-                      id="scrollObjectsLeftButton"
-                      disabled
-                      aria-label="Scroll objects left"
-                    >
-                      &Lang;
-                    </button>
-                    <ul id="object-row">
-                      <!-- Dynamically generated object items will be inserted here -->
-                    </ul>
-                    <button
-                      class="scroll-button right"
-                      id="scrollObjectsRightButton"
-                      disabled
-                      aria-label="Scroll objects right"
-                    >
-                      &Rang;
-                    </button>
-                  </div>
-                  <!-- Character Row -->
-                  <div class="scrollable-container">
-                    <button
-                      class="scroll-button left"
-                      id="scrollCharactersLeftButton"
-                      disabled
-                      aria-label="Scroll characters left"
-                    >
-                      &Lang;
-                    </button>
-                    <ul id="character-row">
-                      <!-- Dynamically generated character items will be inserted here -->
-                    </ul>
-                    <button
-                      class="scroll-button right"
-                      id="scrollCharactersRightButton"
-                      disabled
-                      aria-label="Scroll characters right"
-                    >
-                      &Rang;
-                    </button>
-                  </div>
-                </span>
-              </div>
-              <button
-                class="gizmo-button"
-                id="colorPickerButton"
-                data-i18n="color_picker_button"
-                aria-label="Choose a color"
-                title="Choose a color"
-                aria-pressed="false"
-              >
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                  <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
-                  <path
-                    fill="currentColor"
-                    d="M512 256c0 .9 0 1.8 0 2.7c-.4 36.5-33.6 61.3-70.1 61.3L344 320c-26.5 0-48 21.5-48 48c0 3.4 .4 6.7 1 9.9c2.1 10.2 6.5 20 10.8 29.9c6.1 13.8 12.1 27.5 12.1 42c0 31.8-21.6 60.7-53.4 62c-3.5 .1-7 .2-10.6 .2C114.6 512 0 397.4 0 256S114.6 0 256 0S512 114.6 512 256zM128 288a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm0-96a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM288 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm96 96a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"
-                  />
-                </svg>
-              </button>
-              <button
-                class="gizmo-button"
-                id="positionButton"
-                data-i18n="position_button"
-                disabled
-                aria-label="Position mesh"
-                title="Position mesh"
-                aria-pressed="false"
-              >
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                  <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
-                  <path
-                    fill="currentColor"
-                    d="M278.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-64 64c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8l32 0 0 96-96 0 0-32c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-32 96 0 0 96-32 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l64 64c12.5 12.5 32.8 12.5 45.3 0l64-64c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8l-32 0 0-96 96 0 0 32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 32-96 0 0-96 32 0c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-64-64z"
-                  />
-                </svg>
-              </button>
-              <button
-                class="gizmo-button"
-                id="rotationButton"
-                data-i18n="rotation_button"
-                disabled
-                aria-label="Rotate mesh"
-                title="Rotate mesh"
-                aria-pressed="false"
-              >
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                  <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
-                  <path
-                    fill="currentColor"
-                    d="M142.9 142.9c-17.5 17.5-30.1 38-37.8 59.8c-5.9 16.7-24.2 25.4-40.8 19.5s-25.4-24.2-19.5-40.8C55.6 150.7 73.2 122 97.6 97.6c87.2-87.2 228.3-87.5 315.8-1L455 55c6.9-6.9 17.2-8.9 26.2-5.2s14.8 12.5 14.8 22.2l0 128c0 13.3-10.7 24-24 24l-8.4 0c0 0 0 0 0 0L344 224c-9.7 0-18.5-5.8-22.2-14.8s-1.7-19.3 5.2-26.2l41.1-41.1c-62.6-61.5-163.1-61.2-225.3 1zM16 312c0-13.3 10.7-24 24-24l7.6 0 .7 0L168 288c9.7 0 18.5 5.8 22.2 14.8s1.7 19.3-5.2 26.2l-41.1 41.1c62.6 61.5 163.1 61.2 225.3-1c17.5-17.5 30.1-38 37.8-59.8c5.9-16.7 24.2-25.4 40.8-19.5s25.4 24.2 19.5 40.8c-10.8 30.6-28.4 59.3-52.9 83.8c-87.2 87.2-228.3 87.5-315.8 1L57 457c-6.9 6.9-17.2 8.9-26.2 5.2S16 449.7 16 440l0-119.6 0-.7 0-7.6z"
-                  />
-                </svg>
-              </button>
-              <button
-                class="gizmo-button"
-                id="scaleButton"
-                data-i18n="scale_button"
-                disabled
-                aria-label="Scale mesh size"
-                title="Scale mesh size"
-                aria-pressed="false"
-              >
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                  <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
-                  <path
-                    fill="currentColor"
-                    d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"
-                  />
-                </svg>
-              </button>
-              <button
-                class="gizmo-button"
-                id="selectButton"
-                data-i18n="select_button"
-                disabled
-                aria-label="Select object"
-                title="Select object"
-                aria-pressed="false"
-              >
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
-                  <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
-                  <path
-                    fill="currentColor"
-                    d="M0 55.2L0 426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320l118.1 0c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"
-                  />
-                </svg>
-              </button>
-              <button
-                class="gizmo-button"
-                id="duplicateButton"
-                data-i18n="duplicate_button"
-                disabled
-                aria-label="Duplicate mesh"
-                title="Duplicate selected mesh"
-                aria-pressed="false"
-              >
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
-                  <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
-                  <path
-                    fill="currentColor"
-                    d="M208 0L332.1 0c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9L448 336c0 26.5-21.5 48-48 48l-192 0c-26.5 0-48-21.5-48-48l0-288c0-26.5 21.5-48 48-48zM48 128l80 0 0 64-64 0 0 256 192 0 0-32 64 0 0 48c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48L0 176c0-26.5 21.5-48 48-48z"
-                  />
-                </svg>
-              </button>
-              <button
-                class="gizmo-button"
-                id="deleteButton"
-                data-i18n="delete_button"
-                disabled
-                aria-label="Delete mesh"
-                title="Delete selected mesh"
-                aria-pressed="false"
-              >
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
-                  <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
-                  <path
-                    fill="currentColor"
-                    d="M135.2 17.7L128 32 32 32C14.3 32 0 46.3 0 64S14.3 96 32 96l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0-7.2-14.3C307.4 6.8 296.3 0 284.2 0L163.8 0c-12.1 0-23.2 6.8-28.6 17.7zM416 128L32 128 53.2 467c1.6 25.3 22.6 45 47.9 45l245.8 0c25.3 0 46.3-19.7 47.9-45L416 128z"
-                  />
-                </svg>
-              </button>
-              <button
-                class="gizmo-button"
-                id="cameraButton"
-                data-i18n="camera_button"
-                disabled
-                aria-label="Camera controls"
-                title="Camera controls"
-                aria-pressed="false"
-              >
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
-                  <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
-                  <path
-                    fill="currentColor"
-                    d="M0 128C0 92.7 28.7 64 64 64l256 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 448c-35.3 0-64-28.7-64-64L0 128zM559.1 99.8c10.4 5.6 16.9 16.4 16.9 28.2l0 256c0 11.8-6.5 22.6-16.9 28.2s-23 5-32.9-1.6l-96-64L416 337.1l0-17.1 0-128 0-17.1 14.2-9.5 96-64c9.8-6.5 22.4-7.2 32.9-1.6z"
-                  />
-                </svg>
-              </button>
-              <button
-                class="gizmo-button"
-                id="eyeButton"
-                data-i18n="eye_button"
-                disabled
-                aria-label="Orbit view"
-                title="Orbit around selected mesh"
-                aria-pressed="false"
-              >
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
-                  <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
-                  <path
-                    fill="currentColor"
-                    d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"
-                  />
-                </svg>
-              </button>
+                      <ul id="character-row">
+                        <!-- Dynamically generated character items will be inserted here -->
+                      </ul>
+                      <button
+                        class="scroll-button right"
+                        id="scrollCharactersRightButton"
+                        disabled
+                        aria-label="Scroll characters right"
+                      >
+                        &Rang;
+                      </button>
+                    </div>
+                  </span>
+                </div>
+                <button
+                  class="gizmo-button"
+                  id="colorPickerButton"
+                  data-i18n="color_picker_button"
+                  aria-label="Choose a color"
+                  title="Choose a color"
+                  aria-pressed="false"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                    <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+                    <path
+                      fill="currentColor"
+                      d="M512 256c0 .9 0 1.8 0 2.7c-.4 36.5-33.6 61.3-70.1 61.3L344 320c-26.5 0-48 21.5-48 48c0 3.4 .4 6.7 1 9.9c2.1 10.2 6.5 20 10.8 29.9c6.1 13.8 12.1 27.5 12.1 42c0 31.8-21.6 60.7-53.4 62c-3.5 .1-7 .2-10.6 .2C114.6 512 0 397.4 0 256S114.6 0 256 0S512 114.6 512 256zM128 288a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm0-96a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM288 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm96 96a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"
+                    />
+                  </svg>
+                </button>
+                <button
+                  class="gizmo-button"
+                  id="positionButton"
+                  data-i18n="position_button"
+                  disabled
+                  aria-label="Position mesh"
+                  title="Position mesh"
+                  aria-pressed="false"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                    <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+                    <path
+                      fill="currentColor"
+                      d="M278.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-64 64c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8l32 0 0 96-96 0 0-32c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-32 96 0 0 96-32 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l64 64c12.5 12.5 32.8 12.5 45.3 0l64-64c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8l-32 0 0-96 96 0 0 32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 32-96 0 0-96 32 0c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-64-64z"
+                    />
+                  </svg>
+                </button>
+                <button
+                  class="gizmo-button"
+                  id="rotationButton"
+                  data-i18n="rotation_button"
+                  disabled
+                  aria-label="Rotate mesh"
+                  title="Rotate mesh"
+                  aria-pressed="false"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                    <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+                    <path
+                      fill="currentColor"
+                      d="M142.9 142.9c-17.5 17.5-30.1 38-37.8 59.8c-5.9 16.7-24.2 25.4-40.8 19.5s-25.4-24.2-19.5-40.8C55.6 150.7 73.2 122 97.6 97.6c87.2-87.2 228.3-87.5 315.8-1L455 55c6.9-6.9 17.2-8.9 26.2-5.2s14.8 12.5 14.8 22.2l0 128c0 13.3-10.7 24-24 24l-8.4 0c0 0 0 0 0 0L344 224c-9.7 0-18.5-5.8-22.2-14.8s-1.7-19.3 5.2-26.2l41.1-41.1c-62.6-61.5-163.1-61.2-225.3 1zM16 312c0-13.3 10.7-24 24-24l7.6 0 .7 0L168 288c9.7 0 18.5 5.8 22.2 14.8s1.7 19.3-5.2 26.2l-41.1 41.1c62.6 61.5 163.1 61.2 225.3-1c17.5-17.5 30.1-38 37.8-59.8c5.9-16.7 24.2-25.4 40.8-19.5s25.4 24.2 19.5 40.8c-10.8 30.6-28.4 59.3-52.9 83.8c-87.2 87.2-228.3 87.5-315.8 1L57 457c-6.9 6.9-17.2 8.9-26.2 5.2S16 449.7 16 440l0-119.6 0-.7 0-7.6z"
+                    />
+                  </svg>
+                </button>
+                <button
+                  class="gizmo-button"
+                  id="scaleButton"
+                  data-i18n="scale_button"
+                  disabled
+                  aria-label="Scale mesh size"
+                  title="Scale mesh size"
+                  aria-pressed="false"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                    <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+                    <path
+                      fill="currentColor"
+                      d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"
+                    />
+                  </svg>
+                </button>
+                <button
+                  class="gizmo-button"
+                  id="selectButton"
+                  data-i18n="select_button"
+                  disabled
+                  aria-label="Select object"
+                  title="Select object"
+                  aria-pressed="false"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
+                    <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+                    <path
+                      fill="currentColor"
+                      d="M0 55.2L0 426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320l118.1 0c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"
+                    />
+                  </svg>
+                </button>
+                <button
+                  class="gizmo-button"
+                  id="duplicateButton"
+                  data-i18n="duplicate_button"
+                  disabled
+                  aria-label="Duplicate mesh"
+                  title="Duplicate selected mesh"
+                  aria-pressed="false"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+                    <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+                    <path
+                      fill="currentColor"
+                      d="M208 0L332.1 0c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9L448 336c0 26.5-21.5 48-48 48l-192 0c-26.5 0-48-21.5-48-48l0-288c0-26.5 21.5-48 48-48zM48 128l80 0 0 64-64 0 0 256 192 0 0-32 64 0 0 48c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48L0 176c0-26.5 21.5-48 48-48z"
+                    />
+                  </svg>
+                </button>
+                <button
+                  class="gizmo-button"
+                  id="deleteButton"
+                  data-i18n="delete_button"
+                  disabled
+                  aria-label="Delete mesh"
+                  title="Delete selected mesh"
+                  aria-pressed="false"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+                    <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+                    <path
+                      fill="currentColor"
+                      d="M135.2 17.7L128 32 32 32C14.3 32 0 46.3 0 64S14.3 96 32 96l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0-7.2-14.3C307.4 6.8 296.3 0 284.2 0L163.8 0c-12.1 0-23.2 6.8-28.6 17.7zM416 128L32 128 53.2 467c1.6 25.3 22.6 45 47.9 45l245.8 0c25.3 0 46.3-19.7 47.9-45L416 128z"
+                    />
+                  </svg>
+                </button>
+                <button
+                  class="gizmo-button"
+                  id="cameraButton"
+                  data-i18n="camera_button"
+                  disabled
+                  aria-label="Camera controls"
+                  title="Camera controls"
+                  aria-pressed="false"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
+                    <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+                    <path
+                      fill="currentColor"
+                      d="M0 128C0 92.7 28.7 64 64 64l256 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 448c-35.3 0-64-28.7-64-64L0 128zM559.1 99.8c10.4 5.6 16.9 16.4 16.9 28.2l0 256c0 11.8-6.5 22.6-16.9 28.2s-23 5-32.9-1.6l-96-64L416 337.1l0-17.1 0-128 0-17.1 14.2-9.5 96-64c9.8-6.5 22.4-7.2 32.9-1.6z"
+                    />
+                  </svg>
+                </button>
+                <button
+                  class="gizmo-button"
+                  id="eyeButton"
+                  data-i18n="eye_button"
+                  disabled
+                  aria-label="Orbit view"
+                  title="Orbit around selected mesh"
+                  aria-pressed="false"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
+                    <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+                    <path
+                      fill="currentColor"
+                      d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"
+                    />
+                  </svg>
+                </button>
               </div>
               <p id="gizmoStatus" class="gizmo-status" role="status"></p>
             </aside>
             <!-- Info panel collapse starts -->
 
-            <aside
-              id="info-panel"
-              role="complementary"
-              aria-label="Information panel"
-            >
+            <aside id="info-panel" role="complementary" aria-label="Information panel">
               <div id="info-panel-body"></div>
               <div id="info-panel-tabs">
                 <div
@@ -1339,14 +1211,8 @@ <h2 id="modal-title" data-i18n="about_heading">
                     aria-label="Visit Flock XR website (opens in new tab)"
                     title="Visit Flock XR website"
                   >
-                    <img
-                      src="./images/inline-flock-xr.svg"
-                      alt="Flock XR logo"
-                      id="flocklogo"
-                    />
-                    <span class="sr-only">
-                      Visit Flock XR website in a new tab
-                    </span>
+                    <img src="./images/inline-flock-xr.svg" alt="Flock XR logo" id="flocklogo" />
+                    <span class="sr-only"> Visit Flock XR website in a new tab </span>
                   </a>
                 </div>
               </div>
@@ -1372,14 +1238,10 @@ <h2 id="modal-title" data-i18n="about_heading">
               tabindex="-1"
             ></div>
             <div id="blockly-desc" class="sr-only">
-              Drag and drop code blocks to create your program. Use arrow keys
-              and Enter to navigate and interact with blocks.
+              Drag and drop code blocks to create your program. Use arrow keys and Enter to navigate
+              and interact with blocks.
             </div>
-            <div
-              id="blocklyZoomControls"
-              role="toolbar"
-              aria-label="Workspace controls"
-            >
+            <div id="blocklyZoomControls" role="toolbar" aria-label="Workspace controls">
               <button
                 class="bigbutton"
                 id="workspaceSearchBtn"
@@ -1494,18 +1356,11 @@ <h2 id="modal-title" data-i18n="about_heading">
         >
           <img src="./images/inline-flock-xr.svg" alt="" />
         </a>
-        <div id="switch-desc" class="sr-only">
-          Toggle between coding view and 3D scene view
-        </div>
+        <div id="switch-desc" class="sr-only">Toggle between coding view and 3D scene view</div>
       </div>
 
       <!-- Live region for dynamic announcements -->
-      <div
-        id="announcements"
-        aria-live="polite"
-        aria-atomic="true"
-        class="sr-only"
-      ></div>
+      <div id="announcements" aria-live="polite" aria-atomic="true" class="sr-only"></div>
     </div>
     <script>
       window.BABYLON_SKIP_FONT_LOADING = true;
diff --git a/input/bindings.js b/input/bindings.js
index 02a74fd80..b4b137a9d 100644
--- a/input/bindings.js
+++ b/input/bindings.js
@@ -1,32 +1,32 @@
 export const ACTIONS = Object.freeze([
-  "FORWARD",
-  "BACKWARD",
-  "LEFT",
-  "RIGHT",
-  "BUTTON1",
-  "BUTTON2",
-  "BUTTON3",
-  "BUTTON4",
-  "A11Y_I",
-  "A11Y_J",
-  "A11Y_K",
-  "A11Y_L",
+  'FORWARD',
+  'BACKWARD',
+  'LEFT',
+  'RIGHT',
+  'BUTTON1',
+  'BUTTON2',
+  'BUTTON3',
+  'BUTTON4',
+  'A11Y_I',
+  'A11Y_J',
+  'A11Y_K',
+  'A11Y_L',
 ]);
 
 export const DEFAULT_BINDINGS = Object.freeze({
-  FORWARD: ["w", "z"],
-  BACKWARD: ["s"],
-  LEFT: ["a", "q"],
-  RIGHT: ["d"],
-  BUTTON1: ["r", "1"],
-  BUTTON2: ["e", "2"],
-  BUTTON3: ["f", "3"],
-  BUTTON4: [" ", "4"],
+  FORWARD: ['w', 'z'],
+  BACKWARD: ['s'],
+  LEFT: ['a', 'q'],
+  RIGHT: ['d'],
+  BUTTON1: ['r', '1'],
+  BUTTON2: ['e', '2'],
+  BUTTON3: ['f', '3'],
+  BUTTON4: [' ', '4'],
   // Virtual keys for gamepad-only accessibility actions (no real keyboard equivalent).
-  A11Y_I: ["a11y_i"],
-  A11Y_J: ["a11y_j"],
-  A11Y_K: ["a11y_k"],
-  A11Y_L: ["a11y_l"],
+  A11Y_I: ['a11y_i'],
+  A11Y_J: ['a11y_j'],
+  A11Y_K: ['a11y_k'],
+  A11Y_L: ['a11y_l'],
 });
 
 export function getBoundKeys(action, overrides) {
diff --git a/input/gamepadSource.js b/input/gamepadSource.js
index 6f989d7b8..42477ce22 100644
--- a/input/gamepadSource.js
+++ b/input/gamepadSource.js
@@ -2,12 +2,12 @@
 // runtime setActionKey overrides are respected) plus any fixed extra keys that
 // are not part of the action binding (e.g. PageUp/PageDown for Babylon camera).
 const BUTTON_ACTIONS = {
-  0:  { action: 'BUTTON4' },
-  1:  { action: 'BUTTON2' },
-  2:  { action: 'BUTTON3', extra: ['PageDown'] },
-  3:  { action: 'BUTTON1', extra: ['PageUp'] },
-  6:  { action: 'BUTTON2' },
-  7:  { action: 'BUTTON2' },
+  0: { action: 'BUTTON4' },
+  1: { action: 'BUTTON2' },
+  2: { action: 'BUTTON3', extra: ['PageDown'] },
+  3: { action: 'BUTTON1', extra: ['PageUp'] },
+  6: { action: 'BUTTON2' },
+  7: { action: 'BUTTON2' },
 };
 
 // D-pad (buttons 12-15): use accessibility actions when the gamepad has a left
@@ -26,8 +26,8 @@ const DPAD_MOVEMENT = {
 };
 
 const AXES = {
-  0: { name: 'MOVE_X', negAction: 'LEFT',     posAction: 'RIGHT' },
-  1: { name: 'MOVE_Y', negAction: 'FORWARD',  posAction: 'BACKWARD' },
+  0: { name: 'MOVE_X', negAction: 'LEFT', posAction: 'RIGHT' },
+  1: { name: 'MOVE_Y', negAction: 'FORWARD', posAction: 'BACKWARD' },
   2: { name: 'LOOK_X' },
   3: { name: 'LOOK_Y' },
 };
diff --git a/input/inputManager.js b/input/inputManager.js
index 950c79eca..3463d7683 100644
--- a/input/inputManager.js
+++ b/input/inputManager.js
@@ -1,9 +1,9 @@
-import { DEFAULT_BINDINGS } from "./bindings.js";
-import { normaliseKey } from "./normaliseKey.js";
+import { DEFAULT_BINDINGS } from './bindings.js';
+import { normaliseKey } from './normaliseKey.js';
 
 // Reverse maps built from DEFAULT_BINDINGS (static — overrides not reflected here).
 const ACTION_KEYS = new Map(
-  Object.entries(DEFAULT_BINDINGS).map(([action, keys]) => [action, keys]),
+  Object.entries(DEFAULT_BINDINGS).map(([action, keys]) => [action, keys])
 );
 
 const KEY_TO_ACTIONS = new Map();
@@ -41,8 +41,8 @@ export class InputManager {
   #keys = new Map();
   #axes = new Map();
   #actionOverrides = new Map();
-  #lastKeyRepeatTime = new Map();  // key → timestamp of last repeat
-  #lastActionRepeatTime = new Map();  // action → timestamp of last repeat
+  #lastKeyRepeatTime = new Map(); // key → timestamp of last repeat
+  #lastActionRepeatTime = new Map(); // action → timestamp of last repeat
 
   onKeyDownObservable = new SimpleObservable();
   onKeyUpObservable = new SimpleObservable();
@@ -69,7 +69,7 @@ export class InputManager {
       const next = count - 1;
       if (next === 0) {
         this.#keys.delete(key);
-        this.#lastKeyRepeatTime.delete(key);  // Clean up repeat timestamp
+        this.#lastKeyRepeatTime.delete(key); // Clean up repeat timestamp
         this.onKeyUpObservable.notifyObservers(key);
         this._notifyActionUp(key);
       } else {
@@ -100,7 +100,7 @@ export class InputManager {
   _notifyActionDown(key) {
     for (const action of this._getActionsForKey(key)) {
       const wasAlreadyActive = this._getActionKeys(action).some(
-        (k) => k !== key && (this.#keys.get(k) ?? 0) > 0,
+        (k) => k !== key && (this.#keys.get(k) ?? 0) > 0
       );
       if (!wasAlreadyActive) {
         this.onActionDownObservable.notifyObservers(action);
@@ -110,11 +110,9 @@ export class InputManager {
 
   _notifyActionUp(key) {
     for (const action of this._getActionsForKey(key)) {
-      const stillActive = this._getActionKeys(action).some(
-        (k) => (this.#keys.get(k) ?? 0) > 0,
-      );
+      const stillActive = this._getActionKeys(action).some((k) => (this.#keys.get(k) ?? 0) > 0);
       if (!stillActive) {
-        this.#lastActionRepeatTime.delete(action);  // Clean up repeat timestamp
+        this.#lastActionRepeatTime.delete(action); // Clean up repeat timestamp
         this.onActionUpObservable.notifyObservers(action);
       }
     }
@@ -122,10 +120,7 @@ export class InputManager {
 
   // Case-insensitive: stored keys are already canonical (lowercase single chars).
   isKeyDown(key) {
-    return (
-      (this.#keys.get(key) ?? 0) > 0 ||
-      (this.#keys.get(key.toLowerCase()) ?? 0) > 0
-    );
+    return (this.#keys.get(key) ?? 0) > 0 || (this.#keys.get(key.toLowerCase()) ?? 0) > 0;
   }
 
   isActionDown(action) {
diff --git a/input/joystickSource.js b/input/joystickSource.js
index 0a11a7564..810885c8a 100644
--- a/input/joystickSource.js
+++ b/input/joystickSource.js
@@ -27,7 +27,11 @@ export class JoystickSource {
   #boundPointerMove;
   #boundPointerUp;
 
-  constructor(inputManager, onScreenSource, { canvas, thumbEllipse, baseRadius, thumbRadius = 0, scene } = {}) {
+  constructor(
+    inputManager,
+    onScreenSource,
+    { canvas, thumbEllipse, baseRadius, thumbRadius = 0, scene } = {}
+  ) {
     this.#inputManager = inputManager;
     this.#onScreenSource = onScreenSource;
     this.#canvas = canvas;
@@ -238,10 +242,22 @@ export class JoystickSource {
   }
 
   #releaseShimKeys() {
-    if (this.#heldForward) { this.#onScreenSource.release('w'); this.#heldForward = false; }
-    if (this.#heldBackward) { this.#onScreenSource.release('s'); this.#heldBackward = false; }
-    if (this.#heldLeft) { this.#onScreenSource.release('a'); this.#heldLeft = false; }
-    if (this.#heldRight) { this.#onScreenSource.release('d'); this.#heldRight = false; }
+    if (this.#heldForward) {
+      this.#onScreenSource.release('w');
+      this.#heldForward = false;
+    }
+    if (this.#heldBackward) {
+      this.#onScreenSource.release('s');
+      this.#heldBackward = false;
+    }
+    if (this.#heldLeft) {
+      this.#onScreenSource.release('a');
+      this.#heldLeft = false;
+    }
+    if (this.#heldRight) {
+      this.#onScreenSource.release('d');
+      this.#heldRight = false;
+    }
   }
 
   #resetThumb() {
diff --git a/input/keyboardSource.js b/input/keyboardSource.js
index 17ce42cc8..a4535cf0c 100644
--- a/input/keyboardSource.js
+++ b/input/keyboardSource.js
@@ -1,4 +1,4 @@
-import { normaliseKey } from "./normaliseKey.js";
+import { normaliseKey } from './normaliseKey.js';
 
 export class KeyboardSource {
   #inputManager;
@@ -25,7 +25,7 @@ export class KeyboardSource {
       // Don't feed scene/input events to the running project while the user is
       // interacting with an open modal dialog (e.g. navigating the demo picker
       // with arrow keys) — the focused control, not the scene, owns the key.
-      if (event.target?.closest?.(".modal:not(.hidden)")) return;
+      if (event.target?.closest?.('.modal:not(.hidden)')) return;
       this.#inputManager._notifyRawKeyDown(event);
     };
 
@@ -52,7 +52,7 @@ export class KeyboardSource {
       if (event.__flockSynthetic) return;
       // macOS browsers suppress keyup for keys released while ⌘ is held, so
       // anything still tracked when ⌘ comes up would be stuck down forever.
-      if (event.key === "Meta") {
+      if (event.key === 'Meta') {
         this.#releaseAll();
         return;
       }
@@ -106,20 +106,20 @@ export class KeyboardSource {
   start() {
     if (this.#started) return;
     this.#started = true;
-    document.addEventListener("keydown", this.#onDocKeyDown, true);
-    this.#target.addEventListener("keydown", this.#onKeyDown);
-    this.#target.addEventListener("keyup", this.#onKeyUp);
-    this.#target.addEventListener("blur", this.#onTargetBlur);
-    window.addEventListener("blur", this.#onWindowBlur);
+    document.addEventListener('keydown', this.#onDocKeyDown, true);
+    this.#target.addEventListener('keydown', this.#onKeyDown);
+    this.#target.addEventListener('keyup', this.#onKeyUp);
+    this.#target.addEventListener('blur', this.#onTargetBlur);
+    window.addEventListener('blur', this.#onWindowBlur);
   }
 
   stop() {
     if (!this.#started) return;
     this.#started = false;
-    document.removeEventListener("keydown", this.#onDocKeyDown, true);
-    this.#target.removeEventListener("keydown", this.#onKeyDown);
-    this.#target.removeEventListener("keyup", this.#onKeyUp);
-    this.#target.removeEventListener("blur", this.#onTargetBlur);
-    window.removeEventListener("blur", this.#onWindowBlur);
+    document.removeEventListener('keydown', this.#onDocKeyDown, true);
+    this.#target.removeEventListener('keydown', this.#onKeyDown);
+    this.#target.removeEventListener('keyup', this.#onKeyUp);
+    this.#target.removeEventListener('blur', this.#onTargetBlur);
+    window.removeEventListener('blur', this.#onWindowBlur);
   }
 }
diff --git a/input/normaliseKey.js b/input/normaliseKey.js
index 41541a8fc..f3acd7af5 100644
--- a/input/normaliseKey.js
+++ b/input/normaliseKey.js
@@ -1,5 +1,5 @@
 export function normaliseKey(key) {
-  if (key === " " || key === "Spacebar") return " ";
+  if (key === ' ' || key === 'Spacebar') return ' ';
   if (key.length === 1) return key.toLowerCase();
   return key;
 }
diff --git a/input/onScreenSource.js b/input/onScreenSource.js
index 1737de8b7..d5bd6b9c9 100644
--- a/input/onScreenSource.js
+++ b/input/onScreenSource.js
@@ -1,22 +1,22 @@
-import { normaliseKey } from "./normaliseKey.js";
+import { normaliseKey } from './normaliseKey.js';
 
 const KEY_CODE_MAP = {
-  "ArrowUp":    { code: "ArrowUp",    keyCode: 38 },
-  "ArrowDown":  { code: "ArrowDown",  keyCode: 40 },
-  "ArrowLeft":  { code: "ArrowLeft",  keyCode: 37 },
-  "ArrowRight": { code: "ArrowRight", keyCode: 39 },
-  "PageUp":     { code: "PageUp",     keyCode: 33 },
-  "PageDown":   { code: "PageDown",   keyCode: 34 },
-  " ":          { code: "Space",      keyCode: 32 },
-  "a":          { code: "KeyA",       keyCode: 65 },
-  "d":          { code: "KeyD",       keyCode: 68 },
-  "e":          { code: "KeyE",       keyCode: 69 },
-  "f":          { code: "KeyF",       keyCode: 70 },
-  "q":          { code: "KeyQ",       keyCode: 81 },
-  "r":          { code: "KeyR",       keyCode: 82 },
-  "s":          { code: "KeyS",       keyCode: 83 },
-  "w":          { code: "KeyW",       keyCode: 87 },
-  "z":          { code: "KeyZ",       keyCode: 90 },
+  ArrowUp: { code: 'ArrowUp', keyCode: 38 },
+  ArrowDown: { code: 'ArrowDown', keyCode: 40 },
+  ArrowLeft: { code: 'ArrowLeft', keyCode: 37 },
+  ArrowRight: { code: 'ArrowRight', keyCode: 39 },
+  PageUp: { code: 'PageUp', keyCode: 33 },
+  PageDown: { code: 'PageDown', keyCode: 34 },
+  ' ': { code: 'Space', keyCode: 32 },
+  a: { code: 'KeyA', keyCode: 65 },
+  d: { code: 'KeyD', keyCode: 68 },
+  e: { code: 'KeyE', keyCode: 69 },
+  f: { code: 'KeyF', keyCode: 70 },
+  q: { code: 'KeyQ', keyCode: 81 },
+  r: { code: 'KeyR', keyCode: 82 },
+  s: { code: 'KeyS', keyCode: 83 },
+  w: { code: 'KeyW', keyCode: 87 },
+  z: { code: 'KeyZ', keyCode: 90 },
 };
 
 function codeFor(key) {
@@ -37,7 +37,7 @@ export class OnScreenSource {
 
   constructor(inputManager, { target, scene } = {}) {
     this.#inputManager = inputManager;
-    this.#target = target ?? (typeof document !== "undefined" ? document : null);
+    this.#target = target ?? (typeof document !== 'undefined' ? document : null);
     this.#scene = scene;
   }
 
@@ -99,7 +99,7 @@ export class OnScreenSource {
     this.#pressedKeys.set(normalized, count + 1);
     if (!this.#paused) this.#inputManager._setKey(normalized, true);
     if (count === 0) {
-      this.#dispatchKey("keydown", normalized);
+      this.#dispatchKey('keydown', normalized);
     }
   }
 
@@ -115,7 +115,7 @@ export class OnScreenSource {
       }
       if (!this.#paused) this.#inputManager._setKey(normalized, false);
       if (next === 0) {
-        this.#dispatchKey("keyup", normalized);
+        this.#dispatchKey('keyup', normalized);
       }
     }
   }
@@ -127,7 +127,7 @@ export class OnScreenSource {
       for (let i = 0; i < count; i++) {
         this.#inputManager._setKey(key, false);
       }
-      this.#dispatchKey("keyup", key);
+      this.#dispatchKey('keyup', key);
     }
     this.#pressedKeys.clear();
   }
diff --git a/input/xrSource.js b/input/xrSource.js
index 310ed3925..d5947148e 100644
--- a/input/xrSource.js
+++ b/input/xrSource.js
@@ -1,19 +1,19 @@
 const XR_BUTTON_KEYS = {
   left: {
-    "x-button": ["f"],   // BUTTON3
-    "y-button": ["e"],   // BUTTON2
+    'x-button': ['f'], // BUTTON3
+    'y-button': ['e'], // BUTTON2
   },
   right: {
-    "a-button": [" "],   // BUTTON4
-    "b-button": ["r"],   // BUTTON1
+    'a-button': [' '], // BUTTON4
+    'b-button': ['r'], // BUTTON1
   },
 };
 
 const XR_AXES = {
   thumbstick: {
     axes: [
-      { axisIndex: 0, name: "XR_MOVE_X", shimKeys: { neg: "a", pos: "d" } },
-      { axisIndex: 1, name: "XR_MOVE_Y", shimKeys: { neg: "w", pos: "s" } },
+      { axisIndex: 0, name: 'XR_MOVE_X', shimKeys: { neg: 'a', pos: 'd' } },
+      { axisIndex: 1, name: 'XR_MOVE_Y', shimKeys: { neg: 'w', pos: 's' } },
     ],
   },
 };
@@ -32,7 +32,7 @@ export class XRSource {
   // inputSource → { mcObserver, mcObservable, btnObservers[], heldKeys, motionController, handedness }
   #controllerState = new Map();
   #thumbstickHeld = new Set();
-  #allHeldKeys = new Set();  // Union of all held keys across buttons and thumbsticks
+  #allHeldKeys = new Set(); // Union of all held keys across buttons and thumbsticks
 
   constructor(inputManager, { xrHelper, scene }) {
     this.#inputManager = inputManager;
@@ -44,15 +44,13 @@ export class XRSource {
     if (this.#started) return;
     this.#started = true;
 
-    this.#controllerAddedObserver =
-      this.#xrHelper.input.onControllerAddedObservable.add((controller) =>
-        this.#onControllerAdded(controller),
-      );
+    this.#controllerAddedObserver = this.#xrHelper.input.onControllerAddedObservable.add(
+      (controller) => this.#onControllerAdded(controller)
+    );
 
-    this.#controllerRemovedObserver =
-      this.#xrHelper.input.onControllerRemovedObservable.add((controller) =>
-        this.#onControllerRemoved(controller),
-      );
+    this.#controllerRemovedObserver = this.#xrHelper.input.onControllerRemovedObservable.add(
+      (controller) => this.#onControllerRemoved(controller)
+    );
 
     this.#frameObserver = this.#scene.onBeforeRenderObservable.add(() => {
       this.#pollThumbsticks();
@@ -67,14 +65,10 @@ export class XRSource {
     if (!this.#started) return;
     this.#started = false;
 
-    this.#xrHelper.input.onControllerAddedObservable.remove(
-      this.#controllerAddedObserver,
-    );
+    this.#xrHelper.input.onControllerAddedObservable.remove(this.#controllerAddedObserver);
     this.#controllerAddedObserver = null;
 
-    this.#xrHelper.input.onControllerRemovedObservable.remove(
-      this.#controllerRemovedObserver,
-    );
+    this.#xrHelper.input.onControllerRemovedObservable.remove(this.#controllerRemovedObserver);
     this.#controllerRemovedObserver = null;
 
     this.#scene.onBeforeRenderObservable.remove(this.#frameObserver);
@@ -126,40 +120,36 @@ export class XRSource {
     };
     this.#controllerState.set(controller.inputSource, state);
 
-    state.mcObserver = controller.onMotionControllerInitObservable.addOnce(
-      (motionController) => {
-        state.motionController = motionController;
-        state.mcObserver = null;
-
-        for (const [componentId, keys] of Object.entries(buttonMap)) {
-          const component = motionController.getComponent(componentId);
-          if (!component) continue;
-
-          let lastPressedState = false;
-          const btnObserver = component.onButtonStateChangedObservable.add(
-            () => {
-              const isPressed = component.pressed;
-              if (isPressed === lastPressedState) return;
-              lastPressedState = isPressed;
-              for (const key of keys) {
-                this.#inputManager._setKey(key, isPressed);
-                if (isPressed) {
-                  state.heldKeys.add(key);
-                  this.#allHeldKeys.add(key);
-                } else {
-                  state.heldKeys.delete(key);
-                  this.#allHeldKeys.delete(key);
-                }
-              }
-            },
-          );
-          state.btnObservers.push({
-            observable: component.onButtonStateChangedObservable,
-            observer: btnObserver,
-          });
-        }
-      },
-    );
+    state.mcObserver = controller.onMotionControllerInitObservable.addOnce((motionController) => {
+      state.motionController = motionController;
+      state.mcObserver = null;
+
+      for (const [componentId, keys] of Object.entries(buttonMap)) {
+        const component = motionController.getComponent(componentId);
+        if (!component) continue;
+
+        let lastPressedState = false;
+        const btnObserver = component.onButtonStateChangedObservable.add(() => {
+          const isPressed = component.pressed;
+          if (isPressed === lastPressedState) return;
+          lastPressedState = isPressed;
+          for (const key of keys) {
+            this.#inputManager._setKey(key, isPressed);
+            if (isPressed) {
+              state.heldKeys.add(key);
+              this.#allHeldKeys.add(key);
+            } else {
+              state.heldKeys.delete(key);
+              this.#allHeldKeys.delete(key);
+            }
+          }
+        });
+        state.btnObservers.push({
+          observable: component.onButtonStateChangedObservable,
+          observer: btnObserver,
+        });
+      }
+    });
   }
 
   #onControllerRemoved(controller) {
@@ -177,7 +167,7 @@ export class XRSource {
     }
     this.#releaseControllerKeys(state);
 
-    if (state.handedness === "left") {
+    if (state.handedness === 'left') {
       for (const key of this.#thumbstickHeld) {
         this.#inputManager._setKey(key, false);
         this.#allHeldKeys.delete(key);
@@ -196,7 +186,7 @@ export class XRSource {
   #pollThumbsticks() {
     let mc = null;
     for (const [, state] of this.#controllerState) {
-      if (state.handedness === "left" && state.motionController) {
+      if (state.handedness === 'left' && state.motionController) {
         mc = state.motionController;
         break;
       }
@@ -216,7 +206,7 @@ export class XRSource {
       return;
     }
 
-    const thumbstick = mc.getComponent("xr-standard-thumbstick");
+    const thumbstick = mc.getComponent('xr-standard-thumbstick');
     if (!thumbstick) return;
 
     const rawValues = [thumbstick.axes?.x ?? 0, thumbstick.axes?.y ?? 0];
diff --git a/locale/de.js b/locale/de.js
index f795a9b60..76bf3adc3 100644
--- a/locale/de.js
+++ b/locale/de.js
@@ -655,7 +655,8 @@ export default {
     'Legt die Taste fest, die eine bestimmte Aktion auslöst (vorwärts, rückwärts, links, rechts oder Tasten).',
   meshes_touching_tooltip:
     'Gibt true zurück, wenn die zwei gewählten Objekte sich berühren.\nSchlüsselwort: istouching',
-  time_tooltip: 'Gibt die verstrichene Zeit zurück. Pausiert, während der Tab verborgen ist – ideal für Spiel-Timer und Countdowns.', // ai
+  time_tooltip:
+    'Gibt die verstrichene Zeit zurück. Pausiert, während der Tab verborgen ist – ideal für Spiel-Timer und Countdowns.', // ai
   ground_level_tooltip: 'Gibt die Bodenhöhe an der aktuellen x/z-Position zurück.',
   distance_to_tooltip: 'Berechnet den Abstand zwischen zwei Objekten.',
   touching_surface_tooltip: 'Prüft, ob das Objekt eine Oberfläche berührt.\nSchlüsselwort: surface',
@@ -713,7 +714,8 @@ export default {
   // Tooltip translations - Text blocks
   comment_tooltip: 'Ein Kommentar, um den Code verständlicher zu machen.',
   print_text_tooltip: 'Gibt Text im Ausgabebereich aus.\nSchlüsselwort: print',
-  subtitle_tooltip: 'Zeigt Text als Untertitel auf dem Bildschirm. 0 Sekunden bleibt bis zum nächsten.\nSchlüsselwort: subtitle', // ai
+  subtitle_tooltip:
+    'Zeigt Text als Untertitel auf dem Bildschirm. 0 Sekunden bleibt bis zum nächsten.\nSchlüsselwort: subtitle', // ai
   say_tooltip: 'Zeigt einen Text als Sprechblase auf einem Objekt an.\nSchlüsselwort: say',
   describe_tooltip:
     'Setzt den Anzeigenamen eines Objekts. Aktualisiert die Metadaten für Barrierefreiheit.\nSchlüsselwort: describe',
@@ -770,316 +772,316 @@ export default {
     'Lässt einen Gamecontroller in einem Wiederholungsmuster vibrieren. Wähle Motor, Stärke (0 bis 1), An-Zeit, Aus-Zeit und Anzahl der Wiederholungen.\nStichwort: rumble pattern',
 
   // Dropdown option translations
-  AWAIT_option: "warten",
-  START_option: "starten",
-  CREATE_option: "erstellen",
-
-  Linear_option: "Linear",
-  SineEase_option: "Sinus-Easing",
-  CubicEase_option: "Kubisch-Easing",
-  QuadraticEase_option: "Quadratisch-Easing",
-  ExponentialEase_option: "Exponential-Easing",
-  BounceEase_option: "Sprung-Easing",
-  ElasticEase_option: "Elastisch-Easing",
-  BackEase_option: "Zurück-Easing",
-  TOWARDS_option: "towards",
-  SAME_ROTATION_option: "same rotation as",
-
-  EASEIN_option: "ease-in",
-  EASEOUT_option: "ease-out",
-  EASEINOUT_option: "ease-in-out",
-
-  play_option: "▶️ Abspielen",
-  pause_option: "⏸️ Pause",
-  stop_option: "⏹️ Stopp",
-  start_option: "▶️ Start",
-  reset_option: "🔄 Zurücksetzen",
-
-  diffuseColor_option: "Diffuse Farbe",
-  emissiveColor_option: "Emissive Farbe",
-  ambientColor_option: "Umgebungsfarbe",
-  specularColor_option: "Spiegelungsfarbe",
-  alpha_option: "Alpha",
-  color_option: "Farbe",
-  position_option: "Position",
-  rotation_option: "Rotation",
-  scaling_option: "Skalierung",
-  position_x_option: "position.x",
-  position_y_option: "position.y",
-  position_z_option: "position.z",
-  rotation_x_option: "rotation.x",
-  rotation_y_option: "rotation.y",
-  rotation_z_option: "rotation.z",
-  scaling_x_option: "scaling.x",
-  scaling_y_option: "scaling.y",
-  scaling_z_option: "scaling.z",
-
-  rotateLeft_option: "Nach links drehen",
-  rotateRight_option: "Nach rechts drehen",
-  rotateUp_option: "Nach oben sehen",
-  rotateDown_option: "Nach unten sehen",
-  moveUp_option: "Nach oben bewegen",
-  moveDown_option: "Nach unten bewegen",
-  moveLeft_option: "Nach links bewegen",
-  moveRight_option: "Nach rechts bewegen",
-
-  TOP_option: "oben",
-  CENTER_option: "zentrum",
-  BOTTOM_option: "unten",
-  CENTRE_option: "zentrum",
-  LEFT_option: "links",
-  RIGHT_option: "rechts",
-  BASE_option: "basis",
-  FRONT_option: "vorne",
-  BACK_option: "hinten",
-  forward_option: "vorwärts",
-  sideways_option: "seitlich",
-  up_option: "hoch", // ai
-  strafe_option: "strafen",
-  MIN_option: "min",
-  MAX_option: "max",
-  user_option: "vorne",
-  environment_option: "hinten",
-
-  LINEAR_option: "Linear",
-  NONE_option: "Keiner",
-  EXP_option: "Exp",
-  EXP2_option: "Exp2",
-
-  OnPickTrigger_option: "geklickt",
-  OnLeftPickTrigger_option: "interagieren",
-  OnDoublePickTrigger_option: "Doppelklick",
-  OnPickDownTrigger_option: "Interaktion Start",
-  OnPickUpTrigger_option: "Interaktion Ende",
-  OnIntersectionEnterTrigger_option: "betreten",
-  OnIntersectionExitTrigger_option: "verlassen",
-
-  pressed_option: "gedrückt",
-  released_option: "losgelassen",
-  starts_option: "beginnt",
-  ends_option: "endet",
-
-  DYNAMIC_option: "dynamisch",
-  ANIMATED_option: "animiert",
-  STATIC_option: "statisch",
-
-  MESH_option: "Objekt",
-  CAPSULE_option: "Kapsel",
-
-  BOTH_option: "beides",
-  ARROWS_option: "Pfeile",
-  ACTIONS_option: "Aktionen",
-  JOYSTICK_option: "Joystick", // ai
-  YES_option: "ja", // ai
-  NO_option: "nein", // ai
-  ACTION_FORWARD_option: "vorwärts",
-  ACTION_BACKWARD_option: "rückwärts",
-  ACTION_LEFT_option: "links",
-  ACTION_RIGHT_option: "rechts",
-  ACTION_BUTTON1_option: "Taste 1",
-  ACTION_BUTTON2_option: "Taste 2",
-  ACTION_BUTTON3_option: "Taste 3",
-  ACTION_BUTTON4_option: "Taste 4",
-
-  AUTO_option: "auto",
-  ENABLED_option: "aktiviert",
-  DISABLED_option: "deaktiviert",
-
-  ONCE_option: "einmal",
-  LOOP_option: "schleife",
-  everywhere_option: "überall",
-
-  theme_bright_option: "Lebhaft",
-  theme_calm_option: "Ruhig",
-  theme_electronic_option: "Elektronisch",
-  theme_game_option: "Spiel",
-  theme_medieval_option: "Mittelalterlich",
-  theme_metal_option: "Metal",
-
-  sound_highDown_option: "Hoch Runter",
-  sound_highUp_option: "Hoch Rauf",
-  sound_laser1_option: "Laser 1",
-  sound_laser2_option: "Laser 2",
-  sound_laser3_option: "Laser 3",
-  sound_lowDown_option: "Tief Runter",
-  sound_lowRandom_option: "Tief Zufällig",
-  sound_lowThreeTone_option: "Tief Dreiklang",
-  sound_phaseJump1_option: "Phasensprung 1",
-  sound_powerUp1_option: "Energie 1",
-  sound_powerUp2_option: "Energie 2",
-  sound_powerUp3_option: "Energie 3",
-  sound_powerUp4_option: "Energie 4",
-  sound_powerUp5_option: "Energie 5",
-  sound_spaceTrash_option: "Weltraumschrott",
-  sound_threeTone1_option: "Dreiklang 1",
-  sound_threeTone2_option: "Dreiklang 2",
-
-  sine_option: "Sinus",
-  square_option: "Rechteck",
-  sawtooth_option: "Sägezahn",
-  triangle_option: "Dreieck",
-
-  none_option: "kein",
-  tremolo_option: "Tremolo",
-  vibrato_option: "Vibrato",
-  warble_option: "Trillern",
-  robot_option: "Roboter",
-
-  default_option: "Standardinstrument (Sinus)",
-  piano_option: "Klavier (Rechteck)",
-  guitar_option: "Gitarre (Sägezahn)",
-  violin_option: "Violine (Dreieck)",
-
-  female_option: "weiblich",
-  male_option: "männlich",
-  en_GB_option: "Englisch (UK)",
-  en_US_option: "Englisch (US)",
+  AWAIT_option: 'warten',
+  START_option: 'starten',
+  CREATE_option: 'erstellen',
+
+  Linear_option: 'Linear',
+  SineEase_option: 'Sinus-Easing',
+  CubicEase_option: 'Kubisch-Easing',
+  QuadraticEase_option: 'Quadratisch-Easing',
+  ExponentialEase_option: 'Exponential-Easing',
+  BounceEase_option: 'Sprung-Easing',
+  ElasticEase_option: 'Elastisch-Easing',
+  BackEase_option: 'Zurück-Easing',
+  TOWARDS_option: 'towards',
+  SAME_ROTATION_option: 'same rotation as',
+
+  EASEIN_option: 'ease-in',
+  EASEOUT_option: 'ease-out',
+  EASEINOUT_option: 'ease-in-out',
+
+  play_option: '▶️ Abspielen',
+  pause_option: '⏸️ Pause',
+  stop_option: '⏹️ Stopp',
+  start_option: '▶️ Start',
+  reset_option: '🔄 Zurücksetzen',
+
+  diffuseColor_option: 'Diffuse Farbe',
+  emissiveColor_option: 'Emissive Farbe',
+  ambientColor_option: 'Umgebungsfarbe',
+  specularColor_option: 'Spiegelungsfarbe',
+  alpha_option: 'Alpha',
+  color_option: 'Farbe',
+  position_option: 'Position',
+  rotation_option: 'Rotation',
+  scaling_option: 'Skalierung',
+  position_x_option: 'position.x',
+  position_y_option: 'position.y',
+  position_z_option: 'position.z',
+  rotation_x_option: 'rotation.x',
+  rotation_y_option: 'rotation.y',
+  rotation_z_option: 'rotation.z',
+  scaling_x_option: 'scaling.x',
+  scaling_y_option: 'scaling.y',
+  scaling_z_option: 'scaling.z',
+
+  rotateLeft_option: 'Nach links drehen',
+  rotateRight_option: 'Nach rechts drehen',
+  rotateUp_option: 'Nach oben sehen',
+  rotateDown_option: 'Nach unten sehen',
+  moveUp_option: 'Nach oben bewegen',
+  moveDown_option: 'Nach unten bewegen',
+  moveLeft_option: 'Nach links bewegen',
+  moveRight_option: 'Nach rechts bewegen',
+
+  TOP_option: 'oben',
+  CENTER_option: 'zentrum',
+  BOTTOM_option: 'unten',
+  CENTRE_option: 'zentrum',
+  LEFT_option: 'links',
+  RIGHT_option: 'rechts',
+  BASE_option: 'basis',
+  FRONT_option: 'vorne',
+  BACK_option: 'hinten',
+  forward_option: 'vorwärts',
+  sideways_option: 'seitlich',
+  up_option: 'hoch', // ai
+  strafe_option: 'strafen',
+  MIN_option: 'min',
+  MAX_option: 'max',
+  user_option: 'vorne',
+  environment_option: 'hinten',
+
+  LINEAR_option: 'Linear',
+  NONE_option: 'Keiner',
+  EXP_option: 'Exp',
+  EXP2_option: 'Exp2',
+
+  OnPickTrigger_option: 'geklickt',
+  OnLeftPickTrigger_option: 'interagieren',
+  OnDoublePickTrigger_option: 'Doppelklick',
+  OnPickDownTrigger_option: 'Interaktion Start',
+  OnPickUpTrigger_option: 'Interaktion Ende',
+  OnIntersectionEnterTrigger_option: 'betreten',
+  OnIntersectionExitTrigger_option: 'verlassen',
+
+  pressed_option: 'gedrückt',
+  released_option: 'losgelassen',
+  starts_option: 'beginnt',
+  ends_option: 'endet',
+
+  DYNAMIC_option: 'dynamisch',
+  ANIMATED_option: 'animiert',
+  STATIC_option: 'statisch',
+
+  MESH_option: 'Objekt',
+  CAPSULE_option: 'Kapsel',
+
+  BOTH_option: 'beides',
+  ARROWS_option: 'Pfeile',
+  ACTIONS_option: 'Aktionen',
+  JOYSTICK_option: 'Joystick', // ai
+  YES_option: 'ja', // ai
+  NO_option: 'nein', // ai
+  ACTION_FORWARD_option: 'vorwärts',
+  ACTION_BACKWARD_option: 'rückwärts',
+  ACTION_LEFT_option: 'links',
+  ACTION_RIGHT_option: 'rechts',
+  ACTION_BUTTON1_option: 'Taste 1',
+  ACTION_BUTTON2_option: 'Taste 2',
+  ACTION_BUTTON3_option: 'Taste 3',
+  ACTION_BUTTON4_option: 'Taste 4',
+
+  AUTO_option: 'auto',
+  ENABLED_option: 'aktiviert',
+  DISABLED_option: 'deaktiviert',
+
+  ONCE_option: 'einmal',
+  LOOP_option: 'schleife',
+  everywhere_option: 'überall',
+
+  theme_bright_option: 'Lebhaft',
+  theme_calm_option: 'Ruhig',
+  theme_electronic_option: 'Elektronisch',
+  theme_game_option: 'Spiel',
+  theme_medieval_option: 'Mittelalterlich',
+  theme_metal_option: 'Metal',
+
+  sound_highDown_option: 'Hoch Runter',
+  sound_highUp_option: 'Hoch Rauf',
+  sound_laser1_option: 'Laser 1',
+  sound_laser2_option: 'Laser 2',
+  sound_laser3_option: 'Laser 3',
+  sound_lowDown_option: 'Tief Runter',
+  sound_lowRandom_option: 'Tief Zufällig',
+  sound_lowThreeTone_option: 'Tief Dreiklang',
+  sound_phaseJump1_option: 'Phasensprung 1',
+  sound_powerUp1_option: 'Energie 1',
+  sound_powerUp2_option: 'Energie 2',
+  sound_powerUp3_option: 'Energie 3',
+  sound_powerUp4_option: 'Energie 4',
+  sound_powerUp5_option: 'Energie 5',
+  sound_spaceTrash_option: 'Weltraumschrott',
+  sound_threeTone1_option: 'Dreiklang 1',
+  sound_threeTone2_option: 'Dreiklang 2',
+
+  sine_option: 'Sinus',
+  square_option: 'Rechteck',
+  sawtooth_option: 'Sägezahn',
+  triangle_option: 'Dreieck',
+
+  none_option: 'kein',
+  tremolo_option: 'Tremolo',
+  vibrato_option: 'Vibrato',
+  warble_option: 'Trillern',
+  robot_option: 'Roboter',
+
+  default_option: 'Standardinstrument (Sinus)',
+  piano_option: 'Klavier (Rechteck)',
+  guitar_option: 'Gitarre (Sägezahn)',
+  violin_option: 'Violine (Dreieck)',
+
+  female_option: 'weiblich',
+  male_option: 'männlich',
+  en_GB_option: 'Englisch (UK)',
+  en_US_option: 'Englisch (US)',
   es_option: 'Spanisch', // ai
 
-  ADD_option: "hinzufügen",
-  REPLACE_option: "ersetzen",
-
-  _14px_option: "klein",
-  _18px_option: "mittel",
-  _24px_option: "groß",
-
-  __fonts_FreeSans_Bold_json_option: "Free Sans",
-
-  VR_option: "VR (Oculus Quest oder Handy-Viewer)",
-  AR_option: "AR (Augmented Reality)",
-  MAGIC_WINDOW_option: "Magic Window (Rundumsicht)",
-
-  circular_depression_png_option: "Kreisförmige Senke",
-  checkerboard_png_option: "Schachbrett",
-  sloped_plane_png_option: "Schräge Ebene",
-  cove_plateau_png_option: "Küstenplateau",
-  random_hills_png_option: "Zufällige Hügel",
-  diagonal_ridge_png_option: "Diagonaler Kamm",
-  mixed_heights_png_option: "Gemischte Höhen",
-  uneven_terrain_png_option: "Unebenes Gelände",
-
-  Idle_option: "Ruhen",
-  Walk_option: "Gehen",
-  Run_option: "Laufen",
-  Wave_option: "Winken",
-  Yes_option: "Ja",
-  No_option: "Nein",
-  Duck_option: "Ducken",
-  Fall_option: "Fallen",
-  Fly_option: "Fliegen",
-  Jump_option: "Springen",
-  Flip_option: "Salto",
-  Dance1_option: "Tanz 1",
-  Dance2_option: "Tanz 2",
-  Dance3_option: "Tanz 3",
-  Dance4_option: "Tanz 4",
-  JumpUp_option: "Hochsprung",
-  JumpIdle_option: "Sprung-Idle",
-  JumpLand_option: "Landen",
-  Punch_option: "Schlagen",
-  HitReact_option: "Getroffen",
-  Idle_Hold_option: "Ruhen (Halten)",
-  Walk_Hold_option: "Gehen (Halten)",
-  Run_Hold_option: "Laufen (Halten)",
-  Idle_Attack_option: "Angriff-Idle",
-  Walk_Attack_option: "Gehen Angriff",
-  Run_Attack_option: "Laufen Angriff",
-  Sit_Down_option: "Hinsetzen",
-  Sitting_option: "Sitzen",
-  Stand_Up_option: "Aufstehen",
-  Wobble_option: "Wackeln",
-  Clap_option: "Klatschen",
-  Climb_rope_option: "Am Seil klettern",
-
-  loading_ui: "Flock XR wird geladen...",
-  loading_success_ui: "Flock XR erfolgreich geladen",
-  canvas_accessible_name_ui: "3D scene",
-  loading_title_ui: "Flock XR wird geladen",
-  import_project_file_ui: "Projektdatei importieren",
-
-  demo_ui: "Demo",
-  new_ui: "Neu",
-  starter_ui: "👋🏽 Starter",
-  character_designer_ui: "👚 Charakter-Designer",
-  controller_starter_ui: "🎮 Controller-Starter",
-  snow_globe_ui: "❄️ Schneekugel",
-  forest_base_ui: "🌲 Wald-Basis",
-  character_animation_ui: "🎥 Charakter-Animation",
-  cube_art_ui: "🎨 Würfel-Kunst",
-  physics_fun_ui: "👆🏾 Physik-Spaß",
-  collect_the_gems_ui: "💎 Sammle die Edelsteine",
-  water_map_ui: "💧 Wasserkarte",
-  skittles_ui: "🎳 Kegeln",
-  beetle_ui: "🎲 Käfer",
-  roominator_ui: "🛋️ Raum-Designer",
-  sit_down_ui: "🪑 Hinsetzen",
-  ball_pit_ui: "🟠 Bällebad",
-  ur_enough_ui: "💗 Du bist genug!",
-  tallest_buildings_ui: "📊 Höchste Gebäude",
-  candy_dash_ui: "🎃 Süßigkeiten-Dash",
-  flockenspiel_ui: "🎵 Flockenspiel",
-  pendant_ui: "📿 3D-Anhänger",
-  tent_lights_ui: "⛺ Zeltlichter",
-  my_place_ui: "🏠 Mein Ort",
-  microbit_monkey_ui: "🐵 micro:bit-Affe",
-  tree_jump_ui: "🌳 Baum-Sprung",
-  shape_push_ui: "🔶 Form schieben",
-  alien_planet_ui: "👽 Alien-Planet",
-  boat_trip_ui: "⛵ Boat trip",
-
-  main_menu_ui: "Hauptmenü",
-  menu_button_sr_label_ui: "Menü",
-  project_submenu_ui: "Projekt",
-  project_new_ui: "Neu",
-  project_open_ui: "Öffnen",
-  project_save_ui: "Speichern",
-  language_submenu_ui: "Sprache",
-  about_submenu_ui: "Über",
-  hub_submenu_ui: "Hub",
-  theme_submenu_ui: "Thema",
-  light_theme_ui: "Hell",
-  dark_theme_ui: "Dunkel 2",
-  dark_contrast_theme_ui: "Kontrast Dunkel",
-  low_vision_theme_ui: "Niedrige Sehkraft",
-  contrast_theme_ui: "Kontrast",
-  run_code_button_ui: "Code ausführen",
-  stop_code_button_ui: "Code stoppen",
-  canvas_overlay_play_ui: "Zum Starten auf Play drücken", // ai
-  open_button_ui: "Projekt von Datei öffnen",
-  open_file_input_label_ui: "Projektdatei zum Öffnen auswählen",
-  export_code_button_ui: "Projekt speichern",
-  example_select_ui: "Beispielprojekt auswählen",
-  demo_heading_ui: "Demos", // ai
-  close_demos_ui: "Demos schließen", // ai
-  examples_cat_start_ui: "Start", // ai
-  examples_cat_games_ui: "Spiele", // ai
-  examples_cat_physics_ui: "Physik", // ai
-  examples_cat_worlds_ui: "Welten", // ai
-  examples_cat_create_ui: "Kreativ", // ai
-  examples_cat_xr_ui: "XR", // ai
-  toggle_design_ui: "Projekt designen",
-  toggle_play_ui: "Projekt nutzen",
-  fullscreen_toggle_ui: "Vollbild umschalten",
-  show_shapes_button_ui: "Formen und Modelle",
-  color_picker_button_ui: "Farbe wählen",
-  position_button_ui: "Positionieren",
-  rotation_button_ui: "Rotieren",
-  scale_button_ui: "Skalieren",
-  select_button_ui: "Objekt auswählen",
-  duplicate_button_ui: "Duplizieren",
-  delete_button_ui: "Löschen",
-  camera_button_ui: "Kamera-Steuerung",
-  eye_button_ui: "Um ausgewähltes Objekt kreisen",
-  info_panel_link_ui: "Flock XR Webseite (neuer Tab)",
-  skip_to_scene_ui: "Zur 3D-Szene springen", // ai
-  project_name_ui: "Projektname",
-  keyboard_controls_ui: "Tastatursteuerung [Ctrl + /]",
-  keyboard_menu_ui: "Hauptmenü",
-  keyboard_play_ui: "Abspielen",
-  keyboard_gizmos_ui: "Gizmos",
-
-  keyboard_workspace_ui: "Code-Editor",
-  keyboard_navigation_ui: "Navigationsleiste (überschriebene Shortcuts)",
+  ADD_option: 'hinzufügen',
+  REPLACE_option: 'ersetzen',
+
+  _14px_option: 'klein',
+  _18px_option: 'mittel',
+  _24px_option: 'groß',
+
+  __fonts_FreeSans_Bold_json_option: 'Free Sans',
+
+  VR_option: 'VR (Oculus Quest oder Handy-Viewer)',
+  AR_option: 'AR (Augmented Reality)',
+  MAGIC_WINDOW_option: 'Magic Window (Rundumsicht)',
+
+  circular_depression_png_option: 'Kreisförmige Senke',
+  checkerboard_png_option: 'Schachbrett',
+  sloped_plane_png_option: 'Schräge Ebene',
+  cove_plateau_png_option: 'Küstenplateau',
+  random_hills_png_option: 'Zufällige Hügel',
+  diagonal_ridge_png_option: 'Diagonaler Kamm',
+  mixed_heights_png_option: 'Gemischte Höhen',
+  uneven_terrain_png_option: 'Unebenes Gelände',
+
+  Idle_option: 'Ruhen',
+  Walk_option: 'Gehen',
+  Run_option: 'Laufen',
+  Wave_option: 'Winken',
+  Yes_option: 'Ja',
+  No_option: 'Nein',
+  Duck_option: 'Ducken',
+  Fall_option: 'Fallen',
+  Fly_option: 'Fliegen',
+  Jump_option: 'Springen',
+  Flip_option: 'Salto',
+  Dance1_option: 'Tanz 1',
+  Dance2_option: 'Tanz 2',
+  Dance3_option: 'Tanz 3',
+  Dance4_option: 'Tanz 4',
+  JumpUp_option: 'Hochsprung',
+  JumpIdle_option: 'Sprung-Idle',
+  JumpLand_option: 'Landen',
+  Punch_option: 'Schlagen',
+  HitReact_option: 'Getroffen',
+  Idle_Hold_option: 'Ruhen (Halten)',
+  Walk_Hold_option: 'Gehen (Halten)',
+  Run_Hold_option: 'Laufen (Halten)',
+  Idle_Attack_option: 'Angriff-Idle',
+  Walk_Attack_option: 'Gehen Angriff',
+  Run_Attack_option: 'Laufen Angriff',
+  Sit_Down_option: 'Hinsetzen',
+  Sitting_option: 'Sitzen',
+  Stand_Up_option: 'Aufstehen',
+  Wobble_option: 'Wackeln',
+  Clap_option: 'Klatschen',
+  Climb_rope_option: 'Am Seil klettern',
+
+  loading_ui: 'Flock XR wird geladen...',
+  loading_success_ui: 'Flock XR erfolgreich geladen',
+  canvas_accessible_name_ui: '3D scene',
+  loading_title_ui: 'Flock XR wird geladen',
+  import_project_file_ui: 'Projektdatei importieren',
+
+  demo_ui: 'Demo',
+  new_ui: 'Neu',
+  starter_ui: '👋🏽 Starter',
+  character_designer_ui: '👚 Charakter-Designer',
+  controller_starter_ui: '🎮 Controller-Starter',
+  snow_globe_ui: '❄️ Schneekugel',
+  forest_base_ui: '🌲 Wald-Basis',
+  character_animation_ui: '🎥 Charakter-Animation',
+  cube_art_ui: '🎨 Würfel-Kunst',
+  physics_fun_ui: '👆🏾 Physik-Spaß',
+  collect_the_gems_ui: '💎 Sammle die Edelsteine',
+  water_map_ui: '💧 Wasserkarte',
+  skittles_ui: '🎳 Kegeln',
+  beetle_ui: '🎲 Käfer',
+  roominator_ui: '🛋️ Raum-Designer',
+  sit_down_ui: '🪑 Hinsetzen',
+  ball_pit_ui: '🟠 Bällebad',
+  ur_enough_ui: '💗 Du bist genug!',
+  tallest_buildings_ui: '📊 Höchste Gebäude',
+  candy_dash_ui: '🎃 Süßigkeiten-Dash',
+  flockenspiel_ui: '🎵 Flockenspiel',
+  pendant_ui: '📿 3D-Anhänger',
+  tent_lights_ui: '⛺ Zeltlichter',
+  my_place_ui: '🏠 Mein Ort',
+  microbit_monkey_ui: '🐵 micro:bit-Affe',
+  tree_jump_ui: '🌳 Baum-Sprung',
+  shape_push_ui: '🔶 Form schieben',
+  alien_planet_ui: '👽 Alien-Planet',
+  boat_trip_ui: '⛵ Boat trip',
+
+  main_menu_ui: 'Hauptmenü',
+  menu_button_sr_label_ui: 'Menü',
+  project_submenu_ui: 'Projekt',
+  project_new_ui: 'Neu',
+  project_open_ui: 'Öffnen',
+  project_save_ui: 'Speichern',
+  language_submenu_ui: 'Sprache',
+  about_submenu_ui: 'Über',
+  hub_submenu_ui: 'Hub',
+  theme_submenu_ui: 'Thema',
+  light_theme_ui: 'Hell',
+  dark_theme_ui: 'Dunkel 2',
+  dark_contrast_theme_ui: 'Kontrast Dunkel',
+  low_vision_theme_ui: 'Niedrige Sehkraft',
+  contrast_theme_ui: 'Kontrast',
+  run_code_button_ui: 'Code ausführen',
+  stop_code_button_ui: 'Code stoppen',
+  canvas_overlay_play_ui: 'Zum Starten auf Play drücken', // ai
+  open_button_ui: 'Projekt von Datei öffnen',
+  open_file_input_label_ui: 'Projektdatei zum Öffnen auswählen',
+  export_code_button_ui: 'Projekt speichern',
+  example_select_ui: 'Beispielprojekt auswählen',
+  demo_heading_ui: 'Demos', // ai
+  close_demos_ui: 'Demos schließen', // ai
+  examples_cat_start_ui: 'Start', // ai
+  examples_cat_games_ui: 'Spiele', // ai
+  examples_cat_physics_ui: 'Physik', // ai
+  examples_cat_worlds_ui: 'Welten', // ai
+  examples_cat_create_ui: 'Kreativ', // ai
+  examples_cat_xr_ui: 'XR', // ai
+  toggle_design_ui: 'Projekt designen',
+  toggle_play_ui: 'Projekt nutzen',
+  fullscreen_toggle_ui: 'Vollbild umschalten',
+  show_shapes_button_ui: 'Formen und Modelle',
+  color_picker_button_ui: 'Farbe wählen',
+  position_button_ui: 'Positionieren',
+  rotation_button_ui: 'Rotieren',
+  scale_button_ui: 'Skalieren',
+  select_button_ui: 'Objekt auswählen',
+  duplicate_button_ui: 'Duplizieren',
+  delete_button_ui: 'Löschen',
+  camera_button_ui: 'Kamera-Steuerung',
+  eye_button_ui: 'Um ausgewähltes Objekt kreisen',
+  info_panel_link_ui: 'Flock XR Webseite (neuer Tab)',
+  skip_to_scene_ui: 'Zur 3D-Szene springen', // ai
+  project_name_ui: 'Projektname',
+  keyboard_controls_ui: 'Tastatursteuerung [Ctrl + /]',
+  keyboard_menu_ui: 'Hauptmenü',
+  keyboard_play_ui: 'Abspielen',
+  keyboard_gizmos_ui: 'Gizmos',
+
+  keyboard_workspace_ui: 'Code-Editor',
+  keyboard_navigation_ui: 'Navigationsleiste (überschriebene Shortcuts)',
 
   // Accessibility and announcements
   unmute_audio_aria: 'Audio einschalten.',
@@ -1161,8 +1163,7 @@ export default {
   select_mesh_eye_prompt: 'ℹ️ Klicke auf ein Objekt, um es zu umkreisen.',
   place_object_prompt: 'ℹ️ Klicke auf eine Fläche, um das Objekt zu platzieren.',
   position_readout: 'Position: {position}',
-  eyedropper_not_supported_alert:
-    'Die Farbauswahl ist in Chrome/Edge auf dem Desktop verfügbar.', // ai
+  eyedropper_not_supported_alert: 'Die Farbauswahl ist in Chrome/Edge auf dem Desktop verfügbar.', // ai
   blocks_copied_alert: 'Blöcke in den lokalen Speicher kopiert!',
   no_blocks_to_copy_alert: 'Keine Blöcke zum Kopieren verfügbar.',
   copy_blocks_failed_alert: 'Kopieren der Blöcke fehlgeschlagen.',
diff --git a/locale/en.js b/locale/en.js
index 463127f1b..44731f0b8 100644
--- a/locale/en.js
+++ b/locale/en.js
@@ -520,8 +520,7 @@ export default {
   decal_tooltip: 'Create a decal on an object with position, normal, size, and material.',
   highlight_tooltip: 'Highlight the selected object.\nKeyword: highlight',
   glow_tooltip: 'Adds a glow effect to the selected object.\nKeyword: glow',
-  set_shadow_tooltip:
-    'Toggle whether an object casts a shadow.\nKeyword: shadow',
+  set_shadow_tooltip: 'Toggle whether an object casts a shadow.\nKeyword: shadow',
   enable_shadows_tooltip: 'Turn scene shadows on or off.\nKeyword: shadows',
   tint_tooltip: 'Add color tint effect.\nKeyword: tint',
   set_alpha_tooltip:
@@ -559,7 +558,8 @@ export default {
     'Set the key that triggers a specific action (forward, backward, left, right, or buttons).',
   meshes_touching_tooltip:
     'Return true if the two selected objects are touching.\nKeyword: istouching',
-  time_tooltip: 'Return the elapsed time. Pauses while the tab is hidden, so it\'s best for game timers and countdowns.',
+  time_tooltip:
+    "Return the elapsed time. Pauses while the tab is hidden, so it's best for game timers and countdowns.",
   ground_level_tooltip: 'Return the ground height at the current x/z position.',
   distance_to_tooltip: 'Calculate the distance between two objects.',
   touching_surface_tooltip: 'Check if the object is touching a surface.\nKeyword: surface',
@@ -618,13 +618,13 @@ export default {
   instrument_tooltip: 'Select an instrument to use for playing notes.',
   speak_tooltip:
     'Convert text to speech using the Web Speech API with optional 3D positioning.\nKeyword: speak',
-  enable_subtitles_tooltip:
-    'Show on-screen subtitles for spoken text.\nKeyword: subtitles',
+  enable_subtitles_tooltip: 'Show on-screen subtitles for spoken text.\nKeyword: subtitles',
 
   // Tooltip translations - Text blocks
   comment_tooltip: 'A comment line to help people understand your code.',
   print_text_tooltip: 'A text to the output panel.\nKeyword: print',
-  subtitle_tooltip: 'Show text as an on-screen subtitle. 0 seconds stays until replaced.\nKeyword: subtitle',
+  subtitle_tooltip:
+    'Show text as an on-screen subtitle. 0 seconds stays until replaced.\nKeyword: subtitle',
   say_tooltip: 'Display a piece of text as a speech bubble on an object.\nKeyword: say',
   describe_tooltip:
     'Set the display name for an object. This updates the object metadata for accessibility.\nKeyword: describe',
@@ -1043,99 +1043,99 @@ export default {
   Climb_rope_option: 'Climb rope',
 
   // HTML translations
-  loading_ui: "Loading Flock XR...",
-  loading_success_ui: "Flock XR loaded successfully",
-  canvas_accessible_name_ui: "3D scene",
-  loading_title_ui: "Loading Flock XR",
-  import_project_file_ui: "Import project file",
-
-  demo_ui: "Demo",
-  new_ui: "New",
-  starter_ui: "👋🏽 Starter",
-  character_designer_ui: "👚 Character designer",
-  controller_starter_ui: "🎮 Controller starter",
-  snow_globe_ui: "❄️ Snow globe",
-  forest_base_ui: "🌲 Forest base",
-  character_animation_ui: "🎥 Character animation",
-  cube_art_ui: "🎨 Cube art",
-  physics_fun_ui: "👆🏾 Physics fun",
-  collect_the_gems_ui: "💎 Collect the gems",
-  water_map_ui: "💧 Water map",
-  skittles_ui: "🎳 Skittles",
-  beetle_ui: "🎲 Beetle",
-  roominator_ui: "🛋️ Roominator",
-  sit_down_ui: "🪑 Sit down",
-  ball_pit_ui: "🟠 Ball pit",
-  ur_enough_ui: "💗 UR enough!",
-  tallest_buildings_ui: "📊 Tallest buildings",
-  candy_dash_ui: "🎃 Candy dash",
-  flockenspiel_ui: "🎵 Flockenspiel",
-  pendant_ui: "📿 3D-printable pendant",
-  tent_lights_ui: "⛺ Festival tent",
-  my_place_ui: "🏠 My place",
-  microbit_monkey_ui: "🐵 micro:bit monkey",
-  tree_jump_ui: "🌳 Tree jump",
-  shape_push_ui: "🔶 Shape push",
-  alien_planet_ui: "👽 Alien planet",
-  boat_trip_ui: "⛵ Boat trip",
-  main_menu_ui: "Main menu",
-  menu_button_sr_label_ui: "Menu",
-  project_submenu_ui: "Project",
-  project_new_ui: "New",
-  project_open_ui: "Open",
-  project_save_ui: "Save",
-  language_submenu_ui: "Language",
-  about_submenu_ui: "About",
-  hub_submenu_ui: "Hub",
-
-  theme_submenu_ui: "Theme",
-  light_theme_ui: "Light",
-  dark_theme_ui: "Dark 2",
-  dark_contrast_theme_ui: "Dark",
-  low_vision_theme_ui: "Low vision",
-  contrast_theme_ui: "Contrast",
-
-  run_code_button_ui: "Run your code",
-  stop_code_button_ui: "Stop your code",
-  canvas_overlay_play_ui: "Press Play to start",
-  open_button_ui: "Open a project from a file on your computer",
-  open_file_input_label_ui: "Select project file to open",
-  export_code_button_ui: "Save this project to a file on your computer.",
-  example_select_ui: "Choose an example project to load",
-  demo_heading_ui: "Demos",
-  close_demos_ui: "Close demos",
-  examples_cat_start_ui: "Start",
-  examples_cat_games_ui: "Games",
-  examples_cat_physics_ui: "Physics",
-  examples_cat_worlds_ui: "Worlds",
-  examples_cat_create_ui: "Creative",
-  examples_cat_xr_ui: "XR",
-
-  toggle_design_ui: "Design your project",
-  toggle_play_ui: "Use your project",
-  fullscreen_toggle_ui: "Switch between fullscreen and normal views.",
-
-  show_shapes_button_ui: "Add shapes and models",
-  color_picker_button_ui: "Choose a color",
-  position_button_ui: "Position object",
-  rotation_button_ui: "Rotate object",
-  scale_button_ui: "Scale object size",
-  select_button_ui: "Select object",
-  duplicate_button_ui: "Duplicate selected object",
-  delete_button_ui: "Delete selected object",
-  camera_button_ui: "Camera controls",
-  eye_button_ui: "Orbit around selected object",
-
-  info_panel_link_ui: "Visit Flock XR website (opens in new tab)",
-  skip_to_scene_ui: "Skip to 3D scene",
-
-  project_name_ui: "Project name",
-
-  about_heading_ui: "About Flock XR",
-  about_description_intro_ui: "Flock XR is a",
-  about_description_prototype_ui: "web app",
-  about_description_made_by_ui: " made by ",
-  about_description_company_ui: "Flip Computing",
+  loading_ui: 'Loading Flock XR...',
+  loading_success_ui: 'Flock XR loaded successfully',
+  canvas_accessible_name_ui: '3D scene',
+  loading_title_ui: 'Loading Flock XR',
+  import_project_file_ui: 'Import project file',
+
+  demo_ui: 'Demo',
+  new_ui: 'New',
+  starter_ui: '👋🏽 Starter',
+  character_designer_ui: '👚 Character designer',
+  controller_starter_ui: '🎮 Controller starter',
+  snow_globe_ui: '❄️ Snow globe',
+  forest_base_ui: '🌲 Forest base',
+  character_animation_ui: '🎥 Character animation',
+  cube_art_ui: '🎨 Cube art',
+  physics_fun_ui: '👆🏾 Physics fun',
+  collect_the_gems_ui: '💎 Collect the gems',
+  water_map_ui: '💧 Water map',
+  skittles_ui: '🎳 Skittles',
+  beetle_ui: '🎲 Beetle',
+  roominator_ui: '🛋️ Roominator',
+  sit_down_ui: '🪑 Sit down',
+  ball_pit_ui: '🟠 Ball pit',
+  ur_enough_ui: '💗 UR enough!',
+  tallest_buildings_ui: '📊 Tallest buildings',
+  candy_dash_ui: '🎃 Candy dash',
+  flockenspiel_ui: '🎵 Flockenspiel',
+  pendant_ui: '📿 3D-printable pendant',
+  tent_lights_ui: '⛺ Festival tent',
+  my_place_ui: '🏠 My place',
+  microbit_monkey_ui: '🐵 micro:bit monkey',
+  tree_jump_ui: '🌳 Tree jump',
+  shape_push_ui: '🔶 Shape push',
+  alien_planet_ui: '👽 Alien planet',
+  boat_trip_ui: '⛵ Boat trip',
+  main_menu_ui: 'Main menu',
+  menu_button_sr_label_ui: 'Menu',
+  project_submenu_ui: 'Project',
+  project_new_ui: 'New',
+  project_open_ui: 'Open',
+  project_save_ui: 'Save',
+  language_submenu_ui: 'Language',
+  about_submenu_ui: 'About',
+  hub_submenu_ui: 'Hub',
+
+  theme_submenu_ui: 'Theme',
+  light_theme_ui: 'Light',
+  dark_theme_ui: 'Dark 2',
+  dark_contrast_theme_ui: 'Dark',
+  low_vision_theme_ui: 'Low vision',
+  contrast_theme_ui: 'Contrast',
+
+  run_code_button_ui: 'Run your code',
+  stop_code_button_ui: 'Stop your code',
+  canvas_overlay_play_ui: 'Press Play to start',
+  open_button_ui: 'Open a project from a file on your computer',
+  open_file_input_label_ui: 'Select project file to open',
+  export_code_button_ui: 'Save this project to a file on your computer.',
+  example_select_ui: 'Choose an example project to load',
+  demo_heading_ui: 'Demos',
+  close_demos_ui: 'Close demos',
+  examples_cat_start_ui: 'Start',
+  examples_cat_games_ui: 'Games',
+  examples_cat_physics_ui: 'Physics',
+  examples_cat_worlds_ui: 'Worlds',
+  examples_cat_create_ui: 'Creative',
+  examples_cat_xr_ui: 'XR',
+
+  toggle_design_ui: 'Design your project',
+  toggle_play_ui: 'Use your project',
+  fullscreen_toggle_ui: 'Switch between fullscreen and normal views.',
+
+  show_shapes_button_ui: 'Add shapes and models',
+  color_picker_button_ui: 'Choose a color',
+  position_button_ui: 'Position object',
+  rotation_button_ui: 'Rotate object',
+  scale_button_ui: 'Scale object size',
+  select_button_ui: 'Select object',
+  duplicate_button_ui: 'Duplicate selected object',
+  delete_button_ui: 'Delete selected object',
+  camera_button_ui: 'Camera controls',
+  eye_button_ui: 'Orbit around selected object',
+
+  info_panel_link_ui: 'Visit Flock XR website (opens in new tab)',
+  skip_to_scene_ui: 'Skip to 3D scene',
+
+  project_name_ui: 'Project name',
+
+  about_heading_ui: 'About Flock XR',
+  about_description_intro_ui: 'Flock XR is a',
+  about_description_prototype_ui: 'web app',
+  about_description_made_by_ui: ' made by ',
+  about_description_company_ui: 'Flip Computing',
   about_description_disclaimer_ui:
     " We're working on improvements to Flock XR all the time. Please let us know if you have suggestions or you are able to support the development of Flock XR.",
   about_run_intro_ui:
@@ -1246,8 +1246,7 @@ export default {
   select_mesh_eye_prompt: 'ℹ️ Click an object to orbit around it.',
   place_object_prompt: 'ℹ️ Click on a surface to place the object.',
   position_readout: 'Position: {position}',
-  eyedropper_not_supported_alert:
-    'Color picking is available in Chrome/Edge on desktop.',
+  eyedropper_not_supported_alert: 'Color picking is available in Chrome/Edge on desktop.',
   blocks_copied_alert: 'Blocks copied to local storage!',
   no_blocks_to_copy_alert: 'No blocks available to copy.',
   copy_blocks_failed_alert: 'Failed to copy blocks.',
diff --git a/locale/es.js b/locale/es.js
index 389e67d2b..e0ea4fe08 100644
--- a/locale/es.js
+++ b/locale/es.js
@@ -556,7 +556,8 @@ export default {
     'Establece la tecla que activa una acción específica (adelante, atrás, izquierda, derecha o botones).', // ai
   meshes_touching_tooltip:
     'Devuelve verdadero si los dos objetos seleccionados se están tocando.\nPalabra clave: estántocando', // human
-  time_tooltip: 'Devuelve el tiempo transcurrido. Se pausa mientras la pestaña está oculta, ideal para temporizadores y cuentas atrás.', // ai
+  time_tooltip:
+    'Devuelve el tiempo transcurrido. Se pausa mientras la pestaña está oculta, ideal para temporizadores y cuentas atrás.', // ai
   ground_level_tooltip: 'Devuelve la altura del suelo a la posición x/z actual.', // human
   distance_to_tooltip: 'Calcula la distancia entre dos objetos.', // human
   touching_surface_tooltip:
@@ -620,7 +621,8 @@ export default {
   // Tooltip translations - Text blocks
   comment_tooltip: 'Una línea de comentario para ayudar la comprensión de tu código.', // human
   print_text_tooltip: 'Texto en el panel de salida.\nPalabra clave: imprimir', // human
-  subtitle_tooltip: 'Muestra el texto como subtítulo en pantalla. 0 segundos permanece hasta el siguiente.\nPalabra clave: subtitle', // ai
+  subtitle_tooltip:
+    'Muestra el texto como subtítulo en pantalla. 0 segundos permanece hasta el siguiente.\nPalabra clave: subtitle', // ai
   say_tooltip: 'Muestra un texto como burbuja de diálogo en un objeto.\nPalabra clave: di', // human
   describe_tooltip:
     'Establece el nombre visible de un objeto. Actualiza los metadatos para accesibilidad.\nPalabra clave: describe', // human
@@ -1034,102 +1036,99 @@ export default {
   Climb_rope_option: 'Trepar la cuerda', // human
 
   // HTML translations
-  loading_ui: "Cargando Flock XR...", // human
-  loading_success_ui: "Flock XR se cargó correctamente", // human
-  canvas_accessible_name_ui: "3D scene",
-  loading_title_ui: "Cargando Flock XR", // human
-  import_project_file_ui: "Importar archivo de proyecto", // human
-
-  demo_ui: "Demostración", // human
-  new_ui: "Nuevo", // human
-  starter_ui: "👋🏽 Inicial", // human
-  controller_starter_ui: "🎮 Inicial con Controlador", // human
-  snow_globe_ui: "❄️ Globo de Nieve", // human
-  forest_base_ui: "🌲 Base en el Bosque", // human
-  character_animation_ui: "🎥 Animación de Personaje", // human
-  cube_art_ui: "🎨 Arte Cubo", // human
-  physics_fun_ui: "👆🏾 Diversión Física", // human
-  collect_the_gems_ui: "💎 Recoger las Gemas", // human
-  water_map_ui: "💧 Mapa de Agua", // human
-  skittles_ui: "🎳 Bolos", // human
-  beetle_ui: "🎲 Escarabajo", // human
-  roominator_ui: "🛋️ Habitación", // human
-  ball_pit_ui: "🟠 Piscina de Pelotas", // human
-  ur_enough_ui: "💗 ¡Eres Suficiente!", // human
-  tallest_buildings_ui: "📊 Edificios Más Altos", // human
-  candy_dash_ui: "🎃 Carrera de Dulces", // human
-  flockenspiel_ui: "🎵 Flockenspiel", // human
-  pendant_ui: "📿 Colgante imprimible en 3D", // human
-  tent_lights_ui: "⛺ Carpa de Festival", // human
-  my_place_ui: "🏠 Mi Lugar", // human
-  microbit_monkey_ui: "🐵 Mono micro:bit", // human
-  tree_jump_ui: "🌳 Salto de árbol", // human
-  shape_push_ui: "🔶 Empujar forma", // human
-  alien_planet_ui: "👽 Planeta alienígena", // human
-  boat_trip_ui: "⛵ Viaje en barco", // human
-  character_designer_ui: "👚 Diseñador de personajes", // human
-  sit_down_ui: "🪑 Siéntate", // human
-
-  main_menu_ui: "Menú Principal", // human
-  menu_button_sr_label_ui: "Menú", // human
-  project_submenu_ui: "Proyecto", // human
-  project_new_ui: "Nuevo", // human
-  project_open_ui: "Abrir", // human
-  project_save_ui: "Guardar", // human
-  language_submenu_ui: "Idioma", // human
-  about_submenu_ui: "Sobre nosotros", // human
-  hub_submenu_ui: "Centro", // human
-
-  theme_submenu_ui: "Tema", // human
-  light_theme_ui: "Claro", // human
-  dark_theme_ui: "Oscuro", // human
-  contrast_theme_ui: "Contraste", // human
-  low_vision_theme_ui: "Baja visión",
-
-  run_code_button_ui: "Ejecutar tu código", // human
-  stop_code_button_ui: "Detener tu código", // human
-  canvas_overlay_play_ui: "Pulsa Play para empezar", // ai
-  open_button_ui: "Abrir un proyecto desde un archivo en tu computadora", // human
-  open_file_input_label_ui: "Selecciona el archivo de proyecto para abrir", // human
-  export_code_button_ui:
-    "Guardar este proyecto en un archivo en tu computadora.", // human
-  example_select_ui: "Elige un proyecto de ejemplo para cargar", // human
-  demo_heading_ui: "Demos", // ai
-  close_demos_ui: "Cerrar demos", // ai
-  examples_cat_start_ui: "Inicio", // ai
-  examples_cat_games_ui: "Juegos", // ai
-  examples_cat_physics_ui: "Física", // ai
-  examples_cat_worlds_ui: "Mundos", // ai
-  examples_cat_create_ui: "Creativo", // ai
-  examples_cat_xr_ui: "XR", // ai
-
-  toggle_design_ui: "Diseña tu proyecto", // human
-  toggle_play_ui: "Usa tu proyecto", // human
-  fullscreen_toggle_ui:
-    "Cambiar entre vista de pantalla completa y vista normal.", // human
-
-  show_shapes_button_ui: "añadir formas y modelos", // human
-  color_picker_button_ui: "Escoge color del objeto", // human
-  position_button_ui: "Posicionar objeto", // human
-  rotation_button_ui: "Rotar objeto", // human
-  scale_button_ui: "Escalar tamaño de objeto", // human
-  select_button_ui: "Seleccionar objeto", // human
-  duplicate_button_ui: "Duplicar objeto seleccionado", // human
-  delete_button_ui: "Eliminar objeto seleccionado", // human
-  camera_button_ui: "Controles de cámara", // human
-  eye_button_ui: "Orbitar alrededor del objeto seleccionado",
-
-  info_panel_link_ui:
-    "Visitar pagina web de Flock XR (se abre en una pestaña nueva)", // human
-  skip_to_scene_ui: "Saltar a la escena 3D", // ai
-
-  project_name_ui: "Nombre del proyecto", // human
-
-  about_heading_ui: "Sobre Flock XR", // human
-  about_description_intro_ui: "Flock XR es un ", // human
-  about_description_prototype_ui: "prototipo", // human
-  about_description_made_by_ui: " hecho por ", // human
-  about_description_company_ui: "Flip Computing", // human
+  loading_ui: 'Cargando Flock XR...', // human
+  loading_success_ui: 'Flock XR se cargó correctamente', // human
+  canvas_accessible_name_ui: '3D scene',
+  loading_title_ui: 'Cargando Flock XR', // human
+  import_project_file_ui: 'Importar archivo de proyecto', // human
+
+  demo_ui: 'Demostración', // human
+  new_ui: 'Nuevo', // human
+  starter_ui: '👋🏽 Inicial', // human
+  controller_starter_ui: '🎮 Inicial con Controlador', // human
+  snow_globe_ui: '❄️ Globo de Nieve', // human
+  forest_base_ui: '🌲 Base en el Bosque', // human
+  character_animation_ui: '🎥 Animación de Personaje', // human
+  cube_art_ui: '🎨 Arte Cubo', // human
+  physics_fun_ui: '👆🏾 Diversión Física', // human
+  collect_the_gems_ui: '💎 Recoger las Gemas', // human
+  water_map_ui: '💧 Mapa de Agua', // human
+  skittles_ui: '🎳 Bolos', // human
+  beetle_ui: '🎲 Escarabajo', // human
+  roominator_ui: '🛋️ Habitación', // human
+  ball_pit_ui: '🟠 Piscina de Pelotas', // human
+  ur_enough_ui: '💗 ¡Eres Suficiente!', // human
+  tallest_buildings_ui: '📊 Edificios Más Altos', // human
+  candy_dash_ui: '🎃 Carrera de Dulces', // human
+  flockenspiel_ui: '🎵 Flockenspiel', // human
+  pendant_ui: '📿 Colgante imprimible en 3D', // human
+  tent_lights_ui: '⛺ Carpa de Festival', // human
+  my_place_ui: '🏠 Mi Lugar', // human
+  microbit_monkey_ui: '🐵 Mono micro:bit', // human
+  tree_jump_ui: '🌳 Salto de árbol', // human
+  shape_push_ui: '🔶 Empujar forma', // human
+  alien_planet_ui: '👽 Planeta alienígena', // human
+  boat_trip_ui: '⛵ Viaje en barco', // human
+  character_designer_ui: '👚 Diseñador de personajes', // human
+  sit_down_ui: '🪑 Siéntate', // human
+
+  main_menu_ui: 'Menú Principal', // human
+  menu_button_sr_label_ui: 'Menú', // human
+  project_submenu_ui: 'Proyecto', // human
+  project_new_ui: 'Nuevo', // human
+  project_open_ui: 'Abrir', // human
+  project_save_ui: 'Guardar', // human
+  language_submenu_ui: 'Idioma', // human
+  about_submenu_ui: 'Sobre nosotros', // human
+  hub_submenu_ui: 'Centro', // human
+
+  theme_submenu_ui: 'Tema', // human
+  light_theme_ui: 'Claro', // human
+  dark_theme_ui: 'Oscuro', // human
+  contrast_theme_ui: 'Contraste', // human
+  low_vision_theme_ui: 'Baja visión',
+
+  run_code_button_ui: 'Ejecutar tu código', // human
+  stop_code_button_ui: 'Detener tu código', // human
+  canvas_overlay_play_ui: 'Pulsa Play para empezar', // ai
+  open_button_ui: 'Abrir un proyecto desde un archivo en tu computadora', // human
+  open_file_input_label_ui: 'Selecciona el archivo de proyecto para abrir', // human
+  export_code_button_ui: 'Guardar este proyecto en un archivo en tu computadora.', // human
+  example_select_ui: 'Elige un proyecto de ejemplo para cargar', // human
+  demo_heading_ui: 'Demos', // ai
+  close_demos_ui: 'Cerrar demos', // ai
+  examples_cat_start_ui: 'Inicio', // ai
+  examples_cat_games_ui: 'Juegos', // ai
+  examples_cat_physics_ui: 'Física', // ai
+  examples_cat_worlds_ui: 'Mundos', // ai
+  examples_cat_create_ui: 'Creativo', // ai
+  examples_cat_xr_ui: 'XR', // ai
+
+  toggle_design_ui: 'Diseña tu proyecto', // human
+  toggle_play_ui: 'Usa tu proyecto', // human
+  fullscreen_toggle_ui: 'Cambiar entre vista de pantalla completa y vista normal.', // human
+
+  show_shapes_button_ui: 'añadir formas y modelos', // human
+  color_picker_button_ui: 'Escoge color del objeto', // human
+  position_button_ui: 'Posicionar objeto', // human
+  rotation_button_ui: 'Rotar objeto', // human
+  scale_button_ui: 'Escalar tamaño de objeto', // human
+  select_button_ui: 'Seleccionar objeto', // human
+  duplicate_button_ui: 'Duplicar objeto seleccionado', // human
+  delete_button_ui: 'Eliminar objeto seleccionado', // human
+  camera_button_ui: 'Controles de cámara', // human
+  eye_button_ui: 'Orbitar alrededor del objeto seleccionado',
+
+  info_panel_link_ui: 'Visitar pagina web de Flock XR (se abre en una pestaña nueva)', // human
+  skip_to_scene_ui: 'Saltar a la escena 3D', // ai
+
+  project_name_ui: 'Nombre del proyecto', // human
+
+  about_heading_ui: 'Sobre Flock XR', // human
+  about_description_intro_ui: 'Flock XR es un ', // human
+  about_description_prototype_ui: 'prototipo', // human
+  about_description_made_by_ui: ' hecho por ', // human
+  about_description_company_ui: 'Flip Computing', // human
   about_description_disclaimer_ui:
     ' Estamos buscando mojoras, asi que Flock esta siempre cambiando. Si tienes sugerencias o puedes ayudarnos con el desarollo de flock, por favor contactanos.', // human
   about_run_intro_ui:
diff --git a/locale/fr.js b/locale/fr.js
index e3b9e5087..b691905e7 100644
--- a/locale/fr.js
+++ b/locale/fr.js
@@ -516,7 +516,8 @@ export default {
     'Définit la touche qui déclenche une action spécifique (avant, arrière, gauche, droite ou boutons).',
   meshes_touching_tooltip:
     'Renvoie vrai si les deux objets sélectionnés se touchent.\nMot-clé: istouching',
-  time_tooltip: 'Renvoie le temps écoulé. Se met en pause quand l\'onglet est masqué, idéal pour les minuteurs et comptes à rebours.', // ai
+  time_tooltip:
+    "Renvoie le temps écoulé. Se met en pause quand l'onglet est masqué, idéal pour les minuteurs et comptes à rebours.", // ai
   ground_level_tooltip: 'Renvoie la hauteur du sol à la position x/z actuelle.',
   distance_to_tooltip: 'Calcule la distance entre deux objets.',
   touching_surface_tooltip: "Vérifie si l'objet touche une surface.\nMot-clé: surface",
@@ -571,7 +572,8 @@ export default {
   // Tooltip translations - Text blocks
   comment_tooltip: 'Une ligne de commentaire pour aider à comprendre le code.',
   print_text_tooltip: 'Affiche un texte dans le panneau de sortie.\nMot-clé: print',
-  subtitle_tooltip: 'Affiche le texte en sous-titre à l’écran. 0 seconde reste jusqu’au suivant.\nMot-clé: subtitle', // ai
+  subtitle_tooltip:
+    'Affiche le texte en sous-titre à l’écran. 0 seconde reste jusqu’au suivant.\nMot-clé: subtitle', // ai
   say_tooltip: 'Affiche un texte comme bulle de dialogue sur un objet.\nMot-clé: say',
   describe_tooltip:
     "Définir le nom d'affichage d'un objet. Met à jour les métadonnées pour l'accessibilité.\nMot-clé: describe",
@@ -1018,43 +1020,42 @@ export default {
   sit_down_ui: '🪑 Assieds-toi',
 
   main_menu_ui: "Ouvrir le menu pour plus d'options",
-  menu_button_sr_label_ui: "Menu",
-  project_submenu_ui: "Projet",
-  project_new_ui: "Nouveau",
-  project_open_ui: "Ouvrir",
-  project_save_ui: "Enregistrer",
-  language_submenu_ui: "Langue",
-  about_submenu_ui: "À propos",
-  hub_submenu_ui: "Hub",
-
-  theme_submenu_ui: "Thème",
-  light_theme_ui: "Clair",
-  dark_theme_ui: "Sombre",
-  contrast_theme_ui: "Contraste",
-  low_vision_theme_ui: "Basse vision",
-
-  run_code_button_ui: "Exécuter votre code",
-  stop_code_button_ui: "Arrêter votre code",
-  canvas_overlay_play_ui: "Appuyez sur Lecture pour démarrer", // ai
-  open_button_ui: "Ouvrir un projet depuis un fichier sur votre ordinateur",
-  open_file_input_label_ui: "Sélectionnez le fichier projet à ouvrir",
-  export_code_button_ui:
-    "Enregistrer ce projet dans un fichier sur votre ordinateur.",
-  example_select_ui: "Choisir un projet exemple à charger",
-  demo_heading_ui: "Démos", // ai
-  close_demos_ui: "Fermer les démos", // ai
-  examples_cat_start_ui: "Démarrer", // ai
-  examples_cat_games_ui: "Jeux", // ai
-  examples_cat_physics_ui: "Physique", // ai
-  examples_cat_worlds_ui: "Mondes", // ai
-  examples_cat_create_ui: "Créatif", // ai
-  examples_cat_xr_ui: "XR", // ai
-
-  toggle_design_ui: "Concevez votre projet",
-  toggle_play_ui: "Utilisez votre projet",
-  fullscreen_toggle_ui: "Basculer entre les vues plein écran et normale.",
-
-  show_shapes_button_ui: "Ajouter des formes et des modèles",
+  menu_button_sr_label_ui: 'Menu',
+  project_submenu_ui: 'Projet',
+  project_new_ui: 'Nouveau',
+  project_open_ui: 'Ouvrir',
+  project_save_ui: 'Enregistrer',
+  language_submenu_ui: 'Langue',
+  about_submenu_ui: 'À propos',
+  hub_submenu_ui: 'Hub',
+
+  theme_submenu_ui: 'Thème',
+  light_theme_ui: 'Clair',
+  dark_theme_ui: 'Sombre',
+  contrast_theme_ui: 'Contraste',
+  low_vision_theme_ui: 'Basse vision',
+
+  run_code_button_ui: 'Exécuter votre code',
+  stop_code_button_ui: 'Arrêter votre code',
+  canvas_overlay_play_ui: 'Appuyez sur Lecture pour démarrer', // ai
+  open_button_ui: 'Ouvrir un projet depuis un fichier sur votre ordinateur',
+  open_file_input_label_ui: 'Sélectionnez le fichier projet à ouvrir',
+  export_code_button_ui: 'Enregistrer ce projet dans un fichier sur votre ordinateur.',
+  example_select_ui: 'Choisir un projet exemple à charger',
+  demo_heading_ui: 'Démos', // ai
+  close_demos_ui: 'Fermer les démos', // ai
+  examples_cat_start_ui: 'Démarrer', // ai
+  examples_cat_games_ui: 'Jeux', // ai
+  examples_cat_physics_ui: 'Physique', // ai
+  examples_cat_worlds_ui: 'Mondes', // ai
+  examples_cat_create_ui: 'Créatif', // ai
+  examples_cat_xr_ui: 'XR', // ai
+
+  toggle_design_ui: 'Concevez votre projet',
+  toggle_play_ui: 'Utilisez votre projet',
+  fullscreen_toggle_ui: 'Basculer entre les vues plein écran et normale.',
+
+  show_shapes_button_ui: 'Ajouter des formes et des modèles',
   color_picker_button_ui: "Changer la couleur de l'objet",
   position_button_ui: "Positionner l'objet",
   rotation_button_ui: "Faire pivoter l'objet",
@@ -1170,7 +1171,7 @@ export default {
   select_mesh_delete_prompt: 'ℹ️ Cliquez sur un objet pour le supprimer.',
   select_mesh_duplicate_prompt: 'ℹ️ Sélectionnez un objet à dupliquer.',
   place_duplicate_prompt: 'ℹ️ Cliquez pour placer une copie.', // AI-generated; needs validation
-  select_mesh_eye_prompt: "ℹ️ Cliquez sur un objet pour orbiter autour de lui.",
+  select_mesh_eye_prompt: 'ℹ️ Cliquez sur un objet pour orbiter autour de lui.',
   place_object_prompt: "ℹ️ Cliquez sur une surface pour placer l'objet.",
   position_readout: 'Position: {position}',
   eyedropper_not_supported_alert:
diff --git a/locale/it.js b/locale/it.js
index ad44c1573..662a301d1 100644
--- a/locale/it.js
+++ b/locale/it.js
@@ -521,7 +521,8 @@ export default {
     "Imposta il tasto che attiva un'azione specifica (avanti, indietro, sinistra, destra o pulsanti).",
   meshes_touching_tooltip:
     'Restituisce vero se le due oggetto selezionate si toccano.\nParola chiave: istouching',
-  time_tooltip: 'Restituisce il tempo trascorso. Si mette in pausa quando la scheda è nascosta, ideale per timer e conti alla rovescia.', // ai
+  time_tooltip:
+    'Restituisce il tempo trascorso. Si mette in pausa quando la scheda è nascosta, ideale per timer e conti alla rovescia.', // ai
   ground_level_tooltip: "Restituisce l'altezza del suolo alla posizione x/z attuale.",
   distance_to_tooltip: 'Calcola la distanza tra due oggetto.',
   touching_surface_tooltip: "Controlla se l'oggetto tocca una superficie.\nParola chiave: surface",
@@ -577,7 +578,8 @@ export default {
   // Tooltip translations - Text blocks
   comment_tooltip: 'Una riga di commento per aiutare a capire il codice.',
   print_text_tooltip: 'Testo verso il pannello di output.\nParola chiave: print',
-  subtitle_tooltip: 'Mostra il testo come sottotitolo sullo schermo. 0 secondi resta fino al successivo.\nParola chiave: subtitle', // ai
+  subtitle_tooltip:
+    'Mostra il testo come sottotitolo sullo schermo. 0 secondi resta fino al successivo.\nParola chiave: subtitle', // ai
   say_tooltip: 'Mostra un fumetto di testo su un oggetto.\nParola chiave: say',
   describe_tooltip:
     "Imposta il nome visualizzato di un oggetto. Aggiorna i metadati per l'accessibilità.\nParola chiave: describe",
@@ -1021,51 +1023,51 @@ export default {
   my_place_ui: '🏠 Il mio posto',
   microbit_monkey_ui: '🐵 micro:bit scimmia',
   tree_jump_ui: "🌳 Salto dall'albero",
-  shape_push_ui: "🔶 Spinta forma",
-  alien_planet_ui: "👽 Pianeta alieno",
-  boat_trip_ui: "⛵ Boat trip",
-
-  main_menu_ui: "Menu principale",
-  menu_button_sr_label_ui: "Menu",
-  project_submenu_ui: "Progetto",
-  project_new_ui: "Nuovo",
-  project_open_ui: "Apri",
-  project_save_ui: "Salva",
-  language_submenu_ui: "Lingua",
-  about_submenu_ui: "Informazioni",
-  hub_submenu_ui: "Hub",
-
-  theme_submenu_ui: "Tema",
-  light_theme_ui: "Chiaro",
-  dark_theme_ui: "Scuro 2",
-  dark_contrast_theme_ui: "Scuro",
-  low_vision_theme_ui: "Ipovisione",
-  contrast_theme_ui: "Contrasto",
-
-  run_code_button_ui: "Esegui il tuo codice",
-  stop_code_button_ui: "Ferma il tuo codice",
-  canvas_overlay_play_ui: "Premi Play per iniziare", // ai
-  open_button_ui: "Apri un progetto da un file sul tuo computer",
-  open_file_input_label_ui: "Seleziona il file di progetto da aprire",
-  export_code_button_ui: "Salva questo progetto in un file sul tuo computer.",
-  example_select_ui: "Scegli un progetto di esempio da caricare",
-  demo_heading_ui: "Demo", // ai
-  close_demos_ui: "Chiudi demo", // ai
-  examples_cat_start_ui: "Inizio", // ai
-  examples_cat_games_ui: "Giochi", // ai
-  examples_cat_physics_ui: "Fisica", // ai
-  examples_cat_worlds_ui: "Mondi", // ai
-  examples_cat_create_ui: "Creativo", // ai
-  examples_cat_xr_ui: "XR", // ai
-
-  toggle_design_ui: "Progetta il tuo progetto",
-  toggle_play_ui: "Usa il tuo progetto",
-  fullscreen_toggle_ui: "Passa tra schermo intero e visuale normale.",
-
-  show_shapes_button_ui: "Aggiungi forme e modelli",
-  color_picker_button_ui: "Scegli un colore",
-  position_button_ui: "Posiziona oggetto",
-  rotation_button_ui: "Ruota oggetto",
+  shape_push_ui: '🔶 Spinta forma',
+  alien_planet_ui: '👽 Pianeta alieno',
+  boat_trip_ui: '⛵ Boat trip',
+
+  main_menu_ui: 'Menu principale',
+  menu_button_sr_label_ui: 'Menu',
+  project_submenu_ui: 'Progetto',
+  project_new_ui: 'Nuovo',
+  project_open_ui: 'Apri',
+  project_save_ui: 'Salva',
+  language_submenu_ui: 'Lingua',
+  about_submenu_ui: 'Informazioni',
+  hub_submenu_ui: 'Hub',
+
+  theme_submenu_ui: 'Tema',
+  light_theme_ui: 'Chiaro',
+  dark_theme_ui: 'Scuro 2',
+  dark_contrast_theme_ui: 'Scuro',
+  low_vision_theme_ui: 'Ipovisione',
+  contrast_theme_ui: 'Contrasto',
+
+  run_code_button_ui: 'Esegui il tuo codice',
+  stop_code_button_ui: 'Ferma il tuo codice',
+  canvas_overlay_play_ui: 'Premi Play per iniziare', // ai
+  open_button_ui: 'Apri un progetto da un file sul tuo computer',
+  open_file_input_label_ui: 'Seleziona il file di progetto da aprire',
+  export_code_button_ui: 'Salva questo progetto in un file sul tuo computer.',
+  example_select_ui: 'Scegli un progetto di esempio da caricare',
+  demo_heading_ui: 'Demo', // ai
+  close_demos_ui: 'Chiudi demo', // ai
+  examples_cat_start_ui: 'Inizio', // ai
+  examples_cat_games_ui: 'Giochi', // ai
+  examples_cat_physics_ui: 'Fisica', // ai
+  examples_cat_worlds_ui: 'Mondi', // ai
+  examples_cat_create_ui: 'Creativo', // ai
+  examples_cat_xr_ui: 'XR', // ai
+
+  toggle_design_ui: 'Progetta il tuo progetto',
+  toggle_play_ui: 'Usa il tuo progetto',
+  fullscreen_toggle_ui: 'Passa tra schermo intero e visuale normale.',
+
+  show_shapes_button_ui: 'Aggiungi forme e modelli',
+  color_picker_button_ui: 'Scegli un colore',
+  position_button_ui: 'Posiziona oggetto',
+  rotation_button_ui: 'Ruota oggetto',
   scale_button_ui: "Scal'oggetto",
   select_button_ui: 'Seleziona oggetto',
   duplicate_button_ui: 'Duplica oggetto selezionato',
diff --git a/locale/pl.js b/locale/pl.js
index 86dc457d1..f8c388edb 100644
--- a/locale/pl.js
+++ b/locale/pl.js
@@ -512,7 +512,8 @@ export default {
     'Ustawia klawisz, który wyzwala określoną akcję (do przodu, do tyłu, w lewo, w prawo lub przyciski).',
   meshes_touching_tooltip:
     'Zwraca true, jeśli dwie wybrane obiekty się stykają.\nSłowo kluczowe: istouching',
-  time_tooltip: 'Zwraca czas, który upłynął. Zatrzymuje się, gdy karta jest ukryta – idealny do liczników i odliczania w grach.', // ai
+  time_tooltip:
+    'Zwraca czas, który upłynął. Zatrzymuje się, gdy karta jest ukryta – idealny do liczników i odliczania w grach.', // ai
   ground_level_tooltip: 'Zwraca wysokość gruntu w bieżącej pozycji x/z.',
   distance_to_tooltip: 'Oblicz odległość między obiektami %1 i %2.',
   touching_surface_tooltip: 'Sprawdź, czy obiekt %1 dotyka powierzchni.\nSłowo kluczowe: surface',
@@ -568,7 +569,8 @@ export default {
   // Tooltip translations - Text blocks
   comment_tooltip: 'Linia komentarza, by pomóc zrozumieć kod.',
   print_text_tooltip: 'Wyświetl tekst na panelu wyjścia.\nSłowo kluczowe: print',
-  subtitle_tooltip: 'Pokazuje tekst jako napis na ekranie. 0 sekund pozostaje do następnego.\nSłowo kluczowe: subtitle', // ai
+  subtitle_tooltip:
+    'Pokazuje tekst jako napis na ekranie. 0 sekund pozostaje do następnego.\nSłowo kluczowe: subtitle', // ai
   say_tooltip: 'Pokaż tekst w dymku mówionym nad obiektem.\nSłowo kluczowe: say',
   describe_tooltip:
     'Ustaw nazwę wyświetlaną obiekty. Aktualizuje metadane dla dostępności.\nSłowo kluczowe: describe',
@@ -979,99 +981,99 @@ export default {
   Climb_rope_option: 'Wspinaj się po linie',
 
   // HTML translations
-  loading_ui: "Ładowanie Flock XR…",
-  loading_success_ui: "Flock XR został pomyślnie załadowany",
-  canvas_accessible_name_ui: "3D scene",
-  loading_title_ui: "Ładowanie Flock XR",
-  import_project_file_ui: "Importuj plik projektu",
-
-  demo_ui: "Demo",
-  new_ui: "Nowy",
-  starter_ui: "👋🏽 Starter",
-  controller_starter_ui: "🎮 Controller Starter",
-  snow_globe_ui: "❄️ Kula śnieżna",
-  forest_base_ui: "🌲 Baza leśna",
-  character_animation_ui: "🎥 Animacja postaci",
-  cube_art_ui: "🎨 Sztuka sześcianu",
-  physics_fun_ui: "👆🏾 Fizyka zabawa",
-  collect_the_gems_ui: "💎 Zbierz klejnoty",
-  water_map_ui: "💧 Mapa wodna",
-  skittles_ui: "🎳 Skittles",
-  beetle_ui: "🎲 Żuk",
-  roominator_ui: "🛋️ Roominator",
-  ball_pit_ui: "🟠 Basen z kulkami",
-  ur_enough_ui: "💗 Jesteś wystarczający!",
-  tallest_buildings_ui: "📊 Najwyższe budynki",
-  candy_dash_ui: "🎃 Candy dash",
-  flockenspiel_ui: "🎵 Flockenspiel",
-  pendant_ui: "📿 Zawieszka 3D do druku",
-  tent_lights_ui: "⛺ Światełka namiotu",
-  my_place_ui: "🏠 Moje miejsce",
-  microbit_monkey_ui: "🐵 małpa micro:bit",
-  tree_jump_ui: "🌳 Skok z drzewa",
-  shape_push_ui: "🔶 Pchnięcie kształtu",
-  alien_planet_ui: "👽 Obca planeta",
-  boat_trip_ui: "⛵ Boat trip",
-  character_designer_ui: "👚 Kreator postaci",
-  sit_down_ui: "🪑 Usiądź",
-
-  main_menu_ui: "Menu główne",
-  menu_button_sr_label_ui: "Menu",
-  project_submenu_ui: "Projekt",
-  project_new_ui: "Nowy",
-  project_open_ui: "Otwórz",
-  project_save_ui: "Zapisz",
-  language_submenu_ui: "Język",
-  about_submenu_ui: "O programie",
-  hub_submenu_ui: "Hub",
-
-  theme_submenu_ui: "Motyw",
-  light_theme_ui: "Jasny",
-  dark_theme_ui: "Ciemny",
-  contrast_theme_ui: "Kontrast",
-  low_vision_theme_ui: "Słabe widzenie",
-
-  run_code_button_ui: "Uruchom kod",
-  stop_code_button_ui: "Zatrzymaj kod",
-  canvas_overlay_play_ui: "Naciśnij Play, aby rozpocząć", // ai
-  open_button_ui: "Otwórz projekt z pliku na komputerze",
-  open_file_input_label_ui: "Wybierz plik projektu do otwarcia",
-  export_code_button_ui: "Zapisz projekt do pliku na komputerze",
-  example_select_ui: "Wybierz przykład do załadowania",
-  demo_heading_ui: "Dema", // ai
-  close_demos_ui: "Zamknij dema", // ai
-  examples_cat_start_ui: "Start", // ai
-  examples_cat_games_ui: "Gry", // ai
-  examples_cat_physics_ui: "Fizyka", // ai
-  examples_cat_worlds_ui: "Światy", // ai
-  examples_cat_create_ui: "Kreatywne", // ai
-  examples_cat_xr_ui: "XR", // ai
-
-  toggle_design_ui: "Projektuj projekt",
-  toggle_play_ui: "Użyj projektu",
-  fullscreen_toggle_ui: "Przełącz między pełnym ekranem a normalnym widokiem",
-
-  show_shapes_button_ui: "Dodaj kształty i modele",
-  color_picker_button_ui: "Zmień kolor obiektu",
-  position_button_ui: "Ustaw pozycję obiektu",
-  rotation_button_ui: "Obróć obiekt",
-  scale_button_ui: "Zmień skalę obiektu",
-  select_button_ui: "Wybierz obiekt",
-  duplicate_button_ui: "Duplikuj wybrany obiekt",
-  delete_button_ui: "Usuń wybrany obiekt",
-  camera_button_ui: "Kontrola kamery",
-  eye_button_ui: "Obracaj wokół wybranego obiektu",
-
-  info_panel_link_ui: "Odwiedź stronę Flock XR (otwiera się w nowej karcie)",
-  skip_to_scene_ui: "Przejdź do sceny 3D", // ai
-
-  project_name_ui: "Nazwa projektu",
-
-  about_heading_ui: "O Flock XR",
-  about_description_intro_ui: "Flock XR to ",
-  about_description_prototype_ui: "prototyp",
-  about_description_made_by_ui: " stworzony przez ",
-  about_description_company_ui: "Flip Computing",
+  loading_ui: 'Ładowanie Flock XR…',
+  loading_success_ui: 'Flock XR został pomyślnie załadowany',
+  canvas_accessible_name_ui: '3D scene',
+  loading_title_ui: 'Ładowanie Flock XR',
+  import_project_file_ui: 'Importuj plik projektu',
+
+  demo_ui: 'Demo',
+  new_ui: 'Nowy',
+  starter_ui: '👋🏽 Starter',
+  controller_starter_ui: '🎮 Controller Starter',
+  snow_globe_ui: '❄️ Kula śnieżna',
+  forest_base_ui: '🌲 Baza leśna',
+  character_animation_ui: '🎥 Animacja postaci',
+  cube_art_ui: '🎨 Sztuka sześcianu',
+  physics_fun_ui: '👆🏾 Fizyka zabawa',
+  collect_the_gems_ui: '💎 Zbierz klejnoty',
+  water_map_ui: '💧 Mapa wodna',
+  skittles_ui: '🎳 Skittles',
+  beetle_ui: '🎲 Żuk',
+  roominator_ui: '🛋️ Roominator',
+  ball_pit_ui: '🟠 Basen z kulkami',
+  ur_enough_ui: '💗 Jesteś wystarczający!',
+  tallest_buildings_ui: '📊 Najwyższe budynki',
+  candy_dash_ui: '🎃 Candy dash',
+  flockenspiel_ui: '🎵 Flockenspiel',
+  pendant_ui: '📿 Zawieszka 3D do druku',
+  tent_lights_ui: '⛺ Światełka namiotu',
+  my_place_ui: '🏠 Moje miejsce',
+  microbit_monkey_ui: '🐵 małpa micro:bit',
+  tree_jump_ui: '🌳 Skok z drzewa',
+  shape_push_ui: '🔶 Pchnięcie kształtu',
+  alien_planet_ui: '👽 Obca planeta',
+  boat_trip_ui: '⛵ Boat trip',
+  character_designer_ui: '👚 Kreator postaci',
+  sit_down_ui: '🪑 Usiądź',
+
+  main_menu_ui: 'Menu główne',
+  menu_button_sr_label_ui: 'Menu',
+  project_submenu_ui: 'Projekt',
+  project_new_ui: 'Nowy',
+  project_open_ui: 'Otwórz',
+  project_save_ui: 'Zapisz',
+  language_submenu_ui: 'Język',
+  about_submenu_ui: 'O programie',
+  hub_submenu_ui: 'Hub',
+
+  theme_submenu_ui: 'Motyw',
+  light_theme_ui: 'Jasny',
+  dark_theme_ui: 'Ciemny',
+  contrast_theme_ui: 'Kontrast',
+  low_vision_theme_ui: 'Słabe widzenie',
+
+  run_code_button_ui: 'Uruchom kod',
+  stop_code_button_ui: 'Zatrzymaj kod',
+  canvas_overlay_play_ui: 'Naciśnij Play, aby rozpocząć', // ai
+  open_button_ui: 'Otwórz projekt z pliku na komputerze',
+  open_file_input_label_ui: 'Wybierz plik projektu do otwarcia',
+  export_code_button_ui: 'Zapisz projekt do pliku na komputerze',
+  example_select_ui: 'Wybierz przykład do załadowania',
+  demo_heading_ui: 'Dema', // ai
+  close_demos_ui: 'Zamknij dema', // ai
+  examples_cat_start_ui: 'Start', // ai
+  examples_cat_games_ui: 'Gry', // ai
+  examples_cat_physics_ui: 'Fizyka', // ai
+  examples_cat_worlds_ui: 'Światy', // ai
+  examples_cat_create_ui: 'Kreatywne', // ai
+  examples_cat_xr_ui: 'XR', // ai
+
+  toggle_design_ui: 'Projektuj projekt',
+  toggle_play_ui: 'Użyj projektu',
+  fullscreen_toggle_ui: 'Przełącz między pełnym ekranem a normalnym widokiem',
+
+  show_shapes_button_ui: 'Dodaj kształty i modele',
+  color_picker_button_ui: 'Zmień kolor obiektu',
+  position_button_ui: 'Ustaw pozycję obiektu',
+  rotation_button_ui: 'Obróć obiekt',
+  scale_button_ui: 'Zmień skalę obiektu',
+  select_button_ui: 'Wybierz obiekt',
+  duplicate_button_ui: 'Duplikuj wybrany obiekt',
+  delete_button_ui: 'Usuń wybrany obiekt',
+  camera_button_ui: 'Kontrola kamery',
+  eye_button_ui: 'Obracaj wokół wybranego obiektu',
+
+  info_panel_link_ui: 'Odwiedź stronę Flock XR (otwiera się w nowej karcie)',
+  skip_to_scene_ui: 'Przejdź do sceny 3D', // ai
+
+  project_name_ui: 'Nazwa projektu',
+
+  about_heading_ui: 'O Flock XR',
+  about_description_intro_ui: 'Flock XR to ',
+  about_description_prototype_ui: 'prototyp',
+  about_description_made_by_ui: ' stworzony przez ',
+  about_description_company_ui: 'Flip Computing',
   about_description_disclaimer_ui:
     ' Wypróbuj go, ale miej na uwadze, że rzeczy mogą się zmieniać i niektóre funkcje nie są jeszcze ukończone. Aktualnie poszukujemy wsparcia, aby Flock XR mógł stać się stabilny.',
   about_run_intro_ui:
@@ -1169,8 +1171,7 @@ export default {
   select_mesh_eye_prompt: 'ℹ️ Kliknij obiekt, aby go okrążyć.',
   place_object_prompt: 'ℹ️ Kliknij na powierzchnię, aby umieścić obiekt.',
   position_readout: 'Pozycja: {position}',
-  eyedropper_not_supported_alert:
-    'Wybieranie koloru jest dostępne w Chrome/Edge na komputerze.', // ai
+  eyedropper_not_supported_alert: 'Wybieranie koloru jest dostępne w Chrome/Edge na komputerze.', // ai
   blocks_copied_alert: 'Bloki skopiowane do pamięci lokalnej!',
   no_blocks_to_copy_alert: 'Brak bloków do skopiowania.',
   copy_blocks_failed_alert: 'Nie udało się skopiować bloków.',
diff --git a/locale/pt.js b/locale/pt.js
index d2f123284..a551fdf12 100644
--- a/locale/pt.js
+++ b/locale/pt.js
@@ -518,7 +518,8 @@ export default {
     'Define a tecla que aciona uma ação específica (frente, trás, esquerda, direita ou botões).',
   meshes_touching_tooltip:
     'Retorna verdadeiro se os dois objetos selecionados estiverem tocando.\nPalavra-chave: estátocando',
-  time_tooltip: 'Retorna o tempo decorrido. Pausa enquanto a aba está oculta, ideal para cronômetros e contagens regressivas.', // ai
+  time_tooltip:
+    'Retorna o tempo decorrido. Pausa enquanto a aba está oculta, ideal para cronômetros e contagens regressivas.', // ai
   ground_level_tooltip: 'Retorna a altura do solo na posição x/z atual.',
   distance_to_tooltip: 'Calcula a distância entre dois objetos.',
   touching_surface_tooltip:
@@ -575,7 +576,8 @@ export default {
   // Tooltip translations - Text blocks
   comment_tooltip: 'Uma linha de comentário para ajudar a entender seu código.',
   print_text_tooltip: 'Mostra um texto no painel de saída.\nPalavra-chave: imprimir',
-  subtitle_tooltip: 'Mostra o texto como legenda na tela. 0 segundos permanece até a próxima.\nPalavra-chave: subtitle', // ai
+  subtitle_tooltip:
+    'Mostra o texto como legenda na tela. 0 segundos permanece até a próxima.\nPalavra-chave: subtitle', // ai
   say_tooltip: 'Exibe um texto como balão de fala em um objeto.\nPalavra-chave: dizer',
   describe_tooltip:
     'Define o nome de exibição de um objeto. Atualiza os metadados para acessibilidade.\nPalavra-chave: describe',
@@ -989,99 +991,99 @@ export default {
   Climb_rope_option: 'Subir a corda',
 
   // HTML translations
-  loading_ui: "A carregar o Flock XR...",
-  loading_success_ui: "Flock XR carregado com sucesso",
-  canvas_accessible_name_ui: "3D scene",
-  loading_title_ui: "Carregando o Flock XR",
-  import_project_file_ui: "Importar arquivo de projeto",
-
-  demo_ui: "Demonstração",
-  new_ui: "Novo",
-  starter_ui: "👋🏽 Início",
-  controller_starter_ui: "🎮 Início com Comando",
-  snow_globe_ui: "❄️ Globo de Neve",
-  forest_base_ui: "🌲 Base Florestal",
-  character_animation_ui: "🎥 Animação de Personagem",
-  cube_art_ui: "🎨 Arte em Cubos",
-  physics_fun_ui: "👆🏾 Diversão com Física",
-  collect_the_gems_ui: "💎 Apanha as Gemas",
-  water_map_ui: "💧 Mapa de Água",
-  skittles_ui: "🎳 Skittles",
-  beetle_ui: "🎲 Escaravelho",
-  roominator_ui: "🛋️ Roominator",
-  ball_pit_ui: "🟠 Piscina de Bolas",
-  ur_enough_ui: "💗 És Suficiente!",
-  tallest_buildings_ui: "📊 Edifícios Mais Altos",
-  candy_dash_ui: "🎃 Corrida Doce",
-  flockenspiel_ui: "🎵 Flockenspiel",
-  pendant_ui: "📿 Pingente 3D imprimível",
-  tent_lights_ui: "⛺ Tenda de Festival",
-  my_place_ui: "🏠 O Meu Espaço",
-  microbit_monkey_ui: "🐵 Macaco micro:bit",
-  tree_jump_ui: "🌳 Salto da árvore",
-  shape_push_ui: "🔶 Empurrar forma",
-  alien_planet_ui: "👽 Planeta alienígena",
-  boat_trip_ui: "⛵ Boat trip",
-  character_designer_ui: "👚 Criador de personagens",
-  sit_down_ui: "🪑 Senta-te",
-
-  main_menu_ui: "Menu Principal",
-  menu_button_sr_label_ui: "Menu",
-  project_submenu_ui: "Projeto",
-  project_new_ui: "Novo",
-  project_open_ui: "Abrir",
-  project_save_ui: "Guardar",
-  language_submenu_ui: "Idioma",
-  about_submenu_ui: "Sobre",
-  hub_submenu_ui: "Hub",
-
-  theme_submenu_ui: "Tema",
-  light_theme_ui: "Claro",
-  dark_theme_ui: "Escuro",
-  contrast_theme_ui: "Contraste",
-  low_vision_theme_ui: "Baixa visão",
-
-  run_code_button_ui: "Executar o teu código",
-  stop_code_button_ui: "Parar o teu código",
-  canvas_overlay_play_ui: "Pressiona Play para começar", // ai
-  open_button_ui: "Abrir um projeto a partir de um ficheiro no teu computador",
-  open_file_input_label_ui: "Selecione o arquivo de projeto para abrir",
-  export_code_button_ui: "Guardar este projeto num ficheiro no teu computador.",
-  example_select_ui: "Escolher um projeto de exemplo para carregar",
-  demo_heading_ui: "Demos", // ai
-  close_demos_ui: "Fechar demos", // ai
-  examples_cat_start_ui: "Início", // ai
-  examples_cat_games_ui: "Jogos", // ai
-  examples_cat_physics_ui: "Física", // ai
-  examples_cat_worlds_ui: "Mundos", // ai
-  examples_cat_create_ui: "Criativo", // ai
-  examples_cat_xr_ui: "XR", // ai
-
-  toggle_design_ui: "Desenha o teu projeto",
-  toggle_play_ui: "Utiliza o teu projeto",
-  fullscreen_toggle_ui: "Alternar entre ecrã inteiro e vista normal.",
-
-  show_shapes_button_ui: "Adicionar formas e modelos",
-  color_picker_button_ui: "Alterar cor do objeto",
-  position_button_ui: "Posicionar o objeto",
-  rotation_button_ui: "Rodar o objeto",
-  scale_button_ui: "Escalar o tamanho do objeto",
-  select_button_ui: "Selecionar objeto",
-  duplicate_button_ui: "Duplicar o objeto selecionado",
-  delete_button_ui: "Eliminar o objeto selecionado",
-  camera_button_ui: "Controlos da câmara",
-  eye_button_ui: "Orbitar ao redor do objeto selecionado",
-
-  info_panel_link_ui: "Visitar o site do Flock XR (abre num novo separador)",
-  skip_to_scene_ui: "Ir para a cena 3D", // ai
-
-  project_name_ui: "Nome do projeto",
-
-  about_heading_ui: "Sobre o Flock XR",
-  about_description_intro_ui: "O Flock XR é um ",
-  about_description_prototype_ui: "protótipo",
-  about_description_made_by_ui: " criado pela ",
-  about_description_company_ui: "Flip Computing",
+  loading_ui: 'A carregar o Flock XR...',
+  loading_success_ui: 'Flock XR carregado com sucesso',
+  canvas_accessible_name_ui: '3D scene',
+  loading_title_ui: 'Carregando o Flock XR',
+  import_project_file_ui: 'Importar arquivo de projeto',
+
+  demo_ui: 'Demonstração',
+  new_ui: 'Novo',
+  starter_ui: '👋🏽 Início',
+  controller_starter_ui: '🎮 Início com Comando',
+  snow_globe_ui: '❄️ Globo de Neve',
+  forest_base_ui: '🌲 Base Florestal',
+  character_animation_ui: '🎥 Animação de Personagem',
+  cube_art_ui: '🎨 Arte em Cubos',
+  physics_fun_ui: '👆🏾 Diversão com Física',
+  collect_the_gems_ui: '💎 Apanha as Gemas',
+  water_map_ui: '💧 Mapa de Água',
+  skittles_ui: '🎳 Skittles',
+  beetle_ui: '🎲 Escaravelho',
+  roominator_ui: '🛋️ Roominator',
+  ball_pit_ui: '🟠 Piscina de Bolas',
+  ur_enough_ui: '💗 És Suficiente!',
+  tallest_buildings_ui: '📊 Edifícios Mais Altos',
+  candy_dash_ui: '🎃 Corrida Doce',
+  flockenspiel_ui: '🎵 Flockenspiel',
+  pendant_ui: '📿 Pingente 3D imprimível',
+  tent_lights_ui: '⛺ Tenda de Festival',
+  my_place_ui: '🏠 O Meu Espaço',
+  microbit_monkey_ui: '🐵 Macaco micro:bit',
+  tree_jump_ui: '🌳 Salto da árvore',
+  shape_push_ui: '🔶 Empurrar forma',
+  alien_planet_ui: '👽 Planeta alienígena',
+  boat_trip_ui: '⛵ Boat trip',
+  character_designer_ui: '👚 Criador de personagens',
+  sit_down_ui: '🪑 Senta-te',
+
+  main_menu_ui: 'Menu Principal',
+  menu_button_sr_label_ui: 'Menu',
+  project_submenu_ui: 'Projeto',
+  project_new_ui: 'Novo',
+  project_open_ui: 'Abrir',
+  project_save_ui: 'Guardar',
+  language_submenu_ui: 'Idioma',
+  about_submenu_ui: 'Sobre',
+  hub_submenu_ui: 'Hub',
+
+  theme_submenu_ui: 'Tema',
+  light_theme_ui: 'Claro',
+  dark_theme_ui: 'Escuro',
+  contrast_theme_ui: 'Contraste',
+  low_vision_theme_ui: 'Baixa visão',
+
+  run_code_button_ui: 'Executar o teu código',
+  stop_code_button_ui: 'Parar o teu código',
+  canvas_overlay_play_ui: 'Pressiona Play para começar', // ai
+  open_button_ui: 'Abrir um projeto a partir de um ficheiro no teu computador',
+  open_file_input_label_ui: 'Selecione o arquivo de projeto para abrir',
+  export_code_button_ui: 'Guardar este projeto num ficheiro no teu computador.',
+  example_select_ui: 'Escolher um projeto de exemplo para carregar',
+  demo_heading_ui: 'Demos', // ai
+  close_demos_ui: 'Fechar demos', // ai
+  examples_cat_start_ui: 'Início', // ai
+  examples_cat_games_ui: 'Jogos', // ai
+  examples_cat_physics_ui: 'Física', // ai
+  examples_cat_worlds_ui: 'Mundos', // ai
+  examples_cat_create_ui: 'Criativo', // ai
+  examples_cat_xr_ui: 'XR', // ai
+
+  toggle_design_ui: 'Desenha o teu projeto',
+  toggle_play_ui: 'Utiliza o teu projeto',
+  fullscreen_toggle_ui: 'Alternar entre ecrã inteiro e vista normal.',
+
+  show_shapes_button_ui: 'Adicionar formas e modelos',
+  color_picker_button_ui: 'Alterar cor do objeto',
+  position_button_ui: 'Posicionar o objeto',
+  rotation_button_ui: 'Rodar o objeto',
+  scale_button_ui: 'Escalar o tamanho do objeto',
+  select_button_ui: 'Selecionar objeto',
+  duplicate_button_ui: 'Duplicar o objeto selecionado',
+  delete_button_ui: 'Eliminar o objeto selecionado',
+  camera_button_ui: 'Controlos da câmara',
+  eye_button_ui: 'Orbitar ao redor do objeto selecionado',
+
+  info_panel_link_ui: 'Visitar o site do Flock XR (abre num novo separador)',
+  skip_to_scene_ui: 'Ir para a cena 3D', // ai
+
+  project_name_ui: 'Nome do projeto',
+
+  about_heading_ui: 'Sobre o Flock XR',
+  about_description_intro_ui: 'O Flock XR é um ',
+  about_description_prototype_ui: 'protótipo',
+  about_description_made_by_ui: ' criado pela ',
+  about_description_company_ui: 'Flip Computing',
   about_description_disclaimer_ui:
     ' Por favor, experimenta, mas tem em atenção que algumas funcionalidades podem ainda estar por terminar e que o projeto pode sofrer alterações. Estamos à procura de apoio para continuar a desenvolver o Flock de forma fiável.',
   about_run_intro_ui:
diff --git a/locale/sv.js b/locale/sv.js
index 1bbbbea7a..756459be1 100644
--- a/locale/sv.js
+++ b/locale/sv.js
@@ -505,7 +505,8 @@ export default {
     'Ställer in tangenten som utlöser en specifik åtgärd (framåt, bakåt, vänster, höger eller knappar).',
   meshes_touching_tooltip:
     'Returnerar sant om de två valda objekten rör vid varandra.\nKeyword: istouching',
-  time_tooltip: 'Returnerar den förflutna tiden. Pausas medan fliken är dold – bäst för speltimers och nedräkningar.', // ai
+  time_tooltip:
+    'Returnerar den förflutna tiden. Pausas medan fliken är dold – bäst för speltimers och nedräkningar.', // ai
   ground_level_tooltip: 'Returnerar markhöjden vid aktuell x/z-position.',
   distance_to_tooltip: 'Beräkna avståndet mellan två objekt.',
   touching_surface_tooltip: 'Kontrollera om objektet rör vid en yta.\nKeyword: surface',
@@ -550,13 +551,13 @@ export default {
   instrument_tooltip: 'Välj ett instrument att använda för att spela noter.',
   speak_tooltip:
     'Konvertera text till tal med hjälp av Web Speech API och valfri 3D-positionering.\nKeyword: speak',
-  enable_subtitles_tooltip:
-    'Visa undertexter på skärmen för talad text.\nKeyword: subtitles', // ai
+  enable_subtitles_tooltip: 'Visa undertexter på skärmen för talad text.\nKeyword: subtitles', // ai
 
   // Tooltip translations - Text blocks
   comment_tooltip: 'En kommentarsrad för att hjälpa andra att förstå din kod.',
   print_text_tooltip: 'Skriv ut text till utmatningspanelen.\nKeyword: print',
-  subtitle_tooltip: 'Visa text som undertext på skärmen. 0 sekunder stannar tills nästa.\nKeyword: subtitle', // ai
+  subtitle_tooltip:
+    'Visa text som undertext på skärmen. 0 sekunder stannar tills nästa.\nKeyword: subtitle', // ai
   say_tooltip: 'Visa en textruta som ett pratmoln på ett objekt.\nKeyword: say',
   describe_tooltip:
     'Ange visningsnamnet för ett objekt. Uppdaterar metadata för tillgänglighet.\nNyckelord: describe',
@@ -968,99 +969,99 @@ export default {
   Climb_rope_option: 'Klättra rep',
 
   // HTML translations
-  loading_ui: "Laddar Flock XR...",
-  loading_success_ui: "Flock XR laddades framgångsrikt",
-  canvas_accessible_name_ui: "3D scene",
-  loading_title_ui: "Laddar Flock XR",
-  import_project_file_ui: "Importera projektfil",
-
-  demo_ui: "Demo",
-  new_ui: "Ny",
-  starter_ui: "👋🏽 Start",
-  controller_starter_ui: "🎮 Kontrollstart",
-  snow_globe_ui: "❄️ Snöglob",
-  forest_base_ui: "🌲 Skogsbas",
-  character_animation_ui: "🎥 Karaktärsanimation",
-  cube_art_ui: "🎨 Kubkonst",
-  physics_fun_ui: "👆🏾 Fysiklek",
-  collect_the_gems_ui: "💎 Samla ädelstenarna",
-  water_map_ui: "💧 Vattenkarta",
-  skittles_ui: "🎳 Käglor",
-  beetle_ui: "🎲 Skalbagge",
-  roominator_ui: "🛋️ Rumsdesign",
-  ball_pit_ui: "🟠 Bollhav",
-  ur_enough_ui: "💗 Du är nog!",
-  tallest_buildings_ui: "📊 Högsta byggnaderna",
-  candy_dash_ui: "🎃 Godisjakt",
-  flockenspiel_ui: "🎵 Flockenspiel",
-  pendant_ui: "📿 3D-utskrivbart hänge",
-  tent_lights_ui: "⛺ Festivaltält",
-  my_place_ui: "🏠 Mitt ställe",
-  microbit_monkey_ui: "🐵 micro:bit-apa",
-  tree_jump_ui: "🌳 Träd-hopp",
-  shape_push_ui: "🔶 Skjuta form",
-  alien_planet_ui: "👽 Alienplanet",
-  boat_trip_ui: "⛵ Boat trip",
-  character_designer_ui: "👚 Karaktärsdesign",
-  sit_down_ui: "🪑 Sätt dig",
-
-  main_menu_ui: "Huvudmeny",
-  menu_button_sr_label_ui: "Meny",
-  project_submenu_ui: "Projekt",
-  project_new_ui: "Nytt",
-  project_open_ui: "Öppna",
-  project_save_ui: "Spara",
-  language_submenu_ui: "Språk",
-  about_submenu_ui: "Om",
-  hub_submenu_ui: "Nav",
-
-  theme_submenu_ui: "Tema",
-  light_theme_ui: "Ljust",
-  dark_theme_ui: "Mörkt",
-  contrast_theme_ui: "Kontrast",
-  low_vision_theme_ui: "Nedsatt syn",
-
-  run_code_button_ui: "Kör din kod",
-  stop_code_button_ui: "Stoppa din kod",
-  canvas_overlay_play_ui: "Tryck på Spela för att börja", // ai
-  open_button_ui: "Öppna ett projekt från en fil på din dator",
-  open_file_input_label_ui: "Välj projektfil att öppna",
-  export_code_button_ui: "Spara detta projekt till en fil på din dator.",
-  example_select_ui: "Välj ett exempelprojekt att ladda",
-  demo_heading_ui: "Demos", // ai
-  close_demos_ui: "Stäng demos", // ai
-  examples_cat_start_ui: "Start", // ai
-  examples_cat_games_ui: "Spel", // ai
-  examples_cat_physics_ui: "Fysik", // ai
-  examples_cat_worlds_ui: "Världar", // ai
-  examples_cat_create_ui: "Kreativt", // ai
-  examples_cat_xr_ui: "XR", // ai
-
-  toggle_design_ui: "Designa ditt projekt",
-  toggle_play_ui: "Använd ditt projekt",
-  fullscreen_toggle_ui: "Växla mellan helskärm och normalvy.",
-
-  show_shapes_button_ui: "Lägg till former och modeller",
-  color_picker_button_ui: "Ändra objektfärg",
-  position_button_ui: "Positionera objekt",
-  rotation_button_ui: "Rotera objekt",
-  scale_button_ui: "Skala objekt-storlek",
-  select_button_ui: "Välj objekt",
-  duplicate_button_ui: "Duplicera valt objekt",
-  delete_button_ui: "Radera valt objekt",
-  camera_button_ui: "Kamerakontroller",
-  eye_button_ui: "Kretsa runt valt objekt",
-
-  info_panel_link_ui: "Besök Flock XR:s webbplats (öppnas i ny flik)",
-  skip_to_scene_ui: "Hoppa till 3D-scenen", // ai
-
-  project_name_ui: "Projektnamn",
-
-  about_heading_ui: "Om Flock XR",
-  about_description_intro_ui: "Flock XR är ett ",
-  about_description_prototype_ui: "prototyp",
-  about_description_made_by_ui: " utvecklat av ",
-  about_description_company_ui: "Flip Computing",
+  loading_ui: 'Laddar Flock XR...',
+  loading_success_ui: 'Flock XR laddades framgångsrikt',
+  canvas_accessible_name_ui: '3D scene',
+  loading_title_ui: 'Laddar Flock XR',
+  import_project_file_ui: 'Importera projektfil',
+
+  demo_ui: 'Demo',
+  new_ui: 'Ny',
+  starter_ui: '👋🏽 Start',
+  controller_starter_ui: '🎮 Kontrollstart',
+  snow_globe_ui: '❄️ Snöglob',
+  forest_base_ui: '🌲 Skogsbas',
+  character_animation_ui: '🎥 Karaktärsanimation',
+  cube_art_ui: '🎨 Kubkonst',
+  physics_fun_ui: '👆🏾 Fysiklek',
+  collect_the_gems_ui: '💎 Samla ädelstenarna',
+  water_map_ui: '💧 Vattenkarta',
+  skittles_ui: '🎳 Käglor',
+  beetle_ui: '🎲 Skalbagge',
+  roominator_ui: '🛋️ Rumsdesign',
+  ball_pit_ui: '🟠 Bollhav',
+  ur_enough_ui: '💗 Du är nog!',
+  tallest_buildings_ui: '📊 Högsta byggnaderna',
+  candy_dash_ui: '🎃 Godisjakt',
+  flockenspiel_ui: '🎵 Flockenspiel',
+  pendant_ui: '📿 3D-utskrivbart hänge',
+  tent_lights_ui: '⛺ Festivaltält',
+  my_place_ui: '🏠 Mitt ställe',
+  microbit_monkey_ui: '🐵 micro:bit-apa',
+  tree_jump_ui: '🌳 Träd-hopp',
+  shape_push_ui: '🔶 Skjuta form',
+  alien_planet_ui: '👽 Alienplanet',
+  boat_trip_ui: '⛵ Boat trip',
+  character_designer_ui: '👚 Karaktärsdesign',
+  sit_down_ui: '🪑 Sätt dig',
+
+  main_menu_ui: 'Huvudmeny',
+  menu_button_sr_label_ui: 'Meny',
+  project_submenu_ui: 'Projekt',
+  project_new_ui: 'Nytt',
+  project_open_ui: 'Öppna',
+  project_save_ui: 'Spara',
+  language_submenu_ui: 'Språk',
+  about_submenu_ui: 'Om',
+  hub_submenu_ui: 'Nav',
+
+  theme_submenu_ui: 'Tema',
+  light_theme_ui: 'Ljust',
+  dark_theme_ui: 'Mörkt',
+  contrast_theme_ui: 'Kontrast',
+  low_vision_theme_ui: 'Nedsatt syn',
+
+  run_code_button_ui: 'Kör din kod',
+  stop_code_button_ui: 'Stoppa din kod',
+  canvas_overlay_play_ui: 'Tryck på Spela för att börja', // ai
+  open_button_ui: 'Öppna ett projekt från en fil på din dator',
+  open_file_input_label_ui: 'Välj projektfil att öppna',
+  export_code_button_ui: 'Spara detta projekt till en fil på din dator.',
+  example_select_ui: 'Välj ett exempelprojekt att ladda',
+  demo_heading_ui: 'Demos', // ai
+  close_demos_ui: 'Stäng demos', // ai
+  examples_cat_start_ui: 'Start', // ai
+  examples_cat_games_ui: 'Spel', // ai
+  examples_cat_physics_ui: 'Fysik', // ai
+  examples_cat_worlds_ui: 'Världar', // ai
+  examples_cat_create_ui: 'Kreativt', // ai
+  examples_cat_xr_ui: 'XR', // ai
+
+  toggle_design_ui: 'Designa ditt projekt',
+  toggle_play_ui: 'Använd ditt projekt',
+  fullscreen_toggle_ui: 'Växla mellan helskärm och normalvy.',
+
+  show_shapes_button_ui: 'Lägg till former och modeller',
+  color_picker_button_ui: 'Ändra objektfärg',
+  position_button_ui: 'Positionera objekt',
+  rotation_button_ui: 'Rotera objekt',
+  scale_button_ui: 'Skala objekt-storlek',
+  select_button_ui: 'Välj objekt',
+  duplicate_button_ui: 'Duplicera valt objekt',
+  delete_button_ui: 'Radera valt objekt',
+  camera_button_ui: 'Kamerakontroller',
+  eye_button_ui: 'Kretsa runt valt objekt',
+
+  info_panel_link_ui: 'Besök Flock XR:s webbplats (öppnas i ny flik)',
+  skip_to_scene_ui: 'Hoppa till 3D-scenen', // ai
+
+  project_name_ui: 'Projektnamn',
+
+  about_heading_ui: 'Om Flock XR',
+  about_description_intro_ui: 'Flock XR är ett ',
+  about_description_prototype_ui: 'prototyp',
+  about_description_made_by_ui: ' utvecklat av ',
+  about_description_company_ui: 'Flip Computing',
   about_description_disclaimer_ui:
     ' Testa gärna, men kom ihåg att saker kan ändras och vissa funktioner är ännu inte färdiga. Vi söker för närvarande stöd för att utveckla Flock så att du kan lita på det.',
   about_run_intro_ui:
@@ -1139,8 +1140,7 @@ export default {
     'Fysikmotorn fick slut på minne. Försök minska antalet fysikobjekt eller ladda om projektet.', // AI-generated; needs validation
   runtime_error_message: 'Fel: {message}',
   error_audio: 'Ljud är inte tillgängligt på den här enheten. Ditt projekt körs utan ljud.', // Google translate
-  error_speech:
-    'Talsyntes är inte tillgänglig just nu. Ditt projekt körs utan talade ord.', // ai
+  error_speech: 'Talsyntes är inte tillgänglig just nu. Ditt projekt körs utan talade ord.', // ai
   error_physics_unsupported:
     'Den här webbläsaren är för gammal för att köra Flock XR:s fysik. Uppdatera din webbläsare om det går.', // ai
   error_physics_unsupported_ios:
@@ -1157,8 +1157,7 @@ export default {
   select_mesh_eye_prompt: 'ℹ️ Klicka på ett objekt för att kretsa runt det.',
   place_object_prompt: 'ℹ️ Klicka på en yta för att placera objektet.',
   position_readout: 'Position: {position}',
-  eyedropper_not_supported_alert:
-    'Färgval är tillgängligt i Chrome/Edge på dator.', // ai
+  eyedropper_not_supported_alert: 'Färgval är tillgängligt i Chrome/Edge på dator.', // ai
   blocks_copied_alert: 'Block kopierade till lokal lagring!',
   no_blocks_to_copy_alert: 'Inga block att kopiera.',
   copy_blocks_failed_alert: 'Det gick inte att kopiera blocken.',
diff --git a/main/blockhandling.js b/main/blockhandling.js
index 5231a46a0..1d8e01ca9 100644
--- a/main/blockhandling.js
+++ b/main/blockhandling.js
@@ -1,16 +1,16 @@
-import * as Blockly from "blockly";
-import { workspace } from "./blocklyinit.js";
-import { translate } from "./translation.js";
-import { blockHandlerRegistry, refreshReporterAriaLabels } from "../blocks/blocks.js";
-import { announceToScreenReader } from "./input.js";
-import { TOP_BLOCK_TYPES } from "../config.js";
+import * as Blockly from 'blockly';
+import { workspace } from './blocklyinit.js';
+import { translate } from './translation.js';
+import { blockHandlerRegistry, refreshReporterAriaLabels } from '../blocks/blocks.js';
+import { announceToScreenReader } from './input.js';
+import { TOP_BLOCK_TYPES } from '../config.js';
 
 function asBlocklyBlock(candidate) {
-  if (!candidate || typeof candidate !== "object") {
+  if (!candidate || typeof candidate !== 'object') {
     return null;
   }
 
-  return typeof candidate.getNextBlock === "function" ? candidate : null;
+  return typeof candidate.getNextBlock === 'function' ? candidate : null;
 }
 
 function getSelectedBlockFromFocusedNode(node) {
@@ -23,7 +23,7 @@ function getSelectedBlockFromFocusedNode(node) {
     return direct;
   }
 
-  if (typeof node.getSourceBlock === "function") {
+  if (typeof node.getSourceBlock === 'function') {
     return asBlocklyBlock(node.getSourceBlock());
   }
 
@@ -37,16 +37,11 @@ function getSelectedBlockForKeywordShortcut() {
   }
 
   const focusedNode = Blockly.getFocusManager?.()?.getFocusedNode?.();
-  return (
-    getSelectedBlockFromFocusedNode(focusedNode) ||
-    asBlocklyBlock(window.currentBlock)
-  );
+  return getSelectedBlockFromFocusedNode(focusedNode) || asBlocklyBlock(window.currentBlock);
 }
 
 function getViewportCenterCoordinates(activeWorkspace) {
-  const { left, top, width, height } = activeWorkspace
-    .getMetricsManager()
-    .getViewMetrics(true);
+  const { left, top, width, height } = activeWorkspace.getMetricsManager().getViewMetrics(true);
 
   return new Blockly.utils.Coordinate(left + width / 2, top + height / 2);
 }
@@ -65,20 +60,19 @@ function focusBlocklyBlock(block) {
   getBlocklyFocusManager()?.focusNode?.(block);
   block.select?.();
 
-  const focusableElement =
-    block.getFocusableElement?.() || block.getSvgRoot?.();
+  const focusableElement = block.getFocusableElement?.() || block.getSvgRoot?.();
   focusableElement?.focus?.({ preventScroll: true });
 }
 
 function focusKeywordField(block) {
   focusBlocklyBlock(block);
 
-  const textInputField = block.getField("KEYWORD");
+  const textInputField = block.getField('KEYWORD');
   if (textInputField) {
     textInputField.showEditor_();
 
     requestAnimationFrame(() => {
-      const htmlInput = document.querySelector(".blocklyHtmlInput");
+      const htmlInput = document.querySelector('.blocklyHtmlInput');
       htmlInput?.focus?.({ preventScroll: true });
       htmlInput?.select?.();
     });
@@ -120,7 +114,7 @@ export function initializeBlockHandling() {
       const toolbox = workspace.getToolbox();
       const selectedItem = toolbox.getSelectedItem();
 
-      if (selectedItem && selectedItem.getName() === "Snippets") {
+      if (selectedItem && selectedItem.getName() === 'Snippets') {
         window.loadingCode = true;
       } else {
         window.loadingCode = false;
@@ -139,9 +133,7 @@ export function initializeBlockHandling() {
     try {
       const topBlocks = (workspace.getTopBlocks(false) || [])
         .filter((b) => !!b && !b.isInFlyout && !b.isShadow?.())
-        .sort(
-          (a, b) => a.getRelativeToSurfaceXY().y - b.getRelativeToSurfaceXY().y,
-        );
+        .sort((a, b) => a.getRelativeToSurfaceXY().y - b.getRelativeToSurfaceXY().y);
 
       for (const block of topBlocks) {
         if (!blockTypesToCleanUp.includes(block.type)) continue;
@@ -154,7 +146,7 @@ export function initializeBlockHandling() {
           const h = block.getHeightWidth?.().height || 40;
           cursorY += h + spacing;
         } catch (error) {
-          console.warn("Suppressed non-critical error:", error);
+          console.warn('Suppressed non-critical error:', error);
         }
       }
 
@@ -193,7 +185,7 @@ export function initializeBlockHandling() {
           }
         }
       } catch (error) {
-        console.warn("Suppressed non-critical error:", error);
+        console.warn('Suppressed non-critical error:', error);
       }
     } finally {
       Blockly.Events.setGroup(false);
@@ -236,8 +228,7 @@ export function initializeBlockHandling() {
   workspace.addChangeListener((event) => {
     if (event.type === Blockly.Events.BLOCK_DRAG) {
       if (event.isStart) {
-        __dragSessionGroup =
-          event.group || `drag-${Date.now()}-${Math.random()}`;
+        __dragSessionGroup = event.group || `drag-${Date.now()}-${Math.random()}`;
         if (__dragSessionTimer) {
           clearTimeout(__dragSessionTimer);
           __dragSessionTimer = null;
@@ -255,50 +246,50 @@ export function initializeBlockHandling() {
       event.group = __dragSessionGroup;
     }
   });
-  
+
   workspace.addChangeListener(Blockly.Events.disableOrphans);
 
   let cleanupTimeout = null;
 
   // Global keyboard shortcuts
-  document.addEventListener("keydown", function (event) {
+  document.addEventListener('keydown', function (event) {
     // Skip to main content (Alt+M)
-    if (event.altKey && event.key.toLowerCase() === "m") {
+    if (event.altKey && event.key.toLowerCase() === 'm') {
       event.preventDefault();
-      const mainContent = document.getElementById("maincontent");
+      const mainContent = document.getElementById('maincontent');
       if (mainContent) {
         mainContent.focus();
-        announceToScreenReader(translate("focused_main_content"));
+        announceToScreenReader(translate('focused_main_content'));
       }
       return;
     }
 
     // Close modal with Escape
-    if (event.key === "Escape") {
-      const openModals = document.querySelectorAll(".modal:not(.hidden)");
+    if (event.key === 'Escape') {
+      const openModals = document.querySelectorAll('.modal:not(.hidden)');
       openModals.forEach((modal) => {
-        modal.classList.add("hidden");
-        modal.setAttribute("aria-hidden", "true");
-        modal.removeAttribute("aria-modal");
+        modal.classList.add('hidden');
+        modal.setAttribute('aria-hidden', 'true');
+        modal.removeAttribute('aria-modal');
       });
       return;
     }
 
-    if ((event.ctrlKey || event.metaKey) && event.key === ".") {
+    if ((event.ctrlKey || event.metaKey) && event.key === '.') {
       event.preventDefault();
 
-      createKeywordBlockAtViewportCenter("keyword_block");
+      createKeywordBlockAtViewportCenter('keyword_block');
     }
   });
 
   // Handle Enter key for adding new blocks
-  document.addEventListener("keydown", function (event) {
-    if ((event.ctrlKey || event.metaKey) && event.key === "]") {
+  document.addEventListener('keydown', function (event) {
+    if ((event.ctrlKey || event.metaKey) && event.key === ']') {
       const selectedBlock = getSelectedBlockForKeywordShortcut();
       event.preventDefault();
 
       if (!selectedBlock) {
-        createKeywordBlockAtViewportCenter("keyword");
+        createKeywordBlockAtViewportCenter('keyword');
         return;
       }
 
@@ -309,7 +300,7 @@ export function initializeBlockHandling() {
       }
 
       // Create a new keyword block
-      const keywordBlock = workspace.newBlock("keyword");
+      const keywordBlock = workspace.newBlock('keyword');
       window.currentBlock = keywordBlock;
       keywordBlock.initSvg();
       keywordBlock.render();
@@ -321,9 +312,7 @@ export function initializeBlockHandling() {
       }
       selectedBlock.nextConnection.connect(keywordBlock.previousConnection);
       if (currentNextBlock && keywordBlock.nextConnection) {
-        keywordBlock.nextConnection.connect(
-          currentNextBlock.previousConnection,
-        );
+        keywordBlock.nextConnection.connect(currentNextBlock.previousConnection);
       }
 
       // Update our tracking variable to the new block
@@ -339,9 +328,7 @@ export function initializeBlockHandling() {
   workspace.addChangeListener((event) => {
     // Track the currently selected block.
     if (event.type === Blockly.Events.SELECTED) {
-      window.currentBlock = event.newElementId
-        ? workspace.getBlockById(event.newElementId)
-        : null;
+      window.currentBlock = event.newElementId ? workspace.getBlockById(event.newElementId) : null;
     }
 
     // Workaround for Blockly not checking for orphans on key
@@ -417,10 +404,7 @@ export function initializeBlockHandling() {
     }
 
     // Immediate cleanup when a top-level block is collapsed/expanded.
-    if (
-      event.type === Blockly.Events.BLOCK_CHANGE &&
-      event.element === "collapsed"
-    ) {
+    if (event.type === Blockly.Events.BLOCK_CHANGE && event.element === 'collapsed') {
       const block = workspace.getBlockById(event.blockId);
       if (block && !block.getParent()) {
         layoutTopLevelBlocks();
@@ -428,10 +412,7 @@ export function initializeBlockHandling() {
     }
 
     // Purge deleted blocks from the registry, then dispatch to handlers.
-    if (
-      event.type === Blockly.Events.BLOCK_DELETE &&
-      Array.isArray(event.ids)
-    ) {
+    if (event.type === Blockly.Events.BLOCK_DELETE && Array.isArray(event.ids)) {
       for (const id of event.ids) {
         if (!workspace.getBlockById(id)) {
           blockHandlerRegistry.delete(id);
@@ -455,20 +436,20 @@ function enforceMinimumFontSize(input) {
 
   // Set font size immediately if it's less than 16px
   if (currentFontSize < 16) {
-    input.style.fontSize = "16px";
+    input.style.fontSize = '16px';
     input.offsetHeight; // Force reflow to apply the font size change
   }
 
   // Delay focus to prevent zoom
   input.addEventListener(
-    "focus",
+    'focus',
     (event) => {
       event.preventDefault(); // Prevent the default focus action
       setTimeout(() => {
         input.focus(); // Focus the input after a short delay
       }, 50); // Adjust the delay as needed (50ms is usually enough)
     },
-    { once: true },
+    { once: true }
   ); // Add the event listener once for each input
 }
 
@@ -476,13 +457,10 @@ function enforceMinimumFontSize(input) {
 function observeBlocklyInputs() {
   const observer = new MutationObserver((mutationsList) => {
     mutationsList.forEach((mutation) => {
-      if (mutation.type === "childList") {
+      if (mutation.type === 'childList') {
         mutation.addedNodes.forEach((node) => {
           // Check if the added node is an INPUT element with the blocklyHtmlInput class
-          if (
-            node.nodeType === Node.ELEMENT_NODE &&
-            node.classList.contains("blocklyHtmlInput")
-          ) {
+          if (node.nodeType === Node.ELEMENT_NODE && node.classList.contains('blocklyHtmlInput')) {
             enforceMinimumFontSize(node); // Set font size and delay focus
           }
         });
@@ -492,8 +470,8 @@ function observeBlocklyInputs() {
 
   // Observe only the Blockly container to avoid scanning the entire document
   const blocklyContainer =
-    workspace?.getParentSvg()?.closest("#blocklyDiv") ??
-    document.getElementById("blocklyDiv") ??
+    workspace?.getParentSvg()?.closest('#blocklyDiv') ??
+    document.getElementById('blocklyDiv') ??
     document.body;
   observer.observe(blocklyContainer, { childList: true, subtree: true });
 }
diff --git a/main/blocklyinit.js b/main/blocklyinit.js
index 42c544d4a..3b0afb0dc 100644
--- a/main/blocklyinit.js
+++ b/main/blocklyinit.js
@@ -1573,8 +1573,7 @@ function installShadowNavigationPatch(ws) {
               !ws.isReadOnly?.()
             );
           },
-          callback: (ws, _event, _shortcut, scope) =>
-            duplicateViaClipboard(ws, scope?.focusedNode),
+          callback: (ws, _event, _shortcut, scope) => duplicateViaClipboard(ws, scope?.focusedNode),
         },
         /* allowOverrides= */ true
       );
diff --git a/main/context.js b/main/context.js
index d03fd70d0..6bfeea15a 100644
--- a/main/context.js
+++ b/main/context.js
@@ -4,23 +4,15 @@
  */
 export const ContextManager = {
   // Define priority order (Top of list = most important)
-  priorities: [
-    "TYPING",
-    "OVERLAY",
-    "GIZMO",
-    "RESIZER",
-    "NAVIGATION",
-    "EDITOR",
-    "CAMERA",
-  ],
+  priorities: ['TYPING', 'OVERLAY', 'GIZMO', 'RESIZER', 'NAVIGATION', 'EDITOR', 'CAMERA'],
 
   getCurrentContext() {
     // TYPING: Are they in an input box or search box
     const activeEl = document.activeElement;
     const isInput =
       activeEl &&
-      (activeEl.tagName === "INPUT" ||
-        activeEl.tagName === "TEXTAREA" ||
+      (activeEl.tagName === 'INPUT' ||
+        activeEl.tagName === 'TEXTAREA' ||
         activeEl.isContentEditable);
 
     // Check Blockly safely across different versions/namespaces
@@ -28,10 +20,10 @@ export const ContextManager = {
     if (window.Blockly) {
       // Try multiple ways to find the main workspace
       const mainWorkspace =
-        (typeof window.Blockly.getMainWorkspace === "function"
+        (typeof window.Blockly.getMainWorkspace === 'function'
           ? window.Blockly.getMainWorkspace()
           : null) ??
-        (typeof window.Blockly.common?.getMainWorkspace === "function"
+        (typeof window.Blockly.common?.getMainWorkspace === 'function'
           ? window.Blockly.common.getMainWorkspace()
           : null);
 
@@ -41,62 +33,61 @@ export const ContextManager = {
       }
     }
 
-    if (isInput || isBlocklyTyping) return "TYPING";
+    if (isInput || isBlocklyTyping) return 'TYPING';
 
     // OVERLAY: are they currently in an overlay?
-    const overlaySelectors = "#area-menu-overlay";
-    const isOverlayVisible = Array.from(
-      document.querySelectorAll(overlaySelectors),
-    ).some((el) => window.getComputedStyle(el).display !== "none");
+    const overlaySelectors = '#area-menu-overlay';
+    const isOverlayVisible = Array.from(document.querySelectorAll(overlaySelectors)).some(
+      (el) => window.getComputedStyle(el).display !== 'none'
+    );
 
     if (isOverlayVisible) {
-      return "OVERLAY";
+      return 'OVERLAY';
     }
 
     // GIZMO: Is a gizmo currently active?
     // Yield to EDITOR if the user is actively working in Blockly
-    if (document.querySelector(".gizmo-button.active")) {
+    if (document.querySelector('.gizmo-button.active')) {
       const currentGesture = window.Blockly?.Gesture?.getCurrentGesture?.();
       const isBlocklyActive =
         currentGesture?.isDragging?.() ||
-        activeEl?.closest(".blocklySvg") ||
-        activeEl?.closest(".blocklyToolbox");
-      if (!isBlocklyActive) return "GIZMO";
+        activeEl?.closest('.blocklySvg') ||
+        activeEl?.closest('.blocklyToolbox');
+      if (!isBlocklyActive) return 'GIZMO';
     }
 
     // RESIZER: Are they changing the canvas size?
-    const resizer = document.getElementById("resizer");
+    const resizer = document.getElementById('resizer');
     if (activeEl === resizer) {
-      return "RESIZER";
+      return 'RESIZER';
     }
 
     // NAVIGATION: Are they focused on a menu or a button
-    const isUI =
-      activeEl?.tagName === "BUTTON" || activeEl?.closest(".menu-container");
+    const isUI = activeEl?.tagName === 'BUTTON' || activeEl?.closest('.menu-container');
 
     if (isUI) {
-      return "NAVIGATION";
+      return 'NAVIGATION';
     }
 
     // EDITOR: Are they in the blockly workspace or toolbox
     const currentGesture = window.Blockly?.Gesture?.getCurrentGesture?.();
 
     const isDragging = currentGesture && currentGesture.isDragging();
-    const isInWorkspace = activeEl?.closest(".blocklySvg");
-    const isInToolbox = activeEl?.closest(".blocklyToolbox");
+    const isInWorkspace = activeEl?.closest('.blocklySvg');
+    const isInToolbox = activeEl?.closest('.blocklyToolbox');
     const hasSelectedBlock = !!window.Blockly?.selected;
 
     if (isDragging || isInWorkspace || isInToolbox || hasSelectedBlock) {
-      return "EDITOR";
+      return 'EDITOR';
     }
 
     // DEFAULT: Move the camera
-    return "CAMERA";
+    return 'CAMERA';
   },
 
   // Helper to show context in the UI for debugging
   updateDebugDisplay() {
-    const el = document.getElementById("flock-context-debug");
+    const el = document.getElementById('flock-context-debug');
     if (el) {
       el.innerText = `Current Context: ${this.getCurrentContext()}`;
     }
@@ -106,9 +97,9 @@ export const ContextManager = {
 // Inject this debug overlay into index.html
 (function injectDebugUI() {
   const start = () => {
-    if (window.location.hostname !== "localhost") return; // Only show debug on dev
+    if (window.location.hostname !== 'localhost') return; // Only show debug on dev
     // 1. Create Style with !important to prevent overrides
-    const style = document.createElement("style");
+    const style = document.createElement('style');
     style.textContent = `
             #flock-context-debug {
                 position: fixed !important;
@@ -132,19 +123,18 @@ export const ContextManager = {
     document.head.appendChild(style);
 
     // 2. Create the Element
-    const debugDiv = document.createElement("div");
-    debugDiv.id = "flock-context-debug";
+    const debugDiv = document.createElement('div');
+    debugDiv.id = 'flock-context-debug';
     debugDiv.innerHTML = `CONTEXT: <span id="ctx-value">...</span><br>INPUT: <span id="input-debug-value">...</span>`;
     document.body.appendChild(debugDiv);
 
     // Update loop
-    const valueSpan = document.getElementById("ctx-value");
+    const valueSpan = document.getElementById('ctx-value');
 
     setInterval(() => {
-      if (typeof ContextManager !== "undefined") {
+      if (typeof ContextManager !== 'undefined') {
         // Simply fetch and display the state
-        valueSpan.innerText =
-          ContextManager.getCurrentContext() + " " + document.activeElement.id;
+        valueSpan.innerText = ContextManager.getCurrentContext() + ' ' + document.activeElement.id;
       }
     }, 100);
   };
@@ -153,6 +143,6 @@ export const ContextManager = {
   if (document.body) {
     start();
   } else {
-    window.addEventListener("DOMContentLoaded", start);
+    window.addEventListener('DOMContentLoaded', start);
   }
-})();
\ No newline at end of file
+})();
diff --git a/main/customCommentIcon.js b/main/customCommentIcon.js
index f1011af90..4a5b7d9d7 100644
--- a/main/customCommentIcon.js
+++ b/main/customCommentIcon.js
@@ -1,4 +1,4 @@
-import * as Blockly from "blockly";
+import * as Blockly from 'blockly';
 
 export class CustomCommentIcon extends Blockly.icons.CommentIcon {
   constructor(sourceBlock) {
@@ -17,20 +17,20 @@ export class CustomCommentIcon extends Blockly.icons.CommentIcon {
     const iconGroup = Blockly.utils.dom.createSvgElement(
       Blockly.utils.Svg.G,
       {
-        class: "blocklyCommentIconGroup",
-        transform: "translate(0, 0)",
+        class: 'blocklyCommentIconGroup',
+        transform: 'translate(0, 0)',
       },
-      this.svgRoot,
+      this.svgRoot
     );
 
     Blockly.utils.dom.createSvgElement(
       Blockly.utils.Svg.PATH,
       {
-        class: "blocklyCommentIconPath",
-        d: "M64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 213.5c0 17-6.7 33.3-18.7 45.3L322.7 461.3c-12 12-28.3 18.7-45.3 18.7L64 480zM389.5 304L296 304c-13.3 0-24 10.7-24 24l0 93.5 117.5-117.5z",
-        transform: "scale(0.046) translate(1, 1)",
+        class: 'blocklyCommentIconPath',
+        d: 'M64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 213.5c0 17-6.7 33.3-18.7 45.3L322.7 461.3c-12 12-28.3 18.7-45.3 18.7L64 480zM389.5 304L296 304c-13.3 0-24 10.7-24 24l0 93.5 117.5-117.5z',
+        transform: 'scale(0.046) translate(1, 1)',
       },
-      iconGroup,
+      iconGroup
     );
   }
 
@@ -40,9 +40,6 @@ export class CustomCommentIcon extends Blockly.icons.CommentIcon {
 }
 
 export function registerCustomCommentIcon() {
-  Blockly.icons.registry.unregister("comment");
-  Blockly.icons.registry.register(
-    Blockly.icons.IconType.COMMENT,
-    CustomCommentIcon,
-  );
+  Blockly.icons.registry.unregister('comment');
+  Blockly.icons.registry.register(Blockly.icons.IconType.COMMENT, CustomCommentIcon);
 }
diff --git a/main/debug.js b/main/debug.js
index 20e126cfe..5bf13948a 100644
--- a/main/debug.js
+++ b/main/debug.js
@@ -1,33 +1,31 @@
-import { flock } from "../flock.js";
-import * as Blockly from "blockly";
-import { meshMap } from "../generators/generators.js";
+import { flock } from '../flock.js';
+import * as Blockly from 'blockly';
+import { meshMap } from '../generators/generators.js';
 
 window.flockDebug = {
   info() {
-    console.log("=== FLOCK DEBUG INFO ===");
+    console.log('=== FLOCK DEBUG INFO ===');
 
     const workspace = Blockly.getMainWorkspace();
     const blocks = workspace.getAllBlocks();
     const allMeshes = flock.scene.meshes;
     const relevantMeshes = allMeshes.filter(
       (m) =>
-        m.name !== "__root__" &&
-        !m.name.includes("_primitive") &&
-        !m.name.includes(".glb_first") &&
-        !m.name.includes("Constraint_"),
+        m.name !== '__root__' &&
+        !m.name.includes('_primitive') &&
+        !m.name.includes('.glb_first') &&
+        !m.name.includes('Constraint_')
     );
 
     console.log(
-      `📦 Blocks: ${blocks.length}, 🎮 Meshes: ${relevantMeshes.length}, 🔗 Tracked: ${Object.keys(meshMap).length}`,
+      `📦 Blocks: ${blocks.length}, 🎮 Meshes: ${relevantMeshes.length}, 🔗 Tracked: ${Object.keys(meshMap).length}`
     );
 
     // Camera info
     const camera = flock.scene.activeCamera;
     if (camera) {
       const pos = camera.position;
-      console.log(
-        `📷 Camera at (${pos.x.toFixed(1)}, ${pos.y.toFixed(1)}, ${pos.z.toFixed(1)})`,
-      );
+      console.log(`📷 Camera at (${pos.x.toFixed(1)}, ${pos.y.toFixed(1)}, ${pos.z.toFixed(1)})`);
     }
 
     let workingConnections = 0;
@@ -51,27 +49,23 @@ window.flockDebug = {
     const orphanedMeshes = relevantMeshes.filter(
       (mesh) =>
         !trackedMeshNames.has(mesh.name) &&
-        !Array.from(trackedMeshNames).some((id) =>
-          mesh.name.includes(id.split("__")[0]),
-        ),
+        !Array.from(trackedMeshNames).some((id) => mesh.name.includes(id.split('__')[0]))
     );
 
     console.log(
-      `\n📊 SUMMARY: ✅ ${workingConnections} working, ❌ ${missingMeshes} missing, 🚨 ${orphanedMeshes.length} orphaned`,
+      `\n📊 SUMMARY: ✅ ${workingConnections} working, ❌ ${missingMeshes} missing, 🚨 ${orphanedMeshes.length} orphaned`
     );
 
     if (orphanedMeshes.length > 0 && orphanedMeshes.length <= 10) {
-      console.log("🚨 ORPHANED MESHES:");
+      console.log('🚨 ORPHANED MESHES:');
       orphanedMeshes.forEach((mesh) => {
         const pos = mesh.position;
         console.log(
-          `  - ${mesh.name} at (${pos.x.toFixed(1)}, ${pos.y.toFixed(1)}, ${pos.z.toFixed(1)})`,
+          `  - ${mesh.name} at (${pos.x.toFixed(1)}, ${pos.y.toFixed(1)}, ${pos.z.toFixed(1)})`
         );
       });
     } else if (orphanedMeshes.length > 10) {
-      console.log(
-        `🚨 ${orphanedMeshes.length} orphaned meshes (too many to list)`,
-      );
+      console.log(`🚨 ${orphanedMeshes.length} orphaned meshes (too many to list)`);
     }
   },
 
@@ -84,20 +78,20 @@ window.flockDebug = {
         this._cachedAvailable = flock.scene.meshes
           .filter(
             (m) =>
-              m.name !== "__root__" &&
-              !m.name.includes("_primitive") &&
-              !m.name.includes(".glb_first"),
+              m.name !== '__root__' &&
+              !m.name.includes('_primitive') &&
+              !m.name.includes('.glb_first')
           )
           .map((m) => m.name);
         this._cacheTime = Date.now();
       }
 
       console.log(
-        "Available objects:",
-        this._cachedAvailable.slice(0, 10).join(", ") +
+        'Available objects:',
+        this._cachedAvailable.slice(0, 10).join(', ') +
           (this._cachedAvailable.length > 10
             ? `... and ${this._cachedAvailable.length - 10} more`
-            : ""),
+            : '')
       );
       return;
     }
@@ -109,7 +103,7 @@ window.flockDebug = {
       camera.position = meshPos.add(offset);
       camera.setTarget(meshPos);
       console.log(
-        `📷 Moved to ${objectName} at (${meshPos.x.toFixed(1)}, ${meshPos.y.toFixed(1)}, ${meshPos.z.toFixed(1)})`,
+        `📷 Moved to ${objectName} at (${meshPos.x.toFixed(1)}, ${meshPos.y.toFixed(1)}, ${meshPos.z.toFixed(1)})`
       );
     }
   },
@@ -117,36 +111,32 @@ window.flockDebug = {
   health() {
     const workspace = Blockly.getMainWorkspace();
     const blockCount = workspace.getAllBlocks().length;
-    const meshCount = flock.scene.meshes.filter(
-      (m) => m.name !== "__root__",
-    ).length;
+    const meshCount = flock.scene.meshes.filter((m) => m.name !== '__root__').length;
     const trackedCount = Object.keys(meshMap).length;
 
     const workingCount = Object.keys(meshMap).filter((meshId) =>
-      flock.scene.getMeshByName(meshId),
+      flock.scene.getMeshByName(meshId)
     ).length;
 
-    console.log("=== QUICK HEALTH CHECK ===");
-    console.log(
-      `📊 ${blockCount} blocks, ${meshCount} meshes, ${trackedCount} tracked`,
-    );
+    console.log('=== QUICK HEALTH CHECK ===');
+    console.log(`📊 ${blockCount} blocks, ${meshCount} meshes, ${trackedCount} tracked`);
     console.log(
-      `${workingCount === trackedCount ? "✅" : "⚠️"} ${workingCount}/${trackedCount} connections working`,
+      `${workingCount === trackedCount ? '✅' : '⚠️'} ${workingCount}/${trackedCount} connections working`
     );
 
     if (workingCount === trackedCount && trackedCount > 0) {
-      console.log("✅ System is healthy!");
+      console.log('✅ System is healthy!');
     } else {
-      console.log("⚠️ Issues detected. Run flockDebug.info() for details");
+      console.log('⚠️ Issues detected. Run flockDebug.info() for details');
     }
   },
 
   materials() {
-    console.log("=== FLOCK MATERIALS INFO ===");
+    console.log('=== FLOCK MATERIALS INFO ===');
   },
 };
 
-console.log("🛠️ Flock Debug loaded! Commands:");
-console.log("  flockDebug.health() - Quick health check");
-console.log("  flockDebug.info() - Detailed analysis");
+console.log('🛠️ Flock Debug loaded! Commands:');
+console.log('  flockDebug.health() - Quick health check');
+console.log('  flockDebug.info() - Detailed analysis');
 console.log("  flockDebug.goTo('objectName') - Move camera to object");
diff --git a/main/examples.js b/main/examples.js
index df3e4e75a..b8d7565ed 100644
--- a/main/examples.js
+++ b/main/examples.js
@@ -3,49 +3,69 @@
 // append an entry below (with its `category`), drop its .flock file in
 // /examples, and add an `<key>_ui` label in the locale files. To add a
 // category, add an entry to CATEGORIES with an `examples_cat_<id>_ui` label.
-import { applyTranslations, translate } from "./translation.js";
-import { loadExample } from "./files.js";
+import { applyTranslations, translate } from './translation.js';
+import { loadExample } from './files.js';
 
 // Tabs, in display order. `i18nKey` maps to an `examples_cat_<…>_ui` locale
 // entry. Categories with no examples are skipped when building the tabs.
 export const CATEGORIES = [
-  { id: "start", i18nKey: "examples_cat_start" },
-  { id: "worlds", i18nKey: "examples_cat_worlds" },
-  { id: "games", i18nKey: "examples_cat_games" },
-  { id: "physics", i18nKey: "examples_cat_physics" },
-  { id: "create", i18nKey: "examples_cat_create" },
-  { id: "xr", i18nKey: "examples_cat_xr" },
+  { id: 'start', i18nKey: 'examples_cat_start' },
+  { id: 'worlds', i18nKey: 'examples_cat_worlds' },
+  { id: 'games', i18nKey: 'examples_cat_games' },
+  { id: 'physics', i18nKey: 'examples_cat_physics' },
+  { id: 'create', i18nKey: 'examples_cat_create' },
+  { id: 'xr', i18nKey: 'examples_cat_xr' },
 ];
 
 // Ordered list of bundled examples. `i18nKey` maps to the existing `<key>_ui`
 // locale entries (which already include the leading emoji); `emoji` is kept as
 // a fallback used before translations are applied; `category` is a CATEGORIES id.
 export const EXAMPLES = [
-  { i18nKey: "starter", file: "examples/starter.flock", emoji: "👋🏽", category: "start" },
-  { i18nKey: "tree_jump", file: "examples/tree_jump.flock", emoji: "🌳", category: "games" },
-  { i18nKey: "collect_the_gems", file: "examples/collect_the_gems.flock", emoji: "💎", category: "games" },
-  { i18nKey: "candy_dash", file: "examples/candy_dash.flock", emoji: "🎃", category: "games" },
-  { i18nKey: "beetle", file: "examples/beetle.flock", emoji: "🪲", category: "games" },
-  { i18nKey: "physics_fun", file: "examples/physics_fun.flock", emoji: "👆🏾", category: "physics" },
-  { i18nKey: "shape_push", file: "examples/shape_push.flock", emoji: "🔶", category: "physics" },
-  { i18nKey: "ball_pit", file: "examples/ball_pit.flock", emoji: "🟠", category: "physics" },
-  { i18nKey: "skittles", file: "examples/skittles.flock", emoji: "🎳", category: "physics" },
-  { i18nKey: "alien_planet", file: "examples/alien_planet.flock", emoji: "👽", category: "worlds" },
-  { i18nKey: "my_place", file: "examples/my_place.flock", emoji: "🏠", category: "worlds" },
-  { i18nKey: "forest_base", file: "examples/forest_base.flock", emoji: "🌲", category: "worlds" },
-  { i18nKey: "water_map", file: "examples/water_map.flock", emoji: "💧", category: "worlds" },
-  { i18nKey: "boat_trip", file: "examples/boat_trip.flock", emoji: "⛵", category: "worlds" },
-  { i18nKey: "tent_lights", file: "examples/tent_lights.flock", emoji: "⛺", category: "worlds" },
-  { i18nKey: "roominator", file: "examples/roominator.flock", emoji: "🛋️", category: "worlds" },
-  { i18nKey: "character_animation", file: "examples/character_animation.flock", emoji: "🎥", category: "create" },
-  { i18nKey: "sit_down", file: "examples/sit_down.flock", emoji: "🪑", category: "create" },
-  { i18nKey: "cube_art", file: "examples/cube_art.flock", emoji: "🎨", category: "create" },
-  { i18nKey: "snow_globe", file: "examples/snow_globe.flock", emoji: "❄️", category: "create" },
-  { i18nKey: "ur_enough", file: "examples/ur_enough.flock", emoji: "💗", category: "create" },
-  { i18nKey: "flockenspiel", file: "examples/flockenspiel.flock", emoji: "🎵", category: "create" },
-  { i18nKey: "tallest_buildings", file: "examples/tallest_buildings.flock", emoji: "📊", category: "create" },
-  { i18nKey: "pendant", file: "examples/pendant.flock", emoji: "📿", category: "xr" },
-  { i18nKey: "microbit_monkey", file: "examples/microbit_monkey.flock", emoji: "🐵", category: "xr" },
+  { i18nKey: 'starter', file: 'examples/starter.flock', emoji: '👋🏽', category: 'start' },
+  { i18nKey: 'tree_jump', file: 'examples/tree_jump.flock', emoji: '🌳', category: 'games' },
+  {
+    i18nKey: 'collect_the_gems',
+    file: 'examples/collect_the_gems.flock',
+    emoji: '💎',
+    category: 'games',
+  },
+  { i18nKey: 'candy_dash', file: 'examples/candy_dash.flock', emoji: '🎃', category: 'games' },
+  { i18nKey: 'beetle', file: 'examples/beetle.flock', emoji: '🪲', category: 'games' },
+  { i18nKey: 'physics_fun', file: 'examples/physics_fun.flock', emoji: '👆🏾', category: 'physics' },
+  { i18nKey: 'shape_push', file: 'examples/shape_push.flock', emoji: '🔶', category: 'physics' },
+  { i18nKey: 'ball_pit', file: 'examples/ball_pit.flock', emoji: '🟠', category: 'physics' },
+  { i18nKey: 'skittles', file: 'examples/skittles.flock', emoji: '🎳', category: 'physics' },
+  { i18nKey: 'alien_planet', file: 'examples/alien_planet.flock', emoji: '👽', category: 'worlds' },
+  { i18nKey: 'my_place', file: 'examples/my_place.flock', emoji: '🏠', category: 'worlds' },
+  { i18nKey: 'forest_base', file: 'examples/forest_base.flock', emoji: '🌲', category: 'worlds' },
+  { i18nKey: 'water_map', file: 'examples/water_map.flock', emoji: '💧', category: 'worlds' },
+  { i18nKey: 'boat_trip', file: 'examples/boat_trip.flock', emoji: '⛵', category: 'worlds' },
+  { i18nKey: 'tent_lights', file: 'examples/tent_lights.flock', emoji: '⛺', category: 'worlds' },
+  { i18nKey: 'roominator', file: 'examples/roominator.flock', emoji: '🛋️', category: 'worlds' },
+  {
+    i18nKey: 'character_animation',
+    file: 'examples/character_animation.flock',
+    emoji: '🎥',
+    category: 'create',
+  },
+  { i18nKey: 'sit_down', file: 'examples/sit_down.flock', emoji: '🪑', category: 'create' },
+  { i18nKey: 'cube_art', file: 'examples/cube_art.flock', emoji: '🎨', category: 'create' },
+  { i18nKey: 'snow_globe', file: 'examples/snow_globe.flock', emoji: '❄️', category: 'create' },
+  { i18nKey: 'ur_enough', file: 'examples/ur_enough.flock', emoji: '💗', category: 'create' },
+  { i18nKey: 'flockenspiel', file: 'examples/flockenspiel.flock', emoji: '🎵', category: 'create' },
+  {
+    i18nKey: 'tallest_buildings',
+    file: 'examples/tallest_buildings.flock',
+    emoji: '📊',
+    category: 'create',
+  },
+  { i18nKey: 'pendant', file: 'examples/pendant.flock', emoji: '📿', category: 'xr' },
+  {
+    i18nKey: 'microbit_monkey',
+    file: 'examples/microbit_monkey.flock',
+    emoji: '🐵',
+    category: 'xr',
+  },
 ];
 
 let previouslyFocused = null;
@@ -58,7 +78,7 @@ function canRestoreFocus(element) {
   let currentElement = element;
   while (currentElement) {
     const style = window.getComputedStyle(currentElement);
-    if (style.display === "none" || style.visibility === "hidden") {
+    if (style.display === 'none' || style.visibility === 'hidden') {
       return false;
     }
     currentElement = currentElement.parentElement;
@@ -72,27 +92,27 @@ function createTile(example) {
   // an option with its position (e.g. "Starter, 1 of 7"), and roving tabindex
   // (set by focusTile / populateExampleGrid) makes arrow-key navigation the
   // expected, announced behaviour — mirroring the tablist.
-  const button = document.createElement("button");
-  button.type = "button";
-  button.className = "example-tile";
+  const button = document.createElement('button');
+  button.type = 'button';
+  button.className = 'example-tile';
   button.dataset.key = example.i18nKey;
   button.dataset.emoji = example.emoji;
   button.dataset.file = example.file;
-  button.setAttribute("role", "option");
-  button.setAttribute("aria-selected", "false");
+  button.setAttribute('role', 'option');
+  button.setAttribute('aria-selected', 'false');
   button.tabIndex = -1;
 
   // Name first (the accessible label), emoji after it and aria-hidden so screen
   // readers don't lead with / announce the emoji. localizeTiles() fills the name.
-  const name = document.createElement("span");
-  name.className = "example-tile-name";
-  const emoji = document.createElement("span");
-  emoji.className = "example-tile-emoji";
-  emoji.setAttribute("aria-hidden", "true");
+  const name = document.createElement('span');
+  name.className = 'example-tile-name';
+  const emoji = document.createElement('span');
+  emoji.className = 'example-tile-emoji';
+  emoji.setAttribute('aria-hidden', 'true');
   emoji.textContent = example.emoji;
   button.append(name, emoji);
 
-  button.addEventListener("click", () => {
+  button.addEventListener('click', () => {
     loadExample(example.file, name.textContent.trim());
     hideExampleModal();
   });
@@ -105,15 +125,13 @@ function createTile(example) {
 // separately via the aria-hidden span. Runs on build and on every language
 // change (see the "translationsapplied" listener in initExampleGallery).
 function localizeTiles() {
-  document.querySelectorAll(".example-tile").forEach((tile) => {
+  document.querySelectorAll('.example-tile').forEach((tile) => {
     const key = tile.dataset.key;
-    const emoji = tile.dataset.emoji || "";
+    const emoji = tile.dataset.emoji || '';
     const full = translate(`${key}_ui`) || key;
-    const nameEl = tile.querySelector(".example-tile-name");
+    const nameEl = tile.querySelector('.example-tile-name');
     if (nameEl) {
-      nameEl.textContent = full.startsWith(emoji)
-        ? full.slice(emoji.length).trim()
-        : full;
+      nameEl.textContent = full.startsWith(emoji) ? full.slice(emoji.length).trim() : full;
     }
   });
 }
@@ -121,13 +139,11 @@ function localizeTiles() {
 // Build the tablist + one tabpanel (grid) per non-empty category, then localise
 // all labels. Idempotent.
 export function populateExampleGrid() {
-  const tablist = document.getElementById("exampleTabs");
-  const panels = document.getElementById("examplePanels");
+  const tablist = document.getElementById('exampleTabs');
+  const panels = document.getElementById('examplePanels');
   if (!tablist || !panels || tablist.childElementCount > 0) return;
 
-  const categories = CATEGORIES.filter((cat) =>
-    EXAMPLES.some((ex) => ex.category === cat.id),
-  );
+  const categories = CATEGORIES.filter((cat) => EXAMPLES.some((ex) => ex.category === cat.id));
   if (categories.length === 0) return;
 
   categories.forEach((cat, index) => {
@@ -135,38 +151,38 @@ export function populateExampleGrid() {
     const panelId = `examplePanel-${cat.id}`;
     const isFirst = index === 0;
 
-    const tab = document.createElement("button");
-    tab.type = "button";
-    tab.className = "example-tab";
+    const tab = document.createElement('button');
+    tab.type = 'button';
+    tab.className = 'example-tab';
     tab.id = tabId;
     tab.dataset.category = cat.id;
     tab.dataset.i18n = cat.i18nKey;
-    tab.setAttribute("role", "tab");
-    tab.setAttribute("aria-selected", isFirst ? "true" : "false");
+    tab.setAttribute('role', 'tab');
+    tab.setAttribute('aria-selected', isFirst ? 'true' : 'false');
     tab.tabIndex = isFirst ? 0 : -1;
     tab.textContent = cat.i18nKey;
-    tab.addEventListener("click", () => selectTab(cat.id));
+    tab.addEventListener('click', () => selectTab(cat.id));
     tablist.appendChild(tab);
 
     // Plain container (no role="tabpanel"/aria-controls): the tabpanel layer
     // only made the reader announce a redundant "<tab name> property page".
     // The listbox below provides the navigable content.
-    const panel = document.createElement("div");
-    panel.className = "example-panel";
+    const panel = document.createElement('div');
+    panel.className = 'example-panel';
     panel.id = panelId;
     panel.dataset.category = cat.id;
     panel.hidden = !isFirst;
 
-    const grid = document.createElement("div");
-    grid.className = "example-grid";
-    grid.setAttribute("role", "listbox");
-    grid.setAttribute("aria-labelledby", tabId);
+    const grid = document.createElement('div');
+    grid.className = 'example-grid';
+    grid.setAttribute('role', 'listbox');
+    grid.setAttribute('aria-labelledby', tabId);
     EXAMPLES.filter((ex) => ex.category === cat.id).forEach((ex, i) => {
       const tile = createTile(ex);
       // Roving tabindex: the first option is the listbox's single Tab stop.
       if (i === 0) {
         tile.tabIndex = 0;
-        tile.setAttribute("aria-selected", "true");
+        tile.setAttribute('aria-selected', 'true');
       }
       grid.appendChild(tile);
     });
@@ -179,27 +195,27 @@ export function populateExampleGrid() {
 }
 
 function getActivePanel() {
-  return document.querySelector("#examplePanels .example-panel:not([hidden])");
+  return document.querySelector('#examplePanels .example-panel:not([hidden])');
 }
 
 // Switch to a category tab: toggle aria-selected / roving tabindex on the tabs
 // (tablist uses roving tabindex, the standard pattern) and show its panel.
 function selectTab(id, { focusTab = false } = {}) {
-  document.querySelectorAll(".example-tab").forEach((tab) => {
+  document.querySelectorAll('.example-tab').forEach((tab) => {
     const selected = tab.dataset.category === id;
-    tab.setAttribute("aria-selected", selected ? "true" : "false");
+    tab.setAttribute('aria-selected', selected ? 'true' : 'false');
     tab.tabIndex = selected ? 0 : -1;
     if (selected && focusTab) tab.focus();
   });
 
-  document.querySelectorAll(".example-panel").forEach((panel) => {
+  document.querySelectorAll('.example-panel').forEach((panel) => {
     panel.hidden = panel.dataset.category !== id;
   });
 }
 
 function getTiles() {
   const panel = getActivePanel();
-  return panel ? Array.from(panel.querySelectorAll(".example-tile")) : [];
+  return panel ? Array.from(panel.querySelectorAll('.example-tile')) : [];
 }
 
 // Selection follows focus within the listbox (as it does in the tablist):
@@ -209,19 +225,19 @@ function focusTile(tile) {
   getTiles().forEach((t) => {
     const isCurrent = t === tile;
     t.tabIndex = isCurrent ? 0 : -1;
-    t.setAttribute("aria-selected", isCurrent ? "true" : "false");
+    t.setAttribute('aria-selected', isCurrent ? 'true' : 'false');
   });
   tile.focus();
-  tile.scrollIntoView({ block: "nearest", inline: "nearest" });
+  tile.scrollIntoView({ block: 'nearest', inline: 'nearest' });
 }
 
 // Read the live number of columns from the resolved grid template, so arrow
 // navigation always matches whatever the responsive auto-fill grid renders.
 function getColumnCount() {
-  const grid = getActivePanel()?.querySelector(".example-grid");
+  const grid = getActivePanel()?.querySelector('.example-grid');
   if (!grid) return 1;
   const template = getComputedStyle(grid).gridTemplateColumns;
-  const count = template ? template.split(" ").filter(Boolean).length : 1;
+  const count = template ? template.split(' ').filter(Boolean).length : 1;
   return Math.max(1, count);
 }
 
@@ -237,16 +253,16 @@ function moveFocus(current, key) {
   const cols = getColumnCount();
   let next = index;
   switch (key) {
-    case "ArrowRight":
+    case 'ArrowRight':
       next = (index + 1) % tiles.length;
       break;
-    case "ArrowLeft":
+    case 'ArrowLeft':
       next = (index - 1 + tiles.length) % tiles.length;
       break;
-    case "ArrowDown":
+    case 'ArrowDown':
       if (index + cols < tiles.length) next = index + cols;
       break;
-    case "ArrowUp":
+    case 'ArrowUp':
       if (index - cols >= 0) next = index - cols;
       break;
   }
@@ -257,33 +273,35 @@ function moveFocus(current, key) {
 // the focused tile natively (it's a <button>), so they need no handling here.
 function handleGridKeydown(e) {
   const active = document.activeElement;
-  const current = active?.classList.contains("example-tile") ? active : null;
+  const current = active?.classList.contains('example-tile') ? active : null;
   const tiles = getTiles();
   if (tiles.length === 0) return false;
 
   switch (e.key) {
-    case "ArrowUp": {
+    case 'ArrowUp': {
       e.preventDefault();
       // From the top row, return focus to the active tab.
       const index = current ? tiles.indexOf(current) : -1;
       if (index >= 0 && index < getColumnCount()) {
-        getTabs().find((t) => t.getAttribute("aria-selected") === "true")?.focus();
+        getTabs()
+          .find((t) => t.getAttribute('aria-selected') === 'true')
+          ?.focus();
       } else {
         moveFocus(current, e.key);
       }
       break;
     }
-    case "ArrowRight":
-    case "ArrowLeft":
-    case "ArrowDown":
+    case 'ArrowRight':
+    case 'ArrowLeft':
+    case 'ArrowDown':
       e.preventDefault();
       moveFocus(current, e.key);
       break;
-    case "Home":
+    case 'Home':
       e.preventDefault();
       focusTile(tiles[0]);
       break;
-    case "End":
+    case 'End':
       e.preventDefault();
       focusTile(tiles[tiles.length - 1]);
       break;
@@ -294,8 +312,8 @@ function handleGridKeydown(e) {
 }
 
 function getTabs() {
-  const tablist = document.getElementById("exampleTabs");
-  return tablist ? Array.from(tablist.querySelectorAll(".example-tab")) : [];
+  const tablist = document.getElementById('exampleTabs');
+  return tablist ? Array.from(tablist.querySelectorAll('.example-tab')) : [];
 }
 
 // Tablist keyboard navigation (focus on a tab): Left/Right (and Home/End) move
@@ -307,25 +325,25 @@ function handleTabKeydown(e) {
   if (index === -1) return false;
 
   switch (e.key) {
-    case "ArrowRight":
-    case "ArrowLeft": {
+    case 'ArrowRight':
+    case 'ArrowLeft': {
       e.preventDefault();
-      const dir = e.key === "ArrowRight" ? 1 : -1;
+      const dir = e.key === 'ArrowRight' ? 1 : -1;
       const next = tabs[(index + dir + tabs.length) % tabs.length];
       selectTab(next.dataset.category, { focusTab: true });
       break;
     }
-    case "Home":
+    case 'Home':
       e.preventDefault();
       selectTab(tabs[0].dataset.category, { focusTab: true });
       break;
-    case "End":
+    case 'End':
       e.preventDefault();
       selectTab(tabs[tabs.length - 1].dataset.category, { focusTab: true });
       break;
-    case "ArrowDown":
-    case "Enter":
-    case " ": {
+    case 'ArrowDown':
+    case 'Enter':
+    case ' ': {
       e.preventDefault();
       const firstTile = getTiles()[0];
       if (firstTile) focusTile(firstTile);
@@ -339,8 +357,8 @@ function handleTabKeydown(e) {
 
 // Anchor the panel directly under the Demo button, clamped to the viewport.
 function positionPanel(modal) {
-  const trigger = document.getElementById("exampleButton");
-  const panel = modal.querySelector(".example-modal-content");
+  const trigger = document.getElementById('exampleButton');
+  const panel = modal.querySelector('.example-modal-content');
   if (!trigger || !panel) return;
 
   const margin = 8;
@@ -364,11 +382,11 @@ function positionPanel(modal) {
 }
 
 export function openExampleModal() {
-  const modal = document.getElementById("exampleModal");
+  const modal = document.getElementById('exampleModal');
   if (!modal) return;
 
   previouslyFocused = document.activeElement;
-  modal.classList.remove("hidden");
+  modal.classList.remove('hidden');
   // Containment comes from role="dialog" + the Tab focus trap below, not
   // aria-modal. Toggling aria-modal made NVDA/JAWS announce the returning focus
   // twice on close (once for the focus, once for "left the dialog"); and the
@@ -380,23 +398,23 @@ export function openExampleModal() {
     if (selectedTab) {
       selectedTab.focus();
     } else {
-      document.getElementById("closeExampleModal")?.focus();
+      document.getElementById('closeExampleModal')?.focus();
     }
   }, 0);
 }
 
 export function hideExampleModal() {
-  const modal = document.getElementById("exampleModal");
+  const modal = document.getElementById('exampleModal');
   if (!modal) return;
 
   // Remove the dialog from the a11y tree first (display:none via .hidden), then
   // move focus, so the screen reader announces the Demo button exactly once.
-  modal.classList.add("hidden");
+  modal.classList.add('hidden');
 
   if (canRestoreFocus(previouslyFocused)) {
     previouslyFocused.focus();
   } else {
-    document.getElementById("exampleButton")?.focus();
+    document.getElementById('exampleButton')?.focus();
   }
   previouslyFocused = null;
 }
@@ -404,9 +422,9 @@ export function hideExampleModal() {
 // Wire up the trigger button and the modal's keyboard / click behaviour. Call
 // once during init after the DOM exists.
 export function initExampleGallery() {
-  const modal = document.getElementById("exampleModal");
-  const trigger = document.getElementById("exampleButton");
-  const closeButton = document.getElementById("closeExampleModal");
+  const modal = document.getElementById('exampleModal');
+  const trigger = document.getElementById('exampleButton');
+  const closeButton = document.getElementById('closeExampleModal');
   if (!modal || !trigger) return;
   // Idempotent: a second call must not stack duplicate listeners.
   if (galleryInitialised) return;
@@ -415,31 +433,28 @@ export function initExampleGallery() {
   populateExampleGrid();
 
   // Re-localise tile names when the language changes.
-  document.addEventListener("translationsapplied", localizeTiles);
+  document.addEventListener('translationsapplied', localizeTiles);
 
-  trigger.addEventListener("click", openExampleModal);
-  closeButton?.addEventListener("click", hideExampleModal);
+  trigger.addEventListener('click', openExampleModal);
+  closeButton?.addEventListener('click', hideExampleModal);
 
   // Escape to close + trap Tab focus within the modal (mirrors the About modal).
-  modal.addEventListener("keydown", (e) => {
-    if (e.key === "Escape") {
+  modal.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape') {
       e.preventDefault();
       e.stopPropagation();
       hideExampleModal();
-    } else if (
-      document.activeElement?.classList.contains("example-tab") &&
-      handleTabKeydown(e)
-    ) {
+    } else if (document.activeElement?.classList.contains('example-tab') && handleTabKeydown(e)) {
       // Arrow / Home / End / Enter handled by the tablist.
     } else if (handleGridKeydown(e)) {
       // Arrow / Home / End handled by the grid.
-    } else if (e.key === "Tab") {
+    } else if (e.key === 'Tab') {
       // Only genuinely tabbable, visible elements: roving tabindex parks most
       // tabs/tiles at -1, and hidden panels' tiles have no layout box.
       const focusable = Array.from(
         modal.querySelectorAll(
-          'button, input, select, textarea, [href], [tabindex]:not([tabindex="-1"])',
-        ),
+          'button, input, select, textarea, [href], [tabindex]:not([tabindex="-1"])'
+        )
       ).filter((el) => el.tabIndex !== -1 && el.offsetParent !== null);
       if (focusable.length === 0) return;
       const first = focusable[0];
@@ -455,14 +470,14 @@ export function initExampleGallery() {
   });
 
   // Keep the panel anchored and on-screen if the window is resized while open.
-  window.addEventListener("resize", () => {
-    if (!modal.classList.contains("hidden")) {
+  window.addEventListener('resize', () => {
+    if (!modal.classList.contains('hidden')) {
       positionPanel(modal);
     }
   });
 
   // Click on the backdrop (outside the content) closes the modal.
-  window.addEventListener("click", (e) => {
+  window.addEventListener('click', (e) => {
     if (e.target === modal) {
       hideExampleModal();
     }
diff --git a/main/export.js b/main/export.js
index ef1cc47ff..00db0ece8 100644
--- a/main/export.js
+++ b/main/export.js
@@ -1,7 +1,7 @@
-import * as Blockly from "blockly";
-import { importSnippet } from "./files.js";
-import { getSnippetOption, translate } from "./translation.js";
-import w500 from "@fontsource/atkinson-hyperlegible-next/files/atkinson-hyperlegible-next-latin-500-normal.woff2";
+import * as Blockly from 'blockly';
+import { importSnippet } from './files.js';
+import { getSnippetOption, translate } from './translation.js';
+import w500 from '@fontsource/atkinson-hyperlegible-next/files/atkinson-hyperlegible-next-latin-500-normal.woff2';
 
 async function exportBlockSnippet(block) {
   try {
@@ -12,17 +12,17 @@ async function exportBlockSnippet(block) {
     const jsonString = JSON.stringify(blockJson, null, 2);
 
     // Custom extension + MIME for Flock snippets
-    const FLOCK_SNIP_EXT = ".fsnip";
-    const FLOCK_SNIP_MIME = "application/vnd.flock-snippet+json";
+    const FLOCK_SNIP_EXT = '.fsnip';
+    const FLOCK_SNIP_MIME = 'application/vnd.flock-snippet+json';
 
     // Check if the File System Access API is available
-    if ("showSaveFilePicker" in window) {
+    if ('showSaveFilePicker' in window) {
       // Define the options for the file picker
       const options = {
         suggestedName: `flock_snippet${FLOCK_SNIP_EXT}`,
         types: [
           {
-            description: translate("snippet_file_description"),
+            description: translate('snippet_file_description'),
             accept: {
               [FLOCK_SNIP_MIME]: [FLOCK_SNIP_EXT],
             },
@@ -44,22 +44,20 @@ async function exportBlockSnippet(block) {
     } else {
       // Fallback for browsers that don't support the File System Access API
       const rawFilename =
-        prompt(translate("snippet_filename_prompt"), "blockly_snippet") ||
-        "blockly_snippet";
+        prompt(translate('snippet_filename_prompt'), 'blockly_snippet') || 'blockly_snippet';
 
       // Sanitize the filename: keep only safe characters
       const filename =
-        rawFilename.replace(/[^a-zA-Z0-9_.-]/g, "_").substring(0, 50) ||
-        "blockly_snippet";
+        rawFilename.replace(/[^a-zA-Z0-9_.-]/g, '_').substring(0, 50) || 'blockly_snippet';
 
       const blob = new Blob([jsonString], { type: FLOCK_SNIP_MIME });
-      const link = document.createElement("a");
+      const link = document.createElement('a');
       link.href = URL.createObjectURL(blob);
       link.download = `${filename}${FLOCK_SNIP_EXT}`;
       link.click();
     }
   } catch (e) {
-    console.error("Error exporting block:", e);
+    console.error('Error exporting block:', e);
   }
 }
 
@@ -71,13 +69,13 @@ export function addExportContextMenuOptions() {
 
 function addExportContextMenuOption() {
   Blockly.ContextMenuRegistry.registry.register({
-    id: "exportBlock",
+    id: 'exportBlock',
     weight: 200,
     displayText: function () {
-      return getSnippetOption("export_JSON");
+      return getSnippetOption('export_JSON');
     },
     preconditionFn: function (scope) {
-      return scope.block ? "enabled" : "hidden";
+      return scope.block ? 'enabled' : 'hidden';
     },
     callback: function (scope) {
       exportBlockSnippet(scope.block);
@@ -90,13 +88,13 @@ function addExportContextMenuOption() {
 // Extend Blockly with custom context menu for importing snippets in the workspace
 function addImportContextMenuOption() {
   Blockly.ContextMenuRegistry.registry.register({
-    id: "importSnippet",
+    id: 'importSnippet',
     weight: 100,
     displayText: function () {
-      return getSnippetOption("import");
+      return getSnippetOption('import');
     },
     preconditionFn: function (_scope) {
-      return "enabled";
+      return 'enabled';
     },
     callback: function (_scope) {
       importSnippet();
@@ -108,13 +106,13 @@ function addImportContextMenuOption() {
 
 function addExportPNGContextMenuOption() {
   Blockly.ContextMenuRegistry.registry.register({
-    id: "exportPNG",
+    id: 'exportPNG',
     weight: 100,
     displayText: function () {
-      return getSnippetOption("export_PNG");
+      return getSnippetOption('export_PNG');
     },
     preconditionFn: function (_scope) {
-      return "enabled";
+      return 'enabled';
     },
     callback: function (scope) {
       if (scope.block) {
@@ -129,7 +127,7 @@ function addExportPNGContextMenuOption() {
 }
 
 async function urlToDataURL(url) {
-  if (url.startsWith("data:")) return url;
+  if (url.startsWith('data:')) return url;
   const response = await fetch(url);
   const blob = await response.blob();
   return new Promise((resolve, reject) => {
@@ -141,31 +139,29 @@ async function urlToDataURL(url) {
 }
 
 async function inlineSVGImages(svgElement) {
-  const images = svgElement.querySelectorAll("image");
+  const images = svgElement.querySelectorAll('image');
   await Promise.all(
     Array.from(images).map(async (img) => {
-      const href = img.getAttribute("href") || img.getAttribute("xlink:href");
-      if (!href || href.startsWith("data:")) return;
+      const href = img.getAttribute('href') || img.getAttribute('xlink:href');
+      if (!href || href.startsWith('data:')) return;
       try {
         const dataUrl = await urlToDataURL(href);
-        img.setAttribute("href", dataUrl);
-        img.removeAttribute("xlink:href");
+        img.setAttribute('href', dataUrl);
+        img.removeAttribute('xlink:href');
       } catch (e) {
-        console.warn("Could not inline SVG image:", href, e);
+        console.warn('Could not inline SVG image:', href, e);
       }
-    }),
+    })
   );
 }
 
 async function convertFontToBase64(fontUrl) {
   // Vite may inline the font as a data URL — extract base64 directly to avoid
   // a fetch() call that would be blocked by connect-src CSP.
-  if (fontUrl.startsWith("data:")) {
-    const commaIndex = fontUrl.indexOf(",");
-    if (commaIndex === -1 || !fontUrl.includes(";base64,")) {
-      throw new Error(
-        `Invalid base64 data URL for font: ${fontUrl.slice(0, 64)}`,
-      );
+  if (fontUrl.startsWith('data:')) {
+    const commaIndex = fontUrl.indexOf(',');
+    if (commaIndex === -1 || !fontUrl.includes(';base64,')) {
+      throw new Error(`Invalid base64 data URL for font: ${fontUrl.slice(0, 64)}`);
     }
     return fontUrl.slice(commaIndex + 1);
   }
@@ -176,7 +172,7 @@ async function convertFontToBase64(fontUrl) {
 
   return new Promise((resolve, reject) => {
     reader.onloadend = () => {
-      const base64Data = reader.result.split(",")[1]; // Remove the data URL prefix
+      const base64Data = reader.result.split(',')[1]; // Remove the data URL prefix
       resolve(base64Data);
     };
     reader.onerror = reject;
@@ -191,26 +187,20 @@ const FONT_UPSCALE_FACTOR = 20;
 
 function keepTextTrueSize(svgBlock, fontSizePt) {
   const k = FONT_UPSCALE_FACTOR;
-  svgBlock.querySelectorAll("text.blocklyText").forEach((textEl) => {
+  svgBlock.querySelectorAll('text.blocklyText').forEach((textEl) => {
     textEl.style.fontSize = `${fontSizePt * k}pt`;
 
-    const x = parseFloat(textEl.getAttribute("x")) || 0;
-    const y = parseFloat(textEl.getAttribute("y")) || 0;
+    const x = parseFloat(textEl.getAttribute('x')) || 0;
+    const y = parseFloat(textEl.getAttribute('y')) || 0;
     const counter = `translate(${x} ${y}) scale(${1 / k}) translate(${-x} ${-y})`;
-    const existing = textEl.getAttribute("transform");
-    textEl.setAttribute(
-      "transform",
-      existing ? `${existing} ${counter}` : counter,
-    );
+    const existing = textEl.getAttribute('transform');
+    textEl.setAttribute('transform', existing ? `${existing} ${counter}` : counter);
   });
 }
 
 function getFieldTextFontSizePt(block) {
-  const size = block.workspace?.getRenderer?.().getConstants?.()
-    .FIELD_TEXT_FONTSIZE;
-  return typeof size === "number" && size > 0
-    ? size
-    : DEFAULT_FIELD_TEXT_FONTSIZE;
+  const size = block.workspace?.getRenderer?.().getConstants?.().FIELD_TEXT_FONTSIZE;
+  return typeof size === 'number' && size > 0 ? size : DEFAULT_FIELD_TEXT_FONTSIZE;
 }
 
 async function generateSVG(block, { rasterSafe = false } = {}) {
@@ -218,80 +208,74 @@ async function generateSVG(block, { rasterSafe = false } = {}) {
 
   // Blank selection/highlight overlays so they don't cover text.
   svgBlock
-    .querySelectorAll(
-      ".blocklyPath.blocklyPathSelected, .blocklyHighlightedConnectionPath",
-    )
+    .querySelectorAll('.blocklyPath.blocklyPathSelected, .blocklyHighlightedConnectionPath')
     .forEach((el) => {
-      el.setAttribute("fill", "none");
-      if (!el.getAttribute("stroke")) el.setAttribute("stroke", "#999");
-      el.setAttribute("stroke-width", "1");
+      el.setAttribute('fill', 'none');
+      if (!el.getAttribute('stroke')) el.setAttribute('stroke', '#999');
+      el.setAttribute('stroke-width', '1');
     });
 
-  svgBlock.querySelectorAll(".blocklyActiveFocus").forEach((el) => {
-    el.classList.remove("blocklyActiveFocus");
+  svgBlock.querySelectorAll('.blocklyActiveFocus').forEach((el) => {
+    el.classList.remove('blocklyActiveFocus');
   });
 
   // Keep each block's base path filled; blank later overlay paths.
-  svgBlock.querySelectorAll("g.blocklyBlock, g.start").forEach((g) => {
-    const paths = g.querySelectorAll(":scope > path.blocklyPath");
+  svgBlock.querySelectorAll('g.blocklyBlock, g.start').forEach((g) => {
+    const paths = g.querySelectorAll(':scope > path.blocklyPath');
     paths.forEach((p, i) => {
       if (i > 0) {
-        p.setAttribute("fill", "none");
-        if (!p.getAttribute("stroke")) p.setAttribute("stroke", "#999");
-        p.setAttribute("stroke-width", "1");
+        p.setAttribute('fill', 'none');
+        if (!p.getAttribute('stroke')) p.setAttribute('stroke', '#999');
+        p.setAttribute('stroke-width', '1');
       }
     });
   });
 
-  const axisExportColors = { X: "#1A9EE0", Y: "#00CC96", Z: "#F07020" };
+  const axisExportColors = { X: '#1A9EE0', Y: '#00CC96', Z: '#F07020' };
   for (const [axis, color] of Object.entries(axisExportColors)) {
-    svgBlock
-      .querySelectorAll(`:scope >[data-axis="${axis}"] .blocklyPath`)
-      .forEach((path) => {
-        path.setAttribute("stroke", color);
-        path.setAttribute("stroke-width", "2");
-      });
+    svgBlock.querySelectorAll(`:scope >[data-axis="${axis}"] .blocklyPath`).forEach((path) => {
+      path.setAttribute('stroke', color);
+      path.setAttribute('stroke-width', '2');
+    });
   }
 
   const serializer = new XMLSerializer();
 
-  svgBlock.removeAttribute("transform");
+  svgBlock.removeAttribute('transform');
 
   const bbox = block.getSvgRoot().getBBox();
 
-  const uiElements = svgBlock.querySelectorAll("rect.blocklyFieldRect");
+  const uiElements = svgBlock.querySelectorAll('rect.blocklyFieldRect');
   uiElements.forEach((rect) => {
-    const parentBlock = rect.closest(".blocklyDraggable");
-
-    if (rect.classList.contains("blocklyDropdownRect")) {
-      const blockFill = parentBlock
-        ?.querySelector(".blocklyPath")
-        ?.getAttribute("fill");
-      if (blockFill) rect.setAttribute("fill", blockFill);
-      rect.setAttribute("stroke", "#999999");
-      rect.setAttribute("stroke-width", "1px");
+    const parentBlock = rect.closest('.blocklyDraggable');
+
+    if (rect.classList.contains('blocklyDropdownRect')) {
+      const blockFill = parentBlock?.querySelector('.blocklyPath')?.getAttribute('fill');
+      if (blockFill) rect.setAttribute('fill', blockFill);
+      rect.setAttribute('stroke', '#999999');
+      rect.setAttribute('stroke-width', '1px');
       return;
     }
 
     // v12: checkbox background is typically just a fieldRect (no checkbox class),
     // so default all field rects to a white background for export.
-    rect.setAttribute("fill", "#ffffff");
-    rect.setAttribute("stroke", "#999999");
-    rect.setAttribute("stroke-width", "1px");
+    rect.setAttribute('fill', '#ffffff');
+    rect.setAttribute('stroke', '#999999');
+    rect.setAttribute('stroke-width', '1px');
   });
 
-  const uiTexts = svgBlock.querySelectorAll("text.blocklyText");
+  const uiTexts = svgBlock.querySelectorAll('text.blocklyText');
   uiTexts.forEach((textElement) => {
-    const isCheckbox = textElement.classList.contains("blocklyCheckbox");
+    const isCheckbox = textElement.classList.contains('blocklyCheckbox');
 
-    textElement.style.fill = "#000000";
+    textElement.style.fill = '#000000';
 
     if (isCheckbox) {
       return;
     }
 
-    textElement.style.stroke = "none";
-    textElement.style.fontWeight = "500";
+    textElement.style.stroke = 'none';
+    textElement.style.fontWeight = '500';
   });
 
   if (rasterSafe) {
@@ -302,7 +286,7 @@ async function generateSVG(block, { rasterSafe = false } = {}) {
 
   const fontBase64 = await convertFontToBase64(w500);
 
-  const style = document.createElementNS("http://www.w3.org/2000/svg", "style");
+  const style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
   style.textContent = `
 	@font-face {
 	  font-family: "Atkinson Hyperlegible Next";
@@ -323,23 +307,14 @@ async function generateSVG(block, { rasterSafe = false } = {}) {
   `;
   svgBlock.insertBefore(style, svgBlock.firstChild);
 
-  const wrapperSVG = document.createElementNS(
-    "http://www.w3.org/2000/svg",
-    "svg",
-  );
-  wrapperSVG.setAttribute("xmlns", "http://www.w3.org/2000/svg");
-  wrapperSVG.setAttribute("width", bbox.width);
-  wrapperSVG.setAttribute("height", bbox.height);
-  wrapperSVG.setAttribute("viewBox", `0 0 ${bbox.width} ${bbox.height}`);
-
-  const translationGroup = document.createElementNS(
-    "http://www.w3.org/2000/svg",
-    "g",
-  );
-  translationGroup.setAttribute(
-    "transform",
-    `translate(${-bbox.x}, ${-bbox.y})`,
-  );
+  const wrapperSVG = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+  wrapperSVG.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
+  wrapperSVG.setAttribute('width', bbox.width);
+  wrapperSVG.setAttribute('height', bbox.height);
+  wrapperSVG.setAttribute('viewBox', `0 0 ${bbox.width} ${bbox.height}`);
+
+  const translationGroup = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+  translationGroup.setAttribute('transform', `translate(${-bbox.x}, ${-bbox.y})`);
   translationGroup.appendChild(svgBlock);
 
   wrapperSVG.appendChild(translationGroup);
@@ -349,10 +324,7 @@ async function generateSVG(block, { rasterSafe = false } = {}) {
   const encodedJson = encodeURIComponent(blockJson); // Ensure it is URL-encoded
 
   // Embed the JSON in a <metadata> tag inside the SVG
-  const metadata = document.createElementNS(
-    "http://www.w3.org/2000/svg",
-    "metadata",
-  );
+  const metadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
   metadata.textContent = `{"blockJson": "${encodedJson}"}`;
   wrapperSVG.appendChild(metadata);
 
@@ -364,7 +336,7 @@ async function generateSVG(block, { rasterSafe = false } = {}) {
   return finalSVG;
 }
 
-import { addMetadata } from "meta-png";
+import { addMetadata } from 'meta-png';
 
 async function exportBlockAsPNG(block) {
   const finalSVG = await generateSVG(block, { rasterSafe: true });
@@ -372,56 +344,52 @@ async function exportBlockAsPNG(block) {
   const encodedJson = encodeURIComponent(blockJson);
 
   const img = new Image();
-  const svgBlob = new Blob([finalSVG], { type: "image/svg+xml" });
+  const svgBlob = new Blob([finalSVG], { type: 'image/svg+xml' });
   const svgUrl = URL.createObjectURL(svgBlob);
 
   const scale = 2; // Adjust for higher resolution
 
   img.onload = () => {
-    const canvas = document.createElement("canvas");
+    const canvas = document.createElement('canvas');
     const scaledWidth = img.width * scale;
     const scaledHeight = img.height * scale;
     canvas.width = scaledWidth;
     canvas.height = scaledHeight;
-    const ctx = canvas.getContext("2d");
+    const ctx = canvas.getContext('2d');
 
     // Improve image quality by setting a higher resolution
     ctx.imageSmoothingEnabled = true;
-    ctx.imageSmoothingQuality = "high";
+    ctx.imageSmoothingQuality = 'high';
 
     // Draw at a higher resolution
     ctx.drawImage(img, 0, 0, scaledWidth, scaledHeight);
 
     canvas.toBlob(async (pngBlob) => {
       if (!pngBlob) {
-        console.error("Failed to create PNG blob");
+        console.error('Failed to create PNG blob');
         return;
       }
 
       const arrayBuffer = await pngBlob.arrayBuffer();
-      const updatedPngBuffer = addMetadata(
-        new Uint8Array(arrayBuffer),
-        "blockJson",
-        encodedJson,
-      );
+      const updatedPngBuffer = addMetadata(new Uint8Array(arrayBuffer), 'blockJson', encodedJson);
 
       const updatedBlob = new Blob([updatedPngBuffer], {
-        type: "image/png",
+        type: 'image/png',
       });
       const updatedUrl = URL.createObjectURL(updatedBlob);
 
-      const link = document.createElement("a");
+      const link = document.createElement('a');
       link.download = `${block.type}.png`;
       link.href = updatedUrl;
       link.click();
 
       URL.revokeObjectURL(svgUrl);
       URL.revokeObjectURL(updatedUrl);
-    }, "image/png");
+    }, 'image/png');
   };
 
   img.onerror = (error) => {
-    console.error("Failed to load SVG image:", error);
+    console.error('Failed to load SVG image:', error);
   };
 
   img.src = svgUrl;
diff --git a/main/files.js b/main/files.js
index 49b5eca80..0f72d78b6 100644
--- a/main/files.js
+++ b/main/files.js
@@ -1,8 +1,8 @@
-import * as Blockly from "blockly";
-import { workspace } from "./blocklyinit.js";
-import { translate } from "./translation.js";
-import { getMetadata } from "meta-png";
-import { AUTOSAVE_KEY, AUTOSAVE_TO_FILE_ENABLED } from "../config.js";
+import * as Blockly from 'blockly';
+import { workspace } from './blocklyinit.js';
+import { translate } from './translation.js';
+import { getMetadata } from 'meta-png';
+import { AUTOSAVE_KEY, AUTOSAVE_TO_FILE_ENABLED } from '../config.js';
 
 // Limits applied to every project source — file, drag-and-drop and fetched URL.
 const MAX_PROJECT_FILE_BYTES = 5 * 1024 * 1024;
@@ -11,22 +11,22 @@ const MAX_PROJECT_TEXT_LENGTH = 4 * 1024 * 1024;
 // Typed so callers can pick the right alert without matching message strings.
 class ProjectTooLargeError extends Error {
   constructor() {
-    super("File content is too large");
-    this.name = "ProjectTooLargeError";
+    super('File content is too large');
+    this.name = 'ProjectTooLargeError';
   }
 }
 
 class ProjectReadError extends Error {
   constructor(options) {
-    super("Failed to read project file", options);
-    this.name = "ProjectReadError";
+    super('Failed to read project file', options);
+    this.name = 'ProjectReadError';
   }
 }
 
 function alertKeyForProjectError(error) {
-  if (error instanceof ProjectTooLargeError) return "file_too_large_alert";
-  if (error instanceof ProjectReadError) return "failed_to_read_file_alert";
-  return "invalid_project_alert";
+  if (error instanceof ProjectTooLargeError) return 'file_too_large_alert';
+  if (error instanceof ProjectReadError) return 'failed_to_read_file_alert';
+  return 'invalid_project_alert';
 }
 
 // Function to save the current workspace state
@@ -39,7 +39,7 @@ export function saveWorkspace(workspace) {
     if (!state || !state.blocks || !state.blocks.blocks?.length) return;
     localStorage.setItem(AUTOSAVE_KEY, JSON.stringify(state));
   } catch (error) {
-    console.warn("Autosave failed; keeping previous saved state.", error);
+    console.warn('Autosave failed; keeping previous saved state.', error);
   }
 }
 
@@ -47,34 +47,34 @@ function validateBlocklyJson(json) {
   // 1. Parse JSON safely
   let data;
   try {
-    data = typeof json === "string" ? JSON.parse(json) : json;
+    data = typeof json === 'string' ? JSON.parse(json) : json;
   } catch {
-    throw new Error("Invalid JSON format");
+    throw new Error('Invalid JSON format');
   }
 
   // 2. Check for dangerous properties that could execute code
   const dangerousKeys = [
-    "__proto__",
-    "constructor",
-    "prototype",
-    "eval",
-    "Function",
-    "setTimeout",
-    "setInterval",
-    "innerHTML",
-    "outerHTML",
-    "onclick",
-    "onerror",
-    "onload",
+    '__proto__',
+    'constructor',
+    'prototype',
+    'eval',
+    'Function',
+    'setTimeout',
+    'setInterval',
+    'innerHTML',
+    'outerHTML',
+    'onclick',
+    'onerror',
+    'onload',
   ];
 
-  function checkForDangerousContent(obj, path = "") {
+  function checkForDangerousContent(obj, path = '') {
     if (obj === null || obj === undefined) return;
 
     // Check primitive values for suspicious patterns
-    if (typeof obj === "string") {
+    if (typeof obj === 'string') {
       // Skip validation for block IDs - they can contain random characters
-      if (path.endsWith(".id") || path.endsWith(".ID_VAR.id")) {
+      if (path.endsWith('.id') || path.endsWith('.ID_VAR.id')) {
         return;
       }
 
@@ -82,19 +82,17 @@ function validateBlocklyJson(json) {
       // - extraState (for Blockly mutation XML)
       // - comment text (for block comments and workspace comments)
       const allowNewlines =
-        path.includes("extraState") ||
-        path.includes("icons.comment") ||
-        path.includes("workspaceComments");
+        path.includes('extraState') ||
+        path.includes('icons.comment') ||
+        path.includes('workspaceComments');
 
       // Block newlines everywhere else as they could be code
       if (/[\r\n]/.test(obj) && !allowNewlines) {
-        throw new Error(
-          `Newline characters not allowed at ${path}: potential code injection`,
-        );
+        throw new Error(`Newline characters not allowed at ${path}: potential code injection`);
       }
 
       // Normalize string by removing/reducing whitespace for pattern matching
-      const normalized = obj.replace(/\s+/g, " ").trim();
+      const normalized = obj.replace(/\s+/g, ' ').trim();
 
       // Look for script tags, event handlers, or javascript: protocol
       const suspiciousPatterns = [
@@ -127,7 +125,7 @@ function validateBlocklyJson(json) {
 
       if (suspiciousPatterns.some((pattern) => pattern.test(normalized))) {
         throw new Error(
-          `Suspicious content found at ${path}: potential code injection. Content: "${obj.substring(0, 50)}${obj.length > 50 ? "..." : ""}"`,
+          `Suspicious content found at ${path}: potential code injection. Content: "${obj.substring(0, 50)}${obj.length > 50 ? '...' : ''}"`
         );
       }
 
@@ -141,15 +139,13 @@ function validateBlocklyJson(json) {
 
       // Flag any obfuscation pattern - legitimate Blockly field values should not
       // contain escape sequences, HTML entities, or URL-encoded characters.
-      const suspiciousCount = obfuscationPatterns.filter((pattern) =>
-        pattern.test(obj),
-      ).length;
+      const suspiciousCount = obfuscationPatterns.filter((pattern) => pattern.test(obj)).length;
       if (suspiciousCount >= 1) {
         throw new Error(`Potential obfuscation detected at ${path}`);
       }
     }
 
-    if (typeof obj === "object") {
+    if (typeof obj === 'object') {
       // Check for dangerous keys
       for (const key of Object.keys(obj)) {
         if (dangerousKeys.includes(key)) {
@@ -161,7 +157,7 @@ function validateBlocklyJson(json) {
   }
 
   function upgradeAnimationInputs(block) {
-    if (!block || typeof block !== "object") return;
+    if (!block || typeof block !== 'object') return;
 
     const legacyAnimationName = block.fields?.ANIMATION_NAME;
     const hasNewAnimationInput = block.inputs?.ANIMATION_NAME;
@@ -169,12 +165,12 @@ function validateBlocklyJson(json) {
     if (
       legacyAnimationName &&
       !hasNewAnimationInput &&
-      (block.type === "play_animation" || block.type === "switch_animation")
+      (block.type === 'play_animation' || block.type === 'switch_animation')
     ) {
       block.inputs = block.inputs || {};
       block.inputs.ANIMATION_NAME = {
         shadow: {
-          type: "animation_name",
+          type: 'animation_name',
           fields: { ANIMATION_NAME: legacyAnimationName },
         },
       };
@@ -205,18 +201,12 @@ function validateBlocklyJson(json) {
 
     // Blockly workspace JSON should have specific structure
     // Check if data.blocks exists and is a non-null object (not an array)
-    if (
-      !data.blocks ||
-      typeof data.blocks !== "object" ||
-      Array.isArray(data.blocks)
-    ) {
-      throw new Error(
-        "Invalid Blockly structure: missing or invalid blocks object",
-      );
+    if (!data.blocks || typeof data.blocks !== 'object' || Array.isArray(data.blocks)) {
+      throw new Error('Invalid Blockly structure: missing or invalid blocks object');
     }
 
     // Whitelist allowed properties at root level
-    const allowedRootKeys = ["blocks", "variables", "workspaceComments"];
+    const allowedRootKeys = ['blocks', 'variables', 'workspaceComments'];
     const rootKeys = Object.keys(data);
 
     for (const key of rootKeys) {
@@ -226,7 +216,7 @@ function validateBlocklyJson(json) {
     }
 
     // Whitelist allowed properties in blocks object
-    const allowedBlocksKeys = ["languageVersion", "blocks"];
+    const allowedBlocksKeys = ['languageVersion', 'blocks'];
     if (data.blocks) {
       for (const key of Object.keys(data.blocks)) {
         if (!allowedBlocksKeys.includes(key)) {
@@ -238,9 +228,7 @@ function validateBlocklyJson(json) {
     // Validate blocks array if present
     if (data.blocks.blocks) {
       if (!Array.isArray(data.blocks.blocks)) {
-        throw new Error(
-          "Invalid Blockly structure: blocks.blocks must be an array",
-        );
+        throw new Error('Invalid Blockly structure: blocks.blocks must be an array');
       }
       data.blocks.blocks.forEach((block, index) => {
         validateBlock(block, `blocks.blocks[${index}]`);
@@ -250,15 +238,11 @@ function validateBlocklyJson(json) {
     // Validate variables if present
     if (data.variables) {
       if (!Array.isArray(data.variables)) {
-        throw new Error(
-          "Invalid Blockly structure: variables must be an array",
-        );
+        throw new Error('Invalid Blockly structure: variables must be an array');
       }
       data.variables.forEach((variable, index) => {
         if (!variable.name || !variable.id) {
-          throw new Error(
-            `Invalid variable at variables[${index}]: must have name and id`,
-          );
+          throw new Error(`Invalid variable at variables[${index}]: must have name and id`);
         }
       });
     }
@@ -266,30 +250,30 @@ function validateBlocklyJson(json) {
 
   // 4. Validate individual block structure
   function validateBlock(block, path) {
-    if (!block || typeof block !== "object") {
+    if (!block || typeof block !== 'object') {
       throw new Error(`Invalid block at ${path}`);
     }
 
     // Whitelist allowed block properties
     const allowedBlockKeys = [
-      "type",
-      "id",
-      "x",
-      "y",
-      "collapsed",
-      "disabled",
-      "deletable",
-      "movable",
-      "editable",
-      "inline",
-      "data",
-      "extraState",
-      "icons",
-      "fields",
-      "inputs",
-      "next",
-      "shadow",
-      "disabledReasons",
+      'type',
+      'id',
+      'x',
+      'y',
+      'collapsed',
+      'disabled',
+      'deletable',
+      'movable',
+      'editable',
+      'inline',
+      'data',
+      'extraState',
+      'icons',
+      'fields',
+      'inputs',
+      'next',
+      'shadow',
+      'disabledReasons',
     ];
 
     for (const key of Object.keys(block)) {
@@ -301,12 +285,12 @@ function validateBlocklyJson(json) {
     // Validate field values
     if (block.fields) {
       Object.entries(block.fields).forEach(([fieldName, fieldValue]) => {
-        if (fieldValue && typeof fieldValue === "object") {
+        if (fieldValue && typeof fieldValue === 'object') {
           // Field values can be objects with 'id' property for variables
           if (!fieldValue.id) {
             checkForDangerousContent(fieldValue, `${path}.fields.${fieldName}`);
           }
-        } else if (typeof fieldValue === "string") {
+        } else if (typeof fieldValue === 'string') {
           // Check string field values for dangerous content
           checkForDangerousContent(fieldValue, `${path}.fields.${fieldName}`);
         }
@@ -343,7 +327,7 @@ function validateBlocklyJson(json) {
 
 export function loadWorkspaceAndExecute(json, workspace, executeCallback) {
   if (!workspace || !json) {
-    throw new Error("Invalid workspace or json data.");
+    throw new Error('Invalid workspace or json data.');
   }
 
   // Validation failures propagate to the caller; the catch below is only for a
@@ -356,14 +340,14 @@ export function loadWorkspaceAndExecute(json, workspace, executeCallback) {
     workspace.scroll(0, 0);
     executeCallback({ focusCanvas: false });
   } catch (error) {
-    console.error("Failed to load workspace:", error);
+    console.error('Failed to load workspace:', error);
 
     // Handle corruption errors
-    if (error.message.includes("isDeadOrDying")) {
-      console.warn("Workspace might be corrupted, attempting reset.");
+    if (error.message.includes('isDeadOrDying')) {
+      console.warn('Workspace might be corrupted, attempting reset.');
       workspace.clear();
       // Note: localStorage usage - be aware this won't work in Claude artifacts
-      if (typeof localStorage !== "undefined") {
+      if (typeof localStorage !== 'undefined') {
         localStorage.removeItem(AUTOSAVE_KEY);
       }
     }
@@ -372,30 +356,24 @@ export function loadWorkspaceAndExecute(json, workspace, executeCallback) {
 
 function parseProjectJsonResponse(response) {
   if (!response.ok) {
-    throw new Error(
-      `Failed to load project (${response.status} ${response.statusText})`,
-    );
+    throw new Error(`Failed to load project (${response.status} ${response.statusText})`);
   }
 
-  const contentType = (
-    response.headers.get("content-type") || ""
-  ).toLowerCase();
+  const contentType = (response.headers.get('content-type') || '').toLowerCase();
 
   return response.text().then((projectText) => {
     const trimmedProjectText = projectText.trim();
 
     if (
-      contentType.includes("text/html") ||
-      trimmedProjectText.startsWith("<!doctype html") ||
-      trimmedProjectText.startsWith("<html")
+      contentType.includes('text/html') ||
+      trimmedProjectText.startsWith('<!doctype html') ||
+      trimmedProjectText.startsWith('<html')
     ) {
-      throw new Error(
-        `Expected JSON project data but received ${contentType || "text/html"}`,
-      );
+      throw new Error(`Expected JSON project data but received ${contentType || 'text/html'}`);
     }
 
     return parseProjectText(projectText, {
-      describeParseError: `Failed to parse project JSON from ${contentType || "unknown content type"}`,
+      describeParseError: `Failed to parse project JSON from ${contentType || 'unknown content type'}`,
     });
   });
 }
@@ -407,8 +385,8 @@ export function fetchProjectJson(projectPath) {
 // Parses project text into validated Blockly JSON: enforces the size limit,
 // parses, and checks the structure. Throws on any failure.
 function parseProjectText(text, { describeParseError } = {}) {
-  if (typeof text !== "string") {
-    throw new Error("File content is invalid (not a string)");
+  if (typeof text !== 'string') {
+    throw new Error('File content is invalid (not a string)');
   }
   if (text.length > MAX_PROJECT_TEXT_LENGTH) {
     throw new ProjectTooLargeError();
@@ -418,13 +396,11 @@ function parseProjectText(text, { describeParseError } = {}) {
   try {
     json = JSON.parse(text);
   } catch (error) {
-    throw describeParseError
-      ? new Error(describeParseError, { cause: error })
-      : error;
+    throw describeParseError ? new Error(describeParseError, { cause: error }) : error;
   }
 
   if (!isValidProjectFileJson(json)) {
-    throw new Error("Invalid Blockly project file structure");
+    throw new Error('Invalid Blockly project file structure');
   }
 
   return json;
@@ -451,12 +427,12 @@ async function readProjectFile(file) {
 // Function to load workspace from various sources
 export function loadWorkspace(workspace, executeCallback) {
   const urlParams = new URLSearchParams(window.location.search);
-  const projectUrl = urlParams.get("project");
-  const reset = urlParams.get("reset");
-  const autoplay = urlParams.get("autoplay") !== "false";
+  const projectUrl = urlParams.get('project');
+  const reset = urlParams.get('reset');
+  const autoplay = urlParams.get('autoplay') !== 'false';
   const effectiveCallback = autoplay ? executeCallback : () => {};
   const savedState = localStorage.getItem(AUTOSAVE_KEY);
-  const starter = "examples/starter.flock";
+  const starter = 'examples/starter.flock';
 
   function loadStarter() {
     fetchProjectJson(starter)
@@ -464,12 +440,12 @@ export function loadWorkspace(workspace, executeCallback) {
         loadWorkspaceAndExecute(json, workspace, effectiveCallback);
       })
       .catch((error) => {
-        console.error("Error loading starter example:", error);
+        console.error('Error loading starter example:', error);
       });
   }
 
   if (reset) {
-    console.warn("Resetting workspace and clearing local storage.");
+    console.warn('Resetting workspace and clearing local storage.');
     workspace.clear();
     localStorage.removeItem(AUTOSAVE_KEY);
     loadStarter();
@@ -477,30 +453,30 @@ export function loadWorkspace(workspace, executeCallback) {
   }
 
   if (projectUrl) {
-    if (projectUrl === "starter") {
+    if (projectUrl === 'starter') {
       loadStarter();
-    } else if (projectUrl === "new") {
-      fetchProjectJson("examples/new.flock")
+    } else if (projectUrl === 'new') {
+      fetchProjectJson('examples/new.flock')
         .then((json) => {
           loadWorkspaceAndExecute(json, workspace, effectiveCallback);
         })
         .catch((error) => {
-          console.error("Error loading new project:", error);
+          console.error('Error loading new project:', error);
           loadStarter();
         });
     } else {
       let validatedUrl;
       try {
         validatedUrl = new URL(projectUrl, window.location.href);
-        if (!["http:", "https:"].includes(validatedUrl.protocol)) {
-          throw new Error("Project URL must use http or https protocol");
+        if (!['http:', 'https:'].includes(validatedUrl.protocol)) {
+          throw new Error('Project URL must use http or https protocol');
         }
         const path = validatedUrl.pathname.toLowerCase();
-        if (!path.endsWith(".json") && !path.endsWith(".flock")) {
-          throw new Error("Project URL must point to a .json or .flock file");
+        if (!path.endsWith('.json') && !path.endsWith('.flock')) {
+          throw new Error('Project URL must point to a .json or .flock file');
         }
       } catch (error) {
-        console.error("Invalid project URL:", error);
+        console.error('Invalid project URL:', error);
         loadStarter();
         return;
       }
@@ -510,19 +486,15 @@ export function loadWorkspace(workspace, executeCallback) {
           loadWorkspaceAndExecute(json, workspace, effectiveCallback);
         })
         .catch((error) => {
-          console.error("Error loading project from URL:", error);
+          console.error('Error loading project from URL:', error);
           loadStarter();
         });
     }
   } else if (savedState) {
     try {
-      loadWorkspaceAndExecute(
-        parseProjectText(savedState),
-        workspace,
-        effectiveCallback,
-      );
+      loadWorkspaceAndExecute(parseProjectText(savedState), workspace, effectiveCallback);
     } catch (error) {
-      console.error("Error loading autosaved project:", error);
+      console.error('Error loading autosaved project:', error);
       loadStarter();
     }
   } else {
@@ -532,11 +504,8 @@ export function loadWorkspace(workspace, executeCallback) {
 
 // Function to strip filename from path
 export function stripFilename(inputString) {
-  const removeEnd = inputString.replace(/\(\d+\)/g, "");
-  let lastIndex = Math.max(
-    removeEnd.lastIndexOf("/"),
-    removeEnd.lastIndexOf("\\"),
-  );
+  const removeEnd = inputString.replace(/\(\d+\)/g, '');
+  let lastIndex = Math.max(removeEnd.lastIndexOf('/'), removeEnd.lastIndexOf('\\'));
 
   if (lastIndex === -1) {
     return removeEnd.trim();
@@ -548,16 +517,16 @@ export function stripFilename(inputString) {
 // Preserve user-facing imported filename characters (including spaces and
 // punctuation) while still stripping potentially unsafe invisible chars.
 function getSafeImportedFileBaseName(fileName) {
-  const rawName = String(fileName || "untitled");
+  const rawName = String(fileName || 'untitled');
   const cleanedName = rawName
-    .replace(/\p{Cc}/gu, "")
-    .replace(/[\u200B-\u200F\u2060-\u206F\uFEFF]/g, "")
-    .replace(/[\u202A-\u202E\u2066-\u2069]/g, "");
+    .replace(/\p{Cc}/gu, '')
+    .replace(/[\u200B-\u200F\u2060-\u206F\uFEFF]/g, '')
+    .replace(/[\u202A-\u202E\u2066-\u2069]/g, '');
 
-  const withoutExtension = cleanedName.replace(/\.(json|flock)$/i, "");
+  const withoutExtension = cleanedName.replace(/\.(json|flock)$/i, '');
   const baseName = stripFilename(withoutExtension).trim();
 
-  return baseName.substring(0, 50) || "untitled";
+  return baseName.substring(0, 50) || 'untitled';
 }
 
 // Holds the FileSystemFileHandle from the last explicit save (File System Access API)
@@ -565,11 +534,8 @@ let currentFileHandle = null;
 
 export function updateSaveButtonState() {
   document
-    .getElementById("exportCodeButton")
-    ?.classList.toggle(
-      "no-autosave",
-      AUTOSAVE_TO_FILE_ENABLED && !currentFileHandle,
-    );
+    .getElementById('exportCodeButton')
+    ?.classList.toggle('no-autosave', AUTOSAVE_TO_FILE_ENABLED && !currentFileHandle);
 }
 
 // Clears the stored file handle (call whenever a new project is loaded)
@@ -579,31 +545,27 @@ export function clearFileHandle() {
 }
 
 function isFileAutosavePermissionError(error) {
-  const name = error?.name || "";
-  if (name === "AbortError" || name === "NotAllowedError") return true;
+  const name = error?.name || '';
+  if (name === 'AbortError' || name === 'NotAllowedError') return true;
 
-  const message = String(error?.message || "").toLowerCase();
+  const message = String(error?.message || '').toLowerCase();
   return (
-    message.includes("permission") ||
-    message.includes("denied") ||
-    message.includes("aborted") ||
-    message.includes("cancel")
+    message.includes('permission') ||
+    message.includes('denied') ||
+    message.includes('aborted') ||
+    message.includes('cancel')
   );
 }
 
 // Function to export project code
 export async function exportCode(workspace) {
   try {
-    const projectName =
-      document.getElementById("projectName").value || "default_project";
+    const projectName = document.getElementById('projectName').value || 'default_project';
 
     // Ensure we have a valid workspace
-    const ws =
-      workspace && workspace.getAllBlocks
-        ? workspace
-        : Blockly.getMainWorkspace();
+    const ws = workspace && workspace.getAllBlocks ? workspace : Blockly.getMainWorkspace();
     if (!ws || !ws.getAllBlocks) {
-      throw new Error("No valid workspace found");
+      throw new Error('No valid workspace found');
     }
 
     let usedModels = Blockly.Variables.allUsedVarModels(ws);
@@ -618,15 +580,15 @@ export async function exportCode(workspace) {
     const jsonString = JSON.stringify(json, null, 2);
 
     // Custom MIME type for Flock project files
-    const FLOCK_MIME = "application/vnd.flock+json";
-    const FLOCK_EXT = ".flock";
+    const FLOCK_MIME = 'application/vnd.flock+json';
+    const FLOCK_EXT = '.flock';
 
-    if ("showSaveFilePicker" in window) {
+    if ('showSaveFilePicker' in window) {
       const options = {
         suggestedName: `${projectName}${FLOCK_EXT}`,
         types: [
           {
-            description: translate("project_file_description"),
+            description: translate('project_file_description'),
             accept: {
               [FLOCK_MIME]: [FLOCK_EXT],
             },
@@ -640,11 +602,10 @@ export async function exportCode(workspace) {
       await writable.close();
       currentFileHandle = fileHandle;
       updateSaveButtonState();
-      document.getElementById("projectName").value =
-        getSafeImportedFileBaseName(fileHandle.name);
+      document.getElementById('projectName').value = getSafeImportedFileBaseName(fileHandle.name);
     } else {
       const blob = new Blob([jsonString], { type: FLOCK_MIME });
-      const link = document.createElement("a");
+      const link = document.createElement('a');
       link.href = URL.createObjectURL(blob);
       link.download = `${projectName}${FLOCK_EXT}`;
       document.body.appendChild(link);
@@ -652,7 +613,7 @@ export async function exportCode(workspace) {
       document.body.removeChild(link);
     }
   } catch (e) {
-    console.error("Error exporting project:", e);
+    console.error('Error exporting project:', e);
   }
 }
 
@@ -660,22 +621,19 @@ export async function exportCode(workspace) {
 export async function autoSaveToFile(workspace) {
   if (!currentFileHandle) return;
   try {
-    if (typeof currentFileHandle.queryPermission === "function") {
+    if (typeof currentFileHandle.queryPermission === 'function') {
       const permission = await currentFileHandle.queryPermission({
-        mode: "readwrite",
+        mode: 'readwrite',
       });
-      if (permission !== "granted") {
-        if (permission === "denied") {
+      if (permission !== 'granted') {
+        if (permission === 'denied') {
           clearFileHandle();
         }
         return;
       }
     }
 
-    const ws =
-      workspace && workspace.getAllBlocks
-        ? workspace
-        : Blockly.getMainWorkspace();
+    const ws = workspace && workspace.getAllBlocks ? workspace : Blockly.getMainWorkspace();
     if (!ws || !ws.getAllBlocks) return;
 
     const json = Blockly.serialization.workspaces.save(ws);
@@ -687,13 +645,13 @@ export async function autoSaveToFile(workspace) {
     if (isFileAutosavePermissionError(e)) {
       clearFileHandle();
     }
-    console.error("Error during file autosave:", e);
+    console.error('Error during file autosave:', e);
   }
 }
 
 // Function to import snippet from file
 export function importSnippet() {
-  const fileInput = document.getElementById("importFile");
+  const fileInput = document.getElementById('importFile');
   fileInput.click();
 
   fileInput.onchange = (event) => {
@@ -702,8 +660,8 @@ export function importSnippet() {
 
     const maxSize = 5 * 1024 * 1024;
     if (file.size > maxSize) {
-      console.error("Snippet file is too large:", file.size);
-      event.target.value = "";
+      console.error('Snippet file is too large:', file.size);
+      event.target.value = '';
       return;
     }
 
@@ -711,31 +669,31 @@ export function importSnippet() {
     const fileName = file.name.toLowerCase();
 
     // Custom MIME for Flock snippets (matches exportBlockSnippet)
-    const FLOCK_SNIP_MIME = "application/vnd.flock-snippet+json";
+    const FLOCK_SNIP_MIME = 'application/vnd.flock-snippet+json';
 
     const reader = new FileReader();
 
     reader.onload = () => {
       const content = reader.result;
 
-      if (fileType === "image/png") {
+      if (fileType === 'image/png') {
         handlePNGImport(content);
       } else if (
-        fileType === "application/json" ||
+        fileType === 'application/json' ||
         fileType === FLOCK_SNIP_MIME ||
-        fileName.endsWith(".fsnip")
+        fileName.endsWith('.fsnip')
       ) {
         // Treat .fsnip the same as JSON snippets
         handleJSONImport(content);
       } else {
-        console.error("Unsupported file type:", fileType || "(none)");
+        console.error('Unsupported file type:', fileType || '(none)');
       }
 
       // Allow re-selecting the same file
-      event.target.value = "";
+      event.target.value = '';
     };
 
-    if (fileType === "image/png") {
+    if (fileType === 'image/png') {
       reader.readAsArrayBuffer(file);
     } else {
       reader.readAsText(file);
@@ -747,17 +705,17 @@ export function importSnippet() {
 function handlePNGImport(content) {
   try {
     const arrayBuffer = new Uint8Array(content);
-    const encodedMetadata = getMetadata(arrayBuffer, "blockJson");
+    const encodedMetadata = getMetadata(arrayBuffer, 'blockJson');
 
     if (!encodedMetadata) {
-      console.error("No metadata found in the PNG file.");
+      console.error('No metadata found in the PNG file.');
       return;
     }
 
     const decodedMetadata = JSON.parse(decodeURIComponent(encodedMetadata));
     appendSnippetAtViewport(Blockly.getMainWorkspace(), decodedMetadata);
   } catch (error) {
-    console.error("Error processing PNG metadata:", error);
+    console.error('Error processing PNG metadata:', error);
   }
 }
 
@@ -767,7 +725,7 @@ function handleJSONImport(content) {
     const blockJson = JSON.parse(content);
     appendSnippetAtViewport(Blockly.getMainWorkspace(), blockJson);
   } catch (error) {
-    console.error("Error processing JSON file:", error);
+    console.error('Error processing JSON file:', error);
   }
 }
 
@@ -775,13 +733,12 @@ function handleJSONImport(content) {
 // unvalidated blocks isn't reachable through a wrong-helper call.
 function appendSnippetAtViewport(workspace, snippetData) {
   if (!snippetData) {
-    throw new Error("Snippet data is empty or undefined");
+    throw new Error('Snippet data is empty or undefined');
   }
 
   // Support both raw block JSON and wrapped workspace snippets
   const blocks =
-    snippetData?.blocks?.blocks ??
-    (Array.isArray(snippetData) ? snippetData : [snippetData]);
+    snippetData?.blocks?.blocks ?? (Array.isArray(snippetData) ? snippetData : [snippetData]);
 
   const validated = validateBlocklyJson({ blocks: { blocks } });
   const blocksJson = validated.blocks.blocks;
@@ -793,9 +750,7 @@ function appendSnippetAtViewport(workspace, snippetData) {
   blocksJson.forEach((b) => Blockly.serialization.blocks.append(b, workspace));
 
   // Collect the newly created top blocks
-  const created = workspace
-    .getTopBlocks(false)
-    .filter((b) => !before.has(b.id));
+  const created = workspace.getTopBlocks(false).filter((b) => !before.has(b.id));
   if (!created.length) return;
 
   // Place them near the current viewport top-left, with a stagger.
@@ -811,7 +766,7 @@ function appendSnippetAtViewport(workspace, snippetData) {
 }
 
 function isValidProjectFileJson(json) {
-  if (!json || typeof json !== "object") {
+  if (!json || typeof json !== 'object') {
     return false;
   }
 
@@ -821,7 +776,7 @@ function isValidProjectFileJson(json) {
 
   return (
     !!json.blocks &&
-    typeof json.blocks === "object" &&
+    typeof json.blocks === 'object' &&
     !!json.blocks.blocks &&
     Array.isArray(json.blocks.blocks)
   );
@@ -830,21 +785,20 @@ function isValidProjectFileJson(json) {
 // Private helper: process a project file (used by file input and drag-and-drop)
 function processProjectFileDrop(file, workspace, executeCallback) {
   const lowerName = file.name.toLowerCase();
-  if (!lowerName.endsWith(".json") && !lowerName.endsWith(".flock")) {
-    alert(translate("invalid_filetype_alert"));
+  if (!lowerName.endsWith('.json') && !lowerName.endsWith('.flock')) {
+    alert(translate('invalid_filetype_alert'));
     return;
   }
 
   window.loadingCode = true;
   readProjectFile(file)
     .then((json) => {
-      document.getElementById("projectName").value =
-        getSafeImportedFileBaseName(file.name);
+      document.getElementById('projectName').value = getSafeImportedFileBaseName(file.name);
       clearFileHandle();
       loadWorkspaceAndExecute(json, workspace, executeCallback);
     })
     .catch((error) => {
-      console.error("Error loading Blockly project:", error);
+      console.error('Error loading Blockly project:', error);
       alert(translate(alertKeyForProjectError(error)));
       window.loadingCode = false;
     });
@@ -855,13 +809,13 @@ function processSnippetFileDrop(file) {
   const reader = new FileReader();
   reader.onload = () => {
     const content = reader.result;
-    if (file.type === "image/png") {
+    if (file.type === 'image/png') {
       handlePNGImport(content);
     } else {
       handleJSONImport(content);
     }
   };
-  if (file.type === "image/png") {
+  if (file.type === 'image/png') {
     reader.readAsArrayBuffer(file);
   } else {
     reader.readAsText(file);
@@ -871,54 +825,51 @@ function processSnippetFileDrop(file) {
 // Set up drag-and-drop for .flock, .json, .fsnip, and .png files
 export function setupDragAndDrop(workspace, executeCallback) {
   // Create the drop overlay
-  const overlay = document.createElement("div");
-  overlay.id = "drag-drop-overlay";
-  overlay.setAttribute("aria-hidden", "true");
-  overlay.textContent = translate("drag_drop_hint");
+  const overlay = document.createElement('div');
+  overlay.id = 'drag-drop-overlay';
+  overlay.setAttribute('aria-hidden', 'true');
+  overlay.textContent = translate('drag_drop_hint');
   document.body.appendChild(overlay);
 
   let dragCounter = 0;
   let isDraggingFromPage = false;
 
-  document.addEventListener("dragstart", () => {
+  document.addEventListener('dragstart', () => {
     isDraggingFromPage = true;
   });
-  document.addEventListener("dragend", () => {
+  document.addEventListener('dragend', () => {
     isDraggingFromPage = false;
   });
 
   function isFileDrag(e) {
     if (isDraggingFromPage) return false;
-    return (
-      e.dataTransfer?.types &&
-      Array.from(e.dataTransfer.types).includes("Files")
-    );
+    return e.dataTransfer?.types && Array.from(e.dataTransfer.types).includes('Files');
   }
 
-  document.addEventListener("dragenter", (e) => {
+  document.addEventListener('dragenter', (e) => {
     if (!isFileDrag(e)) return;
     e.preventDefault();
     dragCounter++;
-    overlay.classList.add("visible");
+    overlay.classList.add('visible');
   });
 
-  document.addEventListener("dragover", (e) => {
+  document.addEventListener('dragover', (e) => {
     if (!isFileDrag(e)) return;
     e.preventDefault();
-    e.dataTransfer.dropEffect = "copy";
+    e.dataTransfer.dropEffect = 'copy';
   });
 
-  document.addEventListener("dragleave", (e) => {
+  document.addEventListener('dragleave', (e) => {
     if (!isFileDrag(e)) return;
     dragCounter = Math.max(0, dragCounter - 1);
     if (dragCounter === 0) {
-      overlay.classList.remove("visible");
+      overlay.classList.remove('visible');
     }
   });
 
-  document.addEventListener("drop", (e) => {
+  document.addEventListener('drop', (e) => {
     dragCounter = 0;
-    overlay.classList.remove("visible");
+    overlay.classList.remove('visible');
 
     const files = e.dataTransfer?.files;
     if (!files || files.length === 0) return;
@@ -929,64 +880,63 @@ export function setupDragAndDrop(workspace, executeCallback) {
     const file = files[0];
     const lowerName = file.name.toLowerCase();
 
-    if (lowerName.endsWith(".flock") || lowerName.endsWith(".json")) {
+    if (lowerName.endsWith('.flock') || lowerName.endsWith('.json')) {
       processProjectFileDrop(file, workspace, executeCallback);
-    } else if (lowerName.endsWith(".fsnip") || file.type === "image/png") {
+    } else if (lowerName.endsWith('.fsnip') || file.type === 'image/png') {
       processSnippetFileDrop(file);
     } else {
-      alert(translate("drop_unsupported_file_alert"));
+      alert(translate('drop_unsupported_file_alert'));
     }
   });
 }
 
 // Function to set up file input handler
 export function setupFileInput(workspace, executeCallback) {
-  const fileInput = document.getElementById("fileInput");
+  const fileInput = document.getElementById('fileInput');
 
-  fileInput.addEventListener("change", function (event) {
+  fileInput.addEventListener('change', function (event) {
     const file = event.target.files[0];
     if (!file) return;
 
     const lowerName = file.name.toLowerCase();
-    if (!lowerName.endsWith(".json") && !lowerName.endsWith(".flock")) {
-      alert(translate("invalid_filetype_alert"));
-      event.target.value = ""; // Reset the input
+    if (!lowerName.endsWith('.json') && !lowerName.endsWith('.flock')) {
+      alert(translate('invalid_filetype_alert'));
+      event.target.value = ''; // Reset the input
       return;
     }
 
     window.loadingCode = true;
     readProjectFile(file)
       .then((json) => {
-        document.getElementById("projectName").value =
-          getSafeImportedFileBaseName(file.name);
+        document.getElementById('projectName').value = getSafeImportedFileBaseName(file.name);
 
         clearFileHandle();
         loadWorkspaceAndExecute(json, workspace, executeCallback);
       })
       .catch((error) => {
-        console.error("Error loading Blockly project:", error);
+        console.error('Error loading Blockly project:', error);
         alert(translate(alertKeyForProjectError(error)));
         window.loadingCode = false;
       })
       .finally(() => {
         // Reset the input so the same file can be selected again
-        event.target.value = "";
+        event.target.value = '';
       });
   });
 }
 
 // Open a file using showOpenFilePicker (Chrome/Edge/Safari) with <input> fallback
 export async function openFile(workspace, executeCallback) {
-  if ("showOpenFilePicker" in window) {
+  if ('showOpenFilePicker' in window) {
     try {
       const [fileHandle] = await window.showOpenFilePicker({
-        mode: "readwrite",
+        mode: 'readwrite',
         types: [
           {
-            description: translate("project_file_description"),
+            description: translate('project_file_description'),
             accept: {
-              "application/vnd.flock+json": [".flock"],
-              "application/json": [".json"],
+              'application/vnd.flock+json': ['.flock'],
+              'application/json': ['.json'],
             },
           },
         ],
@@ -994,18 +944,17 @@ export async function openFile(workspace, executeCallback) {
       const file = await fileHandle.getFile();
       const json = await readProjectFile(file);
       window.loadingCode = true;
-      document.getElementById("projectName").value =
-        getSafeImportedFileBaseName(file.name);
+      document.getElementById('projectName').value = getSafeImportedFileBaseName(file.name);
       clearFileHandle();
       loadWorkspaceAndExecute(json, workspace, executeCallback);
     } catch (e) {
-      if (e.name === "AbortError") return;
-      console.error("Error opening file:", e);
+      if (e.name === 'AbortError') return;
+      console.error('Error opening file:', e);
       alert(translate(alertKeyForProjectError(e)));
       window.loadingCode = false;
     }
   } else {
-    document.getElementById("fileInput").click();
+    document.getElementById('fileInput').click();
   }
 }
 
@@ -1016,19 +965,19 @@ export function loadExample(file, name, executeCallback = window.executeCode) {
 
   window.loadingCode = true;
 
-  const projectNameElement = document.getElementById("projectName");
+  const projectNameElement = document.getElementById('projectName');
   if (projectNameElement && name) {
     projectNameElement.value = name;
   }
 
   fetchProjectJson(file)
     .then((json) => {
-      console.log("Loading:", name || file);
+      console.log('Loading:', name || file);
       clearFileHandle();
       loadWorkspaceAndExecute(json, workspace, executeCallback);
     })
     .catch((error) => {
-      console.error("Error loading example:", error);
+      console.error('Error loading example:', error);
       // Clear the loading flag so a failed load doesn't wedge later actions.
       window.loadingCode = false;
     });
@@ -1037,19 +986,19 @@ window.loadExample = loadExample;
 
 export function newProject() {
   // Set project name
-  const projectNameElement = document.getElementById("projectName");
+  const projectNameElement = document.getElementById('projectName');
   if (projectNameElement) {
-    projectNameElement.value = "New";
+    projectNameElement.value = 'New';
   }
 
   // Load the empty project template
-  fetchProjectJson("examples/new.flock")
+  fetchProjectJson('examples/new.flock')
     .then((json) => {
       clearFileHandle();
       loadWorkspaceAndExecute(json, workspace, window.executeCode);
     })
     .catch((error) => {
-      console.error("Error loading new project:", error);
+      console.error('Error loading new project:', error);
     });
 }
 
diff --git a/main/loading.js b/main/loading.js
index 1fdacb150..1beaf4ae7 100644
--- a/main/loading.js
+++ b/main/loading.js
@@ -1,26 +1,26 @@
-import { translate } from "./translation.js";
+import { translate } from './translation.js';
 
 // Function to hide loading screen
 export function hideLoadingScreen() {
-  const loadingScreen = document.getElementById("loadingScreen");
+  const loadingScreen = document.getElementById('loadingScreen');
   const body = document.body;
 
   if (loadingScreen) {
     // First fade out loading screen
-    loadingScreen.classList.add("fade-out");
-    body.setAttribute("aria-busy", "false");
+    loadingScreen.classList.add('fade-out');
+    body.setAttribute('aria-busy', 'false');
 
-    const announcements = document.getElementById("announcements");
+    const announcements = document.getElementById('announcements');
     if (announcements) {
-      announcements.textContent = "";
+      announcements.textContent = '';
       setTimeout(() => {
-        announcements.textContent = translate("loading_success_ui");
+        announcements.textContent = translate('loading_success_ui');
       }, 20);
     }
 
     // Then show main content after a brief delay
     setTimeout(() => {
-      body.classList.remove("loading");
+      body.classList.remove('loading');
     }, 250);
 
     // Remove loading screen from DOM after transition
diff --git a/main/main.js b/main/main.js
index cfb441bff..29d4e8175 100644
--- a/main/main.js
+++ b/main/main.js
@@ -731,9 +731,7 @@ function initializeApp() {
   // the scene — matches the pointer cursor shown across the whole overlay. The
   // inner button's click bubbles up here, and executeCode's isExecuting guard
   // makes the resulting second call a no-op.
-  document
-    .getElementById('canvasStoppedOverlay')
-    ?.addEventListener('click', executeCode);
+  document.getElementById('canvasStoppedOverlay')?.addEventListener('click', executeCode);
   exportCodeButton.addEventListener('click', () => exportCode(workspace));
 
   // Add toolbar buttons
diff --git a/main/menu.js b/main/menu.js
index 1ceb6b381..3610222ce 100644
--- a/main/menu.js
+++ b/main/menu.js
@@ -1,8 +1,8 @@
-const menuBtn = document.getElementById("menuBtn");
-const openAbout = document.getElementById("about-menu-item");
-const hubMenuItem = document.getElementById("hub-menu-item");
-const infoModal = document.getElementById("infoModal");
-const closeInfoModal = document.getElementById("closeInfoModal");
+const menuBtn = document.getElementById('menuBtn');
+const openAbout = document.getElementById('about-menu-item');
+const hubMenuItem = document.getElementById('hub-menu-item');
+const infoModal = document.getElementById('infoModal');
+const closeInfoModal = document.getElementById('closeInfoModal');
 let previouslyFocused = null;
 
 function canRestoreFocus(element) {
@@ -13,7 +13,7 @@ function canRestoreFocus(element) {
   let currentElement = element;
   while (currentElement) {
     const style = window.getComputedStyle(currentElement);
-    if (style.display === "none" || style.visibility === "hidden") {
+    if (style.display === 'none' || style.visibility === 'hidden') {
       return false;
     }
     currentElement = currentElement.parentElement;
@@ -28,9 +28,9 @@ function openInfoModal() {
     return;
   }
   previouslyFocused = document.activeElement;
-  infoModal.classList.remove("hidden");
-  infoModal.setAttribute("aria-hidden", "false");
-  infoModal.setAttribute("aria-modal", "true");
+  infoModal.classList.remove('hidden');
+  infoModal.setAttribute('aria-hidden', 'false');
+  infoModal.setAttribute('aria-modal', 'true');
 
   setTimeout(() => {
     closeInfoModal.focus();
@@ -41,9 +41,9 @@ function hideInfoModal() {
   if (!infoModal) {
     return;
   }
-  infoModal.classList.add("hidden");
-  infoModal.setAttribute("aria-hidden", "true");
-  infoModal.removeAttribute("aria-modal");
+  infoModal.classList.add('hidden');
+  infoModal.setAttribute('aria-hidden', 'true');
+  infoModal.removeAttribute('aria-modal');
 
   if (canRestoreFocus(previouslyFocused)) {
     previouslyFocused.focus();
@@ -56,8 +56,8 @@ function hideInfoModal() {
 
 class AccessibleFlyoutMenu {
   constructor() {
-    this.menuButton = document.getElementById("menuBtn");
-    this.menuDropdown = document.getElementById("menuDropdown");
+    this.menuButton = document.getElementById('menuBtn');
+    this.menuDropdown = document.getElementById('menuDropdown');
     this.menuItems = [];
     this.isMenuOpen = false;
     this.currentFocus = -1;
@@ -67,28 +67,28 @@ class AccessibleFlyoutMenu {
       return;
     }
 
-    this.menuItems = this.menuDropdown.querySelectorAll(".menu-item");
+    this.menuItems = this.menuDropdown.querySelectorAll('.menu-item');
     this.init();
   }
 
   init() {
     // Main menu button events
-    this.menuButton.addEventListener("click", (e) => {
+    this.menuButton.addEventListener('click', (e) => {
       e.preventDefault();
       this.toggleMainMenu();
     });
 
-    this.menuButton.addEventListener("keydown", (e) => {
-      if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
+    this.menuButton.addEventListener('keydown', (e) => {
+      if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {
         e.preventDefault();
         this.openMainMenu();
         this.focusFirstMenuItem();
-      } else if (e.key === "Tab" && this.isMenuOpen) {
+      } else if (e.key === 'Tab' && this.isMenuOpen) {
         this.closeAllMenus();
       }
     });
 
-    this.menuDropdown.addEventListener("focusout", () => {
+    this.menuDropdown.addEventListener('focusout', () => {
       window.requestAnimationFrame(() => {
         const activeElement = document.activeElement;
         if (
@@ -104,33 +104,33 @@ class AccessibleFlyoutMenu {
     // Menu item events
     this.menuItems.forEach((item, index) => {
       // Mouse events (preserve existing functionality)
-      item.addEventListener("mouseenter", () => {
+      item.addEventListener('mouseenter', () => {
         this.handleMouseEnter(item);
       });
 
-      item.addEventListener("mouseleave", () => {
+      item.addEventListener('mouseleave', () => {
         this.handleMouseLeave(item);
       });
 
       // Keyboard events
-      item.addEventListener("keydown", (e) => {
+      item.addEventListener('keydown', (e) => {
         this.handleMenuItemKeydown(e, item, index);
       });
 
-      item.addEventListener("click", (e) => {
+      item.addEventListener('click', (e) => {
         this.handleMenuItemClick(e, item);
       });
 
       // Submenu events
-      const submenu = item.querySelector(".submenu");
+      const submenu = item.querySelector('.submenu');
       if (submenu) {
-        const submenuItems = submenu.querySelectorAll("a");
+        const submenuItems = submenu.querySelectorAll('a');
         submenuItems.forEach((subItem, subIndex) => {
-          subItem.addEventListener("keydown", (e) => {
+          subItem.addEventListener('keydown', (e) => {
             this.handleSubmenuKeydown(e, subItem, submenuItems, subIndex, item);
           });
 
-          subItem.addEventListener("click", (e) => {
+          subItem.addEventListener('click', (e) => {
             e.stopPropagation();
             this.closeAllMenus();
           });
@@ -139,26 +139,23 @@ class AccessibleFlyoutMenu {
     });
 
     // Close menu when clicking outside
-    document.addEventListener("click", (e) => {
-      if (
-        !this.menuButton.contains(e.target) &&
-        !this.menuDropdown.contains(e.target)
-      ) {
+    document.addEventListener('click', (e) => {
+      if (!this.menuButton.contains(e.target) && !this.menuDropdown.contains(e.target)) {
         this.closeAllMenus();
       }
     });
 
     // Close menu on Escape
     window.addEventListener(
-      "keydown",
+      'keydown',
       (e) => {
-        if (e.key !== "Escape") {
+        if (e.key !== 'Escape') {
           return;
         }
 
         let handled = false;
 
-        if (infoModal && !infoModal.classList.contains("hidden")) {
+        if (infoModal && !infoModal.classList.contains('hidden')) {
           hideInfoModal();
           handled = true;
         }
@@ -174,7 +171,7 @@ class AccessibleFlyoutMenu {
           e.stopImmediatePropagation();
         }
       },
-      true,
+      true
     ); // Fire before blockly handles escape
   }
 
@@ -188,25 +185,25 @@ class AccessibleFlyoutMenu {
 
   openMainMenu() {
     this.isMenuOpen = true;
-    this.menuDropdown.classList.remove("hidden");
-    this.menuButton.setAttribute("aria-expanded", "true");
+    this.menuDropdown.classList.remove('hidden');
+    this.menuButton.setAttribute('aria-expanded', 'true');
     this.currentFocus = -1;
   }
 
   closeAllMenus() {
     this.isMenuOpen = false;
-    this.menuDropdown.classList.add("hidden");
-    this.menuButton.setAttribute("aria-expanded", "false");
+    this.menuDropdown.classList.add('hidden');
+    this.menuButton.setAttribute('aria-expanded', 'false');
     this.closeAllSubmenus();
     this.currentFocus = -1;
   }
 
   closeAllSubmenus() {
     this.menuItems.forEach((item) => {
-      const submenu = item.querySelector(".submenu");
+      const submenu = item.querySelector('.submenu');
       if (submenu) {
         submenu.hidden = true;
-        item.setAttribute("aria-expanded", "false");
+        item.setAttribute('aria-expanded', 'false');
       }
     });
     this.currentOpenSubmenu = null;
@@ -232,10 +229,10 @@ class AccessibleFlyoutMenu {
     this.closeAllSubmenus();
 
     // Open this submenu if it has one
-    const submenu = item.querySelector(".submenu");
+    const submenu = item.querySelector('.submenu');
     if (submenu) {
       submenu.hidden = false;
-      item.setAttribute("aria-expanded", "true");
+      item.setAttribute('aria-expanded', 'true');
       this.currentOpenSubmenu = item;
     }
   }
@@ -246,16 +243,16 @@ class AccessibleFlyoutMenu {
   }
 
   handleMenuItemClick(e, item) {
-    const submenu = item.querySelector(".submenu");
+    const submenu = item.querySelector('.submenu');
     if (submenu) {
       e.preventDefault();
       this.toggleSubmenu(item);
     } else {
       // For leaf menu items (like "About"), trigger the actual click event
       // This will fire any existing click handlers you have attached
-      if (e.type === "keydown") {
+      if (e.type === 'keydown') {
         // If this was triggered by keyboard, create a synthetic click event
-        const clickEvent = new MouseEvent("click", {
+        const clickEvent = new MouseEvent('click', {
           bubbles: true,
           cancelable: true,
         });
@@ -267,54 +264,54 @@ class AccessibleFlyoutMenu {
   }
 
   toggleSubmenu(item) {
-    const submenu = item.querySelector(".submenu");
+    const submenu = item.querySelector('.submenu');
     const isOpen = !submenu.hidden;
 
     this.closeAllSubmenus();
 
     if (!isOpen) {
       submenu.hidden = false;
-      item.setAttribute("aria-expanded", "true");
+      item.setAttribute('aria-expanded', 'true');
       this.currentOpenSubmenu = item;
     }
   }
 
   handleMenuItemKeydown(e, item, index) {
-    const submenu = item.querySelector(".submenu");
+    const submenu = item.querySelector('.submenu');
 
     switch (e.key) {
-      case "ArrowDown":
+      case 'ArrowDown':
         e.preventDefault();
         this.focusMenuItem((index + 1) % this.menuItems.length);
         break;
 
-      case "ArrowUp":
+      case 'ArrowUp':
         e.preventDefault();
         this.focusMenuItem(index === 0 ? this.menuItems.length - 1 : index - 1);
         break;
 
-      case "ArrowRight":
+      case 'ArrowRight':
         if (submenu) {
           e.preventDefault();
           this.showSubmenu(item);
-          const firstSubmenuItem = submenu.querySelector("a");
+          const firstSubmenuItem = submenu.querySelector('a');
           if (firstSubmenuItem) {
             firstSubmenuItem.focus();
           }
         }
         break;
 
-      case "Enter":
-      case " ":
+      case 'Enter':
+      case ' ':
         e.preventDefault();
         this.handleMenuItemClick(e, item);
         break;
 
-      case "Tab":
+      case 'Tab':
         this.closeAllMenus();
         break;
 
-      case "Escape":
+      case 'Escape':
         this.closeAllMenus();
         this.menuButton.focus();
         break;
@@ -323,54 +320,53 @@ class AccessibleFlyoutMenu {
 
   showSubmenu(item) {
     this.closeAllSubmenus();
-    const submenu = item.querySelector(".submenu");
+    const submenu = item.querySelector('.submenu');
     if (submenu) {
       submenu.hidden = false;
-      item.setAttribute("aria-expanded", "true");
+      item.setAttribute('aria-expanded', 'true');
       this.currentOpenSubmenu = item;
     }
   }
 
   handleSubmenuKeydown(e, subItem, submenuItems, subIndex, parentItem) {
     switch (e.key) {
-      case "ArrowDown": {
+      case 'ArrowDown': {
         e.preventDefault();
         e.stopPropagation();
         const nextIndex = (subIndex + 1) % submenuItems.length;
         submenuItems[nextIndex].focus();
         break;
       }
-      case "ArrowUp": {
+      case 'ArrowUp': {
         e.preventDefault();
         e.stopPropagation();
-        const prevIndex =
-          subIndex === 0 ? submenuItems.length - 1 : subIndex - 1;
+        const prevIndex = subIndex === 0 ? submenuItems.length - 1 : subIndex - 1;
         submenuItems[prevIndex].focus();
         break;
       }
-      case "ArrowLeft": {
+      case 'ArrowLeft': {
         e.preventDefault();
         e.stopPropagation();
         parentItem.focus();
-        const submenu = parentItem.querySelector(".submenu");
+        const submenu = parentItem.querySelector('.submenu');
         if (submenu) {
           submenu.hidden = true;
-          parentItem.setAttribute("aria-expanded", "false");
+          parentItem.setAttribute('aria-expanded', 'false');
         }
         break;
       }
-      case "Enter":
-      case " ":
+      case 'Enter':
+      case ' ':
         e.preventDefault();
         e.stopPropagation();
         subItem.click();
         break;
 
-      case "Tab":
+      case 'Tab':
         this.closeAllMenus();
         break;
 
-      case "Escape":
+      case 'Escape':
         e.preventDefault();
         e.stopPropagation();
         this.closeAllMenus();
@@ -382,19 +378,19 @@ class AccessibleFlyoutMenu {
 
 // Initialize the menu when DOM is loaded
 let menuFlyout;
-document.addEventListener("DOMContentLoaded", () => {
-  if (!menuBtn || !document.getElementById("menuDropdown")) {
+document.addEventListener('DOMContentLoaded', () => {
+  if (!menuBtn || !document.getElementById('menuDropdown')) {
     return;
   }
   menuFlyout = new AccessibleFlyoutMenu();
 });
 
 if (hubMenuItem) {
-  hubMenuItem.addEventListener("click", (e) => {
+  hubMenuItem.addEventListener('click', (e) => {
     e.preventDefault();
     menuFlyout?.closeAllMenus();
     menuBtn?.focus();
-    window.open("https://hub.flockxr.com/", "_blank", "noopener,noreferrer");
+    window.open('https://hub.flockxr.com/', '_blank', 'noopener,noreferrer');
   });
 }
 
@@ -402,7 +398,7 @@ if (hubMenuItem) {
 
 // Open modal when About is clicked
 if (openAbout) {
-  openAbout.addEventListener("click", (e) => {
+  openAbout.addEventListener('click', (e) => {
     e.preventDefault();
     menuFlyout?.closeAllMenus();
     openInfoModal();
@@ -411,22 +407,22 @@ if (openAbout) {
 
 // Close modal on close button
 if (closeInfoModal) {
-  closeInfoModal.addEventListener("click", () => {
+  closeInfoModal.addEventListener('click', () => {
     hideInfoModal();
   });
 }
 
 // Handle keyboard events for modal
 if (infoModal) {
-  infoModal.addEventListener("keydown", (e) => {
-    if (e.key === "Escape") {
+  infoModal.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape') {
       e.preventDefault();
       e.stopPropagation();
       hideInfoModal();
-    } else if (e.key === "Tab") {
+    } else if (e.key === 'Tab') {
       // Trap focus within modal
       const focusableElements = infoModal.querySelectorAll(
-        'button, input, select, textarea, [href], [tabindex]:not([tabindex="-1"])',
+        'button, input, select, textarea, [href], [tabindex]:not([tabindex="-1"])'
       );
       const firstElement = focusableElements[0];
       const lastElement = focusableElements[focusableElements.length - 1];
@@ -441,7 +437,7 @@ if (infoModal) {
     }
   });
 
-  window.addEventListener("click", (e) => {
+  window.addEventListener('click', (e) => {
     if (e.target === infoModal) {
       hideInfoModal();
     }
diff --git a/main/themes.js b/main/themes.js
index 321acbc35..af6978ce6 100644
--- a/main/themes.js
+++ b/main/themes.js
@@ -1,4 +1,4 @@
-import * as Blockly from "blockly";
+import * as Blockly from 'blockly';
 import {
   updateAllBlockIcons,
   setCurrentIconColor,
@@ -6,7 +6,7 @@ import {
   clearLowVisionCategoryIcons,
   makeLowVisionCategoryIconDataUrl,
   preloadLowVisionCategoryIcons,
-} from "../blocks/blockIcons.js";
+} from '../blocks/blockIcons.js';
 
 export const categoryColours = {
   Events: 5,
@@ -17,110 +17,110 @@ export const categoryColours = {
   Sound: 25,
   Sensing: 180,
   Snippets: 200,
-  Control: "%{BKY_LOOPS_HUE}",
-  Logic: "%{BKY_LOGIC_HUE}",
-  Variables: "%{BKY_VARIABLES_HUE}",
-  Text: "%{BKY_TEXTS_HUE}",
-  Lists: "%{BKY_LISTS_HUE}",
-  Math: "%{BKY_MATH_HUE}",
-  Procedures: "%{BKY_PROCEDURES_HUE}",
+  Control: '%{BKY_LOOPS_HUE}',
+  Logic: '%{BKY_LOGIC_HUE}',
+  Variables: '%{BKY_VARIABLES_HUE}',
+  Text: '%{BKY_TEXTS_HUE}',
+  Lists: '%{BKY_LISTS_HUE}',
+  Math: '%{BKY_MATH_HUE}',
+  Procedures: '%{BKY_PROCEDURES_HUE}',
 };
 
 // Original AAA palette (Zishan Rahman)
 export const contrastCategoryColoursAAA = {
-  Events: "#734a4e",
-  Scene: "#0d5c00",
-  Transform: "#343ddb",
-  Animate: "#a71c4e",
-  Materials: "#7211b6",
-  Sound: "#ab0046",
-  Sensing: "#4e5a00",
-  Snippets: "#1c457f",
-  Control: "#970097",
-  Logic: "#0000ff",
-  Variables: "#002c2b",
-  Text: "#5545be",
-  Lists: "%{BKY_VARIABLES_HUE}",
-  Math: "#3f0000",
-  Procedures: "#8a24a5",
+  Events: '#734a4e',
+  Scene: '#0d5c00',
+  Transform: '#343ddb',
+  Animate: '#a71c4e',
+  Materials: '#7211b6',
+  Sound: '#ab0046',
+  Sensing: '#4e5a00',
+  Snippets: '#1c457f',
+  Control: '#970097',
+  Logic: '#0000ff',
+  Variables: '#002c2b',
+  Text: '#5545be',
+  Lists: '%{BKY_VARIABLES_HUE}',
+  Math: '#3f0000',
+  Procedures: '#8a24a5',
 };
 
 // Becky's AA palette (Rebecca Franks)
 export const contrastCategoryColoursAA = {
-  Events: "#913a34",
-  Scene: "#5e7b33",
-  Transform: "#77792e",
-  Animate: "#8b7234",
-  Materials: "#793298",
-  Sound: "#995f3a",
-  Sensing: "#2d787c",
-  Snippets: "#387091",
-  Control: "#308332",
-  Logic: "#0000ff",
-  Variables: "#963065",
-  Text: "#30826b",
-  Lists: "%{BKY_VARIABLES_HUE}",
-  Math: "#2e3987",
-  Procedures: "#83398f",
+  Events: '#913a34',
+  Scene: '#5e7b33',
+  Transform: '#77792e',
+  Animate: '#8b7234',
+  Materials: '#793298',
+  Sound: '#995f3a',
+  Sensing: '#2d787c',
+  Snippets: '#387091',
+  Control: '#308332',
+  Logic: '#0000ff',
+  Variables: '#963065',
+  Text: '#30826b',
+  Lists: '%{BKY_VARIABLES_HUE}',
+  Math: '#2e3987',
+  Procedures: '#83398f',
 };
 
 // Revised Becky's palette to also pass AAA tests (Rebecca Franks, Zishan Rahman)
 export const contrastCategoryColours = {
-  Events: "#913a34",
-  Scene: "#315f3a",
-  Transform: "#8b4700",
-  Animate: "#734a4e",
-  Materials: "#793298",
-  Sound: "#99303a",
-  Sensing: "#2d5896",
-  Snippets: "#385891",
-  Control: "#135f17",
-  Logic: "#18387b",
-  Variables: "#963065",
-  Text: "#5545be",
-  Lists: "%{BKY_VARIABLES_HUE}",
-  Math: "#2e3987",
-  Procedures: "#83398f",
+  Events: '#913a34',
+  Scene: '#315f3a',
+  Transform: '#8b4700',
+  Animate: '#734a4e',
+  Materials: '#793298',
+  Sound: '#99303a',
+  Sensing: '#2d5896',
+  Snippets: '#385891',
+  Control: '#135f17',
+  Logic: '#18387b',
+  Variables: '#963065',
+  Text: '#5545be',
+  Lists: '%{BKY_VARIABLES_HUE}',
+  Math: '#2e3987',
+  Procedures: '#83398f',
 };
 
-const LOW_VISION_THEME = "low-vision";
+const LOW_VISION_THEME = 'low-vision';
 let lowVisionIconListenerRegistered = false;
 const LOW_VISION_TOOLBOX_ACCENTS = {
-  "events.svg": "events_blocks",
-  "scene.svg": "scene_blocks",
-  "meshes.svg": "scene_meshes_blocks",
-  "xr.svg": "scene_xr_blocks",
-  "lights.svg": "scene_lights_blocks",
-  "camera.svg": "scene_camera_blocks",
-  "motion.svg": "transform_blocks",
-  "physics.svg": "transform_physics_blocks",
-  "connect.svg": "transform_connect_blocks",
-  "combine.svg": "transform_combine_blocks",
-  "animate.svg": "animate_blocks",
-  "keyframe.svg": "animate_keyframe_blocks",
-  "looks.svg": "materials_blocks",
-  "sound.svg": "sound_blocks",
-  "sensing.svg": "sensing_blocks",
-  "snippets.svg": "snippets_blocks",
-  "arrows.svg": "snippets_arrows_blocks",
-  "control.svg": "control_blocks",
-  "conditions.svg": "logic_blocks",
-  "variables.svg": "variable_blocks",
-  "data.svg": "variable_blocks",
-  "text.svg": "text_blocks",
-  "lists.svg": "list_blocks",
-  "math.svg": "math_blocks",
-  "functions.svg": "procedure_blocks",
+  'events.svg': 'events_blocks',
+  'scene.svg': 'scene_blocks',
+  'meshes.svg': 'scene_meshes_blocks',
+  'xr.svg': 'scene_xr_blocks',
+  'lights.svg': 'scene_lights_blocks',
+  'camera.svg': 'scene_camera_blocks',
+  'motion.svg': 'transform_blocks',
+  'physics.svg': 'transform_physics_blocks',
+  'connect.svg': 'transform_connect_blocks',
+  'combine.svg': 'transform_combine_blocks',
+  'animate.svg': 'animate_blocks',
+  'keyframe.svg': 'animate_keyframe_blocks',
+  'looks.svg': 'materials_blocks',
+  'sound.svg': 'sound_blocks',
+  'sensing.svg': 'sensing_blocks',
+  'snippets.svg': 'snippets_blocks',
+  'arrows.svg': 'snippets_arrows_blocks',
+  'control.svg': 'control_blocks',
+  'conditions.svg': 'logic_blocks',
+  'variables.svg': 'variable_blocks',
+  'data.svg': 'variable_blocks',
+  'text.svg': 'text_blocks',
+  'lists.svg': 'list_blocks',
+  'math.svg': 'math_blocks',
+  'functions.svg': 'procedure_blocks',
 };
 
 function getLowVisionToolboxStyleNameFromSrc(src) {
-  const lowerSrc = (src || "").toLowerCase();
-  if (!lowerSrc || lowerSrc.startsWith("data:")) return "";
+  const lowerSrc = (src || '').toLowerCase();
+  if (!lowerSrc || lowerSrc.startsWith('data:')) return '';
 
-  let directIconName = (lowerSrc.split("/").pop() || "").split("?")[0].split("#")[0];
+  let directIconName = (lowerSrc.split('/').pop() || '').split('?')[0].split('#')[0];
   try {
     const parsed = new URL(lowerSrc, window.location.href);
-    directIconName = (parsed.pathname.split("/").pop() || directIconName).toLowerCase();
+    directIconName = (parsed.pathname.split('/').pop() || directIconName).toLowerCase();
   } catch {
     // Keep fallback parsing above.
   }
@@ -130,7 +130,7 @@ function getLowVisionToolboxStyleNameFromSrc(src) {
   }
 
   for (const [iconName, styleName] of Object.entries(LOW_VISION_TOOLBOX_ACCENTS)) {
-    const stem = iconName.replace(".svg", "");
+    const stem = iconName.replace('.svg', '');
     if (
       lowerSrc.includes(`/${iconName}`) ||
       lowerSrc.includes(`/${stem}-`) ||
@@ -140,16 +140,15 @@ function getLowVisionToolboxStyleNameFromSrc(src) {
       return styleName;
     }
   }
-  return "";
+  return '';
 }
 
 function ensureLowVisionIconListener(workspace) {
   if (lowVisionIconListenerRegistered || !workspace) return;
   workspace.addChangeListener((event) => {
-    if (document.body.getAttribute("data-theme") === LOW_VISION_THEME) {
+    if (document.body.getAttribute('data-theme') === LOW_VISION_THEME) {
       const isToolboxCategorySwitch =
-        event?.type === Blockly.Events.TOOLBOX_ITEM_SELECT ||
-        event?.type === "toolbox_item_select";
+        event?.type === Blockly.Events.TOOLBOX_ITEM_SELECT || event?.type === 'toolbox_item_select';
       applyLowVisionDecorations(workspace, {
         hideFlyoutWhileApplying: isToolboxCategorySwitch,
         preload: false,
@@ -160,29 +159,28 @@ function ensureLowVisionIconListener(workspace) {
 }
 
 function applyLowVisionToolboxAccents() {
-  if (document.body.getAttribute("data-theme") !== LOW_VISION_THEME) return;
-  const rows = document.querySelectorAll(".blocklyToolboxCategory");
+  if (document.body.getAttribute('data-theme') !== LOW_VISION_THEME) return;
+  const rows = document.querySelectorAll('.blocklyToolboxCategory');
   for (const row of rows) {
-    const icons = row.querySelectorAll("img");
+    const icons = row.querySelectorAll('img');
     for (const icon of icons) {
-      const src = icon.dataset.lvOrigSrc || icon.getAttribute("src") || "";
-      const styleName =
-        icon.dataset.lvStyleName || getLowVisionToolboxStyleNameFromSrc(src);
+      const src = icon.dataset.lvOrigSrc || icon.getAttribute('src') || '';
+      const styleName = icon.dataset.lvStyleName || getLowVisionToolboxStyleNameFromSrc(src);
       if (!styleName) continue;
       if (!icon.dataset.lvOrigSrc) {
         icon.dataset.lvOrigSrc = src;
       }
       icon.dataset.lvStyleName = styleName;
-      icon.setAttribute("src", makeLowVisionCategoryIconDataUrl(styleName));
+      icon.setAttribute('src', makeLowVisionCategoryIconDataUrl(styleName));
     }
   }
 }
 
 function clearLowVisionToolboxAccents() {
-  const icons = document.querySelectorAll(".blocklyToolboxCategory img");
+  const icons = document.querySelectorAll('.blocklyToolboxCategory img');
   for (const icon of icons) {
     if (icon.dataset.lvOrigSrc) {
-      icon.setAttribute("src", icon.dataset.lvOrigSrc);
+      icon.setAttribute('src', icon.dataset.lvOrigSrc);
       delete icon.dataset.lvOrigSrc;
       delete icon.dataset.lvStyleName;
     }
@@ -193,18 +191,18 @@ function setLowVisionFlyoutLoadingVisibility(workspace, isLoading) {
   const flyoutWorkspace = workspace?.getFlyout?.()?.getWorkspace?.();
   const flyoutSvg = flyoutWorkspace?.getParentSvg?.();
   if (!flyoutSvg) return;
-  flyoutSvg.style.visibility = isLoading ? "hidden" : "";
+  flyoutSvg.style.visibility = isLoading ? 'hidden' : '';
 }
 
 function reflowLowVisionFlyout(workspace) {
   const flyout = workspace?.getFlyout?.();
-  if (!flyout || typeof flyout.reflow !== "function") return;
+  if (!flyout || typeof flyout.reflow !== 'function') return;
   flyout.reflow();
 }
 
 function applyLowVisionDecorations(
   workspace,
-  { hideFlyoutWhileApplying = false, preload = false } = {},
+  { hideFlyoutWhileApplying = false, preload = false } = {}
 ) {
   if (!workspace) return;
   if (hideFlyoutWhileApplying) {
@@ -234,57 +232,57 @@ function applyLowVisionDecorations(
 }
 
 function setLogos(themeName) {
-  const bird = document.getElementById("logo");
-  const inlineLogo = document.getElementById("flocklogo");
+  const bird = document.getElementById('logo');
+  const inlineLogo = document.getElementById('flocklogo');
   if (!bird || !inlineLogo) return;
   switch (themeName) {
-    case "dark-contrast":
-    case "low-vision":
-      inlineLogo.src = "./images/inline-flock-xr-dark1.svg";
-      bird.src = "./images/flock-bird-mascot-2colours-dark1.svg";
+    case 'dark-contrast':
+    case 'low-vision':
+      inlineLogo.src = './images/inline-flock-xr-dark1.svg';
+      bird.src = './images/flock-bird-mascot-2colours-dark1.svg';
       break;
 
-    case "dark":
-      inlineLogo.src = "./images/inline-flock-xr-dark2.svg";
-      bird.src = "./images/flock-bird-mascot-2colours-dark2.svg";
+    case 'dark':
+      inlineLogo.src = './images/inline-flock-xr-dark2.svg';
+      bird.src = './images/flock-bird-mascot-2colours-dark2.svg';
       break;
 
-    case "contrast":
-      inlineLogo.src = "./images/inline-flock-xr-white.svg";
-      bird.src = "./images/flock-bird-mascot-2colours.svg";
+    case 'contrast':
+      inlineLogo.src = './images/inline-flock-xr-white.svg';
+      bird.src = './images/flock-bird-mascot-2colours.svg';
       break;
 
     default:
-      inlineLogo.src = "./images/inline-flock-xr.svg";
-      bird.src = "./images/flock-bird-mascot.svg";
+      inlineLogo.src = './images/inline-flock-xr.svg';
+      bird.src = './images/flock-bird-mascot.svg';
       break;
   }
 }
 
 function setIconImage(htmlCollectionIcons, imageURL) {
   for (const icon of htmlCollectionIcons) {
-    for (const image of icon.getElementsByTagName("image")) {
-      image.setAttribute("xlink:href", imageURL);
+    for (const image of icon.getElementsByTagName('image')) {
+      image.setAttribute('xlink:href', imageURL);
     }
   }
 }
 
 function getBlocklyMediaPath() {
-  let baseUrl = import.meta.env.BASE_URL || "/";
-  if (!baseUrl.endsWith("/")) baseUrl += "/";
+  let baseUrl = import.meta.env.BASE_URL || '/';
+  if (!baseUrl.endsWith('/')) baseUrl += '/';
   return `${baseUrl}blockly/media/`;
 }
 
 function setBinAndZoomIcons(themeName) {
-  const binIcon = document.getElementsByClassName("blocklyTrash");
-  const zoomIcons = document.getElementsByClassName("blocklyZoom");
+  const binIcon = document.getElementsByClassName('blocklyTrash');
+  const zoomIcons = document.getElementsByClassName('blocklyZoom');
 
-  if (themeName === "contrast") {
-    const iconsURL = "./images/blocklywhitesprites.svg";
+  if (themeName === 'contrast') {
+    const iconsURL = './images/blocklywhitesprites.svg';
     setIconImage(binIcon, iconsURL);
     setIconImage(zoomIcons, iconsURL);
   } else {
-    const iconsURL = getBlocklyMediaPath() + "sprites.svg";
+    const iconsURL = getBlocklyMediaPath() + 'sprites.svg';
     setIconImage(binIcon, iconsURL);
     setIconImage(zoomIcons, iconsURL);
   }
@@ -292,20 +290,20 @@ function setBinAndZoomIcons(themeName) {
 
 export function getIconColorForTheme(themeName) {
   switch (themeName) {
-    case "light":
-    case "dark":
-      return "black";
-    case "contrast":
-    case "dark-contrast":
-    case "low-vision":
+    case 'light':
+    case 'dark':
+      return 'black';
+    case 'contrast':
+    case 'dark-contrast':
+    case 'low-vision':
     default:
-      return "white";
+      return 'white';
   }
 }
 
 // Function to call when switching themes
 function switchTheme(themeName) {
-  document.body.setAttribute("data-theme", themeName);
+  document.body.setAttribute('data-theme', themeName);
 
   const workspace = Blockly.getMainWorkspace();
 
@@ -336,7 +334,7 @@ function switchTheme(themeName) {
       themeConfig.name,
       themeConfig.blockStyles,
       themeConfig.categoryStyles,
-      themeConfig.componentStyles,
+      themeConfig.componentStyles
     );
     workspace.setTheme(blocklyTheme);
   }
@@ -358,14 +356,13 @@ function switchTheme(themeName) {
   }
 
   // Optional: Save theme preference
-  localStorage.setItem("blocklyTheme", themeName);
+  localStorage.setItem('blocklyTheme', themeName);
 }
 
 // Create theme configuration for all themes
 export function createThemeConfig(themeName) {
   const baseStyles = getThemeBaseStyles(themeName);
-  const listBlockStyle =
-    themeName === LOW_VISION_THEME ? baseStyles.lists : baseStyles.variables;
+  const listBlockStyle = themeName === LOW_VISION_THEME ? baseStyles.lists : baseStyles.variables;
 
   return {
     name: themeName,
@@ -445,11 +442,11 @@ function getThemeBaseStyles(themeName) {
       // For light theme, use consistent structure with colourPrimary
       events: {
         colourPrimary: categoryColours.Events || 20,
-        colourText: "#000000",
+        colourText: '#000000',
       },
       scene: {
         colourPrimary: categoryColours.Scene || 160,
-        colourText: "#000000",
+        colourText: '#000000',
       },
       transform: {
         colourPrimary: categoryColours.Transform || 210,
@@ -483,14 +480,14 @@ function getThemeBaseStyles(themeName) {
         colourPrimary: categoryColours.Procedures || 290,
       },
       components: {
-        workspaceBackgroundColour: "#f9f9f9",
-        toolboxBackgroundColour: "#fff",
-        toolboxForegroundColour: "#444",
-        flyoutBackgroundColour: "#f9f9f9",
-        flyoutForegroundColour: "#444",
+        workspaceBackgroundColour: '#f9f9f9',
+        toolboxBackgroundColour: '#fff',
+        toolboxForegroundColour: '#444',
+        flyoutBackgroundColour: '#f9f9f9',
+        flyoutForegroundColour: '#444',
         flyoutOpacity: 1,
-        scrollbarColour: "#797979",
-        insertionMarkerColour: "#000",
+        scrollbarColour: '#797979',
+        insertionMarkerColour: '#000',
         insertionMarkerOpacity: 0.3,
       },
     },
@@ -530,19 +527,19 @@ function getThemeBaseStyles(themeName) {
         colourPrimary: categoryColours.Procedures || 290,
       },
       components: {
-        workspaceBackgroundColour: "#1e1e1e",
-        toolboxBackgroundColour: "#333",
-        toolboxForegroundColour: "#fff",
-        flyoutBackgroundColour: "#252526",
-        flyoutForegroundColour: "#ccc",
+        workspaceBackgroundColour: '#1e1e1e',
+        toolboxBackgroundColour: '#333',
+        toolboxForegroundColour: '#fff',
+        flyoutBackgroundColour: '#252526',
+        flyoutForegroundColour: '#ccc',
         flyoutOpacity: 0.95,
-        scrollbarColour: "#797979",
-        insertionMarkerColour: "#fff",
+        scrollbarColour: '#797979',
+        insertionMarkerColour: '#fff',
         insertionMarkerOpacity: 0.3,
-        markerColour: "#fff",
-        cursorColour: "#d0d0d0",
-        fieldColour: "#1e1e1e",
-        fieldTextColour: "#000000",
+        markerColour: '#fff',
+        cursorColour: '#d0d0d0',
+        fieldColour: '#1e1e1e',
+        fieldTextColour: '#000000',
       },
     },
     contrast: {
@@ -563,20 +560,20 @@ function getThemeBaseStyles(themeName) {
       math: { colourPrimary: contrastCategoryColours.Math },
       procedures: { colourPrimary: contrastCategoryColours.Procedures },
       components: {
-        workspaceBackgroundColour: "#FFFFFF",
-        toolboxBackgroundColour: "#000000",
-        toolboxForegroundColour: "#FFFFFF",
-        flyoutBackgroundColour: "#F0F0F0",
-        flyoutForegroundColour: "#000000",
+        workspaceBackgroundColour: '#FFFFFF',
+        toolboxBackgroundColour: '#000000',
+        toolboxForegroundColour: '#FFFFFF',
+        flyoutBackgroundColour: '#F0F0F0',
+        flyoutForegroundColour: '#000000',
         flyoutOpacity: 1,
-        scrollbarColour: "#000000",
-        insertionMarkerColour: "#FFFFFF",
+        scrollbarColour: '#000000',
+        insertionMarkerColour: '#FFFFFF',
         insertionMarkerOpacity: 0.3,
-        markerColour: "#FF0000",
-        cursorColour: "#FF0000",
+        markerColour: '#FF0000',
+        cursorColour: '#FF0000',
       },
     },
-    "dark-contrast": {
+    'dark-contrast': {
       // High contrast dark theme now uses the same block colors as default light theme
       events: { colourPrimary: contrastCategoryColours.Events },
       scene: { colourPrimary: contrastCategoryColours.Scene },
@@ -594,109 +591,109 @@ function getThemeBaseStyles(themeName) {
       math: { colourPrimary: contrastCategoryColours.Math },
       procedures: { colourPrimary: contrastCategoryColours.Procedures },
       components: {
-        workspaceBackgroundColour: "#FFFFFF",
-        toolboxBackgroundColour: "#000000",
-        toolboxForegroundColour: "#FFFFFF",
-        flyoutBackgroundColour: "#F0F0F0",
-        flyoutForegroundColour: "#000000",
+        workspaceBackgroundColour: '#FFFFFF',
+        toolboxBackgroundColour: '#000000',
+        toolboxForegroundColour: '#FFFFFF',
+        flyoutBackgroundColour: '#F0F0F0',
+        flyoutForegroundColour: '#000000',
         flyoutOpacity: 1,
-        scrollbarColour: "#000000",
-        insertionMarkerColour: "#FFFFFF",
+        scrollbarColour: '#000000',
+        insertionMarkerColour: '#FFFFFF',
         insertionMarkerOpacity: 0.3,
-        markerColour: "#FF0000",
-        cursorColour: "#FF0000",
+        markerColour: '#FF0000',
+        cursorColour: '#FF0000',
       },
     },
-    "low-vision": {
+    'low-vision': {
       events: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       scene: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       transform: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       animate: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       materials: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       sound: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       sensing: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       snippets: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       control: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       logic: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       variables: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       text: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       lists: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       math: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       procedures: {
-        colourPrimary: "#1E1E1E",
-        colourSecondary: "#1E1E1E",
-        colourText: "#F0F0F0",
+        colourPrimary: '#1E1E1E',
+        colourSecondary: '#1E1E1E',
+        colourText: '#F0F0F0',
       },
       components: {
-        workspaceBackgroundColour: "#d8d8d8",
-        toolboxBackgroundColour: "#1E1E1E",
-        toolboxForegroundColour: "#F0F0F0",
-        flyoutBackgroundColour: "#3A3A3A",
-        flyoutForegroundColour: "#CFCFCF",
+        workspaceBackgroundColour: '#d8d8d8',
+        toolboxBackgroundColour: '#1E1E1E',
+        toolboxForegroundColour: '#F0F0F0',
+        flyoutBackgroundColour: '#3A3A3A',
+        flyoutForegroundColour: '#CFCFCF',
         flyoutOpacity: 1,
-        scrollbarColour: "#E0E0E0",
-        insertionMarkerColour: "#000000",
+        scrollbarColour: '#E0E0E0',
+        insertionMarkerColour: '#000000',
         insertionMarkerOpacity: 0.3,
-        markerColour: "#E0E0E0",
-        cursorColour: "#E0E0E0",
-        fieldColour: "#1E1E1E",
-        fieldTextColour: "#000000",
+        markerColour: '#E0E0E0',
+        cursorColour: '#E0E0E0',
+        fieldColour: '#1E1E1E',
+        fieldTextColour: '#000000',
       },
     },
   };
@@ -706,22 +703,22 @@ function getThemeBaseStyles(themeName) {
 
 // Update visual indicator of active theme
 function updateActiveTheme(themeName) {
-  const themeLinks = document.querySelectorAll("[data-theme-target]");
+  const themeLinks = document.querySelectorAll('[data-theme-target]');
   themeLinks.forEach((link) => {
-    link.classList.remove("active-theme");
+    link.classList.remove('active-theme');
     if (link.dataset.themeTarget === themeName) {
-      link.classList.add("active-theme");
+      link.classList.add('active-theme');
     }
   });
 }
 
 // Initialize theme on page load
 export function initializeTheme() {
-  const themeLinks = document.querySelectorAll("[data-theme-target]");
-  let currentTheme = "light"; // Default to light
+  const themeLinks = document.querySelectorAll('[data-theme-target]');
+  let currentTheme = 'light'; // Default to light
 
   themeLinks.forEach((link) => {
-    link.addEventListener("click", (e) => {
+    link.addEventListener('click', (e) => {
       e.preventDefault();
       const newTheme = link.dataset.themeTarget;
 
@@ -734,7 +731,7 @@ export function initializeTheme() {
   });
 
   // Load saved theme or default to light
-  const savedTheme = localStorage.getItem("blocklyTheme") || "light";
+  const savedTheme = localStorage.getItem('blocklyTheme') || 'light';
   switchTheme(savedTheme);
   updateActiveTheme(savedTheme);
   currentTheme = savedTheme;
@@ -743,7 +740,7 @@ export function initializeTheme() {
 // Register category styles with Blockly before workspace creation
 function registerCategoryStyles() {
   // Use light theme as default for initial registration
-  const lightStyles = getThemeBaseStyles("light");
+  const lightStyles = getThemeBaseStyles('light');
 
   const categoryStyles = {
     events_category: { colour: lightStyles.events.colourPrimary },
@@ -777,10 +774,10 @@ function registerCategoryStyles() {
   Object.entries(categoryStyles).forEach(([styleName, styleConfig]) => {
     try {
       // Just register directly without checking if it exists
-      Blockly.registry.register("categoryStyles", styleName, styleConfig);
+      Blockly.registry.register('categoryStyles', styleName, styleConfig);
     } catch (error) {
       // Only warn if it's not an "already exists" error
-      if (!error.message.includes("already registered")) {
+      if (!error.message.includes('already registered')) {
         console.warn(`Failed to register category style ${styleName}:`, error);
       }
     }
diff --git a/main/translation.js b/main/translation.js
index fedb81b01..1520f2b60 100644
--- a/main/translation.js
+++ b/main/translation.js
@@ -1,11 +1,11 @@
 // Translation module for Flock XR
 // Currently supports English and Spanish
-import * as Blockly from "blockly";
+import * as Blockly from 'blockly';
 
-import * as en from "blockly/msg/en";
-import enLocale from "../locale/en.js";
-import * as es from "blockly/msg/es";
-import esLocale from "../locale/es.js";
+import * as en from 'blockly/msg/en';
+import enLocale from '../locale/en.js';
+import * as es from 'blockly/msg/es';
+import esLocale from '../locale/es.js';
 
 /*
 // Add when human translations are available
@@ -43,11 +43,11 @@ export function getDropdownOption(key) {
   return [getOption(key), key];
 }
 
-let currentLanguage = "en";
+let currentLanguage = 'en';
 
 // Save language preference to localStorage
 function saveLanguagePreference(language) {
-  localStorage.setItem("flock-language", language);
+  localStorage.setItem('flock-language', language);
 }
 
 function cacheOriginalMessages() {
@@ -63,21 +63,21 @@ function cacheOriginalMessages() {
 function applyContextMenuShortcutTranslations() {
   // Ensure copy/paste/cut shortcuts use localized labels even when Blockly's
   // built-in locale packs leave them untranslated.
-  Blockly.Msg["COPY_SHORTCUT"] = translate("context_copy_option");
-  Blockly.Msg["PASTE_SHORTCUT"] = translate("context_paste_option");
-  Blockly.Msg["CUT_SHORTCUT"] = translate("context_cut_option");
+  Blockly.Msg['COPY_SHORTCUT'] = translate('context_copy_option');
+  Blockly.Msg['PASTE_SHORTCUT'] = translate('context_paste_option');
+  Blockly.Msg['CUT_SHORTCUT'] = translate('context_cut_option');
 
   // Normalize the delete label to a single localized string without block counts.
-  Blockly.Msg["DELETE_BLOCK"] = translate("context_delete_option");
-  Blockly.Msg["DELETE_X_BLOCKS"] = translate("context_delete_option");
+  Blockly.Msg['DELETE_BLOCK'] = translate('context_delete_option');
+  Blockly.Msg['DELETE_X_BLOCKS'] = translate('context_delete_option');
 
-  Blockly.Msg["INLINE_INPUTS"] = translate("context_inline_inputs_option");
-  Blockly.Msg["EXTERNAL_INPUTS"] = translate("context_external_inputs_option");
+  Blockly.Msg['INLINE_INPUTS'] = translate('context_inline_inputs_option');
+  Blockly.Msg['EXTERNAL_INPUTS'] = translate('context_external_inputs_option');
 
-  Blockly.Msg["COLLAPSE_BLOCK"] = translate("context_collapse_option");
-  Blockly.Msg["EXPAND_BLOCK"] = translate("context_expand_option");
-  Blockly.Msg["DISABLE_BLOCK"] = translate("context_disable_option");
-  Blockly.Msg["ENABLE_BLOCK"] = translate("context_enable_option");
+  Blockly.Msg['COLLAPSE_BLOCK'] = translate('context_collapse_option');
+  Blockly.Msg['EXPAND_BLOCK'] = translate('context_expand_option');
+  Blockly.Msg['DISABLE_BLOCK'] = translate('context_disable_option');
+  Blockly.Msg['ENABLE_BLOCK'] = translate('context_enable_option');
 }
 
 export async function setLanguage(language) {
@@ -87,10 +87,10 @@ export async function setLanguage(language) {
   currentLanguage = language;
   saveLanguagePreference(language);
 
-  if (language === "es") {
+  if (language === 'es') {
     // Apply Blockly's Spanish translations
     Object.keys(es).forEach((key) => {
-      if (typeof es[key] === "string") {
+      if (typeof es[key] === 'string') {
         Blockly.Msg[key] = es[key];
       }
     });
@@ -120,11 +120,11 @@ export async function setLanguage(language) {
   }
 
   // Update workspace search placeholder and toolbar button
-  window.flockWorkspaceSearch?.setSearchPlaceholder?.(translate("workspace_search_placeholder"));
-  const wsSearchBtn = document.getElementById("workspaceSearchBtn");
+  window.flockWorkspaceSearch?.setSearchPlaceholder?.(translate('workspace_search_placeholder'));
+  const wsSearchBtn = document.getElementById('workspaceSearchBtn');
   if (wsSearchBtn) {
-    const label = translate("workspace_search_placeholder");
-    wsSearchBtn.setAttribute("aria-label", label);
+    const label = translate('workspace_search_placeholder');
+    wsSearchBtn.setAttribute('aria-label', label);
     wsSearchBtn.title = label;
   }
 
@@ -145,12 +145,12 @@ export async function setLanguage(language) {
       }
     };
 
-    const toolboxElement = document.getElementById("toolbox");
+    const toolboxElement = document.getElementById('toolbox');
     if (toolboxElement) {
       workspace.updateToolbox(toolboxElement);
     } else {
       // If no toolbox element, try importing the toolbox configuration
-      import("../toolbox.js").then(({ toolbox }) => {
+      import('../toolbox.js').then(({ toolbox }) => {
         workspace.updateToolbox(toolbox);
         rebuildSearchIndex();
       });
@@ -185,9 +185,7 @@ export function getCurrentLanguage() {
 
 export function translate(key) {
   // Return translated text for the current language, fallback to key if not found
-  return (
-    translations[currentLanguage]?.[key] || translations["en"]?.[key] || key
-  );
+  return translations[currentLanguage]?.[key] || translations['en']?.[key] || key;
 }
 
 // Helper function to get a Blockly message with fallback
@@ -196,8 +194,8 @@ export function getBlocklyMessage(key) {
 }
 
 const keywordHintLabels = {
-  en: "Keyword",
-  es: "Palabra clave",
+  en: 'Keyword',
+  es: 'Palabra clave',
 };
 
 function getTooltipKeywordLabel() {
@@ -209,18 +207,17 @@ function tooltipHasKeywordHint(tooltip) {
 }
 
 function findToolboxKeyword(blockType) {
-  const workspace =
-    globalThis.window?.mainWorkspace || Blockly.getMainWorkspace();
+  const workspace = globalThis.window?.mainWorkspace || Blockly.getMainWorkspace();
   const languageTree = workspace?.options?.languageTree;
 
   function searchContents(contents) {
     if (!Array.isArray(contents)) {
-      return "";
+      return '';
     }
 
     for (const item of contents) {
-      if (item?.kind === "block" && item.type === blockType) {
-        return item.keyword || "";
+      if (item?.kind === 'block' && item.type === blockType) {
+        return item.keyword || '';
       }
 
       const nestedKeyword = searchContents(item?.contents);
@@ -229,7 +226,7 @@ function findToolboxKeyword(blockType) {
       }
     }
 
-    return "";
+    return '';
   }
 
   return searchContents(languageTree?.contents);
@@ -238,11 +235,9 @@ function findToolboxKeyword(blockType) {
 // Helper function to get translated tooltips
 export function getTooltip(blockType) {
   return () => {
-    const tooltipKey = blockType + "_tooltip";
+    const tooltipKey = blockType + '_tooltip';
     const translatedTooltip =
-      translations[currentLanguage]?.[tooltipKey] ||
-      translations["en"]?.[tooltipKey] ||
-      "";
+      translations[currentLanguage]?.[tooltipKey] || translations['en']?.[tooltipKey] || '';
     const keyword = findToolboxKeyword(blockType);
 
     if (!keyword || tooltipHasKeywordHint(translatedTooltip)) {
@@ -250,58 +245,48 @@ export function getTooltip(blockType) {
     }
 
     const keywordHint = `${getTooltipKeywordLabel()}: ${keyword}`;
-    return translatedTooltip
-      ? `${translatedTooltip}\n${keywordHint}`
-      : keywordHint;
+    return translatedTooltip ? `${translatedTooltip}\n${keywordHint}` : keywordHint;
   };
 }
 
 // Helper function to get translated snippet options
 export function getSnippetOption(blockType) {
-  const snippetKey = blockType + "_snippet";
-  return (
-    translations[currentLanguage]?.[snippetKey] ||
-    translations["en"]?.[snippetKey] ||
-    ""
-  );
+  const snippetKey = blockType + '_snippet';
+  return translations[currentLanguage]?.[snippetKey] || translations['en']?.[snippetKey] || '';
 }
 
 // Helper function to get translated dropdown options
 export function getOption(key) {
   const optionKey =
-    key == " "
-      ? "space_option"
-      : key == ","
-        ? "comma_option"
-        : key == "."
-          ? "dot_option"
-          : key == "/"
-            ? "slash_option"
-            : (/^\d$/.test(key[0]) ? "_" : "") +
-              key.replace(".", "_").replace("-", "_").replace("/", "_") +
-              "_option";
-  return (
-    translations[currentLanguage]?.[optionKey] ||
-    translations["en"]?.[optionKey] ||
-    key
-  );
+    key == ' '
+      ? 'space_option'
+      : key == ','
+        ? 'comma_option'
+        : key == '.'
+          ? 'dot_option'
+          : key == '/'
+            ? 'slash_option'
+            : (/^\d$/.test(key[0]) ? '_' : '') +
+              key.replace('.', '_').replace('-', '_').replace('/', '_') +
+              '_option';
+  return translations[currentLanguage]?.[optionKey] || translations['en']?.[optionKey] || key;
 }
 
 export function applyTranslations() {
-  document.querySelectorAll("[data-i18n]").forEach((el) => {
-    const key = el.dataset.i18n + "_ui";
+  document.querySelectorAll('[data-i18n]').forEach((el) => {
+    const key = el.dataset.i18n + '_ui';
     const translation = translate(key) || key;
 
     if (el.dataset.i18nAttrs) {
       el.dataset.i18nAttrs
-        .split(",")
+        .split(',')
         .map((attr) => attr.trim())
         .filter(Boolean)
         .forEach((attr) => el.setAttribute(attr, translation));
     }
 
     const hasOnlyTextOrStrongChildren = Array.from(el.childNodes).every(
-      (node) => node.nodeType === Node.TEXT_NODE || node.nodeName === "STRONG",
+      (node) => node.nodeType === Node.TEXT_NODE || node.nodeName === 'STRONG'
     );
 
     if (hasOnlyTextOrStrongChildren) {
@@ -310,22 +295,22 @@ export function applyTranslations() {
       return;
     }
 
-    if (el.hasAttribute("title")) {
+    if (el.hasAttribute('title')) {
       el.title = translation;
     }
-    if (el.hasAttribute("aria-label")) {
-      el.setAttribute("aria-label", translation);
+    if (el.hasAttribute('aria-label')) {
+      el.setAttribute('aria-label', translation);
     }
-    if (el.hasAttribute("placeholder")) {
-      el.setAttribute("placeholder", translation);
+    if (el.hasAttribute('placeholder')) {
+      el.setAttribute('placeholder', translation);
     }
   });
 
   // Let dynamically-built content (e.g. the demo tiles) re-localise itself
   // after every language change / initial pass.
-  document.dispatchEvent(new CustomEvent("translationsapplied"));
+  document.dispatchEvent(new CustomEvent('translationsapplied'));
 }
-document.addEventListener("DOMContentLoaded", () => applyTranslations());
+document.addEventListener('DOMContentLoaded', () => applyTranslations());
 
 // Function to update custom block translations
 export function updateCustomBlockTranslations() {
@@ -348,24 +333,19 @@ export function updateToolboxTranslations() {
   // But we need to refresh the toolbox to pick up new translations
   const workspace = Blockly.getMainWorkspace();
   if (workspace && workspace.getToolbox()) {
-    const toolboxElement = document.getElementById("toolbox");
+    const toolboxElement = document.getElementById('toolbox');
     if (toolboxElement) {
       workspace.updateToolbox(toolboxElement);
     } else {
       // If no toolbox element, try importing the toolbox configuration
-      import("../toolbox.js").then(({ toolbox }) => {
+      import('../toolbox.js').then(({ toolbox }) => {
         workspace.updateToolbox(toolbox);
       });
     }
   }
 }
 
-function getSubmenuInitializationElements({
-  itemId,
-  submenuId,
-  optionSelector,
-  warningMessage,
-}) {
+function getSubmenuInitializationElements({ itemId, submenuId, optionSelector, warningMessage }) {
   const menuItem = document.getElementById(itemId);
   const submenu = document.getElementById(submenuId);
 
@@ -386,10 +366,10 @@ function getSubmenuInitializationElements({
 // Initialize language menu functionality
 export function initializeLanguageMenu() {
   const languageMenu = getSubmenuInitializationElements({
-    itemId: "language-menu-item",
-    submenuId: "language-submenu",
-    optionSelector: "a[data-lang]",
-    warningMessage: "Language menu elements not found",
+    itemId: 'language-menu-item',
+    submenuId: 'language-submenu',
+    optionSelector: 'a[data-lang]',
+    warningMessage: 'Language menu elements not found',
   });
 
   if (!languageMenu) {
@@ -403,48 +383,48 @@ export function initializeLanguageMenu() {
   } = languageMenu;
 
   // Show/hide language submenu
-  languageMenuItem.addEventListener("mouseenter", () => {
+  languageMenuItem.addEventListener('mouseenter', () => {
     languageSubmenu.hidden = false;
   });
 
-  languageMenuItem.addEventListener("mouseleave", () => {
+  languageMenuItem.addEventListener('mouseleave', () => {
     setTimeout(() => {
-      if (!languageSubmenu.matches(":hover")) {
+      if (!languageSubmenu.matches(':hover')) {
         languageSubmenu.hidden = true;
       }
     }, 100);
   });
 
-  languageSubmenu.addEventListener("mouseleave", () => {
+  languageSubmenu.addEventListener('mouseleave', () => {
     languageSubmenu.hidden = true;
   });
 
   // Handle language selection
   languageOptions.forEach((option) => {
-    option.addEventListener("click", (e) => {
+    option.addEventListener('click', (e) => {
       e.preventDefault();
-      const selectedLang = e.target.getAttribute("data-lang");
+      const selectedLang = e.target.getAttribute('data-lang');
 
       // Call the setLanguage function
       setLanguage(selectedLang);
 
       // Close menus
       languageSubmenu.hidden = true;
-      const menuDropdown = document.getElementById("menuDropdown");
+      const menuDropdown = document.getElementById('menuDropdown');
       if (menuDropdown) {
-        menuDropdown.classList.add("hidden");
+        menuDropdown.classList.add('hidden');
       }
-      const menuBtn = document.getElementById("menuBtn");
+      const menuBtn = document.getElementById('menuBtn');
       if (menuBtn) {
-        menuBtn.setAttribute("aria-expanded", "false");
+        menuBtn.setAttribute('aria-expanded', 'false');
       }
     });
-  });  
+  });
 }
 
 // Initialize saved language on startup
 export async function initializeSavedLanguage() {
-  const savedLanguage = localStorage.getItem("flock-language");
+  const savedLanguage = localStorage.getItem('flock-language');
   if (savedLanguage && translations[savedLanguage]) {
     await setLanguage(savedLanguage);
   } else {
diff --git a/main/view.js b/main/view.js
index 147dc45fc..a3ab40b44 100644
--- a/main/view.js
+++ b/main/view.js
@@ -16,9 +16,8 @@ const isMobile = () => {
 // Phones in landscape dock the gizmo toolbar beside the canvas rather than
 // below it. Must match the media query of the same shape in style.css.
 const gizmosBesideCanvas = () =>
-  window.matchMedia(
-    '(max-width: 1024px) and (orientation: landscape) and (max-height: 500px)',
-  ).matches;
+  window.matchMedia('(max-width: 1024px) and (orientation: landscape) and (max-height: 500px)')
+    .matches;
 
 let pendingScrollBlockId = null;
 
@@ -169,8 +168,7 @@ function resizeCanvas() {
       const row = gizmoButtons.querySelector('.gizmo-buttons-inner');
       const barStyle = getComputedStyle(gizmoButtons);
       const padding =
-        (parseFloat(barStyle.paddingLeft) || 0) +
-        (parseFloat(barStyle.paddingRight) || 0);
+        (parseFloat(barStyle.paddingLeft) || 0) + (parseFloat(barStyle.paddingRight) || 0);
       const buttons = row ? row.getBoundingClientRect().width : 0;
       areaWidth = Math.max(1, areaWidth - Math.round(buttons + padding));
     } else {
@@ -1050,8 +1048,7 @@ class PanelResizer {
 
     const paddingStyle = window.getComputedStyle(gizmo);
     const paddingX =
-      (parseFloat(paddingStyle.paddingLeft) || 0) +
-      (parseFloat(paddingStyle.paddingRight) || 0);
+      (parseFloat(paddingStyle.paddingLeft) || 0) + (parseFloat(paddingStyle.paddingRight) || 0);
 
     const rowStyle = window.getComputedStyle(row);
     const gap = parseFloat(rowStyle.columnGap || rowStyle.gap) || 0;
diff --git a/microbit/manager.js b/microbit/manager.js
index bf71fa78d..3557853ba 100644
--- a/microbit/manager.js
+++ b/microbit/manager.js
@@ -22,25 +22,25 @@ import {
 } from './protocol.js';
 
 export const BoardState = Object.freeze({
-  DISCONNECTED: "disconnected",
-  CONNECTING: "connecting",
-  PROBING: "probing",
-  NEEDS_FLASH: "needs-flash",
-  FLASHING: "flashing",
-  CONNECTED: "connected",
+  DISCONNECTED: 'disconnected',
+  CONNECTING: 'connecting',
+  PROBING: 'probing',
+  NEEDS_FLASH: 'needs-flash',
+  FLASHING: 'flashing',
+  CONNECTED: 'connected',
 });
 
 // Icon states surfaced to the add_microbit block.
 export const VariableStatus = Object.freeze({
-  UNBOUND: "unbound", // grey — no board bound (or bound board silent)
-  BUSY: "busy", // amber — connecting or flashing
-  TETHERED: "tethered", // green + plug — connected over USB and responding
-  RADIO: "radio", // green + waves — untethered, heartbeats arriving
+  UNBOUND: 'unbound', // grey — no board bound (or bound board silent)
+  BUSY: 'busy', // amber — connecting or flashing
+  TETHERED: 'tethered', // green + plug — connected over USB and responding
+  RADIO: 'radio', // green + waves — untethered, heartbeats arriving
 });
 
-export const FIRMWARE_HEX_URL = "util/microbit-flockusb.hex";
+export const FIRMWARE_HEX_URL = 'util/microbit-flockusb.hex';
 export const FLASH_CONFIRM_MESSAGE =
-  "This will replace the program on your micro:bit with the Flock program.";
+  'This will replace the program on your micro:bit with the Flock program.';
 
 // Opt-in diagnostics (raw serial lines and the connection library's status
 // chatter): set `flock.microbitDebug = true` — like flock.memoryDebug — or
@@ -53,11 +53,11 @@ export function setFlockReference(ref) {
 
 const debugLog = (...args) => {
   if (flockRef?.microbitDebug || globalThis.__microbitDebug) {
-    console.debug("micro:bit:", ...args);
+    console.debug('micro:bit:', ...args);
   }
 };
 
-const STORAGE_KEY = "flockMicrobitBindings";
+const STORAGE_KEY = 'flockMicrobitBindings';
 const DEFAULT_CHANNEL = 1;
 const PROBE_TIMEOUT_MS = 1000;
 const PROBE_ATTEMPTS = 2; // initial probe + one retry
@@ -73,10 +73,9 @@ const RECONNECT_DELAYS_MS = [2000, 5000, 10000];
 async function defaultCreateTransport({ silent = false } = {}) {
   // Imported lazily so environments without WebUSB (node test runners) never
   // load @microbit/microbit-connection.
-  const { MicrobitUsbTransport } = await import("./usbTransport.js");
-  const { createWebUSBConnection, DeviceSelectionMode } = await import(
-    "@microbit/microbit-connection"
-  );
+  const { MicrobitUsbTransport } = await import('./usbTransport.js');
+  const { createWebUSBConnection, DeviceSelectionMode } =
+    await import('@microbit/microbit-connection');
   return new MicrobitUsbTransport({
     connection: createWebUSBConnection({
       deviceSelectionMode: silent
@@ -100,12 +99,12 @@ async function defaultFetchFirmware() {
     response = await fetch(FIRMWARE_HEX_URL);
   } catch (error) {
     throw new Error(
-      `Could not load the Flock micro:bit firmware (${FIRMWARE_HEX_URL}): ${error.message}`,
+      `Could not load the Flock micro:bit firmware (${FIRMWARE_HEX_URL}): ${error.message}`
     );
   }
   if (!response.ok) {
     throw new Error(
-      `Flock micro:bit firmware is missing (${FIRMWARE_HEX_URL}, HTTP ${response.status}).`,
+      `Flock micro:bit firmware is missing (${FIRMWARE_HEX_URL}, HTTP ${response.status}).`
     );
   }
   return response.text();
@@ -206,10 +205,7 @@ export class MicrobitManager {
   /** True if the name is a declared micro:bit (via add_microbit) or currently
    * bound to a tethered board. A declared board that is unplugged still counts. */
   isMicrobitVariable(variableName) {
-    return (
-      this._variables.has(variableName) ||
-      this._tetheredSessionFor(variableName) !== null
-    );
+    return this._variables.has(variableName) || this._tetheredSessionFor(variableName) !== null;
   }
 
   /**
diff --git a/microbit/protocol.js b/microbit/protocol.js
index 2e4554399..106e6bb65 100644
--- a/microbit/protocol.js
+++ b/microbit/protocol.js
@@ -26,30 +26,30 @@
 // generated code are unchanged.
 
 export const PROTOCOL_VERSION = 3;
-export const HEARTBEAT_CODE = "HB";
+export const HEARTBEAT_CODE = 'HB';
 export const MAX_SCROLL_TEXT_LENGTH = 16;
 export const MICROBIT_IMAGE_LENGTH = 25;
 
 // Wire code → microbit_input event char.
 export const EVENT_CODE_TO_CHAR = Object.freeze({
-  A: " ", // Button A pressed
-  B: "q", // Button B pressed
-  AB: "r", // Buttons A+B pressed
-  P0: "0", // Pin P0 released
-  P1: "1", // Pin P1 released
-  P2: "2", // Pin P2 released
-  LT: "j", // Logo touched
-  LP: "h", // Logo pressed
-  LR: "k", // Logo released
-  LL: "l", // Logo long pressed
-  SH: "i", // Gesture: shake
-  TL: "a", // Gesture: tilt left
-  TR: "d", // Gesture: tilt right
-  SU: "y", // Gesture: screen up
-  SD: "g", // Gesture: screen down
-  LU: "o", // Gesture: logo up
-  LD: "p", // Gesture: logo down
-  FF: "t", // Gesture: free fall
+  A: ' ', // Button A pressed
+  B: 'q', // Button B pressed
+  AB: 'r', // Buttons A+B pressed
+  P0: '0', // Pin P0 released
+  P1: '1', // Pin P1 released
+  P2: '2', // Pin P2 released
+  LT: 'j', // Logo touched
+  LP: 'h', // Logo pressed
+  LR: 'k', // Logo released
+  LL: 'l', // Logo long pressed
+  SH: 'i', // Gesture: shake
+  TL: 'a', // Gesture: tilt left
+  TR: 'd', // Gesture: tilt right
+  SU: 'y', // Gesture: screen up
+  SD: 'g', // Gesture: screen down
+  LU: 'o', // Gesture: logo up
+  LD: 'p', // Gesture: logo down
+  FF: 't', // Gesture: free fall
 });
 
 // (deviceId, seq) pairs older than this are forgotten, so a wrapping seq
@@ -63,12 +63,12 @@ export const DEDUP_WINDOW_MS = 1500;
  * field in this protocol has significant leading/trailing whitespace.
  */
 export class LineSplitter {
-  #buffer = "";
+  #buffer = '';
 
   /** @returns {string[]} complete lines contained in the buffer so far */
   push(chunk) {
     this.#buffer += chunk;
-    const parts = this.#buffer.split("\n");
+    const parts = this.#buffer.split('\n');
     this.#buffer = parts.pop();
     return parts.map((line) => line.trim());
   }
@@ -85,40 +85,40 @@ export class LineSplitter {
  * or null for anything unrecognised (unknown lines are tolerated).
  */
 export function parseLine(line) {
-  if (typeof line !== "string" || line.length === 0) return null;
+  if (typeof line !== 'string' || line.length === 0) return null;
 
-  if (line.startsWith("HELLO ")) {
+  if (line.startsWith('HELLO ')) {
     // HELLO flock <version> <deviceId> [<channel>] — the channel (the
     // board's current radio group) and any later additions are optional so
     // firmware can extend the line without breaking older browsers.
     const parts = line.split(/\s+/);
-    if (parts.length < 4 || parts[1] !== "flock") return null;
+    if (parts.length < 4 || parts[1] !== 'flock') return null;
     const version = Number(parts[2]);
-    if (!Number.isInteger(version) || parts[3] === "") return null;
+    if (!Number.isInteger(version) || parts[3] === '') return null;
     const channel = Number(parts[4]);
     return {
-      type: "hello",
+      type: 'hello',
       version,
       deviceId: parts[3],
       channel: Number.isInteger(channel) ? channel : null,
     };
   }
 
-  if (line.startsWith("E:")) {
+  if (line.startsWith('E:')) {
     const code = line.slice(2);
     const char = Object.prototype.hasOwnProperty.call(EVENT_CODE_TO_CHAR, code)
       ? EVENT_CODE_TO_CHAR[code]
       : undefined;
     if (char === undefined) return null;
-    return { type: "event", char };
+    return { type: 'event', char };
   }
 
-  if (line.startsWith("R:")) {
-    const parts = line.slice(2).split(":");
+  if (line.startsWith('R:')) {
+    const parts = line.slice(2).split(':');
     if (parts.length !== 3) return null;
     const [deviceId, seqText, code] = parts;
     const seq = Number(seqText);
-    if (deviceId === "" || !Number.isInteger(seq)) return null;
+    if (deviceId === '' || !Number.isInteger(seq)) return null;
     const heartbeat = code === HEARTBEAT_CODE;
     const char = heartbeat
       ? null
@@ -126,7 +126,7 @@ export function parseLine(line) {
         ? EVENT_CODE_TO_CHAR[code]
         : undefined;
     if (!heartbeat && char === undefined) return null;
-    return { type: "relay", deviceId, seq, heartbeat, char };
+    return { type: 'relay', deviceId, seq, heartbeat, char };
   }
 
   return null;
@@ -134,7 +134,7 @@ export function parseLine(line) {
 
 /** Browser→board probe line. */
 export function serialiseProbe() {
-  return "P\n";
+  return 'P\n';
 }
 
 /** Browser→board channel line. Channel is clamped to the radio's 0–255. */
@@ -151,7 +151,7 @@ export function serialiseChannel(channel) {
 export function serialiseScrollText(text) {
   const ascii = String(text)
     // Printable ASCII only; newlines would terminate the line early.
-    .replace(/[^\x20-\x7e]/g, "")
+    .replace(/[^\x20-\x7e]/g, '')
     .slice(0, MAX_SCROLL_TEXT_LENGTH);
   return `S:${ascii}\n`;
 }
@@ -163,10 +163,10 @@ export function serialiseScrollText(text) {
  * input, same style as serialiseScrollText.
  */
 export function normaliseImagePattern(pattern) {
-  return [...String(pattern ?? "")]
-    .map((char) => (char >= "0" && char <= "9" ? char : "0"))
-    .join("")
-    .padEnd(MICROBIT_IMAGE_LENGTH, "0")
+  return [...String(pattern ?? '')]
+    .map((char) => (char >= '0' && char <= '9' ? char : '0'))
+    .join('')
+    .padEnd(MICROBIT_IMAGE_LENGTH, '0')
     .slice(0, MICROBIT_IMAGE_LENGTH);
 }
 
@@ -186,7 +186,7 @@ export function serialiseImageRows(pattern) {
 // The firmware embeds "FLKCH:<3 digits>;" and reads its boot radio channel
 // from the digits, so a freshly power-cycled remote comes up on the channel it
 // was bound with. The browser patches those digits into the hex at flash time.
-const CHANNEL_SENTINEL_PREFIX = "FLKCH:";
+const CHANNEL_SENTINEL_PREFIX = 'FLKCH:';
 
 /**
  * Patch the channel sentinel digits in an Intel/universal hex. Handles the
@@ -197,16 +197,16 @@ const CHANNEL_SENTINEL_PREFIX = "FLKCH:";
  */
 export function patchChannelSentinel(hexText, channel) {
   const clamped = Math.min(255, Math.max(0, Math.round(Number(channel) || 0)));
-  const digits = String(clamped).padStart(3, "0");
+  const digits = String(clamped).padStart(3, '0');
   const lines = hexText.split(/\r?\n/);
 
   // Decode every data byte in file order, remembering where it came from.
   const stream = []; // { byte, line, offset } — offset = index into data field
   for (let lineIndex = 0; lineIndex < lines.length; lineIndex++) {
     const line = lines[lineIndex];
-    if (!line.startsWith(":")) continue;
+    if (!line.startsWith(':')) continue;
     const recordType = line.slice(7, 9);
-    if (recordType !== "00" && recordType !== "0D") continue;
+    if (recordType !== '00' && recordType !== '0D') continue;
     const count = parseInt(line.slice(1, 3), 16);
     for (let i = 0; i < count; i++) {
       stream.push({
@@ -217,9 +217,7 @@ export function patchChannelSentinel(hexText, channel) {
     }
   }
 
-  const prefixBytes = [...CHANNEL_SENTINEL_PREFIX].map((c) =>
-    c.charCodeAt(0),
-  );
+  const prefixBytes = [...CHANNEL_SENTINEL_PREFIX].map((c) => c.charCodeAt(0));
   const dirtyLines = new Set();
   for (let i = 0; i + prefixBytes.length + 3 <= stream.length; i++) {
     if (!prefixBytes.every((b, j) => stream[i + j].byte === b)) continue;
@@ -231,7 +229,7 @@ export function patchChannelSentinel(hexText, channel) {
       const at = 9 + target.offset * 2;
       lines[target.line] =
         line.slice(0, at) +
-        newByte.toString(16).toUpperCase().padStart(2, "0") +
+        newByte.toString(16).toUpperCase().padStart(2, '0') +
         line.slice(at + 2);
       target.byte = newByte;
       dirtyLines.add(target.line);
@@ -244,11 +242,11 @@ export function patchChannelSentinel(hexText, channel) {
     for (let i = 1; i < line.length - 2; i += 2) {
       sum += parseInt(line.slice(i, i + 2), 16);
     }
-    const checksum = (-sum & 0xff).toString(16).toUpperCase().padStart(2, "0");
+    const checksum = (-sum & 0xff).toString(16).toUpperCase().padStart(2, '0');
     lines[lineIndex] = line.slice(0, -2) + checksum;
   }
 
-  return lines.join("\n");
+  return lines.join('\n');
 }
 
 /**
diff --git a/microbit/usbTransport.js b/microbit/usbTransport.js
index 174f3fc58..c52968c94 100644
--- a/microbit/usbTransport.js
+++ b/microbit/usbTransport.js
@@ -7,8 +7,8 @@ import {
   createWebUSBConnection,
   createUniversalHexFlashDataSource,
   ConnectionStatus,
-} from "@microbit/microbit-connection";
-import { LineSplitter } from "./protocol.js";
+} from '@microbit/microbit-connection';
+import { LineSplitter } from './protocol.js';
 
 export class MicrobitUsbTransport {
   #connection;
@@ -20,12 +20,12 @@ export class MicrobitUsbTransport {
   constructor({ connection } = {}) {
     this.#connection = connection ?? createWebUSBConnection();
 
-    this.#connection.addEventListener("serialdata", (event) => {
+    this.#connection.addEventListener('serialdata', (event) => {
       for (const line of this.#splitter.push(event.data)) {
         for (const listener of this.#lineListeners) listener(line);
       }
     });
-    this.#connection.addEventListener("status", (event) => {
+    this.#connection.addEventListener('status', (event) => {
       if (
         this.#connected &&
         (event.status === ConnectionStatus.DISCONNECTED ||
diff --git a/package.json b/package.json
index 90d096877..a75a4e727 100644
--- a/package.json
+++ b/package.json
@@ -72,4 +72,4 @@
     "vite-plugin-pwa": "^1.2.0",
     "vite-plugin-static-copy": "^3.3.0"
   }
-}
\ No newline at end of file
+}
diff --git a/playwright.config.js b/playwright.config.js
index c1bd37e14..8a86059e5 100644
--- a/playwright.config.js
+++ b/playwright.config.js
@@ -1,28 +1,28 @@
-import { defineConfig, devices } from "@playwright/test";
+import { defineConfig, devices } from '@playwright/test';
 
 export default defineConfig({
-  testDir: "./tests/playwright",
+  testDir: './tests/playwright',
   fullyParallel: true,
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
   workers: process.env.CI ? 1 : undefined,
-  reporter: "html",
+  reporter: 'html',
   use: {
-    baseURL: "http://127.0.0.1:5173",
-    trace: "on-first-retry",
-    screenshot: "only-on-failure",
-    video: "retain-on-failure",
+    baseURL: 'http://127.0.0.1:5173',
+    trace: 'on-first-retry',
+    screenshot: 'only-on-failure',
+    video: 'retain-on-failure',
     headless: false, // Change to run headless
   },
   projects: [
     {
-      name: "chromium",
-      use: { ...devices["Desktop Chrome"] },
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
     },
   ],
   webServer: {
-    command: "npm run dev",
-    url: "http://127.0.0.1:5173",
+    command: 'npm run dev',
+    url: 'http://127.0.0.1:5173',
     reuseExistingServer: !process.env.CI,
   },
 });
diff --git a/scripts/api-coverage-report.mjs b/scripts/api-coverage-report.mjs
index 69b6d3fb0..db193d20e 100644
--- a/scripts/api-coverage-report.mjs
+++ b/scripts/api-coverage-report.mjs
@@ -1,33 +1,23 @@
 #!/usr/bin/env node
 
-import fs from "fs";
-import path from "path";
+import fs from 'fs';
+import path from 'path';
 import {
   extractApiMethods,
   findMethodImplementation,
   categorizeMethod,
-} from "./utils/extract-api-methods.mjs";
-import { parseAllApiFiles, isJSDocComplete } from "./utils/parse-jsdoc.mjs";
-import {
-  analyzeTestCoverage,
-  getTestStatistics,
-} from "./utils/test-analyzer.mjs";
-import { parseApiMd, getDocumentationStatus } from "./utils/parse-api-md.mjs";
-
+} from './utils/extract-api-methods.mjs';
+import { parseAllApiFiles, isJSDocComplete } from './utils/parse-jsdoc.mjs';
+import { analyzeTestCoverage, getTestStatistics } from './utils/test-analyzer.mjs';
+import { parseApiMd, getDocumentationStatus } from './utils/parse-api-md.mjs';
 
 /**
  * Generate comprehensive API coverage report
  */
 function generateCoverageReport() {
-  console.log(
-    "\n╔════════════════════════════════════════════════════════════════╗",
-  );
-  console.log(
-    "║       API Documentation & Test Coverage Report                ║",
-  );
-  console.log(
-    "╚════════════════════════════════════════════════════════════════╝\n",
-  );
+  console.log('\n╔════════════════════════════════════════════════════════════════╗');
+  console.log('║       API Documentation & Test Coverage Report                ║');
+  console.log('╚════════════════════════════════════════════════════════════════╝\n');
 
   // 1. Extract all API methods from flock.js
   const apiMethods = extractApiMethods();
@@ -57,7 +47,7 @@ function generateCoverageReport() {
     return {
       name,
       line,
-      implementation: impl || "flock.js",
+      implementation: impl || 'flock.js',
       category,
       hasJSDoc: docStatus.hasJSDoc,
       hasApiMdDoc: docStatus.hasApiMdDoc,
@@ -72,9 +62,9 @@ function generateCoverageReport() {
 
   // 6. Calculate statistics
   const documented = methodData.filter((m) => m.hasAnyDoc).length;
-  const jsdocOnly = methodData.filter((m) => m.docType === "jsdoc").length;
-  const apiMdOnly = methodData.filter((m) => m.docType === "api.md").length;
-  const bothDocs = methodData.filter((m) => m.docType === "both").length;
+  const jsdocOnly = methodData.filter((m) => m.docType === 'jsdoc').length;
+  const apiMdOnly = methodData.filter((m) => m.docType === 'api.md').length;
+  const bothDocs = methodData.filter((m) => m.docType === 'both').length;
   const docComplete = methodData.filter((m) => m.docComplete).length;
   const tested = methodData.filter((m) => m.isTested).length;
 
@@ -88,22 +78,22 @@ function generateCoverageReport() {
   });
 
   // 7. Print summary
-  console.log("┌─────────────────────────────────────────┐");
-  console.log("│           Summary Statistics            │");
-  console.log("└─────────────────────────────────────────┘\n");
+  console.log('┌─────────────────────────────────────────┐');
+  console.log('│           Summary Statistics            │');
+  console.log('└─────────────────────────────────────────┘\n');
 
   console.log(`  Total Methods:           ${apiMethods.length}`);
   console.log(
-    `  ✅ Documented:           ${documented} (${Math.round((documented / apiMethods.length) * 100)}%)`,
+    `  ✅ Documented:           ${documented} (${Math.round((documented / apiMethods.length) * 100)}%)`
   );
   console.log(`     ├─ API.md only:       ${apiMdOnly} methods`);
   console.log(`     ├─ JSDoc only:        ${jsdocOnly} methods`);
   console.log(`     └─ Both (API.md+JSDoc): ${bothDocs} methods`);
   console.log(
-    `  ✅ Complete JSDoc:       ${docComplete} (${Math.round((docComplete / apiMethods.length) * 100)}%)`,
+    `  ✅ Complete JSDoc:       ${docComplete} (${Math.round((docComplete / apiMethods.length) * 100)}%)`
   );
   console.log(
-    `  ✅ Tested:               ${tested} (${Math.round((tested / apiMethods.length) * 100)}%)`,
+    `  ✅ Tested:               ${tested} (${Math.round((tested / apiMethods.length) * 100)}%)`
   );
   console.log(`  ❌ Undocumented:         ${apiMethods.length - documented}`);
   console.log(`  ❌ Untested:             ${apiMethods.length - tested}`);
@@ -117,10 +107,10 @@ function generateCoverageReport() {
   // 8. Print undocumented methods
   const undocumented = methodData.filter((m) => !m.hasAnyDoc);
   if (undocumented.length > 0) {
-    console.log("\n┌─────────────────────────────────────────┐");
-    console.log("│        Undocumented Methods             │");
-    console.log("│   (No API.md or JSDoc documentation)    │");
-    console.log("└─────────────────────────────────────────┘\n");
+    console.log('\n┌─────────────────────────────────────────┐');
+    console.log('│        Undocumented Methods             │');
+    console.log('│   (No API.md or JSDoc documentation)    │');
+    console.log('└─────────────────────────────────────────┘\n');
 
     undocumented.forEach((m) => {
       console.log(`  ❌ ${m.name.padEnd(30)} (${m.implementation})`);
@@ -130,9 +120,9 @@ function generateCoverageReport() {
   // 9. Print untested methods
   const untested = methodData.filter((m) => !m.isTested);
   if (untested.length > 0) {
-    console.log("\n┌─────────────────────────────────────────┐");
-    console.log("│           Untested Methods              │");
-    console.log("└─────────────────────────────────────────┘\n");
+    console.log('\n┌─────────────────────────────────────────┐');
+    console.log('│           Untested Methods              │');
+    console.log('└─────────────────────────────────────────┘\n');
 
     untested.forEach((m) => {
       console.log(`  ❌ ${m.name.padEnd(30)} (${m.implementation})`);
@@ -140,13 +130,11 @@ function generateCoverageReport() {
   }
 
   // 10. Print coverage by category
-  console.log("\n┌─────────────────────────────────────────┐");
-  console.log("│         Coverage by Category            │");
-  console.log("└─────────────────────────────────────────┘\n");
+  console.log('\n┌─────────────────────────────────────────┐');
+  console.log('│         Coverage by Category            │');
+  console.log('└─────────────────────────────────────────┘\n');
 
-  const sortedCategories = Object.entries(byCategory).sort(
-    (a, b) => b[1].length - a[1].length,
-  );
+  const sortedCategories = Object.entries(byCategory).sort((a, b) => b[1].length - a[1].length);
 
   sortedCategories.forEach(([category, methods]) => {
     const doced = methods.filter((m) => m.hasAnyDoc).length;
@@ -160,23 +148,23 @@ function generateCoverageReport() {
 
     const icon =
       docPercent === 100 && testPercent === 100
-        ? "✅"
+        ? '✅'
         : docPercent >= 75 && testPercent >= 75
-          ? "⚠️ "
-          : "❌";
+          ? '⚠️ '
+          : '❌';
 
     console.log(`  ${icon} ${category.padEnd(25)} ${total} methods`);
     console.log(
-      `     Documentation: ${doced}/${total} (${docPercent}%) [API.md: ${apiMd}, JSDoc: ${jsdoc}]`,
+      `     Documentation: ${doced}/${total} (${docPercent}%) [API.md: ${apiMd}, JSDoc: ${jsdoc}]`
     );
     console.log(`     Tests:         ${tested}/${total} (${testPercent}%)`);
-    console.log("");
+    console.log('');
   });
 
   // 11. Print most tested methods
-  console.log("\n┌─────────────────────────────────────────┐");
-  console.log("│        Most Tested Methods              │");
-  console.log("└─────────────────────────────────────────┘\n");
+  console.log('\n┌─────────────────────────────────────────┐');
+  console.log('│        Most Tested Methods              │');
+  console.log('└─────────────────────────────────────────┘\n');
 
   const mostTested = methodData
     .filter((m) => m.isTested)
@@ -188,12 +176,12 @@ function generateCoverageReport() {
   });
 
   // 12. Save detailed report to file
-  const reportsDir = path.resolve(process.cwd(), "reports");
+  const reportsDir = path.resolve(process.cwd(), 'reports');
   if (!fs.existsSync(reportsDir)) {
     fs.mkdirSync(reportsDir, { recursive: true });
   }
 
-  const reportPath = path.join(reportsDir, "api-coverage.md");
+  const reportPath = path.join(reportsDir, 'api-coverage.md');
   const markdownReport = generateMarkdownReport(methodData, testStats);
   fs.writeFileSync(reportPath, markdownReport);
 
@@ -208,9 +196,7 @@ function generateCoverageReport() {
 
   if (docCoverage < MIN_DOC_COVERAGE || testCoverage < MIN_TEST_COVERAGE) {
     console.log(`⚠️  Warning: Coverage below thresholds`);
-    console.log(
-      `   Documentation: ${docCoverage}% (min: ${MIN_DOC_COVERAGE}%)`,
-    );
+    console.log(`   Documentation: ${docCoverage}% (min: ${MIN_DOC_COVERAGE}%)`);
     console.log(`   Tests: ${testCoverage}% (min: ${MIN_TEST_COVERAGE}%)\n`);
     // Don't fail for now, just warn
     // process.exit(1);
@@ -221,15 +207,15 @@ function generateCoverageReport() {
  * Generate detailed markdown report
  */
 function generateMarkdownReport(methodData, testStats) {
-  let md = "# API Documentation & Test Coverage Report\n\n";
+  let md = '# API Documentation & Test Coverage Report\n\n';
   md += `**Generated:** ${new Date().toISOString()}\n\n`;
 
   const totalDocs = methodData.filter((m) => m.hasAnyDoc).length;
   const apiMdDocs = methodData.filter((m) => m.hasApiMdDoc).length;
   const jsdocDocs = methodData.filter((m) => m.hasJSDoc).length;
-  const bothDocs = methodData.filter((m) => m.docType === "both").length;
+  const bothDocs = methodData.filter((m) => m.docType === 'both').length;
 
-  md += "## Summary\n\n";
+  md += '## Summary\n\n';
   md += `- **Total Methods:** ${methodData.length}\n`;
   md += `- **Documented:** ${totalDocs} (${Math.round((totalDocs / methodData.length) * 100)}%)\n`;
   md += `  - API.md only: ${apiMdDocs - bothDocs}\n`;
@@ -239,52 +225,50 @@ function generateMarkdownReport(methodData, testStats) {
   md += `- **Total Tests:** ${testStats.totalTests}\n`;
   md += `- **Active Tests:** ${testStats.totalActive}\n\n`;
 
-  md += "## Methods Overview\n\n";
-  md +=
-    "| Method | Category | Documentation | Doc Type | Tests | Implementation |\n";
-  md +=
-    "|--------|----------|---------------|----------|-------|----------------|\n";
+  md += '## Methods Overview\n\n';
+  md += '| Method | Category | Documentation | Doc Type | Tests | Implementation |\n';
+  md += '|--------|----------|---------------|----------|-------|----------------|\n';
 
   methodData.forEach((m) => {
-    const docIcon = m.hasAnyDoc ? "✅" : "❌";
+    const docIcon = m.hasAnyDoc ? '✅' : '❌';
     const docTypeLabel =
-      m.docType === "both"
-        ? "API.md+JSDoc"
-        : m.docType === "api.md"
-          ? "API.md"
-          : m.docType === "jsdoc"
-            ? "JSDoc"
-            : "None";
-    const testIcon = m.isTested ? "✅" : "❌";
-    const testCount = m.testFiles.length > 0 ? `${m.testFiles.length}` : "0";
+      m.docType === 'both'
+        ? 'API.md+JSDoc'
+        : m.docType === 'api.md'
+          ? 'API.md'
+          : m.docType === 'jsdoc'
+            ? 'JSDoc'
+            : 'None';
+    const testIcon = m.isTested ? '✅' : '❌';
+    const testCount = m.testFiles.length > 0 ? `${m.testFiles.length}` : '0';
 
     md += `| ${m.name} | ${m.category} | ${docIcon} | ${docTypeLabel} | ${testIcon} (${testCount}) | ${m.implementation} |\n`;
   });
 
-  md += "\n## Undocumented Methods\n\n";
-  md += "*(Methods with no API.md or JSDoc documentation)*\n\n";
+  md += '\n## Undocumented Methods\n\n';
+  md += '*(Methods with no API.md or JSDoc documentation)*\n\n';
   const undocumented = methodData.filter((m) => !m.hasAnyDoc);
   if (undocumented.length === 0) {
-    md += "✅ All methods have documentation!\n\n";
+    md += '✅ All methods have documentation!\n\n';
   } else {
     undocumented.forEach((m) => {
       md += `- [ ] \`${m.name}\` (${m.implementation})\n`;
     });
-    md += "\n";
+    md += '\n';
   }
 
-  md += "## Untested Methods\n\n";
+  md += '## Untested Methods\n\n';
   const untested = methodData.filter((m) => !m.isTested);
   if (untested.length === 0) {
-    md += "✅ All methods have tests!\n\n";
+    md += '✅ All methods have tests!\n\n';
   } else {
     untested.forEach((m) => {
       md += `- [ ] \`${m.name}\` (${m.implementation})\n`;
     });
-    md += "\n";
+    md += '\n';
   }
 
-  md += "## Coverage by Category\n\n";
+  md += '## Coverage by Category\n\n';
   const byCategory = {};
   methodData.forEach((method) => {
     if (!byCategory[method.category]) {
diff --git a/scripts/canvas-buffer-check.mjs b/scripts/canvas-buffer-check.mjs
index 3fdf3c500..d32f649fe 100644
--- a/scripts/canvas-buffer-check.mjs
+++ b/scripts/canvas-buffer-check.mjs
@@ -1,5 +1,5 @@
-import { chromium } from "playwright";
-import { spawn } from "node:child_process";
+import { chromium } from 'playwright';
+import { spawn } from 'node:child_process';
 
 // A render buffer left at 1x draws GUI controls dpr times too big (issue #705).
 
@@ -23,7 +23,7 @@ async function waitForServer(url, timeoutMs = 30_000) {
 }
 
 const probe = () => {
-  const canvas = document.getElementById("renderCanvas");
+  const canvas = document.getElementById('renderCanvas');
   return {
     css: `${canvas.clientWidth}x${canvas.clientHeight}`,
     buf: `${canvas.width}x${canvas.height}`,
@@ -32,11 +32,11 @@ const probe = () => {
 };
 
 const devServer = spawn(
-  "npm",
-  ["run", "dev", "--", "--host", "127.0.0.1", "--port", String(PORT), "--strictPort"],
+  'npm',
+  ['run', 'dev', '--', '--host', '127.0.0.1', '--port', String(PORT), '--strictPort'],
   // Its own process group: npm outlives a plain kill and leaves vite holding
   // the port.
-  { stdio: "pipe", detached: true, env: { ...process.env, FORCE_COLOR: "0" } },
+  { stdio: 'pipe', detached: true, env: { ...process.env, FORCE_COLOR: '0' } }
 );
 
 let browser;
@@ -48,7 +48,7 @@ try {
   // Headless Chromium's new headless shell drops WebGL, so run legacy headless.
   browser = await chromium.launch({
     headless: false,
-    args: ["--no-sandbox", "--disable-setuid-sandbox", "--headless=old"],
+    args: ['--no-sandbox', '--disable-setuid-sandbox', '--headless=old'],
   });
   context = await browser.newContext({
     viewport: { width: 318, height: 595 },
@@ -56,7 +56,7 @@ try {
     isMobile: true,
     hasTouch: true,
     userAgent:
-      "Mozilla/5.0 (Linux; Android 14; Pixel 8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125 Mobile Safari/537.36",
+      'Mozilla/5.0 (Linux; Android 14; Pixel 8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125 Mobile Safari/537.36',
   });
   const page = await context.newPage();
 
@@ -67,14 +67,14 @@ try {
       if (await page.evaluate(fn).catch(() => false)) return true;
       await sleep(300);
     }
-    throw new Error("Timed out waiting for the app to be ready");
+    throw new Error('Timed out waiting for the app to be ready');
   };
 
-  await page.goto(BASE_URL, { waitUntil: "domcontentloaded" });
+  await page.goto(BASE_URL, { waitUntil: 'domcontentloaded' });
   await poll(
     () =>
       !!window.mainWorkspace &&
-      document.getElementById("loadingScreen")?.classList.contains("fade-out"),
+      document.getElementById('loadingScreen')?.classList.contains('fade-out')
   );
   await poll(() => window.loadingCode === false);
   await sleep(3000);
@@ -83,40 +83,36 @@ try {
 
   const healthy = await page.evaluate(probe);
   if (healthy.ratio < 3) {
-    throw new Error(
-      `Buffer was not device-scaled on a plain run: ${JSON.stringify(healthy)}`,
-    );
+    throw new Error(`Buffer was not device-scaled on a plain run: ${JSON.stringify(healthy)}`);
   }
 
   // The state a resize pass against a hidden canvas leaves behind.
   await page.evaluate(() => {
-    const canvas = document.getElementById("renderCanvas");
+    const canvas = document.getElementById('renderCanvas');
     canvas.width = canvas.clientWidth;
     canvas.height = canvas.clientHeight;
   });
 
   // Box lost and regained with no window resize event, so nothing calls
   // onResize and only the canvas's own size observer can repair the buffer.
-  await page.evaluate(() => (document.getElementById("canvasArea").style.display = "none"));
+  await page.evaluate(() => (document.getElementById('canvasArea').style.display = 'none'));
   await sleep(500);
-  await page.evaluate(() => (document.getElementById("canvasArea").style.display = ""));
+  await page.evaluate(() => (document.getElementById('canvasArea').style.display = ''));
   await sleep(1500);
 
   const repaired = await page.evaluate(probe);
   if (repaired.ratio < 3) {
     throw new Error(
-      `Stale render buffer was not repaired after the canvas regained its box: ${JSON.stringify(repaired)}`,
+      `Stale render buffer was not repaired after the canvas regained its box: ${JSON.stringify(repaired)}`
     );
   }
 
-  console.log(
-    `Canvas buffer check passed (healthy ${healthy.buf}, repaired ${repaired.buf}).`,
-  );
+  console.log(`Canvas buffer check passed (healthy ${healthy.buf}, repaired ${repaired.buf}).`);
 } finally {
   await context?.close().catch(() => {});
   await browser?.close().catch(() => {});
   try {
-    process.kill(-devServer.pid, "SIGTERM");
+    process.kill(-devServer.pid, 'SIGTERM');
   } catch {
     // Already exited.
   }
diff --git a/scripts/check-link-security.mjs b/scripts/check-link-security.mjs
index a397a01b9..4c1bc9b27 100644
--- a/scripts/check-link-security.mjs
+++ b/scripts/check-link-security.mjs
@@ -1,13 +1,13 @@
-import fs from "node:fs";
+import fs from 'node:fs';
 
 const violations = [];
 
 function lineNumberForIndex(text, index) {
-  return text.slice(0, index).split("\n").length;
+  return text.slice(0, index).split('\n').length;
 }
 
 function checkBlankLinks(filePath) {
-  const content = fs.readFileSync(filePath, "utf8");
+  const content = fs.readFileSync(filePath, 'utf8');
   const anchorRegex = /<a\b[^>]*\btarget\s*=\s*"_blank"[^>]*>/gi;
 
   for (const match of content.matchAll(anchorRegex)) {
@@ -16,16 +16,14 @@ function checkBlankLinks(filePath) {
     const relMatch = tag.match(/\brel\s*=\s*"([^"]*)"/i);
 
     if (!relMatch) {
-      violations.push(
-        `${filePath}:${line} <a target="_blank"> missing rel="noopener noreferrer"`,
-      );
+      violations.push(`${filePath}:${line} <a target="_blank"> missing rel="noopener noreferrer"`);
       continue;
     }
 
     const relValue = relMatch[1].toLowerCase();
-    if (!relValue.includes("noopener") || !relValue.includes("noreferrer")) {
+    if (!relValue.includes('noopener') || !relValue.includes('noreferrer')) {
       violations.push(
-        `${filePath}:${line} <a target="_blank"> rel must include both noopener and noreferrer`,
+        `${filePath}:${line} <a target="_blank"> rel must include both noopener and noreferrer`
       );
     }
   }
@@ -33,7 +31,7 @@ function checkBlankLinks(filePath) {
 
 function splitTopLevelArgs(argString) {
   const args = [];
-  let current = "";
+  let current = '';
   let depth = 0;
   let quote = null;
 
@@ -43,33 +41,33 @@ function splitTopLevelArgs(argString) {
 
     if (quote) {
       current += ch;
-      if (ch === quote && prev !== "\\") {
+      if (ch === quote && prev !== '\\') {
         quote = null;
       }
       continue;
     }
 
-    if (ch === '"' || ch === "'" || ch === "`") {
+    if (ch === '"' || ch === "'" || ch === '`') {
       quote = ch;
       current += ch;
       continue;
     }
 
-    if (ch === "(" || ch === "[" || ch === "{") {
+    if (ch === '(' || ch === '[' || ch === '{') {
       depth += 1;
       current += ch;
       continue;
     }
 
-    if (ch === ")" || ch === "]" || ch === "}") {
+    if (ch === ')' || ch === ']' || ch === '}') {
       depth -= 1;
       current += ch;
       continue;
     }
 
-    if (ch === "," && depth === 0) {
+    if (ch === ',' && depth === 0) {
       args.push(current.trim());
-      current = "";
+      current = '';
       continue;
     }
 
@@ -84,7 +82,7 @@ function splitTopLevelArgs(argString) {
 }
 
 function checkWindowOpen(filePath) {
-  const content = fs.readFileSync(filePath, "utf8");
+  const content = fs.readFileSync(filePath, 'utf8');
   const openRegex = /window\.open\s*\(([^)]*)\)/g;
 
   for (const match of content.matchAll(openRegex)) {
@@ -93,30 +91,30 @@ function checkWindowOpen(filePath) {
 
     if (args.length < 3) {
       violations.push(
-        `${filePath}:${line} window.open must include third argument with noopener,noreferrer`,
+        `${filePath}:${line} window.open must include third argument with noopener,noreferrer`
       );
       continue;
     }
 
     const thirdArg = args[2].toLowerCase();
-    if (!thirdArg.includes("noopener") || !thirdArg.includes("noreferrer")) {
+    if (!thirdArg.includes('noopener') || !thirdArg.includes('noreferrer')) {
       violations.push(
-        `${filePath}:${line} window.open third argument must include both noopener and noreferrer`,
+        `${filePath}:${line} window.open third argument must include both noopener and noreferrer`
       );
     }
   }
 }
 
-checkBlankLinks("index.html");
-checkWindowOpen("index.html");
-checkWindowOpen("ui/designview.js");
+checkBlankLinks('index.html');
+checkWindowOpen('index.html');
+checkWindowOpen('ui/designview.js');
 
 if (violations.length > 0) {
-  console.error("❌ Link security checks failed:\n");
+  console.error('❌ Link security checks failed:\n');
   for (const violation of violations) {
     console.error(`- ${violation}`);
   }
   process.exit(1);
 }
 
-console.log("✅ Link security checks passed");
+console.log('✅ Link security checks passed');
diff --git a/scripts/csp-smoke.mjs b/scripts/csp-smoke.mjs
index f8b02c137..a75f469ac 100644
--- a/scripts/csp-smoke.mjs
+++ b/scripts/csp-smoke.mjs
@@ -1,6 +1,6 @@
-import { chromium } from "playwright";
-import { spawn } from "node:child_process";
-import fs from "node:fs/promises";
+import { chromium } from 'playwright';
+import { spawn } from 'node:child_process';
+import fs from 'node:fs/promises';
 
 const PORT = Number(process.env.CSP_SMOKE_PORT || 4173);
 const BASE_URL = `http://127.0.0.1:${PORT}`;
@@ -39,9 +39,9 @@ function isAnalyticsOrigin(origin) {
   try {
     const hostname = new URL(origin).hostname;
     return (
-      hostnameMatches(hostname, "googletagmanager.com") ||
-      hostnameMatches(hostname, "google-analytics.com") ||
-      hostnameMatches(hostname, "doubleclick.net")
+      hostnameMatches(hostname, 'googletagmanager.com') ||
+      hostnameMatches(hostname, 'google-analytics.com') ||
+      hostnameMatches(hostname, 'doubleclick.net')
     );
   } catch {
     return false;
@@ -49,21 +49,12 @@ function isAnalyticsOrigin(origin) {
 }
 
 const devServer = spawn(
-  "npm",
-  [
-    "run",
-    "dev",
-    "--",
-    "--host",
-    "127.0.0.1",
-    "--port",
-    String(PORT),
-    "--strictPort",
-  ],
+  'npm',
+  ['run', 'dev', '--', '--host', '127.0.0.1', '--port', String(PORT), '--strictPort'],
   {
-    stdio: "pipe",
-    env: { ...process.env, FORCE_COLOR: "0" },
-  },
+    stdio: 'pipe',
+    env: { ...process.env, FORCE_COLOR: '0' },
+  }
 );
 
 let browser;
@@ -91,19 +82,19 @@ try {
     other: new Set(),
   };
 
-  page.on("request", (request) => {
+  page.on('request', (request) => {
     const type = request.resourceType();
     const origin = originOf(request.url());
     if (requestSources[type]) requestSources[type].add(origin);
     else requestSources.other.add(origin);
   });
 
-  await page.exposeFunction("recordCspViolation", (eventData) => {
+  await page.exposeFunction('recordCspViolation', (eventData) => {
     cspViolations.push(eventData);
   });
 
   await page.addInitScript(() => {
-    window.addEventListener("securitypolicyviolation", (event) => {
+    window.addEventListener('securitypolicyviolation', (event) => {
       window.recordCspViolation({
         blockedURI: event.blockedURI,
         violatedDirective: event.violatedDirective,
@@ -112,31 +103,28 @@ try {
     });
   });
 
-  await page.goto(BASE_URL, { waitUntil: "domcontentloaded" });
-  await page.waitForSelector("#renderCanvas", { state: "attached" });
-  await page.waitForSelector("#blocklyDiv", { state: "attached" });
+  await page.goto(BASE_URL, { waitUntil: 'domcontentloaded' });
+  await page.waitForSelector('#renderCanvas', { state: 'attached' });
+  await page.waitForSelector('#blocklyDiv', { state: 'attached' });
 
   await page.waitForSelector('#blocklyDiv [role="treeitem"]', {
-    state: "attached",
+    state: 'attached',
   });
-  await page
-    .locator('#blocklyDiv [role="treeitem"]')
-    .nth(1)
-    .click({ force: true });
-
-  await page.click("#runCodeButton", { force: true });
-  await page.waitForSelector("#flock-iframe", {
-    state: "attached",
+  await page.locator('#blocklyDiv [role="treeitem"]').nth(1).click({ force: true });
+
+  await page.click('#runCodeButton', { force: true });
+  await page.waitForSelector('#flock-iframe', {
+    state: 'attached',
     timeout: 20_000,
   });
 
-  await page.click("#exportCodeButton", { force: true });
+  await page.click('#exportCodeButton', { force: true });
   await page.waitForTimeout(500);
 
-  await page.setInputFiles("#importFile", {
-    name: "csp-smoke-sample.json",
-    mimeType: "application/json",
-    buffer: Buffer.from('{"blocks":{"languageVersion":0,"blocks":[]}}', "utf8"),
+  await page.setInputFiles('#importFile', {
+    name: 'csp-smoke-sample.json',
+    mimeType: 'application/json',
+    buffer: Buffer.from('{"blocks":{"languageVersion":0,"blocks":[]}}', 'utf8'),
   });
   await page.waitForTimeout(1000);
 
@@ -156,35 +144,29 @@ try {
     baseUrl: BASE_URL,
     cspViolations,
     runtimeSources: Object.fromEntries(
-      Object.entries(requestSources).map(([key, set]) => [
-        key,
-        [...set].sort(),
-      ]),
+      Object.entries(requestSources).map(([key, set]) => [key, [...set].sort()])
     ),
     analyticsOriginsSeen: [...analyticsOriginsSeen].sort(),
   };
 
-  await fs.mkdir("artifacts", { recursive: true });
-  await fs.writeFile(
-    "artifacts/csp-smoke-summary.json",
-    JSON.stringify(summary, null, 2),
-  );
+  await fs.mkdir('artifacts', { recursive: true });
+  await fs.writeFile('artifacts/csp-smoke-summary.json', JSON.stringify(summary, null, 2));
 
   if (summary.cspViolations.length > 0) {
     throw new Error(
-      `Detected ${summary.cspViolations.length} CSP violation(s). See artifacts/csp-smoke-summary.json`,
+      `Detected ${summary.cspViolations.length} CSP violation(s). See artifacts/csp-smoke-summary.json`
     );
   }
 
   if (summary.analyticsOriginsSeen.length === 0) {
     throw new Error(
-      "No analytics request origin observed during smoke run. See artifacts/csp-smoke-summary.json",
+      'No analytics request origin observed during smoke run. See artifacts/csp-smoke-summary.json'
     );
   }
 
-  console.log("CSP smoke summary written to artifacts/csp-smoke-summary.json");
+  console.log('CSP smoke summary written to artifacts/csp-smoke-summary.json');
 } finally {
   await context?.close().catch(() => {});
   await browser?.close().catch(() => {});
-  devServer.kill("SIGTERM");
+  devServer.kill('SIGTERM');
 }
diff --git a/scripts/run-api-tests.mjs b/scripts/run-api-tests.mjs
index 7a10fb769..e1ae98bd1 100644
--- a/scripts/run-api-tests.mjs
+++ b/scripts/run-api-tests.mjs
@@ -1,10 +1,10 @@
 #!/usr/bin/env node
 
-import { chromium } from "playwright";
-import { spawn, execFileSync } from "child_process";
-import path from "path";
-import fs from "fs";
-import { fileURLToPath } from "url";
+import { chromium } from 'playwright';
+import { spawn, execFileSync } from 'child_process';
+import path from 'path';
+import fs from 'fs';
+import { fileURLToPath } from 'url';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -18,149 +18,149 @@ const __dirname = path.dirname(__filename);
 // Note: 228 tests total are registered, but most are tagged
 const AVAILABLE_SUITES = [
   {
-    id: "@notslow",
-    name: "🚀 Run Most Tests (97 tests, ~1s)",
-    pattern: "/^(?!.*@slow).*$/",
+    id: '@notslow',
+    name: '🚀 Run Most Tests (97 tests, ~1s)',
+    pattern: '/^(?!.*@slow).*$/',
   },
-  { id: "@onlyslow", name: "🐌 Run Slow Tests Only", pattern: "@slow" },
-  { id: "@new", name: "🆕 Run Tests tagged @new", pattern: "@new" },
+  { id: '@onlyslow', name: '🐌 Run Slow Tests Only', pattern: '@slow' },
+  { id: '@new', name: '🆕 Run Tests tagged @new', pattern: '@new' },
   {
-    id: "babylon",
-    name: "Basic Babylon Tests (3 tests)",
-    pattern: "Flock API Tests",
+    id: 'babylon',
+    name: 'Basic Babylon Tests (3 tests)',
+    pattern: 'Flock API Tests',
   },
-  { id: "sound", name: "Sound Tests (1 test)", pattern: "@sound" },
+  { id: 'sound', name: 'Sound Tests (1 test)', pattern: '@sound' },
   {
-    id: "sound-integration",
-    name: "Sound Integration Tests",
-    pattern: "@sound-integration",
+    id: 'sound-integration',
+    name: 'Sound Integration Tests',
+    pattern: '@sound-integration',
   },
   {
-    id: "sound-verification",
-    name: "Sound Verification Tests",
-    pattern: "@sound-verification",
+    id: 'sound-verification',
+    name: 'Sound Verification Tests',
+    pattern: '@sound-verification',
   },
-  { id: "physics", name: "Physics Tests (6 tests)", pattern: "@physics" },
-  { id: "sound2", name: "Sound2 Tests (BPM and speech)", pattern: "@sound2" },
-  { id: "camera", name: "Camera API Tests", pattern: "@camera" },
-  { id: "control", name: "Control API Tests", pattern: "@control" },
-  { id: "xr", name: "XR API Tests", pattern: "@xr" },
+  { id: 'physics', name: 'Physics Tests (6 tests)', pattern: '@physics' },
+  { id: 'sound2', name: 'Sound2 Tests (BPM and speech)', pattern: '@sound2' },
+  { id: 'camera', name: 'Camera API Tests', pattern: '@camera' },
+  { id: 'control', name: 'Control API Tests', pattern: '@control' },
+  { id: 'xr', name: 'XR API Tests', pattern: '@xr' },
   {
-    id: "materials",
-    name: "Materials Tests (22 tests)",
-    pattern: "@materials",
+    id: 'materials',
+    name: 'Materials Tests (22 tests)',
+    pattern: '@materials',
   },
-  { id: "effects", name: "Effects Tests (3 tests)", pattern: "Effects API" },
+  { id: 'effects', name: 'Effects Tests (3 tests)', pattern: 'Effects API' },
   {
-    id: "property",
-    name: "Sensing getProperty Tests",
-    pattern: "@property",
+    id: 'property',
+    name: 'Sensing getProperty Tests',
+    pattern: '@property',
   },
-  { id: "scale", name: "Scale Tests (45 tests)", pattern: "@scale" },
-  { id: "rotation", name: "Rotation Tests", pattern: "@rotation" },
+  { id: 'scale', name: 'Scale Tests (45 tests)', pattern: '@scale' },
+  { id: 'rotation', name: 'Rotation Tests', pattern: '@rotation' },
   {
-    id: "translation",
-    name: "Translation/Movement Tests",
-    pattern: "@translation",
+    id: 'translation',
+    name: 'Translation/Movement Tests',
+    pattern: '@translation',
   },
   {
-    id: "translate",
-    name: "Translation/Movement Tests (alias)",
-    pattern: "@translation",
+    id: 'translate',
+    name: 'Translation/Movement Tests (alias)',
+    pattern: '@translation',
   },
   {
-    id: "animate",
-    name: "Animation API Tests",
-    pattern: "Animation API Tests",
+    id: 'animate',
+    name: 'Animation API Tests',
+    pattern: 'Animation API Tests',
   },
   {
-    id: "glide",
-    name: "Glide Animation Tests",
-    pattern: "glideTo function tests",
+    id: 'glide',
+    name: 'Glide Animation Tests',
+    pattern: 'glideTo function tests',
   },
   {
-    id: "ui",
-    name: "UI Text/Button Tests",
-    pattern: "UIText, UIButton, UIInput, and UISlider function tests",
+    id: 'ui',
+    name: 'UI Text/Button Tests',
+    pattern: 'UIText, UIButton, UIInput, and UISlider function tests',
   },
   {
-    id: "stress",
-    name: "Stress Tests (Boxes)",
-    pattern: "Stress test for many boxes",
+    id: 'stress',
+    name: 'Stress Tests (Boxes)',
+    pattern: 'Stress test for many boxes',
   },
   {
-    id: "objects",
-    name: "Object Creation Tests",
-    pattern: "createObject tests",
+    id: 'objects',
+    name: 'Object Creation Tests',
+    pattern: 'createObject tests',
   },
   {
-    id: "concurrency",
-    name: "Concurrency Tests",
-    pattern: "Concurrency and Stress Tests",
+    id: 'concurrency',
+    name: 'Concurrency Tests',
+    pattern: 'Concurrency and Stress Tests',
   },
-  { id: "blocks", name: "Block Tests", pattern: "blocks.js tests" },
+  { id: 'blocks', name: 'Block Tests', pattern: 'blocks.js tests' },
   {
-    id: "xr-export",
-    name: "XR Export Tests",
-    pattern: "XR exportMesh GLB tests",
+    id: 'xr-export',
+    name: 'XR Export Tests',
+    pattern: 'XR exportMesh GLB tests',
   },
   {
-    id: "meshhierarchy",
-    name: "Mesh Hierarchy Tests",
-    pattern: "@meshhierarchy",
+    id: 'meshhierarchy',
+    name: 'Mesh Hierarchy Tests',
+    pattern: '@meshhierarchy',
   },
   {
-    id: "characterAnimations",
-    name: "Character Animation API",
-    pattern: "Character Animation API",
+    id: 'characterAnimations',
+    name: 'Character Animation API',
+    pattern: 'Character Animation API',
   },
   {
-    id: "math",
-    name: "Math API Tests",
-    pattern: "@math",
+    id: 'math',
+    name: 'Math API Tests',
+    pattern: '@math',
   },
   {
-    id: "shapes",
-    name: "Shapes API Tests",
-    pattern: "@shapes",
+    id: 'shapes',
+    name: 'Shapes API Tests',
+    pattern: '@shapes',
   },
   {
-    id: "sensing",
-    name: "Sensing API Tests",
-    pattern: "@sensing",
+    id: 'sensing',
+    name: 'Sensing API Tests',
+    pattern: '@sensing',
   },
   {
-    id: "nameregistry",
-    name: "Name Registry Tests",
-    pattern: "@nameregistry",
+    id: 'nameregistry',
+    name: 'Name Registry Tests',
+    pattern: '@nameregistry',
   },
   {
-    id: "nameregistrybench",
-    name: "Name Registry Benchmark",
-    pattern: "@nameregistrybench",
+    id: 'nameregistrybench',
+    name: 'Name Registry Benchmark',
+    pattern: '@nameregistrybench',
   },
   {
-    id: "gizmos",
-    name: "Gizmo Tests",
-    pattern: "@gizmos",
+    id: 'gizmos',
+    name: 'Gizmo Tests',
+    pattern: '@gizmos',
   },
   {
-    id: "microbit",
-    name: "micro:bit Tests",
-    pattern: "@microbit",
+    id: 'microbit',
+    name: 'micro:bit Tests',
+    pattern: '@microbit',
   },
 ];
 
 const args = process.argv.slice(2);
-const showHelp = args.includes("--help") || args.includes("-h");
-const watch = args.includes("--watch");
-const verbose = args.includes("--verbose") || args.includes("-v");
-const logTests = args.includes("--log-tests");
-const logApi = args.includes("--log-api");
-const logAll = args.includes("--log-all");
-const requestedSuite = args.find((arg) => !arg.startsWith("--")) || "all";
+const showHelp = args.includes('--help') || args.includes('-h');
+const watch = args.includes('--watch');
+const verbose = args.includes('--verbose') || args.includes('-v');
+const logTests = args.includes('--log-tests');
+const logApi = args.includes('--log-api');
+const logAll = args.includes('--log-all');
+const requestedSuite = args.find((arg) => !arg.startsWith('--')) || 'all';
 const suiteAliases = {
-  translate: "translation",
+  translate: 'translation',
 };
 
 // Resolve a requested suite ID against the live dropdown contents from
@@ -173,11 +173,11 @@ const suiteAliases = {
 function resolveSuite(id, dropdownIds) {
   const aliased = suiteAliases[id] || id;
   if (dropdownIds.includes(aliased)) return aliased;
-  if (aliased.startsWith("@")) {
+  if (aliased.startsWith('@')) {
     const bare = aliased.slice(1);
     if (dropdownIds.includes(bare)) return bare;
   } else {
-    const withAt = "@" + aliased;
+    const withAt = '@' + aliased;
     if (dropdownIds.includes(withAt)) return withAt;
   }
 
@@ -188,80 +188,56 @@ const suite = requestedSuite;
 
 // Enable both logs if --log-all is specified
 if (logAll) {
-  console.log("📊 Logging enabled: Tests + API calls\n");
+  console.log('📊 Logging enabled: Tests + API calls\n');
 }
 
 if (showHelp) {
-  console.log(
-    "\n╔════════════════════════════════════════════════════════════════╗",
-  );
-  console.log(
-    "║             Flock XR API Test Runner - Help                   ║",
-  );
-  console.log(
-    "╚════════════════════════════════════════════════════════════════╝\n",
-  );
+  console.log('\n╔════════════════════════════════════════════════════════════════╗');
+  console.log('║             Flock XR API Test Runner - Help                   ║');
+  console.log('╚════════════════════════════════════════════════════════════════╝\n');
 
-  console.log("Usage: npm run test:api [suite] [options]\n");
+  console.log('Usage: npm run test:api [suite] [options]\n');
 
-  console.log("Available Test Suites:");
-  console.log(
-    "─────────────────────────────────────────────────────────────────\n",
-  );
+  console.log('Available Test Suites:');
+  console.log('─────────────────────────────────────────────────────────────────\n');
 
   AVAILABLE_SUITES.forEach((s) => {
     const paddedId = s.id.padEnd(15);
     console.log(`  ${paddedId} ${s.name}`);
   });
 
-  console.log("\nOptions:");
-  console.log("  --help, -h       Show this help message");
-  console.log("  --verbose, -v    Show detailed output");
-  console.log(
-    "  --log-tests      Log which tests are executed (saves to logs/tests.log)",
-  );
+  console.log('\nOptions:');
+  console.log('  --help, -h       Show this help message');
+  console.log('  --verbose, -v    Show detailed output');
+  console.log('  --log-tests      Log which tests are executed (saves to logs/tests.log)');
   console.log(
-    "  --log-api        Log API method calls with counters (saves to logs/api-calls.log)",
+    '  --log-api        Log API method calls with counters (saves to logs/api-calls.log)'
   );
-  console.log("  --log-all        Enable both test and API logging");
-  console.log("  --watch          Watch mode (not yet implemented)");
-
-  console.log("\nExamples:");
-  console.log("  npm run test:api                         # Run all tests");
-  console.log(
-    "  npm run test:api babylon                 # Run Basic Babylon Tests",
-  );
-  console.log("  npm run test:api sound                   # Run Sound Tests");
-  console.log(
-    "  npm run test:api @onlyslow -- --log-all  # Run slow tests with logging",
-  );
-  console.log(
-    "  npm run test:api materials -- --log-api  # Log API calls only",
-  );
-  console.log("  npm run test:api -- --help               # Show this help");
-
-  console.log("\nLogging:");
-  console.log("  Test logs:      logs/test-execution.log  (which tests ran)");
-  console.log(
-    "  API call logs:  logs/api-calls.log       (which API methods called)",
-  );
-  console.log("  View logs:      cat logs/test-execution.log\n");
+  console.log('  --log-all        Enable both test and API logging');
+  console.log('  --watch          Watch mode (not yet implemented)');
+
+  console.log('\nExamples:');
+  console.log('  npm run test:api                         # Run all tests');
+  console.log('  npm run test:api babylon                 # Run Basic Babylon Tests');
+  console.log('  npm run test:api sound                   # Run Sound Tests');
+  console.log('  npm run test:api @onlyslow -- --log-all  # Run slow tests with logging');
+  console.log('  npm run test:api materials -- --log-api  # Log API calls only');
+  console.log('  npm run test:api -- --help               # Show this help');
+
+  console.log('\nLogging:');
+  console.log('  Test logs:      logs/test-execution.log  (which tests ran)');
+  console.log('  API call logs:  logs/api-calls.log       (which API methods called)');
+  console.log('  View logs:      cat logs/test-execution.log\n');
 
   process.exit(0);
 }
 
-console.log(
-  "\n╔════════════════════════════════════════════════════════════════╗",
-);
-console.log(
-  "║             Flock XR API Test Runner                          ║",
-);
-console.log(
-  "╚════════════════════════════════════════════════════════════════╝\n",
-);
+console.log('\n╔════════════════════════════════════════════════════════════════╗');
+console.log('║             Flock XR API Test Runner                          ║');
+console.log('╚════════════════════════════════════════════════════════════════╝\n');
 
 if (watch) {
-  console.log("⚠️  Watch mode not yet implemented\n");
+  console.log('⚠️  Watch mode not yet implemented\n');
 }
 
 let server;
@@ -306,20 +282,19 @@ async function checkServerHealth(url, maxAttempts = 30) {
  * Start the Vite development server
  */
 async function startServer() {
-  const alreadyRunning = await checkServerHealth("http://127.0.0.1:5173", 3);
+  const alreadyRunning = await checkServerHealth('http://127.0.0.1:5173', 3);
   if (alreadyRunning) {
-    console.log("✅ Reusing existing development server\n");
+    console.log('✅ Reusing existing development server\n');
     serverReady = true;
     return;
   }
 
   return new Promise((resolve, reject) => {
-    console.log("🚀 Starting development server...");
+    console.log('🚀 Starting development server...');
 
-    const isCI =
-      process.env.CI === "true" || process.env.GITHUB_ACTIONS === "true";
+    const isCI = process.env.CI === 'true' || process.env.GITHUB_ACTIONS === 'true';
     if (isCI) {
-      console.log("   📋 CI environment detected");
+      console.log('   📋 CI environment detected');
     }
 
     // Capture all output for diagnostics
@@ -339,83 +314,75 @@ async function startServer() {
     // server.kill() only signals npm, leaving an orphaned vite holding port
     // 5173 that the next run wrongly "reuses".
     const spawnOptions = {
-      cwd: path.resolve(__dirname, ".."),
-      stdio: "pipe",
+      cwd: path.resolve(__dirname, '..'),
+      stdio: 'pipe',
       detached: true,
       env: { ...process.env },
     };
     server =
-      process.platform === "win32"
-        ? spawn("npm run dev", { ...spawnOptions, shell: true })
-        : spawn("npm", ["run", "dev"], spawnOptions);
+      process.platform === 'win32'
+        ? spawn('npm run dev', { ...spawnOptions, shell: true })
+        : spawn('npm', ['run', 'dev'], spawnOptions);
 
-    server.stdout.on("data", (data) => {
+    server.stdout.on('data', (data) => {
       const output = data.toString();
       outputBuffer.push(output);
 
       if (verbose) {
-        console.log("   [stdout]", output.trim());
+        console.log('   [stdout]', output.trim());
       }
 
       // Look for Vite server ready message
-      if (output.includes("Local:") && !serverReady) {
+      if (output.includes('Local:') && !serverReady) {
         serverReady = true;
-        console.log("   ✓ Vite ready message detected");
+        console.log('   ✓ Vite ready message detected');
         verifyServerWithHealthCheck();
       }
     });
 
-    server.stderr.on("data", (data) => {
+    server.stderr.on('data', (data) => {
       // Vite outputs to stderr for some messages
       const output = data.toString();
       errorBuffer.push(output);
 
       if (verbose) {
-        console.log("   [stderr]", output.trim());
+        console.log('   [stderr]', output.trim());
       }
 
-      if (output.includes("Local:") && !serverReady) {
+      if (output.includes('Local:') && !serverReady) {
         serverReady = true;
-        console.log("   ✓ Vite ready message detected");
+        console.log('   ✓ Vite ready message detected');
         verifyServerWithHealthCheck();
       }
     });
 
-    server.on("error", (error) => {
+    server.on('error', (error) => {
       reject(new Error(`Failed to start server: ${error.message}`));
     });
 
-    server.on("exit", (code, signal) => {
+    server.on('exit', (code, signal) => {
       if (!serverReady) {
-        console.error("❌ Server exited prematurely");
+        console.error('❌ Server exited prematurely');
         console.error(`   Exit code: ${code}, Signal: ${signal}`);
-        console.error("\n   Last stdout output:");
-        outputBuffer
-          .slice(-5)
-          .forEach((line) => console.error("   ", line.trim()));
-        console.error("\n   Last stderr output:");
-        errorBuffer
-          .slice(-5)
-          .forEach((line) => console.error("   ", line.trim()));
+        console.error('\n   Last stdout output:');
+        outputBuffer.slice(-5).forEach((line) => console.error('   ', line.trim()));
+        console.error('\n   Last stderr output:');
+        errorBuffer.slice(-5).forEach((line) => console.error('   ', line.trim()));
         reject(new Error(`Server exited with code ${code}`));
       }
     });
 
     // Health check function that verifies server is actually responding
     async function verifyServerWithHealthCheck() {
-      console.log("   🔍 Verifying server is responsive...");
+      console.log('   🔍 Verifying server is responsive...');
 
-      const isHealthy = await checkServerHealth("http://127.0.0.1:5173", 10);
+      const isHealthy = await checkServerHealth('http://127.0.0.1:5173', 10);
 
       if (isHealthy) {
-        console.log("✅ Development server started and responding\n");
+        console.log('✅ Development server started and responding\n');
         resolve();
       } else {
-        reject(
-          new Error(
-            "Server appeared to start but is not responding to HTTP requests",
-          ),
-        );
+        reject(new Error('Server appeared to start but is not responding to HTTP requests'));
       }
     }
 
@@ -425,33 +392,23 @@ async function startServer() {
 
     setTimeout(async () => {
       if (!serverReady) {
-        console.log(
-          '   ⚠️  No "Local:" message detected yet, trying health check...',
-        );
-        console.log("   📊 Output received so far:");
-        console.log("      stdout lines:", outputBuffer.length);
-        console.log("      stderr lines:", errorBuffer.length);
+        console.log('   ⚠️  No "Local:" message detected yet, trying health check...');
+        console.log('   📊 Output received so far:');
+        console.log('      stdout lines:', outputBuffer.length);
+        console.log('      stderr lines:', errorBuffer.length);
 
         if (outputBuffer.length > 0) {
-          console.log(
-            "   Last stdout:",
-            outputBuffer[outputBuffer.length - 1].trim(),
-          );
+          console.log('   Last stdout:', outputBuffer[outputBuffer.length - 1].trim());
         }
         if (errorBuffer.length > 0) {
-          console.log(
-            "   Last stderr:",
-            errorBuffer[errorBuffer.length - 1].trim(),
-          );
+          console.log('   Last stderr:', errorBuffer[errorBuffer.length - 1].trim());
         }
 
-        const isHealthy = await checkServerHealth("http://127.0.0.1:5173", 20);
+        const isHealthy = await checkServerHealth('http://127.0.0.1:5173', 20);
 
         if (isHealthy) {
           serverReady = true;
-          console.log(
-            "✅ Development server started and responding (detected via health check)\n",
-          );
+          console.log('✅ Development server started and responding (detected via health check)\n');
           resolve();
         }
       }
@@ -460,35 +417,27 @@ async function startServer() {
     // Final timeout after 30 seconds
     setTimeout(() => {
       if (!serverReady) {
-        console.error("❌ Server failed to start within 30 seconds");
-        console.error("\n📊 Diagnostic Information:");
-        console.error(`   Environment: ${isCI ? "CI" : "Local"}`);
+        console.error('❌ Server failed to start within 30 seconds');
+        console.error('\n📊 Diagnostic Information:');
+        console.error(`   Environment: ${isCI ? 'CI' : 'Local'}`);
         console.error(`   stdout lines captured: ${outputBuffer.length}`);
         console.error(`   stderr lines captured: ${errorBuffer.length}`);
 
         if (outputBuffer.length > 0) {
-          console.error("\n   Recent stdout:");
-          outputBuffer
-            .slice(-10)
-            .forEach((line) => console.error("   ", line.trim()));
+          console.error('\n   Recent stdout:');
+          outputBuffer.slice(-10).forEach((line) => console.error('   ', line.trim()));
         } else {
-          console.error("\n   ⚠️  No stdout captured (buffering issue?)");
+          console.error('\n   ⚠️  No stdout captured (buffering issue?)');
         }
 
         if (errorBuffer.length > 0) {
-          console.error("\n   Recent stderr:");
-          errorBuffer
-            .slice(-10)
-            .forEach((line) => console.error("   ", line.trim()));
+          console.error('\n   Recent stderr:');
+          errorBuffer.slice(-10).forEach((line) => console.error('   ', line.trim()));
         } else {
-          console.error("\n   ⚠️  No stderr captured");
+          console.error('\n   ⚠️  No stderr captured');
         }
 
-        reject(
-          new Error(
-            "Server failed to start within 30 seconds - see diagnostic output above",
-          ),
-        );
+        reject(new Error('Server failed to start within 30 seconds - see diagnostic output above'));
       }
     }, 30000);
   });
@@ -497,15 +446,15 @@ async function startServer() {
 /**
  * Run tests in headless browser
  */
-async function runTests(suiteId = "all") {
-  console.log("🌐 Launching headless browser...");
+async function runTests(suiteId = 'all') {
+  console.log('🌐 Launching headless browser...');
 
   browser = await chromium.launch({
     headless: false, // must be false to use --headless=old
     args: [
-      "--no-sandbox",
-      "--disable-setuid-sandbox",
-      "--headless=old", // old headless mode retains WebGL support (new headless shell drops it)
+      '--no-sandbox',
+      '--disable-setuid-sandbox',
+      '--headless=old', // old headless mode retains WebGL support (new headless shell drops it)
     ],
   });
 
@@ -514,12 +463,12 @@ async function runTests(suiteId = "all") {
   });
 
   const page = await context.newPage();
-  page.on("console", (msg) => {
+  page.on('console', (msg) => {
     console.log(`[browser:${msg.type()}] ${msg.text()}`);
   });
 
-  page.on("pageerror", (err) => {
-    console.log("[browser:pageerror]", err);
+  page.on('pageerror', (err) => {
+    console.log('[browser:pageerror]', err);
   });
 
   // Inject script to expose flock globally when it's created
@@ -528,7 +477,7 @@ async function runTests(suiteId = "all") {
       // Override the module import to expose flock globally
       // Hook into module loading to capture flock when it's imported
       const observer = new MutationObserver(() => {
-        const iframe = document.getElementById("flock-iframe");
+        const iframe = document.getElementById('flock-iframe');
         if (iframe && iframe.contentWindow && iframe.contentWindow.flock) {
           window.__testFlock = iframe.contentWindow.flock;
           observer.disconnect();
@@ -544,7 +493,7 @@ async function runTests(suiteId = "all") {
 
   // Collect console messages
   const consoleMessages = [];
-  page.on("console", (msg) => {
+  page.on('console', (msg) => {
     consoleMessages.push({
       type: msg.type(),
       text: msg.text(),
@@ -552,66 +501,64 @@ async function runTests(suiteId = "all") {
   });
 
   // Navigate to test page
-  console.log("📄 Loading test page...");
-  await page.goto("http://127.0.0.1:5173/tests/tests.html", {
-    waitUntil: "networkidle",
+  console.log('📄 Loading test page...');
+  await page.goto('http://127.0.0.1:5173/tests/tests.html', {
+    waitUntil: 'networkidle',
     timeout: 60000,
   });
 
   // Wait for test infrastructure to be ready
-  console.log("⏳ Waiting for test page to load...");
+  console.log('⏳ Waiting for test page to load...');
   try {
     // First wait for mocha to be available
     await page.waitForFunction(
       () => {
         return (
-          typeof window.mocha !== "undefined" &&
-          document.getElementById("testSelect") !== null
+          typeof window.mocha !== 'undefined' && document.getElementById('testSelect') !== null
         );
       },
-      { timeout: 30000 },
+      { timeout: 30000 }
     );
 
-    console.log("✅ Test page loaded");
+    console.log('✅ Test page loaded');
 
     // Then wait for flock to initialize
-    console.log("⏳ Waiting for Flock to initialize...");
+    console.log('⏳ Waiting for Flock to initialize...');
 
     // First wait for flock object to exist
     await page.waitForFunction(
       () => {
-        return typeof window.flock !== "undefined";
+        return typeof window.flock !== 'undefined';
       },
-      { timeout: 30000 },
+      { timeout: 30000 }
     );
 
-    console.log("   ✓ Flock object available");
+    console.log('   ✓ Flock object available');
 
     // Wait for flock initialization to complete
     // The test page puts flock in an iframe, so we need to check if initialization finished
     // by waiting for test definitions to be loaded (which happens after flock init)
-    console.log("   ✓ Waiting for test suite definitions...");
+    console.log('   ✓ Waiting for test suite definitions...');
 
     await page.waitForFunction(
       () => {
         // Check if test suites have been loaded (they load after flock initializes)
-        const testSelect = document.getElementById("testSelect");
+        const testSelect = document.getElementById('testSelect');
         if (!testSelect) return false;
 
         // Test suite options are added after initialization
-        const options = testSelect.querySelectorAll("option");
+        const options = testSelect.querySelectorAll('option');
         return options.length > 2; // More than just the default placeholder options
       },
-      { timeout: 90000 },
+      { timeout: 90000 }
     );
 
-    console.log("✅ Flock initialized and tests loaded\n");
+    console.log('✅ Flock initialized and tests loaded\n');
   } catch (error) {
-    console.error("❌ Failed to load test page");
-    console.error("\nRecent console messages:");
+    console.error('❌ Failed to load test page');
+    console.error('\nRecent console messages:');
     consoleMessages.slice(-15).forEach((msg) => {
-      const prefix =
-        msg.type === "error" ? "❌" : msg.type === "warning" ? "⚠️ " : "  ";
+      const prefix = msg.type === 'error' ? '❌' : msg.type === 'warning' ? '⚠️ ' : '  ';
       console.log(`  ${prefix} [${msg.type}] ${msg.text}`);
     });
     throw error;
@@ -626,7 +573,7 @@ async function runTests(suiteId = "all") {
   // users pass either "@sensing" or "sensing" interchangeably.
   const readDropdownIds = () =>
     page.evaluate(() => {
-      const sel = document.getElementById("testSelect");
+      const sel = document.getElementById('testSelect');
       return sel
         ? Array.from(sel.options)
             .map((o) => o.value)
@@ -644,14 +591,14 @@ async function runTests(suiteId = "all") {
   if (!resolvedSuiteId) {
     throw new Error(
       `Suite "${suiteId}" is not in the test page dropdown after waiting 30s. ` +
-        `Available IDs: ${dropdownIds.join(", ")}. ` +
-        `Tip: pass the bare suite ID (e.g. "sensing") rather than its mocha tag ("@sensing").`,
+        `Available IDs: ${dropdownIds.join(', ')}. ` +
+        `Tip: pass the bare suite ID (e.g. "sensing") rather than its mocha tag ("@sensing").`
     );
   }
 
   // Find suite info for diagnostics
   const suiteInfo = AVAILABLE_SUITES.find((s) => s.id === resolvedSuiteId);
-  const patternInfo = suiteInfo ? suiteInfo.pattern : "unknown";
+  const patternInfo = suiteInfo ? suiteInfo.pattern : 'unknown';
 
   // Select test suite
   if (resolvedSuiteId !== suiteId) {
@@ -660,12 +607,12 @@ async function runTests(suiteId = "all") {
     console.log(`🧪 Running test suite: ${resolvedSuiteId}`);
   }
   if (verbose) {
-    console.log(`   Suite: ${suiteInfo?.name || "Unknown"}`);
-    console.log(`   Pattern: ${patternInfo || "none (all tests)"}`);
+    console.log(`   Suite: ${suiteInfo?.name || 'Unknown'}`);
+    console.log(`   Pattern: ${patternInfo || 'none (all tests)'}`);
   }
   console.log();
 
-  await page.selectOption("#testSelect", resolvedSuiteId);
+  await page.selectOption('#testSelect', resolvedSuiteId);
 
   // Wait for the selection to register and grep filter to be applied
   await page.waitForTimeout(1000);
@@ -712,21 +659,16 @@ async function runTests(suiteId = "all") {
   if (verbose || matchedTests === 0) {
     const preRunState = await page.evaluate(() => {
       return {
-        mochaExists: typeof window.mocha !== "undefined",
+        mochaExists: typeof window.mocha !== 'undefined',
         grepValue: window.mocha?.options?.grep?.toString(),
         totalRegistered: window.mocha?.suite?.total(),
       };
     });
-    console.log(
-      "   Pre-run mocha state:",
-      JSON.stringify(preRunState, null, 2),
-    );
+    console.log('   Pre-run mocha state:', JSON.stringify(preRunState, null, 2));
     console.log(`   Matching tests found: ${matchedTests}`);
 
     if (matchedTests === 0) {
-      console.warn(
-        "   ⚠️  Warning: No tests match the pattern. They may not be registered yet.",
-      );
+      console.warn('   ⚠️  Warning: No tests match the pattern. They may not be registered yet.');
     }
   }
 
@@ -734,12 +676,10 @@ async function runTests(suiteId = "all") {
   if (logTests || logAll) {
     await page.evaluate(() => {
       window.testExecutionLog = [];
-      window.testExecutionLog.push("=== Test Execution Log ===");
-      window.testExecutionLog.push(
-        `Suite: ${document.getElementById("testSelect").value}`,
-      );
+      window.testExecutionLog.push('=== Test Execution Log ===');
+      window.testExecutionLog.push(`Suite: ${document.getElementById('testSelect').value}`);
       window.testExecutionLog.push(`Started: ${new Date().toISOString()}`);
-      window.testExecutionLog.push("");
+      window.testExecutionLog.push('');
     });
   }
 
@@ -747,19 +687,17 @@ async function runTests(suiteId = "all") {
     const diagnostics = await page.evaluate(() => {
       window.apiCallLog = [];
       window.apiCallCounts = {};
-      window.apiCallLog.push("=== API Call Log ===");
-      window.apiCallLog.push(
-        `Suite: ${document.getElementById("testSelect").value}`,
-      );
+      window.apiCallLog.push('=== API Call Log ===');
+      window.apiCallLog.push(`Suite: ${document.getElementById('testSelect').value}`);
       window.apiCallLog.push(`Started: ${new Date().toISOString()}`);
-      window.apiCallLog.push("");
+      window.apiCallLog.push('');
 
       // Access flock from the window (exposed by tests.html)
       const flock = window.__flockForLogging;
 
       if (!flock) {
         return {
-          error: "Flock not found - window.__flockForLogging is not set",
+          error: 'Flock not found - window.__flockForLogging is not set',
           flockExists: false,
         };
       }
@@ -784,7 +722,7 @@ async function runTests(suiteId = "all") {
 
       for (const prop of allProps) {
         try {
-          if (typeof flock[prop] === "function" && prop !== "constructor") {
+          if (typeof flock[prop] === 'function' && prop !== 'constructor') {
             diag.methodCount++;
             if (diag.wrappedMethods.length < 10) {
               diag.wrappedMethods.push(prop);
@@ -806,24 +744,13 @@ async function runTests(suiteId = "all") {
 
                 // Log the call
                 const count = window.apiCallCounts[methodName];
-                const timestamp = new Date()
-                  .toISOString()
-                  .split("T")[1]
-                  .slice(0, -1);
+                const timestamp = new Date().toISOString().split('T')[1].slice(0, -1);
                 try {
-                  const argsStr =
-                    args.length > 0 ? JSON.stringify(args).slice(0, 100) : "()";
-                  window.apiCallLog.push(
-                    `[${timestamp}] ${methodName} (#${count}) ${argsStr}`,
-                  );
+                  const argsStr = args.length > 0 ? JSON.stringify(args).slice(0, 100) : '()';
+                  window.apiCallLog.push(`[${timestamp}] ${methodName} (#${count}) ${argsStr}`);
                 } catch (error) {
-                  console.warn(
-                    "Failed to serialize API call arguments for logging:",
-                    error,
-                  );
-                  window.apiCallLog.push(
-                    `[${timestamp}] ${methodName} (#${count})`,
-                  );
+                  console.warn('Failed to serialize API call arguments for logging:', error);
+                  window.apiCallLog.push(`[${timestamp}] ${methodName} (#${count})`);
                 }
 
                 // Call the original function
@@ -832,10 +759,7 @@ async function runTests(suiteId = "all") {
             })(prop, window._originalFlockMethods[prop]);
           }
         } catch (error) {
-          console.warn(
-            "Skipping inaccessible flock property during instrumentation:",
-            error,
-          );
+          console.warn('Skipping inaccessible flock property during instrumentation:', error);
         }
       }
 
@@ -843,10 +767,7 @@ async function runTests(suiteId = "all") {
     });
 
     if (verbose) {
-      console.log(
-        "   API Logging diagnostics:",
-        JSON.stringify(diagnostics, null, 2),
-      );
+      console.log('   API Logging diagnostics:', JSON.stringify(diagnostics, null, 2));
     }
   }
 
@@ -861,27 +782,23 @@ async function runTests(suiteId = "all") {
           const runner = originalRun(...args);
 
           // Attach our logging hooks to the runner
-          runner.on("test", function (test) {
+          runner.on('test', function (test) {
             window.testExecutionLog.push(`▶ START: ${test.fullTitle()}`);
           });
 
-          runner.on("pass", function (test) {
-            window.testExecutionLog.push(
-              `  ✅ PASS: ${test.fullTitle()} (${test.duration}ms)`,
-            );
+          runner.on('pass', function (test) {
+            window.testExecutionLog.push(`  ✅ PASS: ${test.fullTitle()} (${test.duration}ms)`);
           });
 
-          runner.on("fail", function (test, err) {
+          runner.on('fail', function (test, err) {
             window.testExecutionLog.push(`  ❌ FAIL: ${test.fullTitle()}`);
             window.testExecutionLog.push(`     Error: ${err.message}`);
           });
 
-          runner.on("end", function () {
-            window.testExecutionLog.push("");
-            window.testExecutionLog.push("=== Test Execution Complete ===");
-            window.testExecutionLog.push(
-              `Completed: ${new Date().toISOString()}`,
-            );
+          runner.on('end', function () {
+            window.testExecutionLog.push('');
+            window.testExecutionLog.push('=== Test Execution Complete ===');
+            window.testExecutionLog.push(`Completed: ${new Date().toISOString()}`);
           });
 
           return runner;
@@ -891,27 +808,25 @@ async function runTests(suiteId = "all") {
   }
 
   // Click run button
-  await page.click("#runTestBtn");
+  await page.click('#runTestBtn');
 
   // Wait for tests to start running
   await page.waitForTimeout(1500);
 
   // Wait for tests to complete
-  console.log("⏳ Running tests...\n");
+  console.log('⏳ Running tests...\n');
 
   const results = await page.waitForFunction(
     (expectedCount) => {
-      const stats = document.querySelector("#mocha-stats");
+      const stats = document.querySelector('#mocha-stats');
       if (!stats) return null;
 
-      const duration = stats.querySelector(".duration em");
-      if (!duration || duration.textContent === "") return null;
+      const duration = stats.querySelector('.duration em');
+      if (!duration || duration.textContent === '') return null;
 
       // Tests are complete
-      const passes =
-        parseInt(stats.querySelector(".passes em").textContent) || 0;
-      const failures =
-        parseInt(stats.querySelector(".failures em").textContent) || 0;
+      const passes = parseInt(stats.querySelector('.passes em').textContent) || 0;
+      const failures = parseInt(stats.querySelector('.failures em').textContent) || 0;
       const total = passes + failures;
 
       // Only return results if all expected tests have completed
@@ -920,16 +835,14 @@ async function runTests(suiteId = "all") {
       }
 
       // Get failure details
-      const failureElements = Array.from(
-        document.querySelectorAll(".test.fail"),
-      );
+      const failureElements = Array.from(document.querySelectorAll('.test.fail'));
       const failureDetails = failureElements.map((el) => {
-        const titleEl = el.querySelector("h2");
-        const errorEl = el.querySelector(".error");
+        const titleEl = el.querySelector('h2');
+        const errorEl = el.querySelector('.error');
 
         return {
-          title: titleEl ? titleEl.textContent : "Unknown test",
-          error: errorEl ? errorEl.textContent : "No error message",
+          title: titleEl ? titleEl.textContent : 'Unknown test',
+          error: errorEl ? errorEl.textContent : 'No error message',
         };
       });
 
@@ -942,15 +855,15 @@ async function runTests(suiteId = "all") {
       };
     },
     matchedTests,
-    { timeout: 120000 },
+    { timeout: 120000 }
   ); // Pass expected test count as arg, 2 minute timeout
 
   const testResults = await results.jsonValue();
 
   // Print results
-  console.log("┌─────────────────────────────────────────┐");
-  console.log("│              Test Results               │");
-  console.log("└─────────────────────────────────────────┘\n");
+  console.log('┌─────────────────────────────────────────┐');
+  console.log('│              Test Results               │');
+  console.log('└─────────────────────────────────────────┘\n');
 
   console.log(`  Total Tests:     ${testResults.total}`);
   console.log(`  ✅ Passing:      ${testResults.passes}`);
@@ -958,9 +871,9 @@ async function runTests(suiteId = "all") {
   console.log(`  ⏱️  Duration:     ${testResults.duration}\n`);
 
   if (testResults.failures > 0) {
-    console.log("┌─────────────────────────────────────────┐");
-    console.log("│              Failed Tests               │");
-    console.log("└─────────────────────────────────────────┘\n");
+    console.log('┌─────────────────────────────────────────┐');
+    console.log('│              Failed Tests               │');
+    console.log('└─────────────────────────────────────────┘\n');
 
     testResults.failureDetails.forEach((failure, index) => {
       console.log(`  ${index + 1}. ${failure.title}`);
@@ -971,16 +884,16 @@ async function runTests(suiteId = "all") {
   // Retrieve and save logs if logging was enabled
   if (logTests || logAll) {
     const testLog = await page.evaluate(() => {
-      return window.testExecutionLog ? window.testExecutionLog.join("\n") : "";
+      return window.testExecutionLog ? window.testExecutionLog.join('\n') : '';
     });
 
     if (testLog) {
-      const logsDir = path.resolve(process.cwd(), "logs");
+      const logsDir = path.resolve(process.cwd(), 'logs');
       if (!fs.existsSync(logsDir)) {
         fs.mkdirSync(logsDir, { recursive: true });
       }
 
-      const testLogPath = path.join(logsDir, "test-execution.log");
+      const testLogPath = path.join(logsDir, 'test-execution.log');
       fs.writeFileSync(testLogPath, testLog);
       console.log(`📝 Test execution log saved to: ${testLogPath}\n`);
     }
@@ -988,7 +901,7 @@ async function runTests(suiteId = "all") {
 
   if (logApi || logAll) {
     const apiLog = await page.evaluate(() => {
-      return window.apiCallLog ? window.apiCallLog.join("\n") : "";
+      return window.apiCallLog ? window.apiCallLog.join('\n') : '';
     });
 
     const apiCounts = await page.evaluate(() => {
@@ -996,20 +909,18 @@ async function runTests(suiteId = "all") {
     });
 
     if (apiLog) {
-      const logsDir = path.resolve(process.cwd(), "logs");
+      const logsDir = path.resolve(process.cwd(), 'logs');
       if (!fs.existsSync(logsDir)) {
         fs.mkdirSync(logsDir, { recursive: true });
       }
 
       // Save detailed API call log
-      const apiLogPath = path.join(logsDir, "api-calls.log");
-      let fullLog = apiLog + "\n\n";
-      fullLog += "=== API Call Summary ===\n";
-      fullLog += "Method Call Counts:\n";
-
-      const sortedCounts = Object.entries(apiCounts).sort(
-        (a, b) => b[1] - a[1],
-      );
+      const apiLogPath = path.join(logsDir, 'api-calls.log');
+      let fullLog = apiLog + '\n\n';
+      fullLog += '=== API Call Summary ===\n';
+      fullLog += 'Method Call Counts:\n';
+
+      const sortedCounts = Object.entries(apiCounts).sort((a, b) => b[1] - a[1]);
       sortedCounts.forEach(([method, count]) => {
         fullLog += `  ${method}: ${count}\n`;
       });
@@ -1019,9 +930,9 @@ async function runTests(suiteId = "all") {
 
       // Print summary
       if (sortedCounts.length > 0) {
-        console.log("\n📊 API Call Summary:");
+        console.log('\n📊 API Call Summary:');
         sortedCounts.slice(0, 10).forEach(([method, count]) => {
-          console.log(`   ${method}: ${count} call${count > 1 ? "s" : ""}`);
+          console.log(`   ${method}: ${count} call${count > 1 ? 's' : ''}`);
         });
         if (sortedCounts.length > 10) {
           console.log(`   ... and ${sortedCounts.length - 10} more methods`);
@@ -1044,25 +955,25 @@ async function runTests(suiteId = "all") {
  */
 function cleanup() {
   if (server) {
-    console.log("\n🛑 Stopping development server...");
+    console.log('\n🛑 Stopping development server...');
     // Kill the whole tree (npm + child vite/esbuild). server.kill() alone
     // only signals the immediate child and leaves vite orphaned on port 5173.
     // On Windows, negative-pid process-group kill is a no-op (Windows PIDs
     // are never negative) and TerminateProcess doesn't cascade to children,
     // so `taskkill /T` is used instead to walk the whole descendant tree.
     try {
-      if (server.pid && process.platform === "win32") {
-        execFileSync("taskkill", ["/pid", String(server.pid), "/T", "/F"], {
-          stdio: "ignore",
+      if (server.pid && process.platform === 'win32') {
+        execFileSync('taskkill', ['/pid', String(server.pid), '/T', '/F'], {
+          stdio: 'ignore',
         });
       } else if (server.pid) {
-        process.kill(-server.pid, "SIGTERM");
+        process.kill(-server.pid, 'SIGTERM');
       } else {
-        server.kill("SIGTERM");
+        server.kill('SIGTERM');
       }
     } catch {
       // Group/tree may already be gone; fall back to signalling the child.
-      server.kill("SIGTERM");
+      server.kill('SIGTERM');
     }
   }
   if (browser) {
@@ -1089,7 +1000,7 @@ async function main() {
 
     // Exit with appropriate code
     if (success) {
-      console.log("✅ All tests passed!\n");
+      console.log('✅ All tests passed!\n');
       process.exit(0);
     } else {
       console.log(`❌ ${stats.failures} test(s) failed\n`);
@@ -1104,13 +1015,13 @@ async function main() {
 }
 
 // Handle interrupts
-process.on("SIGINT", () => {
-  console.log("\n\n⚠️  Test run interrupted by user");
+process.on('SIGINT', () => {
+  console.log('\n\n⚠️  Test run interrupted by user');
   cleanup();
   process.exit(1);
 });
 
-process.on("SIGTERM", () => {
+process.on('SIGTERM', () => {
   cleanup();
   process.exit(1);
 });
diff --git a/scripts/run-input-tests.mjs b/scripts/run-input-tests.mjs
index 963c8f65a..b60900ac0 100644
--- a/scripts/run-input-tests.mjs
+++ b/scripts/run-input-tests.mjs
@@ -5,8 +5,8 @@ if (!globalThis.KeyboardEvent) {
   globalThis.KeyboardEvent = class KeyboardEvent extends Event {
     constructor(type, init = {}) {
       super(type, init);
-      this.key = init.key ?? "";
-      this.code = init.code ?? "";
+      this.key = init.key ?? '';
+      this.code = init.code ?? '';
       this.keyCode = init.keyCode ?? 0;
       this.which = init.which ?? 0;
       this.repeat = init.repeat ?? false;
@@ -22,7 +22,7 @@ if (!globalThis.PointerEvent) {
     constructor(type, init = {}) {
       super(type, { bubbles: init.bubbles, cancelable: init.cancelable });
       this.pointerId = init.pointerId ?? 0;
-      this.pointerType = init.pointerType ?? "";
+      this.pointerType = init.pointerType ?? '';
       this.clientX = init.clientX ?? 0;
       this.clientY = init.clientY ?? 0;
       this.button = init.button ?? 0;
@@ -31,16 +31,16 @@ if (!globalThis.PointerEvent) {
   };
 }
 
-import Mocha from "mocha";
-import { runInputTests } from "../tests/input/index.test.js";
+import Mocha from 'mocha';
+import { runInputTests } from '../tests/input/index.test.js';
 
-const mocha = new Mocha({ reporter: "spec" });
+const mocha = new Mocha({ reporter: 'spec' });
 
 // Register all input tests
-mocha.suite.emit("pre-require", globalThis, null, mocha);
+mocha.suite.emit('pre-require', globalThis, null, mocha);
 runInputTests();
-mocha.suite.emit("require", null, null, mocha);
-mocha.suite.emit("post-require", globalThis, null, mocha);
+mocha.suite.emit('require', null, null, mocha);
+mocha.suite.emit('post-require', globalThis, null, mocha);
 
 mocha.run((failures) => {
   process.exitCode = failures ? 1 : 0;
diff --git a/scripts/run-microbit-tests.mjs b/scripts/run-microbit-tests.mjs
index ac23ffe41..275d9c623 100644
--- a/scripts/run-microbit-tests.mjs
+++ b/scripts/run-microbit-tests.mjs
@@ -2,19 +2,19 @@
 // Runs the pure-JS micro:bit suites (protocol, manager with fake transports,
 // image-field helpers) in node. The generator suite needs Blockly and runs in
 // the browser harness instead: npm run test:api microbit.
-import Mocha from "mocha";
-import { runMicrobitProtocolTests } from "../tests/microbit/protocol.test.js";
-import { runMicrobitManagerTests } from "../tests/microbit/manager.test.js";
-import { runMicrobitFieldTests } from "../tests/microbit/field.test.js";
+import Mocha from 'mocha';
+import { runMicrobitProtocolTests } from '../tests/microbit/protocol.test.js';
+import { runMicrobitManagerTests } from '../tests/microbit/manager.test.js';
+import { runMicrobitFieldTests } from '../tests/microbit/field.test.js';
 
-const mocha = new Mocha({ reporter: "spec" });
+const mocha = new Mocha({ reporter: 'spec' });
 
-mocha.suite.emit("pre-require", globalThis, null, mocha);
+mocha.suite.emit('pre-require', globalThis, null, mocha);
 runMicrobitProtocolTests();
 runMicrobitManagerTests();
 runMicrobitFieldTests();
-mocha.suite.emit("require", null, null, mocha);
-mocha.suite.emit("post-require", globalThis, null, mocha);
+mocha.suite.emit('require', null, null, mocha);
+mocha.suite.emit('post-require', globalThis, null, mocha);
 
 mocha.run((failures) => {
   process.exitCode = failures ? 1 : 0;
diff --git a/scripts/test-coverage-matrix.mjs b/scripts/test-coverage-matrix.mjs
index f1807e23f..1b1f45d35 100644
--- a/scripts/test-coverage-matrix.mjs
+++ b/scripts/test-coverage-matrix.mjs
@@ -26,11 +26,11 @@ const projectRoot = path.resolve(__dirname, '..');
  */
 function getGitLastModified(filePath) {
   try {
-    const result = execFileSync(
-      'git',
-      ['log', '-1', '--format=%cI', '--', filePath],
-      { cwd: projectRoot, encoding: 'utf-8', stdio: ['pipe', 'pipe', 'pipe'] }
-    ).trim();
+    const result = execFileSync('git', ['log', '-1', '--format=%cI', '--', filePath], {
+      cwd: projectRoot,
+      encoding: 'utf-8',
+      stdio: ['pipe', 'pipe', 'pipe'],
+    }).trim();
     return result || null;
   } catch {
     return null;
@@ -111,21 +111,27 @@ function getStalenessIndicator(commitsBehind) {
  * Main function to generate the test coverage matrix
  */
 function generateTestCoverageMatrix() {
-  console.log('\n╔════════════════════════════════════════════════════════════════════════════════╗');
+  console.log(
+    '\n╔════════════════════════════════════════════════════════════════════════════════╗'
+  );
   console.log('║                    API File to Test File Coverage Matrix                       ║');
-  console.log('╚════════════════════════════════════════════════════════════════════════════════╝\n');
+  console.log(
+    '╚════════════════════════════════════════════════════════════════════════════════╝\n'
+  );
 
   const apiDir = path.join(projectRoot, 'api');
   const testsDir = path.join(projectRoot, 'tests');
 
   // Get all API files
-  const apiFiles = fs.readdirSync(apiDir)
-    .filter(f => f.endsWith('.js'))
+  const apiFiles = fs
+    .readdirSync(apiDir)
+    .filter((f) => f.endsWith('.js'))
     .sort();
 
   // Get all test files
-  const testFiles = fs.readdirSync(testsDir)
-    .filter(f => f.endsWith('.test.js'))
+  const testFiles = fs
+    .readdirSync(testsDir)
+    .filter((f) => f.endsWith('.test.js'))
     .sort();
 
   // Build the matrix data
@@ -163,7 +169,7 @@ function generateTestCoverageMatrix() {
         testFileDetails.push({
           name: testFile,
           tests: stats.tests,
-          lastModified: testModDate
+          lastModified: testModDate,
         });
       }
 
@@ -187,7 +193,7 @@ function generateTestCoverageMatrix() {
       testCount,
       testLastModified,
       commitsBehind,
-      hasTests: matchingTests.length > 0
+      hasTests: matchingTests.length > 0,
     });
   }
 
@@ -197,16 +203,26 @@ function generateTestCoverageMatrix() {
   console.log('└─────────────────────────────────────────┘\n');
 
   console.log(`  Total API Files:         ${apiFiles.length}`);
-  console.log(`  Files with Tests:        ${filesWithTests} (${apiFiles.length ? Math.round(filesWithTests / apiFiles.length * 100) : 0}%)`);
-  console.log(`  Files without Tests:     ${filesWithNoTests} (${apiFiles.length ? Math.round(filesWithNoTests / apiFiles.length * 100) : 0}%)`);
+  console.log(
+    `  Files with Tests:        ${filesWithTests} (${apiFiles.length ? Math.round((filesWithTests / apiFiles.length) * 100) : 0}%)`
+  );
+  console.log(
+    `  Files without Tests:     ${filesWithNoTests} (${apiFiles.length ? Math.round((filesWithNoTests / apiFiles.length) * 100) : 0}%)`
+  );
   console.log(`  Files with Stale Tests:  ${filesWithStaleTests}`);
   console.log(`  Total Test Cases:        ${totalTests}`);
   console.log('');
 
   // Print the matrix table
-  console.log('┌─────────────────────────────────────────────────────────────────────────────────────────────────────────────┐');
-  console.log('│                                        API File to Test Mapping                                            │');
-  console.log('└─────────────────────────────────────────────────────────────────────────────────────────────────────────────┘\n');
+  console.log(
+    '┌─────────────────────────────────────────────────────────────────────────────────────────────────────────────┐'
+  );
+  console.log(
+    '│                                        API File to Test Mapping                                            │'
+  );
+  console.log(
+    '└─────────────────────────────────────────────────────────────────────────────────────────────────────────────┘\n'
+  );
 
   // Table header
   const header = [
@@ -216,7 +232,7 @@ function generateTestCoverageMatrix() {
     'Tests'.padStart(5),
     'Test Modified'.padEnd(12),
     'Stale'.padStart(5),
-    'Status'
+    'Status',
   ].join(' │ ');
 
   console.log('  ' + header);
@@ -224,17 +240,21 @@ function generateTestCoverageMatrix() {
 
   // Table rows
   for (const row of matrixData) {
-    const testFileStr = row.testFiles.length > 0
-      ? row.testFiles.map(t => t.name).join(', ').substring(0, 36)
-      : '(none)';
+    const testFileStr =
+      row.testFiles.length > 0
+        ? row.testFiles
+            .map((t) => t.name)
+            .join(', ')
+            .substring(0, 36)
+        : '(none)';
 
     const stalenessStr = row.hasTests
-      ? (row.commitsBehind > 0 ? row.commitsBehind.toString() : '0')
+      ? row.commitsBehind > 0
+        ? row.commitsBehind.toString()
+        : '0'
       : '-';
 
-    const statusIndicator = row.hasTests
-      ? getStalenessIndicator(row.commitsBehind)
-      : '❌';
+    const statusIndicator = row.hasTests ? getStalenessIndicator(row.commitsBehind) : '❌';
 
     const rowStr = [
       row.apiFile.padEnd(16),
@@ -243,7 +263,7 @@ function generateTestCoverageMatrix() {
       row.testCount.toString().padStart(5),
       (row.testLastModified || '-').padEnd(12),
       stalenessStr.padStart(5),
-      statusIndicator
+      statusIndicator,
     ].join(' │ ');
 
     console.log('  ' + rowStr);
@@ -262,7 +282,7 @@ function generateTestCoverageMatrix() {
 
   // Print files needing attention
   const staleFiles = matrixData
-    .filter(r => r.hasTests && r.commitsBehind > 0)
+    .filter((r) => r.hasTests && r.commitsBehind > 0)
     .sort((a, b) => b.commitsBehind - a.commitsBehind);
 
   if (staleFiles.length > 0) {
@@ -271,13 +291,15 @@ function generateTestCoverageMatrix() {
     console.log('└─────────────────────────────────────────┘\n');
 
     for (const file of staleFiles) {
-      console.log(`  ${getStalenessIndicator(file.commitsBehind)} ${file.apiFile.padEnd(16)} - ${file.commitsBehind} commit(s) since tests updated`);
+      console.log(
+        `  ${getStalenessIndicator(file.commitsBehind)} ${file.apiFile.padEnd(16)} - ${file.commitsBehind} commit(s) since tests updated`
+      );
     }
     console.log('');
   }
 
   // Print files without tests
-  const noTestFiles = matrixData.filter(r => !r.hasTests);
+  const noTestFiles = matrixData.filter((r) => !r.hasTests);
   if (noTestFiles.length > 0) {
     console.log('┌─────────────────────────────────────────┐');
     console.log('│       Files Without Direct Tests        │');
@@ -300,7 +322,7 @@ function generateTestCoverageMatrix() {
     filesWithTests,
     filesWithNoTests,
     filesWithStaleTests,
-    totalTests
+    totalTests,
   });
 
   const reportPath = path.join(reportsDir, 'test-coverage-matrix.md');
@@ -308,7 +330,7 @@ function generateTestCoverageMatrix() {
   console.log(`📄 Detailed report saved to: ${reportPath}\n`);
 
   // Return exit code based on coverage
-  const coveragePercent = Math.round(filesWithTests / apiFiles.length * 100);
+  const coveragePercent = Math.round((filesWithTests / apiFiles.length) * 100);
   if (coveragePercent < 50) {
     console.log(`⚠️  Warning: Only ${coveragePercent}% of API files have direct tests\n`);
   }
@@ -328,27 +350,24 @@ function generateMarkdownReport(matrixData, stats) {
 
   md += '## Summary\n\n';
   md += `- **Total API Files:** ${stats.totalApiFiles}\n`;
-  md += `- **Files with Tests:** ${stats.filesWithTests} (${stats.totalApiFiles ? Math.round(stats.filesWithTests / stats.totalApiFiles * 100) : 0}%)\n`;
+  md += `- **Files with Tests:** ${stats.filesWithTests} (${stats.totalApiFiles ? Math.round((stats.filesWithTests / stats.totalApiFiles) * 100) : 0}%)\n`;
   md += `- **Files without Tests:** ${stats.filesWithNoTests}\n`;
   md += `- **Files with Stale Tests:** ${stats.filesWithStaleTests}\n`;
   md += `- **Total Test Cases:** ${stats.totalTests}\n\n`;
 
   md += '## Coverage Matrix\n\n';
-  md += '| API File | Last Modified | Test File(s) | Tests | Test Modified | Commits Behind | Status |\n';
-  md += '|----------|---------------|--------------|------:|---------------|---------------:|--------|\n';
+  md +=
+    '| API File | Last Modified | Test File(s) | Tests | Test Modified | Commits Behind | Status |\n';
+  md +=
+    '|----------|---------------|--------------|------:|---------------|---------------:|--------|\n';
 
   for (const row of matrixData) {
-    const testFileStr = row.testFiles.length > 0
-      ? row.testFiles.map(t => `\`${t.name}\``).join(', ')
-      : '(none)';
+    const testFileStr =
+      row.testFiles.length > 0 ? row.testFiles.map((t) => `\`${t.name}\``).join(', ') : '(none)';
 
-    const stalenessStr = row.hasTests
-      ? row.commitsBehind.toString()
-      : '-';
+    const stalenessStr = row.hasTests ? row.commitsBehind.toString() : '-';
 
-    const statusIndicator = row.hasTests
-      ? getStalenessIndicator(row.commitsBehind)
-      : '❌';
+    const statusIndicator = row.hasTests ? getStalenessIndicator(row.commitsBehind) : '❌';
 
     md += `| ${row.apiFile} | ${row.apiLastModified || '-'} | ${testFileStr} | ${row.testCount} | ${row.testLastModified || '-'} | ${stalenessStr} | ${statusIndicator} |\n`;
   }
@@ -362,7 +381,7 @@ function generateMarkdownReport(matrixData, stats) {
 
   // Files needing attention
   const staleFiles = matrixData
-    .filter(r => r.hasTests && r.commitsBehind > 0)
+    .filter((r) => r.hasTests && r.commitsBehind > 0)
     .sort((a, b) => b.commitsBehind - a.commitsBehind);
 
   if (staleFiles.length > 0) {
@@ -376,7 +395,7 @@ function generateMarkdownReport(matrixData, stats) {
   }
 
   // Files without tests
-  const noTestFiles = matrixData.filter(r => !r.hasTests);
+  const noTestFiles = matrixData.filter((r) => !r.hasTests);
   if (noTestFiles.length > 0) {
     md += '## Files Without Direct Tests\n\n';
     md += 'These API files do not have dedicated test files:\n\n';
diff --git a/scripts/utils/extract-api-methods.mjs b/scripts/utils/extract-api-methods.mjs
index 005e06a2a..646aea72b 100644
--- a/scripts/utils/extract-api-methods.mjs
+++ b/scripts/utils/extract-api-methods.mjs
@@ -1,6 +1,6 @@
-import fs from "fs";
-import path from "path";
-import { fileURLToPath } from "url";
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -10,9 +10,9 @@ const __dirname = path.dirname(__filename);
  * @returns {Array<{name: string, line: number}>} Array of method names and line numbers
  */
 export function extractApiMethods() {
-  const flockJsPath = path.resolve(__dirname, "../../flock.js");
-  const content = fs.readFileSync(flockJsPath, "utf-8");
-  const lines = content.split("\n");
+  const flockJsPath = path.resolve(__dirname, '../../flock.js');
+  const content = fs.readFileSync(flockJsPath, 'utf-8');
+  const lines = content.split('\n');
 
   const methods = [];
   let inApiSection = false;
@@ -22,16 +22,13 @@ export function extractApiMethods() {
     const lineNum = i + 1;
 
     // Start of API binding section (around line 865)
-    if (
-      line.includes("// Flock API methods") ||
-      line.includes("Flock API methods —")
-    ) {
+    if (line.includes('// Flock API methods') || line.includes('Flock API methods —')) {
       inApiSection = true;
       continue;
     }
 
     // End of API binding section (closing brace and semicolon around line 987-988)
-    if (inApiSection && line.trim() === "};") {
+    if (inApiSection && line.trim() === '};') {
       break;
     }
 
@@ -54,18 +51,16 @@ export function extractApiMethods() {
  * @returns {string|null} File path relative to project root, or null if not found
  */
 export function findMethodImplementation(methodName) {
-  const apiDir = path.resolve(__dirname, "../../api");
-  const apiFiles = fs.readdirSync(apiDir).filter((f) => f.endsWith(".js"));
+  const apiDir = path.resolve(__dirname, '../../api');
+  const apiFiles = fs.readdirSync(apiDir).filter((f) => f.endsWith('.js'));
 
   for (const file of apiFiles) {
     const filePath = path.join(apiDir, file);
-    const content = fs.readFileSync(filePath, "utf-8");
+    const content = fs.readFileSync(filePath, 'utf-8');
 
     // Look for method definition in exported object
     // Pattern: methodName(...) { or async methodName(...) {
-    const pattern = new RegExp(
-      `(?:async\\s+)?${methodName}\\s*\\([^)]*\\)\\s*\\{`,
-    );
+    const pattern = new RegExp(`(?:async\\s+)?${methodName}\\s*\\([^)]*\\)\\s*\\{`);
     if (pattern.test(content)) {
       return `api/${file}`;
     }
@@ -80,36 +75,36 @@ export function findMethodImplementation(methodName) {
  * @returns {string} Category name
  */
 export function categorizeMethod(filePath) {
-  if (!filePath) return "Unknown";
+  if (!filePath) return 'Unknown';
 
   const categoryMap = {
-    "animate.js": "Animation",
-    "camera.js": "Camera",
-    "csg.js": "CSG/Mesh Operations",
-    "effects.js": "Effects",
-    "material.js": "Materials",
-    "mesh.js": "Mesh",
-    "models.js": "Models",
-    "movement.js": "Movement",
-    "physics.js": "Physics",
-    "scene.js": "Scene",
-    "shapes.js": "Shapes",
-    "sound.js": "Sound",
-    "transform.js": "Transform",
-    "ui.js": "UI",
+    'animate.js': 'Animation',
+    'camera.js': 'Camera',
+    'csg.js': 'CSG/Mesh Operations',
+    'effects.js': 'Effects',
+    'material.js': 'Materials',
+    'mesh.js': 'Mesh',
+    'models.js': 'Models',
+    'movement.js': 'Movement',
+    'physics.js': 'Physics',
+    'scene.js': 'Scene',
+    'shapes.js': 'Shapes',
+    'sound.js': 'Sound',
+    'transform.js': 'Transform',
+    'ui.js': 'UI',
   };
 
   const fileName = path.basename(filePath);
-  return categoryMap[fileName] || "Other";
+  return categoryMap[fileName] || 'Other';
 }
 
 // If run directly, output the methods
 if (import.meta.url === `file://${process.argv[1]}`) {
   const methods = extractApiMethods();
   console.log(`Found ${methods.length} API methods in flock.js`);
-  console.log("\nMethods:");
+  console.log('\nMethods:');
   methods.forEach((m) => {
     const impl = findMethodImplementation(m.name);
-    console.log(`  ${m.name} (line ${m.line}) -> ${impl || "NOT FOUND"}`);
+    console.log(`  ${m.name} (line ${m.line}) -> ${impl || 'NOT FOUND'}`);
   });
 }
diff --git a/scripts/utils/parse-api-md.mjs b/scripts/utils/parse-api-md.mjs
index 6b58f141d..bc74ea84c 100644
--- a/scripts/utils/parse-api-md.mjs
+++ b/scripts/utils/parse-api-md.mjs
@@ -1,22 +1,22 @@
 #!/usr/bin/env node
 
-import fs from "fs";
-import path from "path";
+import fs from 'fs';
+import path from 'path';
 
 /**
  * Parse API.md and extract all documented method names
  * @returns {Set<string>} Set of method names documented in API.md
  */
 export function parseApiMd() {
-  const apiMdPath = path.resolve(process.cwd(), "API.md");
+  const apiMdPath = path.resolve(process.cwd(), 'API.md');
 
   if (!fs.existsSync(apiMdPath)) {
-    console.warn("⚠️  API.md not found");
+    console.warn('⚠️  API.md not found');
     return new Set();
   }
 
-  const content = fs.readFileSync(apiMdPath, "utf-8");
-  const lines = content.split("\n");
+  const content = fs.readFileSync(apiMdPath, 'utf-8');
+  const lines = content.split('\n');
 
   const documentedMethods = new Set();
 
@@ -50,30 +50,22 @@ export function getDocumentationStatus(methodName, jsdocMap, apiMdMethods) {
     hasApiMdDoc,
     hasAnyDoc: hasJSDoc || hasApiMdDoc,
     docType:
-      hasJSDoc && hasApiMdDoc
-        ? "both"
-        : hasJSDoc
-          ? "jsdoc"
-          : hasApiMdDoc
-            ? "api.md"
-            : "none",
+      hasJSDoc && hasApiMdDoc ? 'both' : hasJSDoc ? 'jsdoc' : hasApiMdDoc ? 'api.md' : 'none',
   };
 }
 
 // Run if called directly
 if (import.meta.url === `file://${process.argv[1]}`) {
-  console.log("\n📖 Parsing API.md for documented methods...\n");
+  console.log('\n📖 Parsing API.md for documented methods...\n');
 
   const documentedMethods = parseApiMd();
 
-  console.log(
-    `✅ Found ${documentedMethods.size} documented methods in API.md:\n`,
-  );
+  console.log(`✅ Found ${documentedMethods.size} documented methods in API.md:\n`);
 
   const sorted = Array.from(documentedMethods).sort();
   sorted.forEach((method, index) => {
     console.log(`  ${(index + 1).toString().padStart(3)}. ${method}`);
   });
 
-  console.log("");
+  console.log('');
 }
diff --git a/scripts/utils/parse-jsdoc.mjs b/scripts/utils/parse-jsdoc.mjs
index 13395a137..a677deeb6 100644
--- a/scripts/utils/parse-jsdoc.mjs
+++ b/scripts/utils/parse-jsdoc.mjs
@@ -1,5 +1,5 @@
-import fs from "fs";
-import path from "path";
+import fs from 'fs';
+import path from 'path';
 
 /**
  * Parses JSDoc comments from a JavaScript file
@@ -7,7 +7,7 @@ import path from "path";
  * @returns {Map<string, Object>} Map of method name to JSDoc data
  */
 export function parseJSDoc(filePath) {
-  const content = fs.readFileSync(filePath, "utf-8");
+  const content = fs.readFileSync(filePath, 'utf-8');
   const jsdocMap = new Map();
 
   // Match JSDoc blocks followed by method definitions
@@ -26,10 +26,10 @@ export function parseJSDoc(filePath) {
       params: extractParams(jsdocContent),
       returns: extractReturns(jsdocContent),
       examples: extractExamples(jsdocContent),
-      category: extractTag(jsdocContent, "category"),
-      tested: extractTag(jsdocContent, "tested"),
-      deprecated: hasTag(jsdocContent, "deprecated"),
-      since: extractTag(jsdocContent, "since"),
+      category: extractTag(jsdocContent, 'category'),
+      tested: extractTag(jsdocContent, 'tested'),
+      deprecated: hasTag(jsdocContent, 'deprecated'),
+      since: extractTag(jsdocContent, 'since'),
       tags: extractAllTags(jsdocContent),
     };
 
@@ -43,17 +43,15 @@ export function parseJSDoc(filePath) {
  * Extract description from JSDoc content
  */
 function extractDescription(jsdocContent) {
-  const lines = jsdocContent
-    .split("\n")
-    .map((l) => l.trim().replace(/^\*\s?/, ""));
+  const lines = jsdocContent.split('\n').map((l) => l.trim().replace(/^\*\s?/, ''));
   const description = [];
 
   for (const line of lines) {
-    if (line.startsWith("@")) break;
+    if (line.startsWith('@')) break;
     if (line) description.push(line);
   }
 
-  return description.join(" ").trim();
+  return description.join(' ').trim();
 }
 
 /**
@@ -65,11 +63,11 @@ function extractParams(jsdocContent) {
 
   let match;
   while ((match = paramPattern.exec(jsdocContent)) !== null) {
-    const paramName = match[2].replace(/[[\]]/g, "");
+    const paramName = match[2].replace(/[[\]]/g, '');
     params.push({
       type: match[1],
       name: paramName,
-      optional: match[2].startsWith("["),
+      optional: match[2].startsWith('['),
       description: match[3],
     });
   }
@@ -104,9 +102,9 @@ function extractExamples(jsdocContent) {
   let match;
   while ((match = examplePattern.exec(jsdocContent)) !== null) {
     const example = match[1]
-      .split("\n")
-      .map((l) => l.trim().replace(/^\*\s?/, ""))
-      .join("\n")
+      .split('\n')
+      .map((l) => l.trim().replace(/^\*\s?/, ''))
+      .join('\n')
       .trim();
 
     if (example) examples.push(example);
@@ -153,19 +151,15 @@ function extractAllTags(jsdocContent) {
 export function isJSDocComplete(docData) {
   if (!docData || !docData.hasDoc) return false;
 
-  return !!(
-    docData.description &&
-    docData.returns &&
-    docData.examples.length > 0
-  );
+  return !!(docData.description && docData.returns && docData.examples.length > 0);
 }
 
 /**
  * Parse all API files and return JSDoc map
  */
 export function parseAllApiFiles() {
-  const apiDir = path.resolve(process.cwd(), "api");
-  const apiFiles = fs.readdirSync(apiDir).filter((f) => f.endsWith(".js"));
+  const apiDir = path.resolve(process.cwd(), 'api');
+  const apiFiles = fs.readdirSync(apiDir).filter((f) => f.endsWith('.js'));
 
   const allDocs = new Map();
 
@@ -188,19 +182,17 @@ if (import.meta.url === `file://${process.argv[1]}`) {
   const allDocs = parseAllApiFiles();
   console.log(`Parsed JSDoc from ${allDocs.size} methods`);
 
-  const complete = Array.from(allDocs.entries()).filter(([, doc]) =>
-    isJSDocComplete(doc),
-  );
+  const complete = Array.from(allDocs.entries()).filter(([, doc]) => isJSDocComplete(doc));
   console.log(`\nComplete documentation: ${complete.length}/${allDocs.size}`);
 
-  console.log("\nSample documentation:");
+  console.log('\nSample documentation:');
   const sample = Array.from(allDocs.entries())[0];
   if (sample) {
     const [name, doc] = sample;
     console.log(`\n${name}:`);
     console.log(`  Description: ${doc.description}`);
     console.log(`  Params: ${doc.params.length}`);
-    console.log(`  Returns: ${doc.returns ? "Yes" : "No"}`);
+    console.log(`  Returns: ${doc.returns ? 'Yes' : 'No'}`);
     console.log(`  Examples: ${doc.examples.length}`);
   }
 }
diff --git a/scripts/utils/test-analyzer.mjs b/scripts/utils/test-analyzer.mjs
index f672b3b64..ee8bc6865 100644
--- a/scripts/utils/test-analyzer.mjs
+++ b/scripts/utils/test-analyzer.mjs
@@ -1,6 +1,6 @@
-import fs from "fs";
-import path from "path";
-import { fileURLToPath } from "url";
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -10,16 +10,14 @@ const __dirname = path.dirname(__filename);
  * @returns {Map<string, Array<string>>} Map of method name to test files
  */
 export function analyzeTestCoverage() {
-  const testsDir = path.resolve(__dirname, "../../tests");
-  const testFiles = fs
-    .readdirSync(testsDir)
-    .filter((f) => f.endsWith(".test.js"));
+  const testsDir = path.resolve(__dirname, '../../tests');
+  const testFiles = fs.readdirSync(testsDir).filter((f) => f.endsWith('.test.js'));
 
   const methodTestMap = new Map();
 
   for (const file of testFiles) {
     const filePath = path.join(testsDir, file);
-    const content = fs.readFileSync(filePath, "utf-8");
+    const content = fs.readFileSync(filePath, 'utf-8');
 
     // Find method calls like: flock.methodName(
     const methodCallPattern = /flock\.(\w+)\s*\(/g;
@@ -46,16 +44,14 @@ export function analyzeTestCoverage() {
  * @returns {Array<Object>} Array of test suite definitions
  */
 export function getTestSuites() {
-  const testsHtmlPath = path.resolve(__dirname, "../../tests/tests.html");
-  const content = fs.readFileSync(testsHtmlPath, "utf-8");
+  const testsHtmlPath = path.resolve(__dirname, '../../tests/tests.html');
+  const content = fs.readFileSync(testsHtmlPath, 'utf-8');
 
   // Extract testSuiteDefinitions array
-  const arrayMatch = content.match(
-    /const testSuiteDefinitions = \[([\s\S]*?)\];/,
-  );
+  const arrayMatch = content.match(/const testSuiteDefinitions = \[([\s\S]*?)\];/);
 
   if (!arrayMatch) {
-    console.warn("Could not find testSuiteDefinitions in tests.html");
+    console.warn('Could not find testSuiteDefinitions in tests.html');
     return [];
   }
 
@@ -84,7 +80,7 @@ export function getTestSuites() {
  * @returns {Object} Test count statistics
  */
 export function countTestsInFile(testFilePath) {
-  const content = fs.readFileSync(testFilePath, "utf-8");
+  const content = fs.readFileSync(testFilePath, 'utf-8');
 
   // Count describe blocks
   const describeMatches = content.match(/describe\(/g);
@@ -111,10 +107,8 @@ export function countTestsInFile(testFilePath) {
  * @returns {Object} Statistics about all tests
  */
 export function getTestStatistics() {
-  const testsDir = path.resolve(__dirname, "../../tests");
-  const testFiles = fs
-    .readdirSync(testsDir)
-    .filter((f) => f.endsWith(".test.js"));
+  const testsDir = path.resolve(__dirname, '../../tests');
+  const testFiles = fs.readdirSync(testsDir).filter((f) => f.endsWith('.test.js'));
 
   let totalTests = 0;
   let totalSkipped = 0;
@@ -154,13 +148,13 @@ export function findUntestedMethods(allMethods, testCoverage) {
 
 // If run directly, output test analysis
 if (import.meta.url === `file://${process.argv[1]}`) {
-  console.log("Test Coverage Analysis");
-  console.log("======================\n");
+  console.log('Test Coverage Analysis');
+  console.log('======================\n');
 
   const coverage = analyzeTestCoverage();
   console.log(`Methods tested: ${coverage.size}`);
 
-  console.log("\nMethods with most test coverage:");
+  console.log('\nMethods with most test coverage:');
   const sorted = Array.from(coverage.entries())
     .sort((a, b) => b[1].length - a[1].length)
     .slice(0, 10);
@@ -169,7 +163,7 @@ if (import.meta.url === `file://${process.argv[1]}`) {
     console.log(`  ${method}: ${files.length} test file(s)`);
   });
 
-  console.log("\nTest Statistics:");
+  console.log('\nTest Statistics:');
   const stats = getTestStatistics();
   console.log(`  Total test files: ${stats.totalFiles}`);
   console.log(`  Total tests: ${stats.totalTests}`);
@@ -177,7 +171,7 @@ if (import.meta.url === `file://${process.argv[1]}`) {
   console.log(`  Skipped tests: ${stats.totalSkipped}`);
   console.log(`  Describe blocks: ${stats.totalDescribes}`);
 
-  console.log("\nTest Suites:");
+  console.log('\nTest Suites:');
   const suites = getTestSuites();
   console.log(`  Found ${suites.length} test suite definitions`);
   suites.slice(0, 5).forEach((suite) => {
diff --git a/style.css b/style.css
index 58ff1c7b8..ac3719774 100644
--- a/style.css
+++ b/style.css
@@ -542,7 +542,9 @@ button {
   background: transparent;
   color: #ffffff;
   cursor: pointer;
-  transition: transform 0.12s ease, color 0.12s ease;
+  transition:
+    transform 0.12s ease,
+    color 0.12s ease;
 }
 
 .canvas-stopped-overlay__play .icon,
@@ -1468,7 +1470,7 @@ button {
   background-color: var(--color-button-bg-hover);
 }
 
-.example-tab[aria-selected="true"] {
+.example-tab[aria-selected='true'] {
   background-color: var(--color-primary);
   border-color: var(--color-primary);
   color: var(--color-text-on-primary);
diff --git a/tests/accessibility/getPlayerMesh.test.js b/tests/accessibility/getPlayerMesh.test.js
index 3b6dcdb1c..5d67a07f3 100644
--- a/tests/accessibility/getPlayerMesh.test.js
+++ b/tests/accessibility/getPlayerMesh.test.js
@@ -1,19 +1,15 @@
-import { expect } from "chai";
-import { getPlayerMesh } from "../../accessibility/accessibility.js";
+import { expect } from 'chai';
+import { getPlayerMesh } from '../../accessibility/accessibility.js';
 
 export function runGetPlayerMeshTests(flock) {
-  describe("getPlayerMesh @accessibility @getplayermesh", function () {
+  describe('getPlayerMesh @accessibility @getplayermesh', function () {
     let testMeshes = [];
     let originalLockedTarget;
     let originalParent;
     let originalFollowing;
 
     function makeMesh(name, metadata = {}) {
-      const mesh = flock.BABYLON.MeshBuilder.CreateBox(
-        name,
-        { size: 1 },
-        flock.scene,
-      );
+      const mesh = flock.BABYLON.MeshBuilder.CreateBox(name, { size: 1 }, flock.scene);
       mesh.metadata = metadata;
       mesh.computeWorldMatrix(true);
       testMeshes.push(mesh);
@@ -32,7 +28,7 @@ export function runGetPlayerMeshTests(flock) {
       if (camera) {
         if (originalLockedTarget !== undefined) {
           camera.lockedTarget = originalLockedTarget;
-        } else if ("lockedTarget" in camera) {
+        } else if ('lockedTarget' in camera) {
           camera.lockedTarget = null;
         }
         camera.parent = originalParent ?? null;
@@ -47,58 +43,58 @@ export function runGetPlayerMeshTests(flock) {
       testMeshes = [];
     });
 
-    it("returns the mesh set as camera.lockedTarget", function () {
+    it('returns the mesh set as camera.lockedTarget', function () {
       const camera = flock.scene.activeCamera;
-      const player = makeMesh("_test_a11y_locked");
+      const player = makeMesh('_test_a11y_locked');
       camera.lockedTarget = player;
       expect(getPlayerMesh(flock.scene)).to.equal(player);
     });
 
-    it("returns the mesh set as camera.parent", function () {
+    it('returns the mesh set as camera.parent', function () {
       const camera = flock.scene.activeCamera;
-      const player = makeMesh("_test_a11y_parent");
+      const player = makeMesh('_test_a11y_parent');
       camera.parent = player;
       expect(getPlayerMesh(flock.scene)).to.equal(player);
     });
 
-    it("returns the mesh set in camera.metadata.following", function () {
+    it('returns the mesh set in camera.metadata.following', function () {
       const camera = flock.scene.activeCamera;
-      const player = makeMesh("_test_a11y_following");
+      const player = makeMesh('_test_a11y_following');
       camera.metadata = camera.metadata || {};
       camera.metadata.following = player;
       expect(getPlayerMesh(flock.scene)).to.equal(player);
     });
 
-    it("returns null when no camera attachment and no high-scoring mesh", function () {
+    it('returns null when no camera attachment and no high-scoring mesh', function () {
       const camera = flock.scene.activeCamera;
-      if ("lockedTarget" in camera) camera.lockedTarget = null;
+      if ('lockedTarget' in camera) camera.lockedTarget = null;
       camera.parent = null;
       if (camera.metadata) camera.metadata.following = undefined;
-      makeMesh("_test_a11y_block", {}); // no player signals, scores below threshold
+      makeMesh('_test_a11y_block', {}); // no player signals, scores below threshold
       expect(getPlayerMesh(flock.scene)).to.be.null;
     });
 
-    it("falls back to heuristic when camera has no attached mesh", function () {
+    it('falls back to heuristic when camera has no attached mesh', function () {
       const camera = flock.scene.activeCamera;
-      if ("lockedTarget" in camera) camera.lockedTarget = null;
+      if ('lockedTarget' in camera) camera.lockedTarget = null;
       camera.parent = null;
       if (camera.metadata) camera.metadata.following = undefined;
-      const player = makeMesh("_test_a11y_heuristic", { isPlayer: true });
+      const player = makeMesh('_test_a11y_heuristic', { isPlayer: true });
       expect(getPlayerMesh(flock.scene)).to.equal(player);
     });
 
-    it("prefers camera attachment over heuristic match", function () {
+    it('prefers camera attachment over heuristic match', function () {
       const camera = flock.scene.activeCamera;
-      const attached = makeMesh("_test_a11y_attached");
-      makeMesh("_test_a11y_heuristic2", { isPlayer: true });
+      const attached = makeMesh('_test_a11y_attached');
+      makeMesh('_test_a11y_heuristic2', { isPlayer: true });
       camera.lockedTarget = attached;
       expect(getPlayerMesh(flock.scene)).to.equal(attached);
     });
 
-    it("prefers lockedTarget over metadata.following", function () {
+    it('prefers lockedTarget over metadata.following', function () {
       const camera = flock.scene.activeCamera;
-      const locked = makeMesh("_test_a11y_locked2");
-      const following = makeMesh("_test_a11y_following2");
+      const locked = makeMesh('_test_a11y_locked2');
+      const following = makeMesh('_test_a11y_following2');
       camera.lockedTarget = locked;
       camera.metadata = camera.metadata || {};
       camera.metadata.following = following;
diff --git a/tests/accessibility/index.test.js b/tests/accessibility/index.test.js
index 3fb808ea7..fd08bad2a 100644
--- a/tests/accessibility/index.test.js
+++ b/tests/accessibility/index.test.js
@@ -1,4 +1,4 @@
-import { runGetPlayerMeshTests } from "./getPlayerMesh.test.js";
+import { runGetPlayerMeshTests } from './getPlayerMesh.test.js';
 
 export function runAccessibilityTests(flock) {
   runGetPlayerMeshTests(flock);
diff --git a/tests/animate.test.js b/tests/animate.test.js
index f864d022e..7c850cdab 100644
--- a/tests/animate.test.js
+++ b/tests/animate.test.js
@@ -1,13 +1,11 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runAnimateTests(flock) {
   // Rotate APIs store orientation in the quaternion; mesh.rotation reads zero.
   const effectiveEuler = (mesh) =>
-    mesh.rotationQuaternion
-      ? mesh.rotationQuaternion.toEulerAngles()
-      : mesh.rotation.clone();
+    mesh.rotationQuaternion ? mesh.rotationQuaternion.toEulerAngles() : mesh.rotation.clone();
 
-  describe("Animation API Tests @slow", function () {
+  describe('Animation API Tests @slow', function () {
     const boxIds = [];
 
     beforeEach(async function () {
@@ -21,9 +19,9 @@ export function runAnimateTests(flock) {
       boxIds.length = 0;
     });
 
-    describe("rotateAnim function", function () {
-      it("should rotate a mesh with default values", async function () {
-        const boxId = "rotateAnimDefault";
+    describe('rotateAnim function', function () {
+      it('should rotate a mesh with default values', async function () {
+        const boxId = 'rotateAnimDefault';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -46,8 +44,8 @@ export function runAnimateTests(flock) {
         expect(endEuler.z).to.be.closeTo(initialRotation.z, 0.01);
       });
 
-      it("should rotate a mesh around X axis", async function () {
-        const boxId = "rotateAnimX";
+      it('should rotate a mesh around X axis', async function () {
+        const boxId = 'rotateAnimX';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -67,8 +65,8 @@ export function runAnimateTests(flock) {
         expect(Math.abs(effectiveEuler(mesh).z)).to.be.lessThan(0.1);
       });
 
-      it("should rotate a mesh around Y axis", async function () {
-        const boxId = "rotateAnimY";
+      it('should rotate a mesh around Y axis', async function () {
+        const boxId = 'rotateAnimY';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -88,8 +86,8 @@ export function runAnimateTests(flock) {
         expect(Math.abs(effectiveEuler(mesh).z)).to.be.lessThan(0.1);
       });
 
-      it("should rotate a mesh around Z axis", async function () {
-        const boxId = "rotateAnimZ";
+      it('should rotate a mesh around Z axis', async function () {
+        const boxId = 'rotateAnimZ';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -109,8 +107,8 @@ export function runAnimateTests(flock) {
         expect(Math.abs(effectiveEuler(mesh).y)).to.be.lessThan(0.1);
       });
 
-      it("should rotate a mesh around multiple axes", async function () {
-        const boxId = "rotateAnimMultiple";
+      it('should rotate a mesh around multiple axes', async function () {
+        const boxId = 'rotateAnimMultiple';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -135,8 +133,8 @@ export function runAnimateTests(flock) {
         expect(Math.abs(effectiveEuler(mesh).z)).to.be.closeTo(Math.PI / 2, 0.1); // 90 degrees
       });
 
-      it("should handle partial rotation parameters", async function () {
-        const boxId = "rotateAnimPartial";
+      it('should handle partial rotation parameters', async function () {
+        const boxId = 'rotateAnimPartial';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -156,8 +154,8 @@ export function runAnimateTests(flock) {
         expect(Math.abs(effectiveEuler(mesh).z)).to.be.lessThan(0.1);
       });
 
-      it("should handle negative rotation values", async function () {
-        const boxId = "rotateAnimNegative";
+      it('should handle negative rotation values', async function () {
+        const boxId = 'rotateAnimNegative';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -175,8 +173,8 @@ export function runAnimateTests(flock) {
         expect(Math.abs(effectiveEuler(mesh).x)).to.be.closeTo(Math.PI / 2, 0.1);
       });
 
-      it("should respect custom duration", async function () {
-        const boxId = "rotateAnimDuration";
+      it('should respect custom duration', async function () {
+        const boxId = 'rotateAnimDuration';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -198,8 +196,8 @@ export function runAnimateTests(flock) {
         expect(actualDuration).to.be.at.most(300);
       });
 
-      it("should start from the current orientation, not snap to zero", async function () {
-        const boxId = "rotateAnimNoSnap";
+      it('should start from the current orientation, not snap to zero', async function () {
+        const boxId = 'rotateAnimNoSnap';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -221,8 +219,8 @@ export function runAnimateTests(flock) {
         expect(midYaw).to.be.greaterThan(Math.PI / 6); // well above the ~6° a zero start would give
       });
 
-      it("should return to the start rotation when reverse is true", async function () {
-        const boxId = "rotateAnimReverse";
+      it('should return to the start rotation when reverse is true', async function () {
+        const boxId = 'rotateAnimReverse';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -249,9 +247,9 @@ export function runAnimateTests(flock) {
       });
     });
 
-    describe("animateProperty function", function () {
-      it("should animate alpha property", async function () {
-        const boxId = "animateAlpha";
+    describe('animateProperty function', function () {
+      it('should animate alpha property', async function () {
+        const boxId = 'animateAlpha';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -264,7 +262,7 @@ export function runAnimateTests(flock) {
         expect(mesh).to.exist;
 
         await flock.animateProperty(boxId, {
-          property: "alpha",
+          property: 'alpha',
           targetValue: 0.5,
           duration: 0.1,
         });
@@ -273,8 +271,8 @@ export function runAnimateTests(flock) {
         expect(mesh.material.alpha).to.be.closeTo(0.5, 0.1);
       });
 
-      it("should animate color property", async function () {
-        const boxId = "animateColor";
+      it('should animate color property', async function () {
+        const boxId = 'animateColor';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -287,8 +285,8 @@ export function runAnimateTests(flock) {
         expect(mesh).to.exist;
 
         await flock.animateProperty(boxId, {
-          property: "diffuseColor",
-          targetValue: "#FF0000",
+          property: 'diffuseColor',
+          targetValue: '#FF0000',
           duration: 0.1,
         });
 
@@ -300,9 +298,9 @@ export function runAnimateTests(flock) {
       });
     });
 
-    describe("createAnimation function", function () {
-      it("should create animation group", async function () {
-        const boxId = "createAnimTest";
+    describe('createAnimation function', function () {
+      it('should create animation group', async function () {
+        const boxId = 'createAnimTest';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -316,24 +314,24 @@ export function runAnimateTests(flock) {
           { duration: 1, value: 90 },
         ];
 
-        const groupName = await flock.createAnimation("testGroup", boxId, {
-          property: "rotation.x",
+        const groupName = await flock.createAnimation('testGroup', boxId, {
+          property: 'rotation.x',
           keyframes: keyframes,
-          easing: "Linear",
+          easing: 'Linear',
           loop: false,
           reverse: false,
-          mode: "AWAIT",
+          mode: 'AWAIT',
         });
 
-        expect(groupName).to.equal("testGroup");
+        expect(groupName).to.equal('testGroup');
 
         // Check that animation group was created
-        const animGroup = flock.scene.getAnimationGroupByName("testGroup");
+        const animGroup = flock.scene.getAnimationGroupByName('testGroup');
         expect(animGroup).to.exist;
       });
 
-      it("should generate unique group name when not provided", async function () {
-        const boxId = "createAnimUnique";
+      it('should generate unique group name when not provided', async function () {
+        const boxId = 'createAnimUnique';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -343,31 +341,31 @@ export function runAnimateTests(flock) {
         boxIds.push(boxId);
 
         const keyframes = [
-          { duration: 0, value: "#FF0000" },
-          { duration: 1, value: "#00FF00" },
+          { duration: 0, value: '#FF0000' },
+          { duration: 1, value: '#00FF00' },
         ];
 
         const groupName = await flock.createAnimation(
           null, // No group name provided
           boxId,
           {
-            property: "color",
+            property: 'color',
             keyframes: keyframes,
-            easing: "Linear",
+            easing: 'Linear',
             loop: false,
             reverse: false,
-            mode: "CREATE",
-          },
+            mode: 'CREATE',
+          }
         );
 
-        expect(groupName).to.be.a("string");
-        expect(groupName).to.include("animation_");
+        expect(groupName).to.be.a('string');
+        expect(groupName).to.include('animation_');
       });
     });
 
-    describe("animation control functions", function () {
-      it("should control animation groups", async function () {
-        const boxId = "animControlTest";
+    describe('animation control functions', function () {
+      it('should control animation groups', async function () {
+        const boxId = 'animControlTest';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -381,18 +379,14 @@ export function runAnimateTests(flock) {
           { duration: 2, value: 360 },
         ];
 
-        const groupName = await flock.createAnimation(
-          "controlTestGroup",
-          boxId,
-          {
-            property: "rotation.y",
-            keyframes: keyframes,
-            easing: "Linear",
-            loop: false,
-            reverse: false,
-            mode: "CREATE",
-          },
-        );
+        const groupName = await flock.createAnimation('controlTestGroup', boxId, {
+          property: 'rotation.y',
+          keyframes: keyframes,
+          easing: 'Linear',
+          loop: false,
+          reverse: false,
+          mode: 'CREATE',
+        });
 
         // Get the animation group
         const animGroup = flock.scene.getAnimationGroupByName(groupName);
@@ -411,19 +405,15 @@ export function runAnimateTests(flock) {
         // Wait a bit and check if the animation is effectively paused
         await new Promise((resolve) => setTimeout(resolve, 50));
         const frameAfterPause =
-          animGroup.targetedAnimations[0]?.animation?.runtimeAnimations[0]
-            ?.currentFrame;
+          animGroup.targetedAnimations[0]?.animation?.runtimeAnimations[0]?.currentFrame;
 
         // Wait a bit more
         await new Promise((resolve) => setTimeout(resolve, 100));
         const frameAfterMoreWait =
-          animGroup.targetedAnimations[0]?.animation?.runtimeAnimations[0]
-            ?.currentFrame;
+          animGroup.targetedAnimations[0]?.animation?.runtimeAnimations[0]?.currentFrame;
 
         // If paused, the frame should not have progressed significantly
-        expect(
-          Math.abs((frameAfterMoreWait || 0) - (frameAfterPause || 0)),
-        ).to.be.lessThan(5);
+        expect(Math.abs((frameAfterMoreWait || 0) - (frameAfterPause || 0))).to.be.lessThan(5);
 
         // Test resume after pause
         flock.playAnimationGroup(groupName);
@@ -435,21 +425,21 @@ export function runAnimateTests(flock) {
         expect(animGroup.isStarted).to.be.false;
       });
 
-      it("should handle non-existent animation groups gracefully", function () {
+      it('should handle non-existent animation groups gracefully', function () {
         // These should not throw errors
-        flock.playAnimationGroup("nonExistentGroup");
-        flock.pauseAnimationGroup("nonExistentGroup");
-        flock.stopAnimationGroup("nonExistentGroup");
-        flock.animateFrom("nonExistentGroup", 1);
+        flock.playAnimationGroup('nonExistentGroup');
+        flock.pauseAnimationGroup('nonExistentGroup');
+        flock.stopAnimationGroup('nonExistentGroup');
+        flock.animateFrom('nonExistentGroup', 1);
 
         // If we get here without throwing, the test passes
         expect(true).to.be.true;
       });
     });
 
-    describe("stopAnimations function", function () {
-      it("should stop animations on a mesh", async function () {
-        const boxId = "stopAnimTest";
+    describe('stopAnimations function', function () {
+      it('should stop animations on a mesh', async function () {
+        const boxId = 'stopAnimTest';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -470,9 +460,9 @@ export function runAnimateTests(flock) {
       });
     });
 
-    describe("animateKeyFrames function", function () {
-      it("should animate color keyframes", async function () {
-        const boxId = "animateKeyFramesColor";
+    describe('animateKeyFrames function', function () {
+      it('should animate color keyframes', async function () {
+        const boxId = 'animateKeyFramesColor';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -482,14 +472,14 @@ export function runAnimateTests(flock) {
         boxIds.push(boxId);
 
         const keyframes = [
-          { duration: 0, value: "#FF0000" },
-          { duration: 0.1, value: "#00FF00" },
-          { duration: 0.2, value: "#0000FF" },
+          { duration: 0, value: '#FF0000' },
+          { duration: 0.1, value: '#00FF00' },
+          { duration: 0.2, value: '#0000FF' },
         ];
 
         await flock.animateKeyFrames(boxId, {
           keyframes: keyframes,
-          property: "color",
+          property: 'color',
         });
 
         const mesh = flock.scene.getMeshByName(boxId);
@@ -497,8 +487,8 @@ export function runAnimateTests(flock) {
         expect(mesh.material).to.exist;
       });
 
-      it("should animate alpha keyframes", async function () {
-        const boxId = "animateKeyFramesAlpha";
+      it('should animate alpha keyframes', async function () {
+        const boxId = 'animateKeyFramesAlpha';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -515,7 +505,7 @@ export function runAnimateTests(flock) {
 
         await flock.animateKeyFrames(boxId, {
           keyframes: keyframes,
-          property: "alpha",
+          property: 'alpha',
         });
 
         const mesh = flock.scene.getMeshByName(boxId);
@@ -523,8 +513,8 @@ export function runAnimateTests(flock) {
         expect(mesh.material).to.exist;
       });
 
-      it("should animate position keyframes", async function () {
-        const boxId = "animateKeyFramesPosition";
+      it('should animate position keyframes', async function () {
+        const boxId = 'animateKeyFramesPosition';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -534,22 +524,22 @@ export function runAnimateTests(flock) {
         boxIds.push(boxId);
 
         const keyframes = [
-          { duration: 0, value: "0 0 0" },
-          { duration: 0.1, value: "1 1 1" },
-          { duration: 0.2, value: "2 0 2" },
+          { duration: 0, value: '0 0 0' },
+          { duration: 0.1, value: '1 1 1' },
+          { duration: 0.2, value: '2 0 2' },
         ];
 
         await flock.animateKeyFrames(boxId, {
           keyframes: keyframes,
-          property: "position",
+          property: 'position',
         });
 
         const mesh = flock.scene.getMeshByName(boxId);
         expect(mesh).to.exist;
       });
 
-      it("should animate rotation keyframes", async function () {
-        const boxId = "animateKeyFramesRotation";
+      it('should animate rotation keyframes', async function () {
+        const boxId = 'animateKeyFramesRotation';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -559,22 +549,22 @@ export function runAnimateTests(flock) {
         boxIds.push(boxId);
 
         const keyframes = [
-          { duration: 0, value: "0 0 0" },
-          { duration: 0.1, value: "90 0 0" },
-          { duration: 0.2, value: "180 90 0" },
+          { duration: 0, value: '0 0 0' },
+          { duration: 0.1, value: '90 0 0' },
+          { duration: 0.2, value: '180 90 0' },
         ];
 
         await flock.animateKeyFrames(boxId, {
           keyframes: keyframes,
-          property: "rotation",
+          property: 'rotation',
         });
 
         const mesh = flock.scene.getMeshByName(boxId);
         expect(mesh).to.exist;
       });
 
-      it("should animate scaling keyframes", async function () {
-        const boxId = "animateKeyFramesScaling";
+      it('should animate scaling keyframes', async function () {
+        const boxId = 'animateKeyFramesScaling';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -584,22 +574,22 @@ export function runAnimateTests(flock) {
         boxIds.push(boxId);
 
         const keyframes = [
-          { duration: 0, value: "1 1 1" },
-          { duration: 0.1, value: "2 2 2" },
-          { duration: 0.2, value: "0.5 0.5 0.5" },
+          { duration: 0, value: '1 1 1' },
+          { duration: 0.1, value: '2 2 2' },
+          { duration: 0.2, value: '0.5 0.5 0.5' },
         ];
 
         await flock.animateKeyFrames(boxId, {
           keyframes: keyframes,
-          property: "scaling",
+          property: 'scaling',
         });
 
         const mesh = flock.scene.getMeshByName(boxId);
         expect(mesh).to.exist;
       });
 
-      it("should handle options object with all parameters", async function () {
-        const boxId = "animateKeyFramesFull";
+      it('should handle options object with all parameters', async function () {
+        const boxId = 'animateKeyFramesFull';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -609,14 +599,14 @@ export function runAnimateTests(flock) {
         boxIds.push(boxId);
 
         const keyframes = [
-          { duration: 0, value: "#FF0000" },
-          { duration: 0.1, value: "#00FF00" },
+          { duration: 0, value: '#FF0000' },
+          { duration: 0.1, value: '#00FF00' },
         ];
 
         await flock.animateKeyFrames(boxId, {
           keyframes: keyframes,
-          property: "color",
-          easing: "ease-in",
+          property: 'color',
+          easing: 'ease-in',
           loop: false,
           reverse: false,
         });
@@ -625,16 +615,16 @@ export function runAnimateTests(flock) {
         expect(mesh).to.exist;
       });
 
-      it("should run animateKeyFrames after the mesh becomes available", async function () {
-        const meshName = "late_mesh_for_keyframes";
+      it('should run animateKeyFrames after the mesh becomes available', async function () {
+        const meshName = 'late_mesh_for_keyframes';
         const keyframes = [
-          { duration: 0, value: "#FF0000" },
-          { duration: 0.1, value: "#00FF00" },
+          { duration: 0, value: '#FF0000' },
+          { duration: 0.1, value: '#00FF00' },
         ];
 
         const animationPromise = flock.animateKeyFrames(meshName, {
           keyframes: keyframes,
-          property: "color",
+          property: 'color',
         });
 
         await new Promise((resolve) => setTimeout(resolve, 50));
@@ -644,8 +634,8 @@ export function runAnimateTests(flock) {
         await animationPromise;
       });
 
-      it("should handle empty keyframes array", async function () {
-        const boxId = "animateKeyFramesEmpty";
+      it('should handle empty keyframes array', async function () {
+        const boxId = 'animateKeyFramesEmpty';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -657,15 +647,15 @@ export function runAnimateTests(flock) {
         // This should complete without error
         await flock.animateKeyFrames(boxId, {
           keyframes: [],
-          property: "color",
+          property: 'color',
         });
 
         const mesh = flock.scene.getMeshByName(boxId);
         expect(mesh).to.exist;
       });
 
-      it("should handle single keyframe", async function () {
-        const boxId = "animateKeyFramesSingle";
+      it('should handle single keyframe', async function () {
+        const boxId = 'animateKeyFramesSingle';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -674,11 +664,11 @@ export function runAnimateTests(flock) {
         });
         boxIds.push(boxId);
 
-        const keyframes = [{ duration: 0.1, value: "#FF0000" }];
+        const keyframes = [{ duration: 0.1, value: '#FF0000' }];
 
         await flock.animateKeyFrames(boxId, {
           keyframes: keyframes,
-          property: "color",
+          property: 'color',
         });
 
         const mesh = flock.scene.getMeshByName(boxId);
@@ -686,11 +676,11 @@ export function runAnimateTests(flock) {
       });
     });
 
-    describe("switchAnimation function", function () {
+    describe('switchAnimation function', function () {
       // Increase timeout for these tests due to retry mechanism
       this.timeout(5000);
-      it("should switch animation on a mesh", async function () {
-        const boxId = "switchAnimTest";
+      it('should switch animation on a mesh', async function () {
+        const boxId = 'switchAnimTest';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -705,26 +695,26 @@ export function runAnimateTests(flock) {
           { duration: 1, value: 90 },
         ];
 
-        await flock.createAnimation("TestAnimation", boxId, {
-          property: "rotation.x",
+        await flock.createAnimation('TestAnimation', boxId, {
+          property: 'rotation.x',
           keyframes: keyframes,
-          easing: "Linear",
+          easing: 'Linear',
           loop: false,
           reverse: false,
-          mode: "CREATE",
+          mode: 'CREATE',
         });
 
         // This should not throw an error
         await flock.switchAnimation(boxId, {
-          animationName: "TestAnimation",
+          animationName: 'TestAnimation',
         });
 
         const mesh = flock.scene.getMeshByName(boxId);
         expect(mesh).to.exist;
       });
 
-      it("should handle options object", async function () {
-        const boxId = "switchAnimOptions";
+      it('should handle options object', async function () {
+        const boxId = 'switchAnimOptions';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -735,22 +725,22 @@ export function runAnimateTests(flock) {
 
         // Create an actual animation using Flock's createAnimation API
         const keyframes = [
-          { duration: 0, value: "#FF0000" },
-          { duration: 1, value: "#00FF00" },
+          { duration: 0, value: '#FF0000' },
+          { duration: 1, value: '#00FF00' },
         ];
 
-        await flock.createAnimation("TestAnimation2", boxId, {
-          property: "color",
+        await flock.createAnimation('TestAnimation2', boxId, {
+          property: 'color',
           keyframes: keyframes,
-          easing: "Linear",
+          easing: 'Linear',
           loop: false,
           reverse: false,
-          mode: "CREATE",
+          mode: 'CREATE',
         });
 
         // Test with options object
         await flock.switchAnimation(boxId, {
-          animationName: "TestAnimation2",
+          animationName: 'TestAnimation2',
           loop: false,
           restart: true,
         });
@@ -759,8 +749,8 @@ export function runAnimateTests(flock) {
         expect(mesh).to.exist;
       });
 
-      it("should handle missing animation gracefully", async function () {
-        const boxId = "switchAnimMissing";
+      it('should handle missing animation gracefully', async function () {
+        const boxId = 'switchAnimMissing';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -771,7 +761,7 @@ export function runAnimateTests(flock) {
 
         // This should not throw an error even with non-existent animation
         await flock.switchAnimation(boxId, {
-          animationName: "NonExistentAnimation",
+          animationName: 'NonExistentAnimation',
         });
 
         const mesh = flock.scene.getMeshByName(boxId);
@@ -779,11 +769,11 @@ export function runAnimateTests(flock) {
       });
     });
 
-    describe("playAnimation function", function () {
+    describe('playAnimation function', function () {
       // Increase timeout for these tests due to retry mechanism
       this.timeout(5000);
-      it("should play animation on a mesh", async function () {
-        const boxId = "playAnimTest";
+      it('should play animation on a mesh', async function () {
+        const boxId = 'playAnimTest';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -798,31 +788,31 @@ export function runAnimateTests(flock) {
           { duration: 0.1, value: 90 }, // Short duration for quick test
         ];
 
-        await flock.createAnimation("PlayTestAnimation", boxId, {
-          property: "rotation.x",
+        await flock.createAnimation('PlayTestAnimation', boxId, {
+          property: 'rotation.x',
           keyframes: keyframes,
-          easing: "Linear",
+          easing: 'Linear',
           loop: false,
           reverse: false,
-          mode: "CREATE",
+          mode: 'CREATE',
         });
 
         // This should complete without error
         try {
           await flock.playAnimation(boxId, {
-            animationName: "PlayTestAnimation",
+            animationName: 'PlayTestAnimation',
           });
           const mesh = flock.scene.getMeshByName(boxId);
           expect(mesh).to.exist;
         } catch (error) {
-          console.warn("playAnimation timing issue:", error);
+          console.warn('playAnimation timing issue:', error);
           const mesh = flock.scene.getMeshByName(boxId);
           expect(mesh).to.exist;
         }
       });
 
-      it("should handle options object with loop and restart", async function () {
-        const boxId = "playAnimOptions";
+      it('should handle options object with loop and restart', async function () {
+        const boxId = 'playAnimOptions';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -833,37 +823,37 @@ export function runAnimateTests(flock) {
 
         // Create an actual animation using Flock's createAnimation API
         const keyframes = [
-          { duration: 0, value: "#FF0000" },
-          { duration: 0.1, value: "#00FF00" }, // Short duration for quick test
+          { duration: 0, value: '#FF0000' },
+          { duration: 0.1, value: '#00FF00' }, // Short duration for quick test
         ];
 
-        await flock.createAnimation("PlayTestAnimation2", boxId, {
-          property: "color",
+        await flock.createAnimation('PlayTestAnimation2', boxId, {
+          property: 'color',
           keyframes: keyframes,
-          easing: "Linear",
+          easing: 'Linear',
           loop: false,
           reverse: false,
-          mode: "CREATE",
+          mode: 'CREATE',
         });
 
         // Test with options object
         try {
           await flock.playAnimation(boxId, {
-            animationName: "PlayTestAnimation2",
+            animationName: 'PlayTestAnimation2',
             loop: true,
             restart: false,
           });
           const mesh = flock.scene.getMeshByName(boxId);
           expect(mesh).to.exist;
         } catch (error) {
-          console.warn("playAnimation options timing issue:", error);
+          console.warn('playAnimation options timing issue:', error);
           const mesh = flock.scene.getMeshByName(boxId);
           expect(mesh).to.exist;
         }
       });
 
-      it("should handle missing animation gracefully", async function () {
-        const boxId = "playAnimMissing";
+      it('should handle missing animation gracefully', async function () {
+        const boxId = 'playAnimMissing';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -875,10 +865,10 @@ export function runAnimateTests(flock) {
         // This should handle the missing animation without throwing
         try {
           await flock.playAnimation(boxId, {
-            animationName: "NonExistentAnimation",
+            animationName: 'NonExistentAnimation',
           });
         } catch (error) {
-          console.warn("Missing animation handled with error:", error);
+          console.warn('Missing animation handled with error:', error);
           // Expected behavior for missing animation - could be timeout or other error
           expect(error.message).to.exist;
         }
@@ -887,10 +877,10 @@ export function runAnimateTests(flock) {
         expect(mesh).to.exist;
       });
 
-      it("should run playAnimation after the mesh becomes available", async function () {
-        const meshName = "late_mesh_for_play_anim";
+      it('should run playAnimation after the mesh becomes available', async function () {
+        const meshName = 'late_mesh_for_play_anim';
         const animationPromise = flock.playAnimation(meshName, {
-          animationName: "TestAnimation",
+          animationName: 'TestAnimation',
         });
 
         await new Promise((resolve) => setTimeout(resolve, 50));
@@ -903,8 +893,8 @@ export function runAnimateTests(flock) {
         await animationPromise;
       });
 
-      it("should handle default parameters", async function () {
-        const boxId = "playAnimDefaults";
+      it('should handle default parameters', async function () {
+        const boxId = 'playAnimDefaults';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -915,37 +905,37 @@ export function runAnimateTests(flock) {
 
         // Create an actual animation using Flock's createAnimation API
         const keyframes = [
-          { duration: 0, value: "1 1 1" },
-          { duration: 0.1, value: "2 2 2" }, // Short duration for quick test
+          { duration: 0, value: '1 1 1' },
+          { duration: 0.1, value: '2 2 2' }, // Short duration for quick test
         ];
 
-        await flock.createAnimation("DefaultTestAnimation", boxId, {
-          property: "scaling",
+        await flock.createAnimation('DefaultTestAnimation', boxId, {
+          property: 'scaling',
           keyframes: keyframes,
-          easing: "Linear",
+          easing: 'Linear',
           loop: false,
           reverse: false,
-          mode: "CREATE",
+          mode: 'CREATE',
         });
 
         // Test with no options (should use defaults: loop=false, restart=true)
         try {
           await flock.playAnimation(boxId, {
-            animationName: "DefaultTestAnimation",
+            animationName: 'DefaultTestAnimation',
           });
           const mesh = flock.scene.getMeshByName(boxId);
           expect(mesh).to.exist;
         } catch (error) {
-          console.warn("Default playAnimation timing issue:", error);
+          console.warn('Default playAnimation timing issue:', error);
           const mesh = flock.scene.getMeshByName(boxId);
           expect(mesh).to.exist;
         }
       });
     });
 
-    describe("edge cases and error handling", function () {
-      it("should run rotateAnim after the mesh becomes available", async function () {
-        const meshName = "late_mesh_for_rotate";
+    describe('edge cases and error handling', function () {
+      it('should run rotateAnim after the mesh becomes available', async function () {
+        const meshName = 'late_mesh_for_rotate';
         const animationPromise = flock.rotateAnim(meshName, {
           x: 90,
           duration: 0.1,
@@ -958,10 +948,10 @@ export function runAnimateTests(flock) {
         await animationPromise;
       });
 
-      it("should run animateProperty after the mesh becomes available", async function () {
-        const meshName = "late_mesh_for_prop_anim";
+      it('should run animateProperty after the mesh becomes available', async function () {
+        const meshName = 'late_mesh_for_prop_anim';
         const animationPromise = flock.animateProperty(meshName, {
-          property: "alpha",
+          property: 'alpha',
           targetValue: 0.5,
           duration: 0.1,
         });
@@ -973,8 +963,8 @@ export function runAnimateTests(flock) {
         await animationPromise;
       });
 
-      it("should handle zero duration in rotateAnim", async function () {
-        const boxId = "zeroDuration";
+      it('should handle zero duration in rotateAnim', async function () {
+        const boxId = 'zeroDuration';
         await flock.createBox(boxId, {
           width: 1,
           height: 1,
@@ -992,10 +982,10 @@ export function runAnimateTests(flock) {
       });
     });
 
-    describe("rotateToObject", function () {
-      it("should rotate mesh1 to face mesh2", async function () {
-        const id1 = "rotateToObjA";
-        const id2 = "rotateToObjB";
+    describe('rotateToObject', function () {
+      it('should rotate mesh1 to face mesh2', async function () {
+        const id1 = 'rotateToObjA';
+        const id2 = 'rotateToObjB';
         await flock.createBox(id1, {
           width: 1,
           height: 1,
diff --git a/tests/babylon.test.js b/tests/babylon.test.js
index 4c6d089b2..e9c770f32 100644
--- a/tests/babylon.test.js
+++ b/tests/babylon.test.js
@@ -1,13 +1,13 @@
 export function runTests(flock, expect) {
-  describe("Flock API Tests", function () {
-    it("should set the sky color", function (done) {
-      flock.setSky("#6495ed");
+  describe('Flock API Tests', function () {
+    it('should set the sky color', function (done) {
+      flock.setSky('#6495ed');
       done();
     });
 
-    it("should create a box and check its position", function (done) {
-      const box1 = flock.createBox("box__1", {
-        color: "#996633",
+    it('should create a box and check its position', function (done) {
+      const box1 = flock.createBox('box__1', {
+        color: '#996633',
         width: 4,
         height: 0.5,
         depth: 4,
@@ -22,9 +22,9 @@ export function runTests(flock, expect) {
       done();
     });
 
-    it("should check if the box is created with the right size", function (done) {
-      const box1 = flock.createBox("box__1", {
-        color: "#996633",
+    it('should check if the box is created with the right size', function (done) {
+      const box1 = flock.createBox('box__1', {
+        color: '#996633',
         width: 4,
         height: 0.5,
         depth: 4,
diff --git a/tests/blocks.test.js b/tests/blocks.test.js
index d729b49ac..99069f42e 100644
--- a/tests/blocks.test.js
+++ b/tests/blocks.test.js
@@ -1,22 +1,22 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 import {
   handleBlockCreateEvent,
   initializeVariableIndexes,
   nextVariableIndexes as globalNextVariableIndexes,
-} from "../blocks/blocks.js";
+} from '../blocks/blocks.js';
 
 export function runBlocksTests() {
-  describe("blocks.js tests", function () {
+  describe('blocks.js tests', function () {
     this.timeout(5000);
 
-    describe("nextVariableIndexes safety", function () {
-      it("should use a null-prototype object after initialization", function () {
+    describe('nextVariableIndexes safety', function () {
+      it('should use a null-prototype object after initialization', function () {
         initializeVariableIndexes();
         expect(Object.getPrototypeOf(globalNextVariableIndexes)).to.equal(null);
       });
     });
 
-    describe("handleBlockCreateEvent variable naming", function () {
+    describe('handleBlockCreateEvent variable naming', function () {
       let mockWorkspace;
       let mockBlock;
       let mockVariableField;
@@ -82,12 +82,12 @@ export function runBlocksTests() {
         };
 
         mockBlock = {
-          id: "block123",
+          id: 'block123',
           isInFlyout: false,
           workspace: mockWorkspace,
           inputList: [],
           getField: function (fieldName) {
-            return fieldName === "ID_VAR" ? mockVariableField : null;
+            return fieldName === 'ID_VAR' ? mockVariableField : null;
           },
         };
 
@@ -100,39 +100,28 @@ export function runBlocksTests() {
         delete window.loadingCode;
       });
 
-      it("should add numbers to custom variable names on duplicate", function () {
-        const customVariable = mockWorkspace.createVariable(
-          "myCustomStar",
-          null,
-        );
+      it('should add numbers to custom variable names on duplicate', function () {
+        const customVariable = mockWorkspace.createVariable('myCustomStar', null);
         mockVariableField.setValue(customVariable.getId());
 
         const changeEvent = {
-          type: "create",
-          blockId: "block123",
-          ids: ["block123"],
+          type: 'create',
+          blockId: 'block123',
+          ids: ['block123'],
           recordUndo: true,
         };
 
-        handleBlockCreateEvent(
-          mockBlock,
-          changeEvent,
-          "star",
-          nextVariableIndexes,
-          "ID_VAR",
-        );
-
-        const newVariable = mockWorkspace.getVariableById(
-          mockVariableField.getValue(),
-        );
-        expect(newVariable.name).to.equal("myCustomStar1");
+        handleBlockCreateEvent(mockBlock, changeEvent, 'star', nextVariableIndexes, 'ID_VAR');
+
+        const newVariable = mockWorkspace.getVariableById(mockVariableField.getValue());
+        expect(newVariable.name).to.equal('myCustomStar1');
       });
 
-      it("should rename numbered variables to next number on duplicate", function () {
+      it('should rename numbered variables to next number on duplicate', function () {
         // Start with a base "star" variable
-        const starVariable = mockWorkspace.createVariable("star", null);
+        const starVariable = mockWorkspace.createVariable('star', null);
         const existingBlock = {
-          id: "existing_block",
+          id: 'existing_block',
           inputList: [{ fieldRow: [{ getValue: () => starVariable.getId() }] }],
         };
         workspaceBlocks = [existingBlock];
@@ -140,60 +129,41 @@ export function runBlocksTests() {
         // First duplication: star → star1
         mockVariableField.setValue(starVariable.getId());
         let changeEvent = {
-          type: "create",
-          blockId: "block123",
-          ids: ["block123"],
+          type: 'create',
+          blockId: 'block123',
+          ids: ['block123'],
           recordUndo: true,
         };
 
-        handleBlockCreateEvent(
-          mockBlock,
-          changeEvent,
-          "star",
-          nextVariableIndexes,
-          "ID_VAR",
-        );
+        handleBlockCreateEvent(mockBlock, changeEvent, 'star', nextVariableIndexes, 'ID_VAR');
 
-        let newVariable = mockWorkspace.getVariableById(
-          mockVariableField.getValue(),
-        );
-        expect(newVariable.name).to.equal("star1");
+        let newVariable = mockWorkspace.getVariableById(mockVariableField.getValue());
+        expect(newVariable.name).to.equal('star1');
 
         // Second duplication: star1 → star2
-        mockBlock.id = "block456";
+        mockBlock.id = 'block456';
         changeEvent = {
-          type: "create",
-          blockId: "block456",
-          ids: ["block456"],
+          type: 'create',
+          blockId: 'block456',
+          ids: ['block456'],
           recordUndo: true,
         };
 
-        handleBlockCreateEvent(
-          mockBlock,
-          changeEvent,
-          "star",
-          nextVariableIndexes,
-          "ID_VAR",
-        );
-
-        newVariable = mockWorkspace.getVariableById(
-          mockVariableField.getValue(),
-        );
-        expect(newVariable.name).to.equal("star2");
+        handleBlockCreateEvent(mockBlock, changeEvent, 'star', nextVariableIndexes, 'ID_VAR');
+
+        newVariable = mockWorkspace.getVariableById(mockVariableField.getValue());
+        expect(newVariable.name).to.equal('star2');
       });
 
-      it("should preserve renamed base names on duplicate when source has no suffix", function () {
+      it('should preserve renamed base names on duplicate when source has no suffix', function () {
         const asVariableField = (field) => {
           if (globalThis.Blockly?.FieldVariable?.prototype) {
-            Object.setPrototypeOf(
-              field,
-              globalThis.Blockly.FieldVariable.prototype,
-            );
+            Object.setPrototypeOf(field, globalThis.Blockly.FieldVariable.prototype);
           }
           return field;
         };
 
-        const starVariable = mockWorkspace.createVariable("star", null);
+        const starVariable = mockWorkspace.createVariable('star', null);
         mockVariableField.setValue(starVariable.getId());
 
         const externalReferenceField = asVariableField({
@@ -203,44 +173,33 @@ export function runBlocksTests() {
         workspaceBlocks = [
           mockBlock,
           {
-            id: "other_block",
+            id: 'other_block',
             inputList: [{ fieldRow: [externalReferenceField] }],
           },
         ];
 
         const changeEvent = {
-          type: "create",
-          blockId: "block123",
-          ids: ["block123"],
+          type: 'create',
+          blockId: 'block123',
+          ids: ['block123'],
           recordUndo: true,
         };
 
-        handleBlockCreateEvent(
-          mockBlock,
-          changeEvent,
-          "item",
-          nextVariableIndexes,
-          "ID_VAR",
-        );
-
-        const newVariable = mockWorkspace.getVariableById(
-          mockVariableField.getValue(),
-        );
-        expect(newVariable.name).to.equal("star1");
+        handleBlockCreateEvent(mockBlock, changeEvent, 'item', nextVariableIndexes, 'ID_VAR');
+
+        const newVariable = mockWorkspace.getVariableById(mockVariableField.getValue());
+        expect(newVariable.name).to.equal('star1');
       });
 
-      it("should preserve renamed base names on duplicate when source has a suffix", function () {
+      it('should preserve renamed base names on duplicate when source has a suffix', function () {
         const asVariableField = (field) => {
           if (globalThis.Blockly?.FieldVariable?.prototype) {
-            Object.setPrototypeOf(
-              field,
-              globalThis.Blockly.FieldVariable.prototype,
-            );
+            Object.setPrototypeOf(field, globalThis.Blockly.FieldVariable.prototype);
           }
           return field;
         };
 
-        const star1Variable = mockWorkspace.createVariable("star1", null);
+        const star1Variable = mockWorkspace.createVariable('star1', null);
         mockVariableField.setValue(star1Variable.getId());
 
         const externalReferenceField = asVariableField({
@@ -250,44 +209,33 @@ export function runBlocksTests() {
         workspaceBlocks = [
           mockBlock,
           {
-            id: "other_block",
+            id: 'other_block',
             inputList: [{ fieldRow: [externalReferenceField] }],
           },
         ];
 
         const changeEvent = {
-          type: "create",
-          blockId: "block123",
-          ids: ["block123"],
+          type: 'create',
+          blockId: 'block123',
+          ids: ['block123'],
           recordUndo: true,
         };
 
-        handleBlockCreateEvent(
-          mockBlock,
-          changeEvent,
-          "item",
-          nextVariableIndexes,
-          "ID_VAR",
-        );
-
-        const newVariable = mockWorkspace.getVariableById(
-          mockVariableField.getValue(),
-        );
-        expect(newVariable.name).to.equal("star2");
+        handleBlockCreateEvent(mockBlock, changeEvent, 'item', nextVariableIndexes, 'ID_VAR');
+
+        const newVariable = mockWorkspace.getVariableById(mockVariableField.getValue());
+        expect(newVariable.name).to.equal('star2');
       });
 
-      it("should continue from existing numeric suffix for duplicate path", function () {
+      it('should continue from existing numeric suffix for duplicate path', function () {
         const asVariableField = (field) => {
           if (globalThis.Blockly?.FieldVariable?.prototype) {
-            Object.setPrototypeOf(
-              field,
-              globalThis.Blockly.FieldVariable.prototype,
-            );
+            Object.setPrototypeOf(field, globalThis.Blockly.FieldVariable.prototype);
           }
           return field;
         };
 
-        const myStar3Variable = mockWorkspace.createVariable("myStar3", null);
+        const myStar3Variable = mockWorkspace.createVariable('myStar3', null);
         mockVariableField.setValue(myStar3Variable.getId());
 
         const externalReferenceField = asVariableField({
@@ -297,265 +245,171 @@ export function runBlocksTests() {
         workspaceBlocks = [
           mockBlock,
           {
-            id: "other_block",
+            id: 'other_block',
             inputList: [{ fieldRow: [externalReferenceField] }],
           },
         ];
 
         const changeEvent = {
-          type: "create",
-          blockId: "block123",
-          ids: ["block123"],
+          type: 'create',
+          blockId: 'block123',
+          ids: ['block123'],
           recordUndo: true,
         };
 
-        handleBlockCreateEvent(
-          mockBlock,
-          changeEvent,
-          "item",
-          nextVariableIndexes,
-          "ID_VAR",
-        );
-
-        const newVariable = mockWorkspace.getVariableById(
-          mockVariableField.getValue(),
-        );
-        expect(newVariable.name).to.equal("myStar4");
+        handleBlockCreateEvent(mockBlock, changeEvent, 'item', nextVariableIndexes, 'ID_VAR');
+
+        const newVariable = mockWorkspace.getVariableById(mockVariableField.getValue());
+        expect(newVariable.name).to.equal('myStar4');
       });
 
-      it("should not rename variables during code loading", function () {
+      it('should not rename variables during code loading', function () {
         window.loadingCode = true;
 
-        const customVariable = mockWorkspace.createVariable(
-          "myCustomStar",
-          null,
-        );
+        const customVariable = mockWorkspace.createVariable('myCustomStar', null);
         mockVariableField.setValue(customVariable.getId());
 
         const changeEvent = {
-          type: "create",
-          blockId: "block123",
-          ids: ["block123"],
+          type: 'create',
+          blockId: 'block123',
+          ids: ['block123'],
           recordUndo: true,
         };
 
-        handleBlockCreateEvent(
-          mockBlock,
-          changeEvent,
-          "star",
-          nextVariableIndexes,
-          "ID_VAR",
-        );
-
-        const variable = mockWorkspace.getVariableById(
-          mockVariableField.getValue(),
-        );
-        expect(variable.name).to.equal("myCustomStar");
+        handleBlockCreateEvent(mockBlock, changeEvent, 'star', nextVariableIndexes, 'ID_VAR');
+
+        const variable = mockWorkspace.getVariableById(mockVariableField.getValue());
+        expect(variable.name).to.equal('myCustomStar');
       });
 
-      it("should skip renaming for undo operations", function () {
-        const customVariable = mockWorkspace.createVariable(
-          "myCustomStar",
-          null,
-        );
+      it('should skip renaming for undo operations', function () {
+        const customVariable = mockWorkspace.createVariable('myCustomStar', null);
         mockVariableField.setValue(customVariable.getId());
 
         const changeEvent = {
-          type: "create",
-          blockId: "block123",
-          ids: ["block123"],
+          type: 'create',
+          blockId: 'block123',
+          ids: ['block123'],
           recordUndo: false,
         };
 
-        handleBlockCreateEvent(
-          mockBlock,
-          changeEvent,
-          "star",
-          nextVariableIndexes,
-          "ID_VAR",
-        );
-
-        const variable = mockWorkspace.getVariableById(
-          mockVariableField.getValue(),
-        );
-        expect(variable.name).to.equal("myCustomStar");
+        handleBlockCreateEvent(mockBlock, changeEvent, 'star', nextVariableIndexes, 'ID_VAR');
+
+        const variable = mockWorkspace.getVariableById(mockVariableField.getValue());
+        expect(variable.name).to.equal('myCustomStar');
       });
 
-      it("should handle blocks in flyout correctly", function () {
+      it('should handle blocks in flyout correctly', function () {
         mockBlock.isInFlyout = true;
 
-        const customVariable = mockWorkspace.createVariable(
-          "myCustomStar",
-          null,
-        );
+        const customVariable = mockWorkspace.createVariable('myCustomStar', null);
         mockVariableField.setValue(customVariable.getId());
 
         const changeEvent = {
-          type: "create",
-          blockId: "block123",
-          ids: ["block123"],
+          type: 'create',
+          blockId: 'block123',
+          ids: ['block123'],
           recordUndo: true,
         };
 
-        handleBlockCreateEvent(
-          mockBlock,
-          changeEvent,
-          "star",
-          nextVariableIndexes,
-          "ID_VAR",
-        );
-
-        const variable = mockWorkspace.getVariableById(
-          mockVariableField.getValue(),
-        );
-        expect(variable.name).to.equal("myCustomStar");
+        handleBlockCreateEvent(mockBlock, changeEvent, 'star', nextVariableIndexes, 'ID_VAR');
+
+        const variable = mockWorkspace.getVariableById(mockVariableField.getValue());
+        expect(variable.name).to.equal('myCustomStar');
       });
 
-      it("should ignore events for different blocks", function () {
-        const customVariable = mockWorkspace.createVariable(
-          "myCustomStar",
-          null,
-        );
+      it('should ignore events for different blocks', function () {
+        const customVariable = mockWorkspace.createVariable('myCustomStar', null);
         mockVariableField.setValue(customVariable.getId());
 
         const changeEvent = {
-          type: "create",
-          blockId: "different_block",
-          ids: ["different_block"],
+          type: 'create',
+          blockId: 'different_block',
+          ids: ['different_block'],
           recordUndo: true,
         };
 
-        handleBlockCreateEvent(
-          mockBlock,
-          changeEvent,
-          "star",
-          nextVariableIndexes,
-          "ID_VAR",
-        );
-
-        const variable = mockWorkspace.getVariableById(
-          mockVariableField.getValue(),
-        );
-        expect(variable.name).to.equal("myCustomStar");
+        handleBlockCreateEvent(mockBlock, changeEvent, 'star', nextVariableIndexes, 'ID_VAR');
+
+        const variable = mockWorkspace.getVariableById(mockVariableField.getValue());
+        expect(variable.name).to.equal('myCustomStar');
       });
 
-      it("should handle custom names that already have numbers", function () {
-        const customNumberedVariable = mockWorkspace.createVariable(
-          "myStar3",
-          null,
-        );
+      it('should handle custom names that already have numbers', function () {
+        const customNumberedVariable = mockWorkspace.createVariable('myStar3', null);
         mockVariableField.setValue(customNumberedVariable.getId());
 
         const changeEvent = {
-          type: "create",
-          blockId: "block123",
-          ids: ["block123"],
+          type: 'create',
+          blockId: 'block123',
+          ids: ['block123'],
           recordUndo: true,
         };
 
-        handleBlockCreateEvent(
-          mockBlock,
-          changeEvent,
-          "star",
-          nextVariableIndexes,
-          "ID_VAR",
-        );
-
-        const newVariable = mockWorkspace.getVariableById(
-          mockVariableField.getValue(),
-        );
-        expect(newVariable.name).to.equal("myStar4");
+        handleBlockCreateEvent(mockBlock, changeEvent, 'star', nextVariableIndexes, 'ID_VAR');
+
+        const newVariable = mockWorkspace.getVariableById(mockVariableField.getValue());
+        expect(newVariable.name).to.equal('myStar4');
       });
 
-      it("should handle missing variable field gracefully", function () {
+      it('should handle missing variable field gracefully', function () {
         mockBlock.getField = function () {
           return null;
         };
 
         const changeEvent = {
-          type: "create",
-          blockId: "block123",
-          ids: ["block123"],
+          type: 'create',
+          blockId: 'block123',
+          ids: ['block123'],
           recordUndo: true,
         };
 
         expect(() => {
-          handleBlockCreateEvent(
-            mockBlock,
-            changeEvent,
-            "star",
-            nextVariableIndexes,
-            "ID_VAR",
-          );
+          handleBlockCreateEvent(mockBlock, changeEvent, 'star', nextVariableIndexes, 'ID_VAR');
         }).to.not.throw();
       });
 
-      it("should handle missing variable gracefully", function () {
-        mockVariableField.setValue("invalid_id");
+      it('should handle missing variable gracefully', function () {
+        mockVariableField.setValue('invalid_id');
 
         const changeEvent = {
-          type: "create",
-          blockId: "block123",
-          ids: ["block123"],
+          type: 'create',
+          blockId: 'block123',
+          ids: ['block123'],
           recordUndo: true,
         };
 
         expect(() => {
-          handleBlockCreateEvent(
-            mockBlock,
-            changeEvent,
-            "star",
-            nextVariableIndexes,
-            "ID_VAR",
-          );
+          handleBlockCreateEvent(mockBlock, changeEvent, 'star', nextVariableIndexes, 'ID_VAR');
         }).to.not.throw();
       });
 
-      it("should handle sequential duplications correctly", function () {
+      it('should handle sequential duplications correctly', function () {
         // First duplication: myCustomStar -> myCustomStar1
-        let currentVariable = mockWorkspace.createVariable(
-          "myCustomStar",
-          null,
-        );
+        let currentVariable = mockWorkspace.createVariable('myCustomStar', null);
         mockVariableField.setValue(currentVariable.getId());
 
         let changeEvent = {
-          type: "create",
-          blockId: "block123",
-          ids: ["block123"],
+          type: 'create',
+          blockId: 'block123',
+          ids: ['block123'],
           recordUndo: true,
         };
 
-        handleBlockCreateEvent(
-          mockBlock,
-          changeEvent,
-          "star",
-          nextVariableIndexes,
-          "ID_VAR",
-        );
+        handleBlockCreateEvent(mockBlock, changeEvent, 'star', nextVariableIndexes, 'ID_VAR');
 
-        let newVariable = mockWorkspace.getVariableById(
-          mockVariableField.getValue(),
-        );
-        expect(newVariable.name).to.equal("myCustomStar1");
+        let newVariable = mockWorkspace.getVariableById(mockVariableField.getValue());
+        expect(newVariable.name).to.equal('myCustomStar1');
 
         // Second duplication: myCustomStar1 -> myCustomStar2
-        mockBlock.id = "block456";
-        changeEvent.blockId = "block456";
-        changeEvent.ids = ["block456"];
+        mockBlock.id = 'block456';
+        changeEvent.blockId = 'block456';
+        changeEvent.ids = ['block456'];
 
-        handleBlockCreateEvent(
-          mockBlock,
-          changeEvent,
-          "star",
-          nextVariableIndexes,
-          "ID_VAR",
-        );
-
-        newVariable = mockWorkspace.getVariableById(
-          mockVariableField.getValue(),
-        );
-        expect(newVariable.name).to.equal("myCustomStar2");
+        handleBlockCreateEvent(mockBlock, changeEvent, 'star', nextVariableIndexes, 'ID_VAR');
+
+        newVariable = mockWorkspace.getVariableById(mockVariableField.getValue());
+        expect(newVariable.name).to.equal('myCustomStar2');
       });
     });
   });
diff --git a/tests/boxes.test.js b/tests/boxes.test.js
index 442a25934..6fd238e10 100644
--- a/tests/boxes.test.js
+++ b/tests/boxes.test.js
@@ -1,18 +1,11 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 // Stress test for handling many boxes with dynamic inputs
 export function runStressTests(flock) {
-  describe("Stress test for many boxes @slow", function () {
+  describe('Stress test for many boxes @slow', function () {
     const boxCount = 50; // Number of boxes to create
     const boxIds = [];
-    const boxColors = [
-      "#FF0000",
-      "#00FF00",
-      "#0000FF",
-      "#FFFF00",
-      "#FF00FF",
-      "#00FFFF",
-    ];
+    const boxColors = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#FF00FF', '#00FFFF'];
     const maxPosition = 10; // Maximum position range for x, y, z
 
     // Set up the scene before each test
@@ -24,10 +17,8 @@ export function runStressTests(flock) {
     afterEach(function () {
       // Dispose of all boxes to avoid memory leaks
       boxIds.forEach((boxId) => {
-        if (typeof boxId !== "string") {
-          throw new Error(
-            `Invalid ID: Expected a string, but got ${typeof boxId}`,
-          );
+        if (typeof boxId !== 'string') {
+          throw new Error(`Invalid ID: Expected a string, but got ${typeof boxId}`);
         }
 
         console.log(`Cleaning up box with ID: ${boxId}`);
@@ -39,7 +30,7 @@ export function runStressTests(flock) {
       validateSceneCleanup();
     });
 
-    it("should handle many boxes with dynamic inputs", function (done) {
+    it('should handle many boxes with dynamic inputs', function (done) {
       this.timeout(20000); // Increase the timeout for this test
 
       // Create multiple boxes with random properties
@@ -63,10 +54,8 @@ export function runStressTests(flock) {
         });
 
         // Validate that createBox returns a string ID
-        if (typeof returnedId !== "string") {
-          throw new Error(
-            `createBox did not return a valid string ID. Got: ${returnedId}`,
-          );
+        if (typeof returnedId !== 'string') {
+          throw new Error(`createBox did not return a valid string ID. Got: ${returnedId}`);
         }
 
         // Store the ID in the array
@@ -80,10 +69,8 @@ export function runStressTests(flock) {
       const intervalId = setInterval(() => {
         boxIds.forEach((boxId, index) => {
           // Validate that the ID is a string
-          if (typeof boxId !== "string") {
-            throw new Error(
-              `Invalid ID: Expected a string, but got ${typeof boxId}`,
-            );
+          if (typeof boxId !== 'string') {
+            throw new Error(`Invalid ID: Expected a string, but got ${typeof boxId}`);
           }
 
           // Log the ID for debugging
@@ -122,17 +109,13 @@ export function runStressTests(flock) {
 
               // Validate that the box exists
               if (!box) {
-                throw new Error(
-                  `Box with ID '${boxId}' not found in the scene.`,
-                );
+                throw new Error(`Box with ID '${boxId}' not found in the scene.`);
               }
 
               // Check visibility (deterministic based on index)
               const isVisible = index % 2 === 0;
               console.log(
-                `Expecting box with ID '${boxId}' to be ${
-                  isVisible ? "visible" : "hidden"
-                }`,
+                `Expecting box with ID '${boxId}' to be ${isVisible ? 'visible' : 'hidden'}`
               );
               if (isVisible) {
                 expect(box.isEnabled()).to.be.true;
@@ -157,36 +140,28 @@ export function runStressTests(flock) {
      */
     function validateSceneCleanup() {
       // Check for remaining meshes
-      const remainingMeshes = flock.scene.meshes.filter((mesh) =>
-        mesh.id.startsWith("box"),
-      );
+      const remainingMeshes = flock.scene.meshes.filter((mesh) => mesh.id.startsWith('box'));
       if (remainingMeshes.length > 0) {
         console.error(
-          "Remaining meshes:",
-          remainingMeshes.map((mesh) => mesh.id),
-        );
-        throw new Error(
-          `${remainingMeshes.length} meshes were not disposed of.`,
+          'Remaining meshes:',
+          remainingMeshes.map((mesh) => mesh.id)
         );
+        throw new Error(`${remainingMeshes.length} meshes were not disposed of.`);
       }
 
       // Check for remaining materials
       const remainingMaterials = flock.scene.materials.filter((material) =>
-        material.name.startsWith("material"),
+        material.name.startsWith('material')
       );
       if (remainingMaterials.length > 0) {
         console.error(
-          "Remaining materials:",
-          remainingMaterials.map((material) => material.name),
-        );
-        throw new Error(
-          `${remainingMaterials.length} materials were not disposed of.`,
+          'Remaining materials:',
+          remainingMaterials.map((material) => material.name)
         );
+        throw new Error(`${remainingMaterials.length} materials were not disposed of.`);
       }
 
-      console.log(
-        "All meshes and materials have been successfully cleaned up.",
-      );
+      console.log('All meshes and materials have been successfully cleaned up.');
     }
   });
 }
diff --git a/tests/buttoncontrols.test.js b/tests/buttoncontrols.test.js
index e59872268..997f04fd4 100644
--- a/tests/buttoncontrols.test.js
+++ b/tests/buttoncontrols.test.js
@@ -1,7 +1,7 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runButtonControlsTests(flock) {
-  describe("buttonControls function tests", function () {
+  describe('buttonControls function tests', function () {
     beforeEach(function () {
       flock.displayScale = 1;
     });
@@ -15,195 +15,178 @@ export function runButtonControlsTests(flock) {
     });
 
     // buttonControls tests
-    describe("buttonControls function tests", function () {
+    describe('buttonControls function tests', function () {
       it('should create controlsTexture when mode is "ENABLED"', function () {
-        flock.buttonControls("BOTH", "ENABLED");
+        flock.buttonControls('BOTH', 'ENABLED');
         expect(flock.controlsTexture).to.exist;
       });
 
       it('should not create controlsTexture when mode is "DISABLED"', function () {
-        flock.buttonControls("BOTH", "DISABLED");
+        flock.buttonControls('BOTH', 'DISABLED');
         expect(flock.controlsTexture).to.be.null;
       });
 
       it('should dispose an existing controlsTexture when mode is "DISABLED"', function () {
-        flock.buttonControls("BOTH", "ENABLED");
+        flock.buttonControls('BOTH', 'ENABLED');
         const first = flock.controlsTexture;
         expect(first).to.exist;
-        flock.buttonControls("BOTH", "DISABLED");
+        flock.buttonControls('BOTH', 'DISABLED');
         expect(flock.controlsTexture).to.be.null;
       });
 
       it('should add arrow controls when control is "ARROWS"', function () {
-        flock.buttonControls("ARROWS", "ENABLED");
+        flock.buttonControls('ARROWS', 'ENABLED');
         expect(flock.controlsTexture).to.exist;
-        expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(
-          0,
-        );
+        expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(0);
       });
 
       it('should add action controls when control is "ACTIONS"', function () {
-        flock.buttonControls("ACTIONS", "ENABLED");
+        flock.buttonControls('ACTIONS', 'ENABLED');
         expect(flock.controlsTexture).to.exist;
-        expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(
-          0,
-        );
+        expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(0);
       });
 
-      it("should replace the previous texture when called twice", function () {
-        flock.buttonControls("BOTH", "ENABLED");
+      it('should replace the previous texture when called twice', function () {
+        flock.buttonControls('BOTH', 'ENABLED');
         const first = flock.controlsTexture;
-        flock.buttonControls("BOTH", "ENABLED");
+        flock.buttonControls('BOTH', 'ENABLED');
         expect(flock.controlsTexture).to.exist;
         expect(flock.controlsTexture).to.not.equal(first);
       });
     });
 
     // createSmallButton tests
-    describe("createSmallButton function tests", function () {
+    describe('createSmallButton function tests', function () {
       beforeEach(function () {
-        flock.controlsTexture =
-          flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
-            "TestControls",
-            true,
-            flock.scene,
-          );
+        flock.controlsTexture = flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
+          'TestControls',
+          true,
+          flock.scene
+        );
       });
 
-      it("should return undefined when controlsTexture is missing", function () {
+      it('should return undefined when controlsTexture is missing', function () {
         flock.controlsTexture.dispose();
         flock.controlsTexture = null;
-        const button = flock.createSmallButton("△", "ArrowUp", "#ffffff");
+        const button = flock.createSmallButton('△', 'ArrowUp', '#ffffff');
         expect(button).to.be.undefined;
       });
 
-      it("should return a button with the correct text", function () {
-        const button = flock.createSmallButton("△", "ArrowUp", "#ffffff");
+      it('should return a button with the correct text', function () {
+        const button = flock.createSmallButton('△', 'ArrowUp', '#ffffff');
         expect(button).to.exist;
-        expect(button.textBlock.text).to.equal("△");
+        expect(button.textBlock.text).to.equal('△');
       });
 
-      it("should set width and height to 70px at default displayScale", function () {
-        const button = flock.createSmallButton("△", "ArrowUp", "#ffffff");
-        expect(button.width).to.equal("70px");
-        expect(button.height).to.equal("70px");
+      it('should set width and height to 70px at default displayScale', function () {
+        const button = flock.createSmallButton('△', 'ArrowUp', '#ffffff');
+        expect(button.width).to.equal('70px');
+        expect(button.height).to.equal('70px');
       });
 
-      it("should set font size to 40px at default displayScale", function () {
-        const button = flock.createSmallButton("△", "ArrowUp", "#ffffff");
-        expect(button.fontSize).to.equal("40px");
+      it('should set font size to 40px at default displayScale', function () {
+        const button = flock.createSmallButton('△', 'ArrowUp', '#ffffff');
+        expect(button.fontSize).to.equal('40px');
       });
 
-      it("should apply the specified color", function () {
-        const button = flock.createSmallButton("△", "ArrowUp", "red");
-        expect(button.color).to.equal("red");
+      it('should apply the specified color', function () {
+        const button = flock.createSmallButton('△', 'ArrowUp', 'red');
+        expect(button.color).to.equal('red');
       });
 
-      it("should register key in inputManager on pointer down", function () {
-        const button = flock.createSmallButton("△", "ArrowUp", "#ffffff");
+      it('should register key in inputManager on pointer down', function () {
+        const button = flock.createSmallButton('△', 'ArrowUp', '#ffffff');
         button.onPointerDownObservable.notifyObservers({});
-        expect(flock.inputManager.isKeyDown("ArrowUp")).to.be.true;
+        expect(flock.inputManager.isKeyDown('ArrowUp')).to.be.true;
       });
 
-      it("should clear key from inputManager on pointer up", function () {
-        const button = flock.createSmallButton("△", "ArrowUp", "#ffffff");
+      it('should clear key from inputManager on pointer up', function () {
+        const button = flock.createSmallButton('△', 'ArrowUp', '#ffffff');
         button.onPointerDownObservable.notifyObservers({});
         button.onPointerUpObservable.notifyObservers({});
-        expect(flock.inputManager.isKeyDown("ArrowUp")).to.be.false;
+        expect(flock.inputManager.isKeyDown('ArrowUp')).to.be.false;
       });
 
-      it("should clear key from inputManager on pointer out", function () {
-        const button = flock.createSmallButton("△", "ArrowUp", "#ffffff");
+      it('should clear key from inputManager on pointer out', function () {
+        const button = flock.createSmallButton('△', 'ArrowUp', '#ffffff');
         button.onPointerDownObservable.notifyObservers({});
         button.onPointerOutObservable.notifyObservers({});
-        expect(flock.inputManager.isKeyDown("ArrowUp")).to.be.false;
+        expect(flock.inputManager.isKeyDown('ArrowUp')).to.be.false;
       });
 
-      it("should register all keys in inputManager when an array is provided", function () {
-        const button = flock.createSmallButton("△", ["w", "ArrowUp"], "#ffffff");
+      it('should register all keys in inputManager when an array is provided', function () {
+        const button = flock.createSmallButton('△', ['w', 'ArrowUp'], '#ffffff');
         button.onPointerDownObservable.notifyObservers({});
-        expect(flock.inputManager.isKeyDown("w")).to.be.true;
-        expect(flock.inputManager.isKeyDown("ArrowUp")).to.be.true;
+        expect(flock.inputManager.isKeyDown('w')).to.be.true;
+        expect(flock.inputManager.isKeyDown('ArrowUp')).to.be.true;
       });
 
-      it("should clear all keys from inputManager on release when an array is provided", function () {
-        const button = flock.createSmallButton("△", ["w", "ArrowUp"], "#ffffff");
+      it('should clear all keys from inputManager on release when an array is provided', function () {
+        const button = flock.createSmallButton('△', ['w', 'ArrowUp'], '#ffffff');
         button.onPointerDownObservable.notifyObservers({});
         button.onPointerUpObservable.notifyObservers({});
-        expect(flock.inputManager.isKeyDown("w")).to.be.false;
-        expect(flock.inputManager.isKeyDown("ArrowUp")).to.be.false;
+        expect(flock.inputManager.isKeyDown('w')).to.be.false;
+        expect(flock.inputManager.isKeyDown('ArrowUp')).to.be.false;
       });
     });
 
     // createArrowControls tests
-    describe("createArrowControls function tests", function () {
-      it("should return early without error when controlsTexture is missing", function () {
-        expect(() => flock.createArrowControls("#ffffff")).to.not.throw();
-      });
-
-      it("should add controls to controlsTexture", function () {
-        flock.controlsTexture =
-          flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
-            "TestControls",
-            true,
-            flock.scene,
-          );
-        flock.createArrowControls("#ffffff");
-        expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(
-          0,
+    describe('createArrowControls function tests', function () {
+      it('should return early without error when controlsTexture is missing', function () {
+        expect(() => flock.createArrowControls('#ffffff')).to.not.throw();
+      });
+
+      it('should add controls to controlsTexture', function () {
+        flock.controlsTexture = flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
+          'TestControls',
+          true,
+          flock.scene
         );
+        flock.createArrowControls('#ffffff');
+        expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(0);
       });
 
-      it("should create an up arrow button that registers ArrowUp in inputManager", function () {
-        flock.controlsTexture =
-          flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
-            "TestControls",
-            true,
-            flock.scene,
-          );
-        flock.createArrowControls("#ffffff");
-        const upBtn = flock.controlsTexture
-          .getDescendants()
-          .find((c) => c.textBlock?.text === "△");
+      it('should create an up arrow button that registers ArrowUp in inputManager', function () {
+        flock.controlsTexture = flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
+          'TestControls',
+          true,
+          flock.scene
+        );
+        flock.createArrowControls('#ffffff');
+        const upBtn = flock.controlsTexture.getDescendants().find((c) => c.textBlock?.text === '△');
         expect(upBtn).to.exist;
         upBtn.onPointerDownObservable.notifyObservers({});
-        expect(flock.inputManager.isKeyDown("ArrowUp")).to.be.true;
+        expect(flock.inputManager.isKeyDown('ArrowUp')).to.be.true;
       });
     });
 
     // createButtonControls tests
-    describe("createButtonControls function tests", function () {
-      it("should return early without error when controlsTexture is missing", function () {
-        expect(() => flock.createButtonControls("#ffffff")).to.not.throw();
-      });
-
-      it("should add controls to controlsTexture", function () {
-        flock.controlsTexture =
-          flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
-            "TestControls",
-            true,
-            flock.scene,
-          );
-        flock.createButtonControls("#ffffff");
-        expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(
-          0,
+    describe('createButtonControls function tests', function () {
+      it('should return early without error when controlsTexture is missing', function () {
+        expect(() => flock.createButtonControls('#ffffff')).to.not.throw();
+      });
+
+      it('should add controls to controlsTexture', function () {
+        flock.controlsTexture = flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
+          'TestControls',
+          true,
+          flock.scene
         );
+        flock.createButtonControls('#ffffff');
+        expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(0);
       });
 
-      it("should create a ① button that registers the e key in inputManager", function () {
-        flock.controlsTexture =
-          flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
-            "TestControls",
-            true,
-            flock.scene,
-          );
-        flock.createButtonControls("#ffffff");
-        const btn1 = flock.controlsTexture
-          .getDescendants()
-          .find((c) => c.textBlock?.text === "①");
+      it('should create a ① button that registers the e key in inputManager', function () {
+        flock.controlsTexture = flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
+          'TestControls',
+          true,
+          flock.scene
+        );
+        flock.createButtonControls('#ffffff');
+        const btn1 = flock.controlsTexture.getDescendants().find((c) => c.textBlock?.text === '①');
         expect(btn1).to.exist;
         btn1.onPointerDownObservable.notifyObservers({});
-        expect(flock.inputManager.isKeyDown("e")).to.be.true;
+        expect(flock.inputManager.isKeyDown('e')).to.be.true;
       });
     });
   });
diff --git a/tests/camera.test.js b/tests/camera.test.js
index 3e80186c2..4ba6b7ce2 100644
--- a/tests/camera.test.js
+++ b/tests/camera.test.js
@@ -1,49 +1,41 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runCameraTests(flock) {
-  describe("Camera API @camera", function () {
-    describe("cameraControl", function () {
+  describe('Camera API @camera', function () {
+    describe('cameraControl', function () {
       afterEach(function () {
         delete flock._cameraControlBindings;
       });
 
-      it("should store the binding in _cameraControlBindings", function () {
-        flock.cameraControl("W", "moveUp");
-        expect(flock._cameraControlBindings).to.be.an("array");
-        const binding = flock._cameraControlBindings.find(
-          (b) => b.action === "moveUp",
-        );
+      it('should store the binding in _cameraControlBindings', function () {
+        flock.cameraControl('W', 'moveUp');
+        expect(flock._cameraControlBindings).to.be.an('array');
+        const binding = flock._cameraControlBindings.find((b) => b.action === 'moveUp');
         expect(binding).to.exist;
-        expect(binding.normalizedKey).to.equal("W".toUpperCase().charCodeAt(0));
+        expect(binding.normalizedKey).to.equal('W'.toUpperCase().charCodeAt(0));
       });
 
-      it("should replace an existing binding for the same action", function () {
-        flock.cameraControl("W", "moveUp");
-        flock.cameraControl("I", "moveUp");
-        const bindings = flock._cameraControlBindings.filter(
-          (b) => b.action === "moveUp",
-        );
+      it('should replace an existing binding for the same action', function () {
+        flock.cameraControl('W', 'moveUp');
+        flock.cameraControl('I', 'moveUp');
+        const bindings = flock._cameraControlBindings.filter((b) => b.action === 'moveUp');
         expect(bindings).to.have.length(1);
-        expect(bindings[0].normalizedKey).to.equal(
-          "I".toUpperCase().charCodeAt(0),
-        );
+        expect(bindings[0].normalizedKey).to.equal('I'.toUpperCase().charCodeAt(0));
       });
 
-      it("should warn and not store a binding for an unsupported key", function () {
+      it('should warn and not store a binding for an unsupported key', function () {
         const warnings = [];
         const original = console.warn;
-        console.warn = (...args) => warnings.push(args.join(" "));
-        flock.cameraControl("@@@", "moveUp");
+        console.warn = (...args) => warnings.push(args.join(' '));
+        flock.cameraControl('@@@', 'moveUp');
         console.warn = original;
         expect(warnings.length).to.be.greaterThan(0);
-        const binding = (flock._cameraControlBindings || []).find(
-          (b) => b.action === "moveUp",
-        );
+        const binding = (flock._cameraControlBindings || []).find((b) => b.action === 'moveUp');
         expect(binding).to.not.exist;
       });
     });
 
-    describe("attachCamera", function () {
+    describe('attachCamera', function () {
       const boxIds = [];
       let savedCamera;
 
@@ -63,8 +55,8 @@ export function runCameraTests(flock) {
         flock.scene.activeCamera = savedCamera;
       });
 
-      it("should set scene.activeCamera to an ArcRotateCamera following the mesh", async function () {
-        const id = "cameraAttachBox";
+      it('should set scene.activeCamera to an ArcRotateCamera following the mesh', async function () {
+        const id = 'cameraAttachBox';
         await flock.createBox(id, {
           width: 1,
           height: 1,
@@ -81,22 +73,22 @@ export function runCameraTests(flock) {
       });
     });
 
-    describe("canvasControls", function () {
-      it("should not throw when called with false", function () {
+    describe('canvasControls', function () {
+      it('should not throw when called with false', function () {
         expect(() => flock.canvasControls(false)).to.not.throw();
       });
 
-      it("should not throw when called with true", function () {
+      it('should not throw when called with true', function () {
         expect(() => flock.canvasControls(true)).to.not.throw();
       });
     });
 
-    describe("interactIndicator", function () {
-      it("should not throw when called with false", function () {
+    describe('interactIndicator', function () {
+      it('should not throw when called with false', function () {
         expect(() => flock.interactIndicator(false)).to.not.throw();
       });
 
-      it("should not throw when called with true", function () {
+      it('should not throw when called with true', function () {
         expect(() => flock.interactIndicator(true)).to.not.throw();
       });
     });
diff --git a/tests/characterAnimations.test.js b/tests/characterAnimations.test.js
index dec61f58a..873f8866e 100644
--- a/tests/characterAnimations.test.js
+++ b/tests/characterAnimations.test.js
@@ -1,17 +1,17 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 function getAnimationDurationInSeconds(animationGroup) {
   const targetedAnimation = animationGroup?.targetedAnimations?.[0];
   const fps = targetedAnimation?.animation?.framePerSecond;
-  if (!fps || typeof animationGroup.to !== "number") {
+  if (!fps || typeof animationGroup.to !== 'number') {
     return null;
   }
   return (animationGroup.to - animationGroup.from) / fps;
 }
 
 function configureDraco(BABYLON) {
-  const base = import.meta?.env?.BASE_URL ?? "/";
-  const root = base.endsWith("/") ? base : `${base}/`;
+  const base = import.meta?.env?.BASE_URL ?? '/';
+  const root = base.endsWith('/') ? base : `${base}/`;
 
   BABYLON.DracoCompression.DefaultNumWorkers = 0;
   BABYLON.DracoCompression.Configuration = {
@@ -44,7 +44,7 @@ async function pumpAnimation(flock, promise, match = null) {
       while (!found && Date.now() < timeout) {
         flock.scene.render();
         found = flock.scene.animationGroups.some((ag) =>
-          ag.name.toLowerCase().includes(match.toLowerCase()),
+          ag.name.toLowerCase().includes(match.toLowerCase())
         );
         if (!found) await new Promise((r) => setTimeout(r, 10));
       }
@@ -59,10 +59,10 @@ async function pumpAnimation(flock, promise, match = null) {
 }
 
 export function runCharacterAnimationTests(flock) {
-  describe("Character Animation API", function () {
+  describe('Character Animation API', function () {
     this.timeout(30000);
 
-    const characterModel = "Liz3.glb";
+    const characterModel = 'Liz3.glb';
     const animationMeshIds = [];
 
     before(async function () {
@@ -82,14 +82,10 @@ export function runCharacterAnimationTests(flock) {
       flock.modelsBeingLoaded = {};
       flock._modelInstances = Object.create(null);
 
-      new flock.BABYLON.FreeCamera(
-        "testCamera",
-        flock.BABYLON.Vector3.Zero(),
-        flock.scene,
-      );
+      new flock.BABYLON.FreeCamera('testCamera', flock.BABYLON.Vector3.Zero(), flock.scene);
 
       const baseMock = {
-        name: "MockPhysics",
+        name: 'MockPhysics',
         getPluginVersion: () => 2,
         isInitialized: () => true,
         _checkIsReady: () => true,
@@ -105,15 +101,12 @@ export function runCharacterAnimationTests(flock) {
         get: (target, prop) => (prop in target ? target[prop] : () => {}),
       });
 
-      flock.scene.enablePhysics(
-        new flock.BABYLON.Vector3(0, -9.81, 0),
-        physicsMock,
-      );
+      flock.scene.enablePhysics(new flock.BABYLON.Vector3(0, -9.81, 0), physicsMock);
       configureDraco(flock.BABYLON);
 
       const meshId = flock.createCharacter({
         modelName: characterModel,
-        modelId: "liz3-test-character",
+        modelId: 'liz3-test-character',
         position: { x: 0, y: 0, z: 0 },
       });
       animationMeshIds.push(meshId);
@@ -130,7 +123,7 @@ export function runCharacterAnimationTests(flock) {
       // under the base name so the leftover character doesn't pollute later
       // suites — e.g. getPlayerMesh's heuristic would score it as the player.
       (flock.scene?.meshes ?? [])
-        .filter((m) => m?.name?.startsWith("liz3-test-character"))
+        .filter((m) => m?.name?.startsWith('liz3-test-character'))
         .forEach((m) => m.dispose());
     });
 
@@ -139,55 +132,54 @@ export function runCharacterAnimationTests(flock) {
       await pumpAnimation(
         flock,
         flock.switchAnimation(currentMeshId, {
-          animationName: "Idle",
+          animationName: 'Idle',
           loop: true,
           restart: true,
         }),
-        "Idle",
+        'Idle'
       );
     });
 
-    it("uses the Liz3 model from the main app for animation tests", async function () {
+    it('uses the Liz3 model from the main app for animation tests', async function () {
       const mesh = flock.scene.getMeshByName(animationMeshIds[0]);
       expect(mesh).to.exist;
       expect(mesh.metadata?.modelName).to.equal(characterModel);
     });
 
-    it("should avoid collisions for repeated character ids", function () {
+    it('should avoid collisions for repeated character ids', function () {
       const secondId = flock.createCharacter({
         modelName: characterModel,
-        modelId: "liz3-test-character",
+        modelId: 'liz3-test-character',
         position: { x: 2, y: 0, z: 0 },
       });
       animationMeshIds.push(secondId);
       expect(secondId).to.not.equal(animationMeshIds[0]);
     });
 
-    it("switchAnimation sets the current animation and starts playing it", async function () {
+    it('switchAnimation sets the current animation and starts playing it', async function () {
       const meshId = animationMeshIds[0];
       const mesh = flock.scene.getMeshByName(meshId);
 
       const walkPromise = flock.switchAnimation(meshId, {
-        animationName: "Walk",
+        animationName: 'Walk',
         loop: true,
         restart: true,
       });
 
       // Pass "Walk" to pump to ensure we wait for the group to exist
-      await pumpAnimation(flock, walkPromise, "Walk");
+      await pumpAnimation(flock, walkPromise, 'Walk');
 
       const walkGroup = flock.scene.animationGroups.find((ag) =>
-        ag.name.toLowerCase().includes("walk"),
+        ag.name.toLowerCase().includes('walk')
       );
-      expect(walkGroup, "Walk animation group should be in the scene").to.exist;
+      expect(walkGroup, 'Walk animation group should be in the scene').to.exist;
 
       const info = flock._getCurrentAnimationInfo(mesh);
-      expect(info, "Animation info should be active on the mesh").to.not.be
-        .null;
-      expect(info.name).to.equal("Walk");
+      expect(info, 'Animation info should be active on the mesh').to.not.be.null;
+      expect(info.name).to.equal('Walk');
     });
 
-    it("plays a non-looping animation and resolves near its duration", async function () {
+    it('plays a non-looping animation and resolves near its duration', async function () {
       const meshId = animationMeshIds[0];
       const root = flock.scene.getMeshByName(meshId);
 
@@ -195,75 +187,75 @@ export function runCharacterAnimationTests(flock) {
       await pumpAnimation(
         flock,
         flock.playAnimation(meshId, {
-          animationName: "Jump",
+          animationName: 'Jump',
           loop: false,
           restart: true,
         }),
-        "Jump",
+        'Jump'
       );
 
       const jumpGroup = flock.scene.animationGroups.find((ag) =>
-        ag.name.toLowerCase().includes("jump"),
+        ag.name.toLowerCase().includes('jump')
       );
-      expect(jumpGroup, "Jump group should be present").to.exist;
+      expect(jumpGroup, 'Jump group should be present').to.exist;
 
       const expectedDuration = getAnimationDurationInSeconds(jumpGroup);
       const realTimeElapsed = (Date.now() - start) / 1000;
       expect(expectedDuration).to.not.be.null;
-      expect(expectedDuration).to.be.a("number");
+      expect(expectedDuration).to.be.a('number');
       expect(expectedDuration).to.be.greaterThan(0);
       expect(realTimeElapsed).to.be.greaterThan(0);
 
       const info = flock._getCurrentAnimationInfo(root);
-      expect(info?.name).to.equal("Jump");
+      expect(info?.name).to.equal('Jump');
       expect(jumpGroup.isPlaying).to.equal(false);
     });
 
-    it("supports switching then playing a timed animation", async function () {
+    it('supports switching then playing a timed animation', async function () {
       const meshId = animationMeshIds[0];
       const root = flock.scene.getMeshByName(meshId);
 
       await pumpAnimation(
         flock,
         flock.switchAnimation(meshId, {
-          animationName: "Walk",
+          animationName: 'Walk',
           loop: true,
           restart: true,
         }),
-        "Walk",
+        'Walk'
       );
       await pumpAnimation(
         flock,
         flock.playAnimation(meshId, {
-          animationName: "Jump",
+          animationName: 'Jump',
           loop: false,
           restart: true,
         }),
-        "Jump",
+        'Jump'
       );
 
       const jumpGroup = flock.scene.animationGroups.find((ag) =>
-        ag.name.toLowerCase().includes("jump"),
+        ag.name.toLowerCase().includes('jump')
       );
       const info = flock._getCurrentAnimationInfo(root);
 
-      expect(info?.name).to.equal("Jump");
+      expect(info?.name).to.equal('Jump');
       expect(jumpGroup.isPlaying).to.equal(false);
     });
 
-    it("keeps mesh POSITION_Y on the anchor/base during physics glide and animation switches", async function () {
+    it('keeps mesh POSITION_Y on the anchor/base during physics glide and animation switches', async function () {
       const meshId = animationMeshIds[0];
 
-      await flock.setPhysics(meshId, "DYNAMIC");
+      await flock.setPhysics(meshId, 'DYNAMIC');
 
       await pumpAnimation(
         flock,
         flock.switchAnimation(meshId, {
-          animationName: "Walk",
+          animationName: 'Walk',
           loop: true,
           restart: true,
         }),
-        "Walk",
+        'Walk'
       );
 
       await pumpAnimation(
@@ -273,10 +265,10 @@ export function runCharacterAnimationTests(flock) {
           y: 0,
           z: 1,
           duration: 0.2,
-        }),
+        })
       );
 
-      expect(flock.getProperty(meshId, "POSITION_Y")).to.equal(0);
+      expect(flock.getProperty(meshId, 'POSITION_Y')).to.equal(0);
     });
   });
 }
diff --git a/tests/colourvalidation.test.js b/tests/colourvalidation.test.js
index 821bb303b..8e4bebebb 100644
--- a/tests/colourvalidation.test.js
+++ b/tests/colourvalidation.test.js
@@ -1,55 +1,55 @@
-import { expect } from "chai";
-import { isValidColourInput } from "../blocks/colourvalidation.js";
+import { expect } from 'chai';
+import { isValidColourInput } from '../blocks/colourvalidation.js';
 
 export function runColourValidationTests() {
-  describe("blocks/colourvalidation @colourvalidation", function () {
-    describe("isValidColourInput", function () {
-      it("accepts 6-digit hex with and without a leading #", function () {
-        expect(isValidColourInput("800080")).to.equal(true);
-        expect(isValidColourInput("#800080")).to.equal(true);
+  describe('blocks/colourvalidation @colourvalidation', function () {
+    describe('isValidColourInput', function () {
+      it('accepts 6-digit hex with and without a leading #', function () {
+        expect(isValidColourInput('800080')).to.equal(true);
+        expect(isValidColourInput('#800080')).to.equal(true);
       });
 
-      it("accepts 3-digit hex", function () {
-        expect(isValidColourInput("f0c")).to.equal(true);
-        expect(isValidColourInput("#f0c")).to.equal(true);
+      it('accepts 3-digit hex', function () {
+        expect(isValidColourInput('f0c')).to.equal(true);
+        expect(isValidColourInput('#f0c')).to.equal(true);
       });
 
-      it("trims surrounding whitespace", function () {
-        expect(isValidColourInput("  ff0000  ")).to.equal(true);
+      it('trims surrounding whitespace', function () {
+        expect(isValidColourInput('  ff0000  ')).to.equal(true);
       });
 
-      it("accepts CSS named colors", function () {
-        expect(isValidColourInput("red")).to.equal(true);
-        expect(isValidColourInput("rebeccapurple")).to.equal(true);
-        expect(isValidColourInput("transparent")).to.equal(true);
+      it('accepts CSS named colors', function () {
+        expect(isValidColourInput('red')).to.equal(true);
+        expect(isValidColourInput('rebeccapurple')).to.equal(true);
+        expect(isValidColourInput('transparent')).to.equal(true);
       });
 
-      it("accepts rgb() and hsl() functional notation", function () {
-        expect(isValidColourInput("rgb(1, 2, 3)")).to.equal(true);
-        expect(isValidColourInput("hsl(210, 50%, 40%)")).to.equal(true);
+      it('accepts rgb() and hsl() functional notation', function () {
+        expect(isValidColourInput('rgb(1, 2, 3)')).to.equal(true);
+        expect(isValidColourInput('hsl(210, 50%, 40%)')).to.equal(true);
       });
 
-      it("rejects unresolved custom-property (var()) references", function () {
-        expect(isValidColourInput("var(--brand)")).to.equal(false);
-        expect(isValidColourInput("rgb(var(--r), 0, 0)")).to.equal(false);
+      it('rejects unresolved custom-property (var()) references', function () {
+        expect(isValidColourInput('var(--brand)')).to.equal(false);
+        expect(isValidColourInput('rgb(var(--r), 0, 0)')).to.equal(false);
       });
 
-      it("rejects context-dependent CSS keywords", function () {
-        expect(isValidColourInput("currentColor")).to.equal(false);
-        expect(isValidColourInput("inherit")).to.equal(false);
-        expect(isValidColourInput("initial")).to.equal(false);
-        expect(isValidColourInput("unset")).to.equal(false);
-        expect(isValidColourInput("revert")).to.equal(false);
+      it('rejects context-dependent CSS keywords', function () {
+        expect(isValidColourInput('currentColor')).to.equal(false);
+        expect(isValidColourInput('inherit')).to.equal(false);
+        expect(isValidColourInput('initial')).to.equal(false);
+        expect(isValidColourInput('unset')).to.equal(false);
+        expect(isValidColourInput('revert')).to.equal(false);
       });
 
-      it("rejects empty and unparseable strings", function () {
-        expect(isValidColourInput("")).to.equal(false);
-        expect(isValidColourInput("   ")).to.equal(false);
-        expect(isValidColourInput("xyz")).to.equal(false);
-        expect(isValidColourInput("notacolour")).to.equal(false);
+      it('rejects empty and unparseable strings', function () {
+        expect(isValidColourInput('')).to.equal(false);
+        expect(isValidColourInput('   ')).to.equal(false);
+        expect(isValidColourInput('xyz')).to.equal(false);
+        expect(isValidColourInput('notacolour')).to.equal(false);
       });
 
-      it("rejects non-string input", function () {
+      it('rejects non-string input', function () {
         expect(isValidColourInput(null)).to.equal(false);
         expect(isValidColourInput(undefined)).to.equal(false);
         expect(isValidColourInput(123)).to.equal(false);
diff --git a/tests/concurrency.test.js b/tests/concurrency.test.js
index 83edfed9d..5ce119ea5 100644
--- a/tests/concurrency.test.js
+++ b/tests/concurrency.test.js
@@ -1,7 +1,7 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runConcurrencyTests(flock) {
-  describe("Concurrency and Stress Tests @slow", function () {
+  describe('Concurrency and Stress Tests @slow', function () {
     this.timeout(30000); // Extended timeout for stress tests
     const createdObjects = [];
 
@@ -21,21 +21,21 @@ export function runConcurrencyTests(flock) {
       createdObjects.length = 0;
     });
 
-    describe("Concurrent Object Creation", function () {
-      it("should handle single object creation", async function () {
-        const objectId = "single_test_object";
+    describe('Concurrent Object Creation', function () {
+      it('should handle single object creation', async function () {
+        const objectId = 'single_test_object';
         createdObjects.push(objectId);
 
         console.log(`Creating object with ID: ${objectId}`);
         const result = flock.createObject({
-          modelName: "tree.glb",
+          modelName: 'tree.glb',
           modelId: objectId,
-          color: ["#ff0000", "#00ff00"],
+          color: ['#ff0000', '#00ff00'],
           position: { x: 0, y: 0, z: 0 },
         });
 
         console.log(`createObject returned: ${result}`);
-        expect(result).to.be.a("string");
+        expect(result).to.be.a('string');
 
         // Wait for the model to actually load
         console.log(`Waiting for model to be ready...`);
@@ -44,40 +44,40 @@ export function runConcurrencyTests(flock) {
         // Now verify object exists
         console.log(`Looking for mesh with name: ${objectId}`);
         const mesh = flock.scene.getMeshByName(objectId);
-        console.log(`Found mesh:`, mesh ? mesh.name : "null");
+        console.log(`Found mesh:`, mesh ? mesh.name : 'null');
 
         // Debug: list all mesh names in scene
         console.log(
-          "All mesh names in scene:",
-          flock.scene.meshes.map((m) => m.name),
+          'All mesh names in scene:',
+          flock.scene.meshes.map((m) => m.name)
         );
 
         expect(mesh).to.exist;
       });
     });
 
-    describe("Concurrent Say Operations", function () {
-      it("should handle single say operation", async function () {
-        const objectId = "single_say_test_object";
+    describe('Concurrent Say Operations', function () {
+      it('should handle single say operation', async function () {
+        const objectId = 'single_say_test_object';
         createdObjects.push(objectId);
 
         console.log(`Creating object for say test with ID: ${objectId}`);
         const result = flock.createObject({
-          modelName: "tree.glb",
+          modelName: 'tree.glb',
           modelId: objectId,
-          color: ["#ff0000", "#00ff00"],
+          color: ['#ff0000', '#00ff00'],
           position: { x: 0, y: 0, z: 0 },
         });
 
         console.log(`createObject returned: ${result}`);
-        expect(result).to.be.a("string");
+        expect(result).to.be.a('string');
 
         // Use the public API - say() handles model readiness internally
         if (flock.say) {
           console.log(`Starting say operation on ${result}`);
           // Just call say directly - it will wait for the model to be ready internally
           await flock.say(result, {
-            text: "Hello World",
+            text: 'Hello World',
             duration: 1,
           });
           console.log(`Say operation completed`);
@@ -88,13 +88,13 @@ export function runConcurrencyTests(flock) {
         expect(true).to.be.true; // Test passes if no errors thrown
       });
 
-      it("should handle multiple simultaneous say operations", async function () {
+      it('should handle multiple simultaneous say operations', async function () {
         // Create several objects first
         const objectIds = [];
         for (let i = 0; i < 10; i++) {
           const objectId = `say_object_${i}`;
           const returnedId = flock.createObject({
-            modelName: "tree.glb",
+            modelName: 'tree.glb',
             modelId: objectId,
             position: { x: i, y: 0, z: 0 },
           });
@@ -126,10 +126,10 @@ export function runConcurrencyTests(flock) {
         expect(true).to.be.true; // Test passes if no errors thrown
       });
 
-      it("should handle rapid sequential say operations on same object", async function () {
-        const objectId = "rapid_say_object";
+      it('should handle rapid sequential say operations on same object', async function () {
+        const objectId = 'rapid_say_object';
         const returnedId = flock.createObject({
-          modelName: "tree.glb",
+          modelName: 'tree.glb',
           modelId: objectId,
           position: { x: 0, y: 0, z: 0 },
         });
@@ -153,8 +153,8 @@ export function runConcurrencyTests(flock) {
       });
     });
 
-    describe("Concurrent Mesh Operations", function () {
-      it("should handle concurrent position updates", async function () {
+    describe('Concurrent Mesh Operations', function () {
+      it('should handle concurrent position updates', async function () {
         this.timeout(40000); // Increase timeout for this specific test
         const objectIds = [];
 
@@ -163,14 +163,12 @@ export function runConcurrencyTests(flock) {
           // Reduced from 15 to 10 objects
           const objectId = `position_object_${i}`;
           const returnedId = flock.createObject({
-            modelName: "tree.glb",
+            modelName: 'tree.glb',
             modelId: objectId,
             position: { x: i, y: 0, z: 0 },
           });
 
-          console.log(
-            `Created position object ${i}: ${objectId} -> ${returnedId}`,
-          );
+          console.log(`Created position object ${i}: ${objectId} -> ${returnedId}`);
           // Use the returned ID, not the passed one
           objectIds.push(returnedId);
           createdObjects.push(returnedId);
@@ -183,9 +181,7 @@ export function runConcurrencyTests(flock) {
           const newX = Math.random() * 10 - 5; // Reduced range
           const newZ = Math.random() * 10 - 5;
 
-          console.log(
-            `Starting move operation on ${objectId} to ${newX}, ${newZ}`,
-          );
+          console.log(`Starting move operation on ${objectId} to ${newX}, ${newZ}`);
 
           if (flock.glideTo) {
             // Use glideTo as it's more reliable than moveTo - duration in seconds
@@ -202,22 +198,18 @@ export function runConcurrencyTests(flock) {
               z: newZ,
             });
           } else {
-            console.log(
-              `No movement functions available, skipping ${objectId}`,
-            );
+            console.log(`No movement functions available, skipping ${objectId}`);
             return Promise.resolve();
           }
         });
 
-        console.log(
-          `Waiting for ${movePromises.length} movement operations to complete...`,
-        );
+        console.log(`Waiting for ${movePromises.length} movement operations to complete...`);
         await Promise.all(movePromises);
         console.log(`All movement operations completed`);
         expect(true).to.be.true;
       });
 
-      it("should handle concurrent color changes", async function () {
+      it('should handle concurrent color changes', async function () {
         const objectIds = [];
 
         // Create objects
@@ -227,7 +219,7 @@ export function runConcurrencyTests(flock) {
           createdObjects.push(objectId);
 
           flock.createObject({
-            modelName: "tree.glb",
+            modelName: 'tree.glb',
             modelId: objectId,
             position: { x: i % 4, y: 0, z: Math.floor(i / 4) },
           });
@@ -249,7 +241,7 @@ export function runConcurrencyTests(flock) {
         expect(true).to.be.true;
       });
 
-      it("should handle concurrent scaling operations", async function () {
+      it('should handle concurrent scaling operations', async function () {
         const objectIds = [];
 
         // Create objects
@@ -259,7 +251,7 @@ export function runConcurrencyTests(flock) {
           createdObjects.push(objectId);
 
           flock.createObject({
-            modelName: "tree.glb",
+            modelName: 'tree.glb',
             modelId: objectId,
             position: { x: i * 2, y: 0, z: 0 },
           });
@@ -282,8 +274,8 @@ export function runConcurrencyTests(flock) {
       });
     });
 
-    describe("Concurrent Animation Operations", function () {
-      it("should handle concurrent animation starts", async function () {
+    describe('Concurrent Animation Operations', function () {
+      it('should handle concurrent animation starts', async function () {
         const objectIds = [];
 
         // Create objects
@@ -293,7 +285,7 @@ export function runConcurrencyTests(flock) {
           createdObjects.push(objectId);
 
           flock.createObject({
-            modelName: "tree.glb",
+            modelName: 'tree.glb',
             modelId: objectId,
             position: { x: i * 2, y: 0, z: 0 },
           });
@@ -318,7 +310,7 @@ export function runConcurrencyTests(flock) {
         expect(true).to.be.true;
       });
 
-      it("should handle concurrent glideTo operations", async function () {
+      it('should handle concurrent glideTo operations', async function () {
         const objectIds = [];
 
         // Create objects
@@ -328,7 +320,7 @@ export function runConcurrencyTests(flock) {
           createdObjects.push(objectId);
 
           flock.createObject({
-            modelName: "tree.glb",
+            modelName: 'tree.glb',
             modelId: objectId,
             position: { x: i, y: 0, z: 0 },
           });
@@ -351,8 +343,8 @@ export function runConcurrencyTests(flock) {
       });
     });
 
-    describe("Concurrent Show/Hide Operations", function () {
-      it("should handle rapid show/hide toggles across multiple objects", async function () {
+    describe('Concurrent Show/Hide Operations', function () {
+      it('should handle rapid show/hide toggles across multiple objects', async function () {
         const objectIds = [];
 
         // Create objects
@@ -362,7 +354,7 @@ export function runConcurrencyTests(flock) {
           createdObjects.push(objectId);
 
           flock.createObject({
-            modelName: "tree.glb",
+            modelName: 'tree.glb',
             modelId: objectId,
             position: { x: i % 5, y: 0, z: Math.floor(i / 5) },
           });
@@ -373,17 +365,13 @@ export function runConcurrencyTests(flock) {
         // Perform multiple rounds of concurrent show/hide
         for (let round = 0; round < 3; round++) {
           // Hide all objects concurrently
-          const hidePromises = objectIds.map((objectId) =>
-            flock.hide(objectId),
-          );
+          const hidePromises = objectIds.map((objectId) => flock.hide(objectId));
           await Promise.all(hidePromises);
 
           await flock.wait(0.3);
 
           // Show all objects concurrently
-          const showPromises = objectIds.map((objectId) =>
-            flock.show(objectId),
-          );
+          const showPromises = objectIds.map((objectId) => flock.show(objectId));
           await Promise.all(showPromises);
 
           await flock.wait(0.3);
@@ -393,8 +381,8 @@ export function runConcurrencyTests(flock) {
       });
     });
 
-    describe("Mixed Concurrent Operations", function () {
-      it("should handle mixed operations on different objects simultaneously", async function () {
+    describe('Mixed Concurrent Operations', function () {
+      it('should handle mixed operations on different objects simultaneously', async function () {
         const objectIds = [];
 
         // Create various objects
@@ -404,7 +392,7 @@ export function runConcurrencyTests(flock) {
           createdObjects.push(objectId);
 
           flock.createObject({
-            modelName: "tree.glb",
+            modelName: 'tree.glb',
             modelId: objectId,
             position: { x: i % 5, y: 0, z: Math.floor(i / 5) },
           });
@@ -433,7 +421,7 @@ export function runConcurrencyTests(flock) {
               return flock.changeColor
                 ? flock.changeColor(
                     objectId,
-                    `#${Math.floor(Math.random() * 16777215).toString(16)}`,
+                    `#${Math.floor(Math.random() * 16777215).toString(16)}`
                   ) || Promise.resolve()
                 : Promise.resolve();
 
@@ -449,8 +437,7 @@ export function runConcurrencyTests(flock) {
             case 3:
               // Scale
               return flock.scale
-                ? flock.scale(objectId, 0.5 + Math.random()) ||
-                    Promise.resolve()
+                ? flock.scale(objectId, 0.5 + Math.random()) || Promise.resolve()
                 : Promise.resolve();
 
             case 4:
@@ -459,16 +446,14 @@ export function runConcurrencyTests(flock) {
                 ? flock.say(objectId, `Object ${index}`, 2) || Promise.resolve()
                 : Promise.resolve();
 
-            case 5:
+            case 5: {
               // Hide then show - ensure all operations return promises
-              {
-                const hidePromise = flock.hide(objectId) || Promise.resolve();
-                const waitPromise = () => flock.wait(0.5);
-                const showPromise = () =>
-                  flock.show(objectId) || Promise.resolve();
+              const hidePromise = flock.hide(objectId) || Promise.resolve();
+              const waitPromise = () => flock.wait(0.5);
+              const showPromise = () => flock.show(objectId) || Promise.resolve();
 
-                return hidePromise.then(waitPromise).then(showPromise);
-              }
+              return hidePromise.then(waitPromise).then(showPromise);
+            }
 
             default:
               return Promise.resolve();
@@ -479,7 +464,7 @@ export function runConcurrencyTests(flock) {
         expect(true).to.be.true;
       });
 
-      it("should handle overlapping whenModelReady calls", async function () {
+      it('should handle overlapping whenModelReady calls', async function () {
         const objectIds = [];
 
         // Create objects and immediately start operations on them
@@ -492,7 +477,7 @@ export function runConcurrencyTests(flock) {
           // Create object
           const createPromise = Promise.resolve().then(() => {
             flock.createObject({
-              modelName: "tree.glb",
+              modelName: 'tree.glb',
               modelId: objectId,
               position: { x: i % 5, y: 0, z: Math.floor(i / 5) },
             });
@@ -501,7 +486,7 @@ export function runConcurrencyTests(flock) {
             const ops = [];
 
             if (flock.changeColor) {
-              ops.push(flock.changeColor(objectId, "#ff0000"));
+              ops.push(flock.changeColor(objectId, '#ff0000'));
             }
 
             if (flock.say) {
@@ -514,7 +499,7 @@ export function runConcurrencyTests(flock) {
                 y: 1,
                 z: Math.floor(i / 5),
                 duration: 1,
-              }),
+              })
             );
 
             if (flock.scale) {
@@ -532,8 +517,8 @@ export function runConcurrencyTests(flock) {
       });
     });
 
-    describe("Error Resilience Under Concurrency", function () {
-      it("should handle rapid creation and disposal", async function () {
+    describe('Error Resilience Under Concurrency', function () {
+      it('should handle rapid creation and disposal', async function () {
         const promises = [];
 
         for (let i = 0; i < 10; i++) {
@@ -542,7 +527,7 @@ export function runConcurrencyTests(flock) {
           const promise = Promise.resolve().then(async () => {
             // Create object
             flock.createObject({
-              modelName: "tree.glb",
+              modelName: 'tree.glb',
               modelId: objectId,
               position: { x: i, y: 0, z: 0 },
             });
@@ -552,7 +537,7 @@ export function runConcurrencyTests(flock) {
 
             // Try some operations
             if (flock.changeColor) {
-              await flock.changeColor(objectId, "#00ff00");
+              await flock.changeColor(objectId, '#00ff00');
             }
 
             // Dispose immediately
@@ -567,8 +552,8 @@ export function runConcurrencyTests(flock) {
       });
     });
 
-    describe("Performance Under Load", function () {
-      it("should maintain performance with many concurrent whenModelReady calls", async function () {
+    describe('Performance Under Load', function () {
+      it('should maintain performance with many concurrent whenModelReady calls', async function () {
         const startTime = Date.now();
         const promises = [];
 
@@ -578,7 +563,7 @@ export function runConcurrencyTests(flock) {
           createdObjects.push(objectId);
 
           flock.createObject({
-            modelName: "tree.glb",
+            modelName: 'tree.glb',
             modelId: objectId,
             position: { x: i % 6, y: 0, z: Math.floor(i / 6) },
           });
@@ -595,7 +580,7 @@ export function runConcurrencyTests(flock) {
                   // Simple operation
                   mesh.position.y = Math.random();
                 }
-              }),
+              })
             );
           }
         }
diff --git a/tests/control.test.js b/tests/control.test.js
index 75c43eceb..cf2cb6a58 100644
--- a/tests/control.test.js
+++ b/tests/control.test.js
@@ -1,9 +1,9 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runControlTests(flock) {
-  describe("Control API @control", function () {
-    describe("waitUntil", function () {
-      it("should resolve once the condition becomes true", async function () {
+  describe('Control API @control', function () {
+    describe('waitUntil', function () {
+      it('should resolve once the condition becomes true', async function () {
         let flag = false;
 
         // Flip the flag after a short delay, pumping the scene so the
@@ -19,24 +19,24 @@ export function runControlTests(flock) {
         expect(flag).to.be.true;
       });
 
-      it("should resolve immediately when condition is already true", async function () {
+      it('should resolve immediately when condition is already true', async function () {
         const interval = setInterval(() => flock.scene.render(), 0);
         await flock.waitUntil(() => true);
         clearInterval(interval);
       });
 
-      it("should warn and resolve when called without a function", async function () {
+      it('should warn and resolve when called without a function', async function () {
         const warnings = [];
         const original = console.warn;
-        console.warn = (...args) => warnings.push(args.join(" "));
-        await flock.waitUntil("not a function");
+        console.warn = (...args) => warnings.push(args.join(' '));
+        await flock.waitUntil('not a function');
         console.warn = original;
         expect(warnings.length).to.be.greaterThan(0);
       });
     });
 
-    describe("safeLoop", function () {
-      it("should call the loop body for each iteration", async function () {
+    describe('safeLoop', function () {
+      it('should call the loop body for each iteration', async function () {
         const calls = [];
         await flock.safeLoop(0, (i) => calls.push(i));
         await flock.safeLoop(1, (i) => calls.push(i));
@@ -44,7 +44,7 @@ export function runControlTests(flock) {
         expect(calls).to.deep.equal([0, 1, 2]);
       });
 
-      it("should stop when state.stopExecution is set", async function () {
+      it('should stop when state.stopExecution is set', async function () {
         const calls = [];
         const state = { stopExecution: true };
         await flock.safeLoop(0, (i) => calls.push(i), 100, undefined, state);
diff --git a/tests/effects.test.js b/tests/effects.test.js
index 825968c52..941ee3627 100644
--- a/tests/effects.test.js
+++ b/tests/effects.test.js
@@ -1,16 +1,14 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runEffectsTests(flock) {
-  describe("Effects API", function () {
+  describe('Effects API', function () {
     const createdEffects = [];
     const createdMeshes = [];
 
     afterEach(function () {
       // Clean up particle systems
       createdEffects.forEach((effectName) => {
-        const system = flock.scene.particleSystems.find(
-          (s) => s.name === effectName,
-        );
+        const system = flock.scene.particleSystems.find((s) => s.name === effectName);
         if (system) {
           system.dispose();
         }
@@ -39,17 +37,17 @@ export function runEffectsTests(flock) {
       }
     });
 
-    it("should set light intensity", function () {
+    it('should set light intensity', function () {
       const light = { intensity: 0 };
       flock.mainLight = light;
       flock.lightIntensity(0.75);
       expect(light.intensity).to.equal(0.75);
     });
 
-    it("should create a particle system and return its name", function (done) {
+    it('should create a particle system and return its name', function (done) {
       this.timeout(5000);
-      const emitterId = flock.createBox("emitterBox", {
-        color: "#FF0000",
+      const emitterId = flock.createBox('emitterBox', {
+        color: '#FF0000',
         width: 1,
         height: 1,
         depth: 1,
@@ -57,33 +55,31 @@ export function runEffectsTests(flock) {
       });
       createdMeshes.push(emitterId);
 
-      const effectName = flock.createParticleEffect("test", {
+      const effectName = flock.createParticleEffect('test', {
         emitterMesh: emitterId,
         emitRate: 10,
-        colors: { start: "#ffffff", end: "#ffffff" },
+        colors: { start: '#ffffff', end: '#ffffff' },
         alphas: { start: 1, end: 0 },
         sizes: { start: 1, end: 1 },
         lifetime: { min: 0.1, max: 0.2 },
-        shape: "flare.png",
+        shape: 'flare.png',
       });
       createdEffects.push(effectName);
 
-      expect(effectName).to.be.a("string");
+      expect(effectName).to.be.a('string');
 
       setTimeout(() => {
-        const system = flock.scene.particleSystems.find(
-          (s) => s.name === effectName,
-        );
+        const system = flock.scene.particleSystems.find((s) => s.name === effectName);
         expect(system).to.exist;
         done();
       }, 50);
     });
 
-    it("should avoid collisions for repeated particle effect names", function (done) {
+    it('should avoid collisions for repeated particle effect names', function (done) {
       this.timeout(5000);
 
-      const emitterId = flock.createBox("effectReserveEmitter", {
-        color: "#FF0000",
+      const emitterId = flock.createBox('effectReserveEmitter', {
+        color: '#FF0000',
         width: 1,
         height: 1,
         depth: 1,
@@ -91,23 +87,23 @@ export function runEffectsTests(flock) {
       });
       createdMeshes.push(emitterId);
 
-      const firstEffectName = flock.createParticleEffect("reserveEffect", {
+      const firstEffectName = flock.createParticleEffect('reserveEffect', {
         emitterMesh: emitterId,
         emitRate: 10,
-        colors: { start: "#ffffff", end: "#ffffff" },
+        colors: { start: '#ffffff', end: '#ffffff' },
         alphas: { start: 1, end: 0 },
         sizes: { start: 1, end: 1 },
         lifetime: { min: 0.1, max: 0.2 },
-        shape: "flare.png",
+        shape: 'flare.png',
       });
-      const secondEffectName = flock.createParticleEffect("reserveEffect", {
+      const secondEffectName = flock.createParticleEffect('reserveEffect', {
         emitterMesh: emitterId,
         emitRate: 10,
-        colors: { start: "#ffffff", end: "#ffffff" },
+        colors: { start: '#ffffff', end: '#ffffff' },
         alphas: { start: 1, end: 0 },
         sizes: { start: 1, end: 1 },
         lifetime: { min: 0.1, max: 0.2 },
-        shape: "flare.png",
+        shape: 'flare.png',
       });
       createdEffects.push(firstEffectName, secondEffectName);
 
@@ -121,11 +117,11 @@ export function runEffectsTests(flock) {
       }, 100);
     });
 
-    it("should ignore a particle effect attached to a particle effect", async function () {
+    it('should ignore a particle effect attached to a particle effect', async function () {
       this.timeout(5000);
 
-      const emitterId = flock.createBox("nestedEffectEmitter", {
-        color: "#FF0000",
+      const emitterId = flock.createBox('nestedEffectEmitter', {
+        color: '#FF0000',
         width: 1,
         height: 1,
         depth: 1,
@@ -135,14 +131,14 @@ export function runEffectsTests(flock) {
 
       const effectOptions = {
         emitRate: 10,
-        colors: { start: "#ffffff", end: "#ffffff" },
+        colors: { start: '#ffffff', end: '#ffffff' },
         alphas: { start: 1, end: 0 },
         sizes: { start: 1, end: 1 },
         lifetime: { min: 0.1, max: 0.2 },
-        shape: "flare.png",
+        shape: 'flare.png',
       };
 
-      const baseEffectName = flock.createParticleEffect("nestedBase", {
+      const baseEffectName = flock.createParticleEffect('nestedBase', {
         ...effectOptions,
         emitterMesh: emitterId,
       });
@@ -153,7 +149,7 @@ export function runEffectsTests(flock) {
       const previousOnBlockError = flock.onBlockError;
       flock.onBlockError = (info) => reported.push(info);
       try {
-        const nestedEffectName = flock.createParticleEffect("nestedChild", {
+        const nestedEffectName = flock.createParticleEffect('nestedChild', {
           ...effectOptions,
           emitterMesh: baseEffectName,
         });
@@ -161,27 +157,25 @@ export function runEffectsTests(flock) {
 
         const result = await flock.modelReadyPromises.get(nestedEffectName);
         expect(result).to.equal(null);
-        const system = flock.scene.particleSystems.find(
-          (s) => s.name === nestedEffectName,
-        );
+        const system = flock.scene.particleSystems.find((s) => s.name === nestedEffectName);
         expect(system).to.not.exist;
 
         expect(reported).to.have.lengthOf(1);
-        expect(reported[0].key).to.equal("particle_emitter_not_mesh");
+        expect(reported[0].key).to.equal('particle_emitter_not_mesh');
         expect(reported[0].values.emitter).to.equal(baseEffectName);
       } finally {
         flock.onBlockError = previousOnBlockError;
       }
     });
 
-    it("should set fog parameters", function () {
+    it('should set fog parameters', function () {
       flock.scene.fogMode = null;
       flock.scene.fogColor = null;
       flock.scene.fogDensity = null;
       flock.scene.fogStart = null;
       flock.scene.fogEnd = null;
 
-      flock.setFog({ fogColorHex: "#9932cc", fogMode: "EXP", fogDensity: 0.2 });
+      flock.setFog({ fogColorHex: '#9932cc', fogMode: 'EXP', fogDensity: 0.2 });
 
       expect(flock.scene.fogMode).to.equal(flock.BABYLON.Scene.FOGMODE_EXP);
       expect(flock.scene.fogDensity).to.equal(0.2);
@@ -189,13 +183,13 @@ export function runEffectsTests(flock) {
       expect(flock.scene.fogEnd).to.equal(100);
     });
 
-    it("should allow custom fog start and end", function () {
+    it('should allow custom fog start and end', function () {
       flock.scene.fogStart = null;
       flock.scene.fogEnd = null;
 
       flock.setFog({
-        fogColorHex: "#9932cc",
-        fogMode: "LINEAR",
+        fogColorHex: '#9932cc',
+        fogMode: 'LINEAR',
         fogDensity: 0.05,
         fogStart: 25,
         fogEnd: 75,
@@ -205,21 +199,21 @@ export function runEffectsTests(flock) {
       expect(flock.scene.fogEnd).to.equal(75);
     });
 
-    it("single-color material path should still support scene fog", function () {
+    it('single-color material path should still support scene fog', function () {
       const material = flock.createMaterial({
-        color: "#00ff00",
-        materialName: "test.png",
+        color: '#00ff00',
+        materialName: 'test.png',
         alpha: 0.8,
       });
 
       flock.setFog({
-        fogColorHex: "#778899",
-        fogMode: "LINEAR",
+        fogColorHex: '#778899',
+        fogMode: 'LINEAR',
         fogStart: 10,
         fogEnd: 100,
       });
 
-      expect(material.getClassName()).to.equal("StandardMaterial");
+      expect(material.getClassName()).to.equal('StandardMaterial');
       expect(material.fogEnabled).to.not.equal(false);
       expect(material.alpha).to.equal(0.8);
       expect(material.diffuseTexture.uScale).to.equal(1);
@@ -227,22 +221,22 @@ export function runEffectsTests(flock) {
       material.dispose();
     });
 
-    it("two-color shader path should receive fog uniforms", function () {
+    it('two-color shader path should receive fog uniforms', function () {
       const material = flock.createMaterial({
-        color: ["#00ff00", "#0000ff"],
-        materialName: "test.png",
+        color: ['#00ff00', '#0000ff'],
+        materialName: 'test.png',
         alpha: 0.4,
       });
 
       flock.setFog({
-        fogColorHex: "#123456",
-        fogMode: "EXP2",
+        fogColorHex: '#123456',
+        fogMode: 'EXP2',
         fogDensity: 0.33,
         fogStart: 12,
         fogEnd: 88,
       });
 
-      expect(material.getClassName()).to.equal("ShaderMaterial");
+      expect(material.getClassName()).to.equal('ShaderMaterial');
       expect(flock._fogAwareShaderMaterials?.has(material)).to.be.true;
       expect(material._floats.fogDensity).to.equal(0.33);
       expect(material._floats.fogStart).to.equal(12);
@@ -254,45 +248,42 @@ export function runEffectsTests(flock) {
       material.dispose();
     });
 
-    it("identical two-color input should match single-color fog behavior", function () {
+    it('identical two-color input should match single-color fog behavior', function () {
       const singleColorMaterial = flock.createMaterial({
-        color: "#00ff00",
-        materialName: "test.png",
+        color: '#00ff00',
+        materialName: 'test.png',
         alpha: 0.7,
       });
       const identicalPairMaterial = flock.createMaterial({
-        color: ["#00ff00", "#00ff00"],
-        materialName: "test.png",
+        color: ['#00ff00', '#00ff00'],
+        materialName: 'test.png',
         alpha: 0.7,
       });
 
       flock.setFog({
-        fogColorHex: "#abcdef",
-        fogMode: "EXP",
+        fogColorHex: '#abcdef',
+        fogMode: 'EXP',
         fogDensity: 0.15,
       });
 
-      expect(singleColorMaterial.getClassName()).to.equal("StandardMaterial");
-      expect(identicalPairMaterial.getClassName()).to.equal("StandardMaterial");
-      expect(flock._fogAwareShaderMaterials?.has(identicalPairMaterial)).to.not.be
-        .true;
-      expect(identicalPairMaterial.fogEnabled).to.equal(
-        singleColorMaterial.fogEnabled,
-      );
+      expect(singleColorMaterial.getClassName()).to.equal('StandardMaterial');
+      expect(identicalPairMaterial.getClassName()).to.equal('StandardMaterial');
+      expect(flock._fogAwareShaderMaterials?.has(identicalPairMaterial)).to.not.be.true;
+      expect(identicalPairMaterial.fogEnabled).to.equal(singleColorMaterial.fogEnabled);
       expect(identicalPairMaterial.alpha).to.equal(singleColorMaterial.alpha);
       identicalPairMaterial.dispose();
       singleColorMaterial.dispose();
     });
 
     it("getMainLight should return '__main_light__'", function () {
-      expect(flock.getMainLight()).to.equal("__main_light__");
+      expect(flock.getMainLight()).to.equal('__main_light__');
     });
 
-    it("lightColor should set diffuse and ground color on the main light", function () {
+    it('lightColor should set diffuse and ground color on the main light', function () {
       const originalMainLight = flock.mainLight;
       const light = { intensity: 1, diffuse: null, groundColor: null };
       flock.mainLight = light;
-      flock.lightColor("#ff0000", "#0000ff");
+      flock.lightColor('#ff0000', '#0000ff');
       expect(light.diffuse.r).to.be.closeTo(1, 0.01);
       expect(light.diffuse.g).to.be.closeTo(0, 0.01);
       expect(light.diffuse.b).to.be.closeTo(0, 0.01);
@@ -302,48 +293,36 @@ export function runEffectsTests(flock) {
       flock.mainLight = originalMainLight;
     });
 
-    it("startParticleSystem should start a stopped particle system", function () {
-      const ps = new flock.BABYLON.ParticleSystem(
-        "startTestPS",
-        100,
-        flock.scene,
-      );
+    it('startParticleSystem should start a stopped particle system', function () {
+      const ps = new flock.BABYLON.ParticleSystem('startTestPS', 100, flock.scene);
       ps.emitter = flock.BABYLON.Vector3.Zero();
-      createdEffects.push("startTestPS");
+      createdEffects.push('startTestPS');
 
       ps.stop();
       expect(ps.isStarted()).to.be.false;
 
-      flock.startParticleSystem("startTestPS");
+      flock.startParticleSystem('startTestPS');
       expect(ps.isStarted()).to.be.true;
     });
 
-    it("stopParticleSystem should mark the particle system as stopped", function () {
-      const ps = new flock.BABYLON.ParticleSystem(
-        "stopTestPS",
-        100,
-        flock.scene,
-      );
+    it('stopParticleSystem should mark the particle system as stopped', function () {
+      const ps = new flock.BABYLON.ParticleSystem('stopTestPS', 100, flock.scene);
       ps.emitter = flock.BABYLON.Vector3.Zero();
-      createdEffects.push("stopTestPS");
+      createdEffects.push('stopTestPS');
 
       ps.start();
       expect(ps._stopped).to.be.false;
 
-      flock.stopParticleSystem("stopTestPS");
+      flock.stopParticleSystem('stopTestPS');
       expect(ps._stopped).to.be.true;
     });
 
-    it("resetParticleSystem should clear all particles", function () {
-      const ps = new flock.BABYLON.ParticleSystem(
-        "resetTestPS",
-        100,
-        flock.scene,
-      );
+    it('resetParticleSystem should clear all particles', function () {
+      const ps = new flock.BABYLON.ParticleSystem('resetTestPS', 100, flock.scene);
       ps.emitter = flock.BABYLON.Vector3.Zero();
-      createdEffects.push("resetTestPS");
+      createdEffects.push('resetTestPS');
 
-      flock.resetParticleSystem("resetTestPS");
+      flock.resetParticleSystem('resetTestPS');
       expect(ps._particles).to.have.lengthOf(0);
       expect(ps._stockParticles).to.have.lengthOf(0);
     });
diff --git a/tests/events.test.js b/tests/events.test.js
index ecca7b32c..056b100e0 100644
--- a/tests/events.test.js
+++ b/tests/events.test.js
@@ -1,7 +1,7 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runEventsTests(flock) {
-  describe("Events API @events", function () {
+  describe('Events API @events', function () {
     const meshIds = [];
 
     afterEach(function () {
@@ -21,149 +21,147 @@ export function runEventsTests(flock) {
     });
 
     // -------------------------------------------------------------------------
-    describe("isAllowedEventName", function () {
-      it("returns false for empty string", function () {
-        expect(flock.isAllowedEventName("")).to.be.false;
+    describe('isAllowedEventName', function () {
+      it('returns false for empty string', function () {
+        expect(flock.isAllowedEventName('')).to.be.false;
       });
 
-      it("returns false for non-string input", function () {
+      it('returns false for non-string input', function () {
         expect(flock.isAllowedEventName(null)).to.be.false;
         expect(flock.isAllowedEventName(42)).to.be.false;
       });
 
-      it("returns false for name longer than 30 characters", function () {
-        expect(flock.isAllowedEventName("a".repeat(31))).to.be.false;
+      it('returns false for name longer than 30 characters', function () {
+        expect(flock.isAllowedEventName('a'.repeat(31))).to.be.false;
       });
 
-      it("returns false for reserved prefixes", function () {
-        expect(flock.isAllowedEventName("onSomething")).to.be.false;
-        expect(flock.isAllowedEventName("systemEvent")).to.be.false;
-        expect(flock.isAllowedEventName("internalMsg")).to.be.false;
-        expect(flock.isAllowedEventName("babylonTick")).to.be.false;
-        expect(flock.isAllowedEventName("flockReady")).to.be.false;
-        expect(flock.isAllowedEventName("_hidden")).to.be.false;
+      it('returns false for reserved prefixes', function () {
+        expect(flock.isAllowedEventName('onSomething')).to.be.false;
+        expect(flock.isAllowedEventName('systemEvent')).to.be.false;
+        expect(flock.isAllowedEventName('internalMsg')).to.be.false;
+        expect(flock.isAllowedEventName('babylonTick')).to.be.false;
+        expect(flock.isAllowedEventName('flockReady')).to.be.false;
+        expect(flock.isAllowedEventName('_hidden')).to.be.false;
       });
 
-      it("returns false for disallowed characters", function () {
-        expect(flock.isAllowedEventName("hello!")).to.be.false;
-        expect(flock.isAllowedEventName("say@world")).to.be.false;
+      it('returns false for disallowed characters', function () {
+        expect(flock.isAllowedEventName('hello!')).to.be.false;
+        expect(flock.isAllowedEventName('say@world')).to.be.false;
       });
 
-      it("returns true for a valid plain name", function () {
-        expect(flock.isAllowedEventName("jump")).to.be.true;
-        expect(flock.isAllowedEventName("collect coin")).to.be.true;
+      it('returns true for a valid plain name', function () {
+        expect(flock.isAllowedEventName('jump')).to.be.true;
+        expect(flock.isAllowedEventName('collect coin')).to.be.true;
       });
 
-      it("returns true for a name with emoji", function () {
-        expect(flock.isAllowedEventName("🎉party")).to.be.true;
+      it('returns true for a name with emoji', function () {
+        expect(flock.isAllowedEventName('🎉party')).to.be.true;
       });
     });
 
     // -------------------------------------------------------------------------
-    describe("sanitizeEventName", function () {
-      it("removes disallowed characters", function () {
-        expect(flock.sanitizeEventName("hello!")).to.equal("hello");
-        expect(flock.sanitizeEventName("say@world")).to.equal("sayworld");
+    describe('sanitizeEventName', function () {
+      it('removes disallowed characters', function () {
+        expect(flock.sanitizeEventName('hello!')).to.equal('hello');
+        expect(flock.sanitizeEventName('say@world')).to.equal('sayworld');
       });
 
-      it("truncates to 50 characters", function () {
-        const long = "a".repeat(60);
+      it('truncates to 50 characters', function () {
+        const long = 'a'.repeat(60);
         expect(flock.sanitizeEventName(long)).to.have.lengthOf(50);
       });
 
-      it("returns empty string for non-string input", function () {
-        expect(flock.sanitizeEventName(null)).to.equal("");
-        expect(flock.sanitizeEventName(123)).to.equal("");
+      it('returns empty string for non-string input', function () {
+        expect(flock.sanitizeEventName(null)).to.equal('');
+        expect(flock.sanitizeEventName(123)).to.equal('');
       });
 
-      it("preserves emoji and spaces", function () {
-        expect(flock.sanitizeEventName("🎉 party time")).to.equal(
-          "🎉 party time",
-        );
+      it('preserves emoji and spaces', function () {
+        expect(flock.sanitizeEventName('🎉 party time')).to.equal('🎉 party time');
       });
     });
 
     // -------------------------------------------------------------------------
-    describe("onEvent and broadcastEvent", function () {
-      it("calls handler when matching event is broadcast", function () {
+    describe('onEvent and broadcastEvent', function () {
+      it('calls handler when matching event is broadcast', function () {
         let called = false;
-        flock.onEvent("pickup", () => {
+        flock.onEvent('pickup', () => {
           called = true;
         });
-        flock.broadcastEvent("pickup");
+        flock.broadcastEvent('pickup');
         expect(called).to.be.true;
       });
 
-      it("does not call handler when a different event is broadcast", function () {
+      it('does not call handler when a different event is broadcast', function () {
         let called = false;
-        flock.onEvent("pickup", () => {
+        flock.onEvent('pickup', () => {
           called = true;
         });
-        flock.broadcastEvent("drop");
+        flock.broadcastEvent('drop');
         expect(called).to.be.false;
       });
 
-      it("calls all handlers when multiple are registered for the same event", function () {
+      it('calls all handlers when multiple are registered for the same event', function () {
         // Simulates several meshes each independently listening to the same event
         let countA = 0;
         let countB = 0;
         let countC = 0;
-        flock.onEvent("collect", () => countA++);
-        flock.onEvent("collect", () => countB++);
-        flock.onEvent("collect", () => countC++);
-        flock.broadcastEvent("collect");
+        flock.onEvent('collect', () => countA++);
+        flock.onEvent('collect', () => countB++);
+        flock.onEvent('collect', () => countC++);
+        flock.broadcastEvent('collect');
         expect(countA).to.equal(1);
         expect(countB).to.equal(1);
         expect(countC).to.equal(1);
       });
 
-      it("calls handler with data passed to broadcastEvent", function () {
+      it('calls handler with data passed to broadcastEvent', function () {
         let received = null;
-        flock.onEvent("score", (data) => {
+        flock.onEvent('score', (data) => {
           received = data;
         });
-        flock.broadcastEvent("score", 42);
+        flock.broadcastEvent('score', 42);
         expect(received).to.equal(42);
       });
 
-      it("fires handler exactly once when once=true", function () {
+      it('fires handler exactly once when once=true', function () {
         let count = 0;
         flock.onEvent(
-          "ping",
+          'ping',
           () => {
             count++;
           },
-          true,
+          true
         );
-        flock.broadcastEvent("ping");
-        flock.broadcastEvent("ping");
-        flock.broadcastEvent("ping");
+        flock.broadcastEvent('ping');
+        flock.broadcastEvent('ping');
+        flock.broadcastEvent('ping');
         expect(count).to.equal(1);
       });
 
-      it("silently rejects broadcastEvent with reserved event name", function () {
+      it('silently rejects broadcastEvent with reserved event name', function () {
         let called = false;
         // Cannot register on reserved name, so just verify broadcast doesn't throw
-        expect(() => flock.broadcastEvent("onSomething")).to.not.throw();
+        expect(() => flock.broadcastEvent('onSomething')).to.not.throw();
         expect(called).to.be.false;
       });
 
-      it("reports and does not throw when handler is not a function", function () {
+      it('reports and does not throw when handler is not a function', function () {
         const reported = [];
         const previousOnBlockError = flock.onBlockError;
         flock.onBlockError = (info) => reported.push(info);
         try {
-          expect(() => flock.onEvent("jump", "notAFunction")).to.not.throw();
+          expect(() => flock.onEvent('jump', 'notAFunction')).to.not.throw();
         } finally {
           flock.onBlockError = previousOnBlockError;
         }
-        expect(reported.some((r) => r.key === "invalid_callback")).to.be.true;
+        expect(reported.some((r) => r.key === 'invalid_callback')).to.be.true;
       });
     });
 
     // -------------------------------------------------------------------------
-    describe("start", function () {
-      it("calls action on the next render frame", async function () {
+    describe('start', function () {
+      it('calls action on the next render frame', async function () {
         let called = false;
         flock.start(() => {
           called = true;
@@ -174,10 +172,10 @@ export function runEventsTests(flock) {
     });
 
     // -------------------------------------------------------------------------
-    describe("forever @slow", function () {
+    describe('forever @slow', function () {
       this.timeout(10000);
 
-      it("calls action at least 3 times across render frames", async function () {
+      it('calls action at least 3 times across render frames', async function () {
         let count = 0;
         flock.forever(async () => {
           count++;
@@ -186,7 +184,7 @@ export function runEventsTests(flock) {
         expect(count).to.be.at.least(3);
       });
 
-      it("does not run action concurrently when action takes time", async function () {
+      it('does not run action concurrently when action takes time', async function () {
         let concurrent = false;
         let running = false;
         let count = 0;
@@ -206,104 +204,102 @@ export function runEventsTests(flock) {
     });
 
     // -------------------------------------------------------------------------
-    describe("whenKeyEvent", function () {
-      it("calls callback when matching KEYDOWN key fires", function () {
+    describe('whenKeyEvent', function () {
+      it('calls callback when matching KEYDOWN key fires', function () {
         let called = false;
-        flock.whenKeyEvent("x", () => {
+        flock.whenKeyEvent('x', () => {
           called = true;
         });
-        flock.inputManager.onKeyDownObservable.notifyObservers("x");
+        flock.inputManager.onKeyDownObservable.notifyObservers('x');
         expect(called).to.be.true;
       });
 
-      it("does not call callback for a different key", function () {
+      it('does not call callback for a different key', function () {
         let called = false;
-        flock.whenKeyEvent("x", () => {
+        flock.whenKeyEvent('x', () => {
           called = true;
         });
-        flock.inputManager.onKeyDownObservable.notifyObservers("z");
+        flock.inputManager.onKeyDownObservable.notifyObservers('z');
         expect(called).to.be.false;
       });
 
-      it("fires on KEYUP when isReleased=true, not on KEYDOWN", function () {
+      it('fires on KEYUP when isReleased=true, not on KEYDOWN', function () {
         let downCalled = false;
         let upCalled = false;
         flock.whenKeyEvent(
-          "m",
+          'm',
           () => {
             downCalled = true;
           },
-          false,
+          false
         );
         flock.whenKeyEvent(
-          "m",
+          'm',
           () => {
             upCalled = true;
           },
-          true,
+          true
         );
 
-        flock.inputManager.onKeyDownObservable.notifyObservers("m");
+        flock.inputManager.onKeyDownObservable.notifyObservers('m');
         expect(downCalled).to.be.true;
         expect(upCalled).to.be.false;
 
-        flock.inputManager.onKeyUpObservable.notifyObservers("m");
+        flock.inputManager.onKeyUpObservable.notifyObservers('m');
         expect(upCalled).to.be.true;
       });
 
-      it("reports and does not throw when callback is not a function", function () {
+      it('reports and does not throw when callback is not a function', function () {
         const reported = [];
         const previousOnBlockError = flock.onBlockError;
         flock.onBlockError = (info) => reported.push(info);
         try {
-          expect(() => flock.whenKeyEvent("k", "notAFunction")).to.not.throw();
+          expect(() => flock.whenKeyEvent('k', 'notAFunction')).to.not.throw();
         } finally {
           flock.onBlockError = previousOnBlockError;
         }
-        expect(reported.some((r) => r.key === "invalid_callback")).to.be.true;
+        expect(reported.some((r) => r.key === 'invalid_callback')).to.be.true;
       });
     });
 
     // -------------------------------------------------------------------------
-    describe("whenActionEvent", function () {
+    describe('whenActionEvent', function () {
       afterEach(function () {
         flock.inputManager._clearAllKeys();
       });
 
       it("triggers callback when FORWARD action key 'w' is pressed", function () {
         let called = false;
-        flock.whenActionEvent("FORWARD", () => {
+        flock.whenActionEvent('FORWARD', () => {
           called = true;
         });
-        flock.inputManager._setKey("w", true);
+        flock.inputManager._setKey('w', true);
         expect(called).to.be.true;
       });
 
-      it("reports and does not throw when callback is not a function", function () {
+      it('reports and does not throw when callback is not a function', function () {
         const reported = [];
         const previousOnBlockError = flock.onBlockError;
         flock.onBlockError = (info) => reported.push(info);
         try {
-          expect(() =>
-            flock.whenActionEvent("FORWARD", "notAFunction"),
-          ).to.not.throw();
+          expect(() => flock.whenActionEvent('FORWARD', 'notAFunction')).to.not.throw();
         } finally {
           flock.onBlockError = previousOnBlockError;
         }
-        expect(reported.some((r) => r.key === "invalid_callback")).to.be.true;
+        expect(reported.some((r) => r.key === 'invalid_callback')).to.be.true;
       });
     });
 
     // -------------------------------------------------------------------------
-    describe("onTrigger with applyToGroup @physics", function () {
+    describe('onTrigger with applyToGroup @physics', function () {
       // Note: createBox("name__N") strips the __N suffix, creating a mesh
       // named "name". For separate meshes that share a group root, use single
       // underscore: "evtbox_1" and "evtbox_2" both have group root "evtbox"
       // (via getGroupRoot which splits on "_" when "__" is absent).
 
-      it("registers trigger on all meshes sharing the same name prefix", async function () {
-        const id1 = "evtbox_1";
-        const id2 = "evtbox_2";
+      it('registers trigger on all meshes sharing the same name prefix', async function () {
+        const id1 = 'evtbox_1';
+        const id2 = 'evtbox_2';
         await flock.createBox(id1, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
         await flock.createBox(id2, { width: 1, height: 1, depth: 1, position: [2, 0, 0] });
         meshIds.push(id1, id2);
@@ -315,24 +311,20 @@ export function runEventsTests(flock) {
 
         let count = 0;
         flock.onTrigger(id1, {
-          trigger: "OnPickTrigger",
+          trigger: 'OnPickTrigger',
           callback: () => count++,
           applyToGroup: true,
         });
 
-        mesh1.actionManager.processTrigger(
-          flock.BABYLON.ActionManager.OnPickTrigger,
-        );
-        mesh2.actionManager.processTrigger(
-          flock.BABYLON.ActionManager.OnPickTrigger,
-        );
+        mesh1.actionManager.processTrigger(flock.BABYLON.ActionManager.OnPickTrigger);
+        mesh2.actionManager.processTrigger(flock.BABYLON.ActionManager.OnPickTrigger);
 
         expect(count).to.equal(2);
       });
 
-      it("registers trigger only on named mesh when applyToGroup is false", async function () {
-        const id1 = "solobox_1";
-        const id2 = "solobox_2";
+      it('registers trigger only on named mesh when applyToGroup is false', async function () {
+        const id1 = 'solobox_1';
+        const id2 = 'solobox_2';
         await flock.createBox(id1, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
         await flock.createBox(id2, { width: 1, height: 1, depth: 1, position: [2, 0, 0] });
         meshIds.push(id1, id2);
@@ -344,26 +336,24 @@ export function runEventsTests(flock) {
 
         let count = 0;
         flock.onTrigger(id1, {
-          trigger: "OnPickTrigger",
+          trigger: 'OnPickTrigger',
           callback: () => count++,
           applyToGroup: false,
         });
 
         // Trigger the second mesh — should not fire since only id1 was registered
-        mesh2.actionManager?.processTrigger(
-          flock.BABYLON.ActionManager.OnPickTrigger,
-        );
+        mesh2.actionManager?.processTrigger(flock.BABYLON.ActionManager.OnPickTrigger);
 
         expect(count).to.equal(0);
       });
 
-      it("replays pending non-group trigger on the original target mesh only", async function () {
-        const target = "latepick_1";
-        const sibling = "latepick_2";
+      it('replays pending non-group trigger on the original target mesh only', async function () {
+        const target = 'latepick_1';
+        const sibling = 'latepick_2';
 
         let count = 0;
         flock.onTrigger(target, {
-          trigger: "OnPickTrigger",
+          trigger: 'OnPickTrigger',
           callback: () => count++,
           applyToGroup: false,
         });
@@ -387,23 +377,19 @@ export function runEventsTests(flock) {
         expect(targetMesh).to.exist;
         expect(siblingMesh).to.exist;
 
-        siblingMesh.actionManager?.processTrigger(
-          flock.BABYLON.ActionManager.OnPickTrigger,
-        );
-        targetMesh.actionManager?.processTrigger(
-          flock.BABYLON.ActionManager.OnPickTrigger,
-        );
+        siblingMesh.actionManager?.processTrigger(flock.BABYLON.ActionManager.OnPickTrigger);
+        targetMesh.actionManager?.processTrigger(flock.BABYLON.ActionManager.OnPickTrigger);
 
         expect(count).to.equal(1);
       });
 
-      it("replays pending group trigger across siblings when applyToGroup is true", async function () {
-        const first = "lategroup_1";
-        const second = "lategroup_2";
+      it('replays pending group trigger across siblings when applyToGroup is true', async function () {
+        const first = 'lategroup_1';
+        const second = 'lategroup_2';
 
         let count = 0;
         flock.onTrigger(first, {
-          trigger: "OnPickTrigger",
+          trigger: 'OnPickTrigger',
           callback: () => count++,
           applyToGroup: true,
         });
@@ -427,12 +413,8 @@ export function runEventsTests(flock) {
         expect(mesh1).to.exist;
         expect(mesh2).to.exist;
 
-        mesh1.actionManager?.processTrigger(
-          flock.BABYLON.ActionManager.OnPickTrigger,
-        );
-        mesh2.actionManager?.processTrigger(
-          flock.BABYLON.ActionManager.OnPickTrigger,
-        );
+        mesh1.actionManager?.processTrigger(flock.BABYLON.ActionManager.OnPickTrigger);
+        mesh2.actionManager?.processTrigger(flock.BABYLON.ActionManager.OnPickTrigger);
 
         expect(count).to.equal(2);
       });
diff --git a/tests/generators-material.test.js b/tests/generators-material.test.js
index 6a90d630f..64e2b268e 100644
--- a/tests/generators-material.test.js
+++ b/tests/generators-material.test.js
@@ -1,9 +1,9 @@
-import { expect } from "chai";
-import { javascriptGenerator } from "blockly/javascript";
-import { registerMaterialGenerators } from "../generators/generators-material.js";
+import { expect } from 'chai';
+import { javascriptGenerator } from 'blockly/javascript';
+import { registerMaterialGenerators } from '../generators/generators-material.js';
 
 export function runMaterialGeneratorTests() {
-  describe("generators/generators-material @materialgenerators", function () {
+  describe('generators/generators-material @materialgenerators', function () {
     before(function () {
       registerMaterialGenerators(javascriptGenerator);
     });
@@ -12,28 +12,28 @@ export function runMaterialGeneratorTests() {
     // stub block is enough to exercise it without a full Blockly workspace.
     function colourFromString(value) {
       const block = { getFieldValue: () => value };
-      const [code] = javascriptGenerator.forBlock["colour_from_string"](block);
+      const [code] = javascriptGenerator.forBlock['colour_from_string'](block);
       return JSON.parse(code);
     }
 
-    it("expands 3-digit hex to lowercase 6-digit hex", function () {
-      expect(colourFromString("f0c")).to.equal("#ff00cc");
-      expect(colourFromString("#f0c")).to.equal("#ff00cc");
-      expect(colourFromString("FFF")).to.equal("#ffffff");
+    it('expands 3-digit hex to lowercase 6-digit hex', function () {
+      expect(colourFromString('f0c')).to.equal('#ff00cc');
+      expect(colourFromString('#f0c')).to.equal('#ff00cc');
+      expect(colourFromString('FFF')).to.equal('#ffffff');
     });
 
-    it("preserves 6-digit hex (with or without #)", function () {
-      expect(colourFromString("800080")).to.equal("#800080");
-      expect(colourFromString("#800080")).to.equal("#800080");
+    it('preserves 6-digit hex (with or without #)', function () {
+      expect(colourFromString('800080')).to.equal('#800080');
+      expect(colourFromString('#800080')).to.equal('#800080');
     });
 
-    it("preserves named and functional CSS colours", function () {
-      expect(colourFromString("red")).to.equal("red");
-      expect(colourFromString("rgb(1, 2, 3)")).to.equal("rgb(1, 2, 3)");
+    it('preserves named and functional CSS colours', function () {
+      expect(colourFromString('red')).to.equal('red');
+      expect(colourFromString('rgb(1, 2, 3)')).to.equal('rgb(1, 2, 3)');
     });
 
-    it("falls back to black for invalid input", function () {
-      expect(colourFromString("notacolour")).to.equal("#000000");
+    it('falls back to black for invalid input', function () {
+      expect(colourFromString('notacolour')).to.equal('#000000');
     });
   });
 }
diff --git a/tests/getProperty.test.js b/tests/getProperty.test.js
index f99f7096e..3b0765dfb 100644
--- a/tests/getProperty.test.js
+++ b/tests/getProperty.test.js
@@ -1,11 +1,11 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 function toFixedNumber(value) {
   return parseFloat(value.toFixed(2));
 }
 
 export function runGetPropertyTests(flock) {
-  describe("Sensing getProperty API @property", function () {
+  describe('Sensing getProperty API @property', function () {
     this.timeout(10000);
 
     const createdIds = [];
@@ -25,20 +25,20 @@ export function runGetPropertyTests(flock) {
       flock.BABYLON.SceneLoader.ShowLoadingScreen = false;
 
       flock.mainLight = new flock.BABYLON.HemisphericLight(
-        "mainLight",
+        'mainLight',
         new flock.BABYLON.Vector3(0, 1, 0),
-        flock.scene,
+        flock.scene
       );
 
       flock.scene.activeCamera = new flock.BABYLON.FreeCamera(
-        "activeCamera",
+        'activeCamera',
         new flock.BABYLON.Vector3(0, 0, 0),
-        flock.scene,
+        flock.scene
       );
 
       const physicsMock = new Proxy(
         {
-          name: "MockPhysics",
+          name: 'MockPhysics',
           getPluginVersion: () => 2,
           isInitialized: () => true,
           _checkIsReady: () => true,
@@ -49,12 +49,9 @@ export function runGetPropertyTests(flock) {
           getMotionType: () => 1,
           dispose: () => {},
         },
-        { get: (target, prop) => (prop in target ? target[prop] : () => {}) },
-      );
-      flock.scene.enablePhysics(
-        new flock.BABYLON.Vector3(0, -9.81, 0),
-        physicsMock,
+        { get: (target, prop) => (prop in target ? target[prop] : () => {}) }
       );
+      flock.scene.enablePhysics(new flock.BABYLON.Vector3(0, -9.81, 0), physicsMock);
     });
 
     afterEach(function () {
@@ -74,13 +71,13 @@ export function runGetPropertyTests(flock) {
       }
     });
 
-    it("returns null for missing meshes", function () {
-      const result = flock.getProperty("missing-mesh", "POSITION_X");
+    it('returns null for missing meshes', function () {
+      const result = flock.getProperty('missing-mesh', 'POSITION_X');
       expect(result).to.be.null;
     });
 
-    it("reads position values from mesh anchor/base coordinates", function () {
-      const meshId = flock.createBox("getProperty-position", {
+    it('reads position values from mesh anchor/base coordinates', function () {
+      const meshId = flock.createBox('getProperty-position', {
         width: 2,
         height: 4,
         depth: 6,
@@ -91,19 +88,13 @@ export function runGetPropertyTests(flock) {
       const mesh = flock.scene.getMeshByName(meshId);
       const position = flock._getAnchor(mesh);
 
-      expect(flock.getProperty(meshId, "POSITION_X")).to.equal(
-        toFixedNumber(position.x),
-      );
-      expect(flock.getProperty(meshId, "POSITION_Y")).to.equal(
-        toFixedNumber(position.y),
-      );
-      expect(flock.getProperty(meshId, "POSITION_Z")).to.equal(
-        toFixedNumber(position.z),
-      );
+      expect(flock.getProperty(meshId, 'POSITION_X')).to.equal(toFixedNumber(position.x));
+      expect(flock.getProperty(meshId, 'POSITION_Y')).to.equal(toFixedNumber(position.y));
+      expect(flock.getProperty(meshId, 'POSITION_Z')).to.equal(toFixedNumber(position.z));
     });
 
-    it("falls back to getBlockPositionFromMesh when anchor data is unavailable", function () {
-      const meshId = flock.createBox("getProperty-position-fallback", {
+    it('falls back to getBlockPositionFromMesh when anchor data is unavailable', function () {
+      const meshId = flock.createBox('getProperty-position-fallback', {
         width: 2,
         height: 4,
         depth: 2,
@@ -117,22 +108,16 @@ export function runGetPropertyTests(flock) {
 
       flock._getAnchor = () => null;
       try {
-        expect(flock.getProperty(meshId, "POSITION_X")).to.equal(
-          toFixedNumber(expected.x),
-        );
-        expect(flock.getProperty(meshId, "POSITION_Y")).to.equal(
-          toFixedNumber(expected.y),
-        );
-        expect(flock.getProperty(meshId, "POSITION_Z")).to.equal(
-          toFixedNumber(expected.z),
-        );
+        expect(flock.getProperty(meshId, 'POSITION_X')).to.equal(toFixedNumber(expected.x));
+        expect(flock.getProperty(meshId, 'POSITION_Y')).to.equal(toFixedNumber(expected.y));
+        expect(flock.getProperty(meshId, 'POSITION_Z')).to.equal(toFixedNumber(expected.z));
       } finally {
         flock._getAnchor = originalGetAnchor;
       }
     });
 
-    it("returns rotation in degrees from quaternions", function () {
-      const meshId = flock.createBox("getProperty-rotation", {
+    it('returns rotation in degrees from quaternions', function () {
+      const meshId = flock.createBox('getProperty-rotation', {
         width: 1,
         height: 1,
         depth: 1,
@@ -150,24 +135,24 @@ export function runGetPropertyTests(flock) {
       mesh.rotationQuaternion = flock.BABYLON.Quaternion.FromEulerAngles(
         flock.BABYLON.Tools.ToRadians(desiredRotation.x),
         flock.BABYLON.Tools.ToRadians(desiredRotation.y),
-        flock.BABYLON.Tools.ToRadians(desiredRotation.z),
+        flock.BABYLON.Tools.ToRadians(desiredRotation.z)
       );
 
       const rotation = mesh.rotationQuaternion.toEulerAngles();
 
-      expect(flock.getProperty(meshId, "ROTATION_X")).to.equal(
-        toFixedNumber(flock.BABYLON.Tools.ToDegrees(rotation.x)),
+      expect(flock.getProperty(meshId, 'ROTATION_X')).to.equal(
+        toFixedNumber(flock.BABYLON.Tools.ToDegrees(rotation.x))
       );
-      expect(flock.getProperty(meshId, "ROTATION_Y")).to.equal(
-        toFixedNumber(flock.BABYLON.Tools.ToDegrees(rotation.y)),
+      expect(flock.getProperty(meshId, 'ROTATION_Y')).to.equal(
+        toFixedNumber(flock.BABYLON.Tools.ToDegrees(rotation.y))
       );
-      expect(flock.getProperty(meshId, "ROTATION_Z")).to.equal(
-        toFixedNumber(flock.BABYLON.Tools.ToDegrees(rotation.z)),
+      expect(flock.getProperty(meshId, 'ROTATION_Z')).to.equal(
+        toFixedNumber(flock.BABYLON.Tools.ToDegrees(rotation.z))
       );
     });
 
-    it("reports scale and bounding box size", function () {
-      const meshId = flock.createBox("getProperty-scale", {
+    it('reports scale and bounding box size', function () {
+      const meshId = flock.createBox('getProperty-scale', {
         width: 2,
         height: 4,
         depth: 6,
@@ -185,28 +170,16 @@ export function runGetPropertyTests(flock) {
       const sizeY = boundingBox.maximumWorld.y - boundingBox.minimumWorld.y;
       const sizeZ = boundingBox.maximumWorld.z - boundingBox.minimumWorld.z;
 
-      expect(flock.getProperty(meshId, "SCALE_X")).to.equal(
-        toFixedNumber(mesh.scaling.x),
-      );
-      expect(flock.getProperty(meshId, "SCALE_Y")).to.equal(
-        toFixedNumber(mesh.scaling.y),
-      );
-      expect(flock.getProperty(meshId, "SCALE_Z")).to.equal(
-        toFixedNumber(mesh.scaling.z),
-      );
-      expect(flock.getProperty(meshId, "SIZE_X")).to.equal(
-        toFixedNumber(sizeX),
-      );
-      expect(flock.getProperty(meshId, "SIZE_Y")).to.equal(
-        toFixedNumber(sizeY),
-      );
-      expect(flock.getProperty(meshId, "SIZE_Z")).to.equal(
-        toFixedNumber(sizeZ),
-      );
+      expect(flock.getProperty(meshId, 'SCALE_X')).to.equal(toFixedNumber(mesh.scaling.x));
+      expect(flock.getProperty(meshId, 'SCALE_Y')).to.equal(toFixedNumber(mesh.scaling.y));
+      expect(flock.getProperty(meshId, 'SCALE_Z')).to.equal(toFixedNumber(mesh.scaling.z));
+      expect(flock.getProperty(meshId, 'SIZE_X')).to.equal(toFixedNumber(sizeX));
+      expect(flock.getProperty(meshId, 'SIZE_Y')).to.equal(toFixedNumber(sizeY));
+      expect(flock.getProperty(meshId, 'SIZE_Z')).to.equal(toFixedNumber(sizeZ));
     });
 
-    it("uses world coordinates for min and max bounds", function () {
-      const meshId = flock.createBox("getProperty-bounds", {
+    it('uses world coordinates for min and max bounds', function () {
+      const meshId = flock.createBox('getProperty-bounds', {
         width: 2,
         height: 2,
         depth: 2,
@@ -220,38 +193,38 @@ export function runGetPropertyTests(flock) {
 
       const { boundingBox } = mesh.getBoundingInfo();
 
-      expect(flock.getProperty(meshId, "MIN_X")).to.be.closeTo(
+      expect(flock.getProperty(meshId, 'MIN_X')).to.be.closeTo(
         toFixedNumber(boundingBox.minimumWorld.x),
-        0.01,
+        0.01
       );
-      expect(flock.getProperty(meshId, "MAX_X")).to.be.closeTo(
+      expect(flock.getProperty(meshId, 'MAX_X')).to.be.closeTo(
         toFixedNumber(boundingBox.maximumWorld.x),
-        0.01,
+        0.01
       );
-      expect(flock.getProperty(meshId, "MIN_Z")).to.be.closeTo(
+      expect(flock.getProperty(meshId, 'MIN_Z')).to.be.closeTo(
         toFixedNumber(boundingBox.minimumWorld.z),
-        0.01,
+        0.01
       );
-      expect(flock.getProperty(meshId, "MAX_Z")).to.be.closeTo(
+      expect(flock.getProperty(meshId, 'MAX_Z')).to.be.closeTo(
         toFixedNumber(boundingBox.maximumWorld.z),
-        0.01,
+        0.01
       );
     });
 
-    it("reads material alpha and colour", async function () {
-      const meshId = flock.createBox("getProperty-material", {
+    it('reads material alpha and colour', async function () {
+      const meshId = flock.createBox('getProperty-material', {
         width: 1,
         height: 1,
         depth: 1,
         position: [0, 0, 0],
-        color: "#123456",
+        color: '#123456',
       });
       createdIds.push(meshId);
 
       await flock.setAlpha(meshId, { value: 0.25 });
 
-      expect(flock.getProperty(meshId, "ALPHA")).to.equal(0.25);
-      expect(flock.getProperty(meshId, "COLOUR")).to.equal("#123456");
+      expect(flock.getProperty(meshId, 'ALPHA')).to.equal(0.25);
+      expect(flock.getProperty(meshId, 'COLOUR')).to.equal('#123456');
     });
 
     // Helper to wait for the next frame and ensure properties are updated
@@ -260,33 +233,33 @@ export function runGetPropertyTests(flock) {
       flock.scene.render();
     }
 
-    it("reads the VISIBLE property after hide and show", async function () {
-      const meshId = flock.createBox("getProperty-visible", {
+    it('reads the VISIBLE property after hide and show', async function () {
+      const meshId = flock.createBox('getProperty-visible', {
         width: 1,
         height: 1,
         depth: 1,
         position: [0, 0, 0],
-        color: "#123456",
+        color: '#123456',
       });
       createdIds.push(meshId);
 
       // Should be visible by default
       await tick();
-      expect(flock.getProperty(meshId, "VISIBLE")).to.be.true;
+      expect(flock.getProperty(meshId, 'VISIBLE')).to.be.true;
 
       // Test hide()
       await flock.hide(meshId);
       await tick();
-      expect(flock.getProperty(meshId, "VISIBLE")).to.be.false;
+      expect(flock.getProperty(meshId, 'VISIBLE')).to.be.false;
 
       // Test show()
       await flock.show(meshId);
       await tick();
-      expect(flock.getProperty(meshId, "VISIBLE")).to.be.true;
+      expect(flock.getProperty(meshId, 'VISIBLE')).to.be.true;
     });
 
-    it("returns null for DESCRIPTION when not set", function () {
-      const meshId = flock.createBox("getProperty-description-unset", {
+    it('returns null for DESCRIPTION when not set', function () {
+      const meshId = flock.createBox('getProperty-description-unset', {
         width: 1,
         height: 1,
         depth: 1,
@@ -294,11 +267,11 @@ export function runGetPropertyTests(flock) {
       });
       createdIds.push(meshId);
 
-      expect(flock.getProperty(meshId, "DESCRIPTION")).to.be.null;
+      expect(flock.getProperty(meshId, 'DESCRIPTION')).to.be.null;
     });
 
-    it("reads DESCRIPTION set by describeMesh", async function () {
-      const meshId = flock.createBox("getProperty-description", {
+    it('reads DESCRIPTION set by describeMesh', async function () {
+      const meshId = flock.createBox('getProperty-description', {
         width: 1,
         height: 1,
         depth: 1,
@@ -306,14 +279,14 @@ export function runGetPropertyTests(flock) {
       });
       createdIds.push(meshId);
 
-      await flock.describeMesh(meshId, "a red cube");
+      await flock.describeMesh(meshId, 'a red cube');
       await tick();
 
-      expect(flock.getProperty(meshId, "DESCRIPTION")).to.equal("a red cube");
+      expect(flock.getProperty(meshId, 'DESCRIPTION')).to.equal('a red cube');
     });
 
-    it("reads updated DESCRIPTION after describeMesh is called again", async function () {
-      const meshId = flock.createBox("getProperty-description-update", {
+    it('reads updated DESCRIPTION after describeMesh is called again', async function () {
+      const meshId = flock.createBox('getProperty-description-update', {
         width: 1,
         height: 1,
         depth: 1,
@@ -321,23 +294,19 @@ export function runGetPropertyTests(flock) {
       });
       createdIds.push(meshId);
 
-      await flock.describeMesh(meshId, "first description");
+      await flock.describeMesh(meshId, 'first description');
       await tick();
-      expect(flock.getProperty(meshId, "DESCRIPTION")).to.equal(
-        "first description",
-      );
+      expect(flock.getProperty(meshId, 'DESCRIPTION')).to.equal('first description');
 
-      await flock.describeMesh(meshId, "updated description");
+      await flock.describeMesh(meshId, 'updated description');
       await tick();
-      expect(flock.getProperty(meshId, "DESCRIPTION")).to.equal(
-        "updated description",
-      );
+      expect(flock.getProperty(meshId, 'DESCRIPTION')).to.equal('updated description');
     });
 
-    it("reports velocity components and speed", function () {
+    it('reports velocity components and speed', function () {
       // This suite runs on a no-op mock physics engine, so stub a live body
       // with a known velocity to exercise getProperty's velocity mapping.
-      const meshId = flock.createBox("getProperty-velocity", {
+      const meshId = flock.createBox('getProperty-velocity', {
         width: 1,
         height: 1,
         depth: 1,
@@ -351,14 +320,14 @@ export function runGetPropertyTests(flock) {
         getLinearVelocity: () => new flock.BABYLON.Vector3(3, 0, 4),
       };
 
-      expect(flock.getProperty(meshId, "SPEED_X")).to.be.closeTo(3, 0.01);
-      expect(flock.getProperty(meshId, "SPEED_Z")).to.be.closeTo(4, 0.01);
+      expect(flock.getProperty(meshId, 'SPEED_X')).to.be.closeTo(3, 0.01);
+      expect(flock.getProperty(meshId, 'SPEED_Z')).to.be.closeTo(4, 0.01);
       // speed = magnitude of (3, 0, 4) = 5
-      expect(flock.getProperty(meshId, "SPEED")).to.be.closeTo(5, 0.01);
+      expect(flock.getProperty(meshId, 'SPEED')).to.be.closeTo(5, 0.01);
     });
 
-    it("reports zero velocity for a mesh without a physics body", function () {
-      const meshId = flock.createBox("getProperty-velocity-nophysics", {
+    it('reports zero velocity for a mesh without a physics body', function () {
+      const meshId = flock.createBox('getProperty-velocity-nophysics', {
         width: 1,
         height: 1,
         depth: 1,
@@ -370,8 +339,8 @@ export function runGetPropertyTests(flock) {
       mesh.physics?.dispose();
       mesh.physics = null;
 
-      expect(flock.getProperty(meshId, "SPEED_Y")).to.equal(0);
-      expect(flock.getProperty(meshId, "SPEED")).to.equal(0);
+      expect(flock.getProperty(meshId, 'SPEED_Y')).to.equal(0);
+      expect(flock.getProperty(meshId, 'SPEED')).to.equal(0);
     });
   });
 }
diff --git a/tests/glide.test.js b/tests/glide.test.js
index f223c03ef..1bcdc02a4 100644
--- a/tests/glide.test.js
+++ b/tests/glide.test.js
@@ -1,6 +1,6 @@
 // test-glideTo.js
 
-import { expect } from "chai";
+import { expect } from 'chai';
 
 function checkXPosition(box, pos) {
   return Math.abs(box.position.x - pos) <= 0.4;
@@ -8,7 +8,7 @@ function checkXPosition(box, pos) {
 
 // Test suite for glideTo function
 export function runGlideToTests(flock) {
-  describe("glideTo function tests @slow", function () {
+  describe('glideTo function tests @slow', function () {
     let box1;
     let box2;
     const boxIds = [];
@@ -16,8 +16,8 @@ export function runGlideToTests(flock) {
     // Set up the box before each test
     beforeEach(async function () {
       // Create a box before each test
-      box1 = await flock.createBox("box1", {
-        color: "#996633",
+      box1 = await flock.createBox('box1', {
+        color: '#996633',
         width: 1,
         height: 1,
         depth: 1,
@@ -35,7 +35,7 @@ export function runGlideToTests(flock) {
       }
     });
 
-    it("should move the box to the correct position @slow", async function () {
+    it('should move the box to the correct position @slow', async function () {
       this.timeout(2000); // Set a reasonable timeout for a short animation
 
       await flock.glideTo(box1, { x: 6, y: 0, z: 0, duration: 0.5 });
@@ -48,7 +48,7 @@ export function runGlideToTests(flock) {
       expect(box.position.z).to.equal(0);
     });
 
-    it("should handle reverse movement @slow", function (done) {
+    it('should handle reverse movement @slow', function (done) {
       this.timeout(5000); // Increase the timeout for this test
 
       // Move the box with reverse enabled
@@ -81,8 +81,8 @@ export function runGlideToTests(flock) {
       setTimeout(() => {
         try {
           clearInterval(intervalId);
-          expect(hasReachedTarget, "Box did not reach target").to.be.true;
-          expect(hasReturned, "Box did not return to start").to.be.true;
+          expect(hasReachedTarget, 'Box did not reach target').to.be.true;
+          expect(hasReturned, 'Box did not return to start').to.be.true;
           done();
         } catch (e) {
           done(e);
@@ -90,7 +90,7 @@ export function runGlideToTests(flock) {
       }, 4500); // Wait for 4.5 seconds to be safe
     });
 
-    it("reverse glide ends exactly back at its start position @slow", async function () {
+    it('reverse glide ends exactly back at its start position @slow', async function () {
       this.timeout(5000);
 
       const box = flock.scene.getMeshByName(box1);
@@ -110,7 +110,7 @@ export function runGlideToTests(flock) {
       expect(box.position.z).to.equal(start.z);
     });
 
-    it("ignores a re-trigger mid-flight and still returns to start (no fly-up) @slow", async function () {
+    it('ignores a re-trigger mid-flight and still returns to start (no fly-up) @slow', async function () {
       this.timeout(8000);
 
       const box = flock.scene.getMeshByName(box1);
@@ -123,7 +123,7 @@ export function runGlideToTests(flock) {
       await new Promise((resolve) => setTimeout(resolve, 500));
       expect(
         box.position.y,
-        "box should be airborne mid-glide for the test to be meaningful",
+        'box should be airborne mid-glide for the test to be meaningful'
       ).to.be.greaterThan(start.y + 1);
       flock.glideTo(box1, { x: 0, y: 5, z: 0, duration: 1, reverse: true });
 
@@ -137,7 +137,7 @@ export function runGlideToTests(flock) {
       expect(box.position.z).to.be.closeTo(start.z, 0.01);
     });
 
-    it("should handle looping", function (done) {
+    it('should handle looping', function (done) {
       this.timeout(10000); // Increase the timeout for this test
 
       // Move the box with loop enabled
@@ -160,7 +160,7 @@ export function runGlideToTests(flock) {
         const box = flock.scene.getMeshByName(box1);
         const currentX = box.position.x;
 
-        console.log("Loop check", count, "Position:", currentX);
+        console.log('Loop check', count, 'Position:', currentX);
 
         // Track the maximum position reached
         if (currentX > maxPosition) {
@@ -170,13 +170,13 @@ export function runGlideToTests(flock) {
         // Check if we've reached near the target (x=6)
         if (currentX > 5 && !hasReachedTarget) {
           hasReachedTarget = true;
-          console.log("Reached target position");
+          console.log('Reached target position');
         }
 
         // Check if we've returned to near start after reaching target
         if (hasReachedTarget && currentX < 1 && !hasReturnedToStart) {
           hasReturnedToStart = true;
-          console.log("Returned to start - loop cycle detected");
+          console.log('Returned to start - loop cycle detected');
         }
 
         count++;
@@ -188,7 +188,7 @@ export function runGlideToTests(flock) {
           // We should have seen the box reach the target and return (indicating a loop)
           // OR the maximum position should be significantly greater than 0 (indicating movement)
           const loopDetected = hasReturnedToStart || maxPosition > 3;
-          console.log("Loop test results:", {
+          console.log('Loop test results:', {
             hasReachedTarget,
             hasReturnedToStart,
             maxPosition,
@@ -201,7 +201,7 @@ export function runGlideToTests(flock) {
       }, 1000);
     });
 
-    it("should follow the correct easing function", async function () {
+    it('should follow the correct easing function', async function () {
       this.timeout(5000); // Increase the timeout for this test
 
       await flock.glideTo(box1, {
@@ -211,7 +211,7 @@ export function runGlideToTests(flock) {
         duration: 1,
         reverse: false,
         loop: false,
-        easing: "SineEase",
+        easing: 'SineEase',
       });
 
       const box = flock.scene.getMeshByName(box1);
@@ -222,7 +222,7 @@ export function runGlideToTests(flock) {
       expect(box.position.z).to.be.closeTo(0, 0.1);
     });
 
-    it("should complete within the given duration", async function () {
+    it('should complete within the given duration', async function () {
       this.timeout(3000); // Tighter timeout for a 2s animation
       let startTime = null;
       const box = flock.scene.getMeshByName(box1);
@@ -243,7 +243,7 @@ export function runGlideToTests(flock) {
       expect(duration).to.be.closeTo(2, 0.5);
     });
 
-    it("should handle camera movement @slow", async function () {
+    it('should handle camera movement @slow', async function () {
       this.timeout(3000); // Set a timeout for the animation
 
       const camera = flock.scene.activeCamera;
@@ -260,8 +260,8 @@ export function runGlideToTests(flock) {
       expect(camera.position.z).to.be.closeTo(targetPosition.z, 0.1);
     });
 
-    it("should wait for mesh creation when glideTo is called early", async function () {
-      const boxId = "glideToDelayedCreation";
+    it('should wait for mesh creation when glideTo is called early', async function () {
+      const boxId = 'glideToDelayedCreation';
 
       const glidePromise = flock.glideTo(boxId, {
         x: 2,
diff --git a/tests/glideToObject.test.js b/tests/glideToObject.test.js
index 586ba18dc..4368f2975 100644
--- a/tests/glideToObject.test.js
+++ b/tests/glideToObject.test.js
@@ -1,13 +1,13 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runGlideToObjectTests(flock) {
-  describe("glideToObject function tests @slow", function () {
+  describe('glideToObject function tests @slow', function () {
     let box1;
     let box2;
 
     beforeEach(function () {
-      box1 = flock.createBox("box1", {
-        color: "#996633",
+      box1 = flock.createBox('box1', {
+        color: '#996633',
         width: 1,
         height: 1,
         depth: 1,
@@ -23,11 +23,11 @@ export function runGlideToObjectTests(flock) {
       }
     });
 
-    it("should glide to another object with default offsets", async function () {
+    it('should glide to another object with default offsets', async function () {
       this.timeout(5000);
 
       const sourceId = box1; // assuming box1 is a name set in beforeEach
-      const targetId = "box2";
+      const targetId = 'box2';
 
       flock.createBox(targetId, {
         width: 2,
@@ -50,11 +50,11 @@ export function runGlideToObjectTests(flock) {
       expect(actual.z).to.be.closeTo(expected.z, EPS);
     });
 
-    it("should apply x/y/z offsets when gliding to another object", async function () {
+    it('should apply x/y/z offsets when gliding to another object', async function () {
       this.timeout(5000);
 
       const sourceId = box1; // assuming box1 is the name set in beforeEach
-      const targetId = "box2";
+      const targetId = 'box2';
 
       flock.createBox(targetId, {
         width: 1,
@@ -88,11 +88,11 @@ export function runGlideToObjectTests(flock) {
       expect(actual.z).to.be.closeTo(expected.z, EPS);
     });
 
-    it("should align pivots between different shapes using defaults", async function () {
+    it('should align pivots between different shapes using defaults', async function () {
       this.timeout(5000);
 
       const sourceId = box1; // created in beforeEach
-      const targetId = "targetSphere";
+      const targetId = 'targetSphere';
 
       flock.createSphere(targetId, {
         diameterX: 1.5,
@@ -115,7 +115,7 @@ export function runGlideToObjectTests(flock) {
       expect(movedAnchor.z).to.be.closeTo(targetAnchor.z, EPS);
     });
 
-    it("should respect custom pivot settings when gliding to another shape", async function () {
+    it('should respect custom pivot settings when gliding to another shape', async function () {
       this.timeout(7000);
 
       // Helper to wait for the next frame and ensure properties are updated
@@ -125,13 +125,13 @@ export function runGlideToObjectTests(flock) {
       }
 
       const sourceId = box1; // created in beforeEach
-      const targetId = "targetCylinder";
+      const targetId = 'targetCylinder';
 
       // Custom pivot for source box
       flock.setAnchor(sourceId, {
-        xPivot: "MAX",
-        yPivot: "MAX",
-        zPivot: "CENTER",
+        xPivot: 'MAX',
+        yPivot: 'MAX',
+        zPivot: 'CENTER',
       });
 
       // Create target cylinder
@@ -144,9 +144,9 @@ export function runGlideToObjectTests(flock) {
 
       // Custom pivot for target cylinder
       flock.setAnchor(targetId, {
-        xPivot: "MIN",
-        yPivot: "CENTER",
-        zPivot: "MAX",
+        xPivot: 'MIN',
+        yPivot: 'CENTER',
+        zPivot: 'MAX',
       });
 
       // Wait for physics impostors to update with new pivot info
@@ -166,12 +166,12 @@ export function runGlideToObjectTests(flock) {
       expect(movedAnchor.z).to.be.closeTo(targetAnchor.z, EPS);
     });
 
-    it("should treat offsets as local-space by default", async function () {
+    it('should treat offsets as local-space by default', async function () {
       this.timeout(7000);
 
       const BABYLON = flock.BABYLON;
       const sourceId = box1;
-      const targetId = "rotatedTargetLocal";
+      const targetId = 'rotatedTargetLocal';
 
       // Create a target and rotate it so local != world axes
       box2 = flock.createBox(targetId, {
@@ -195,15 +195,8 @@ export function runGlideToObjectTests(flock) {
       targetMesh.computeWorldMatrix(true);
 
       const targetAnchor = flock._getAnchor(targetMesh);
-      const localOffset = new BABYLON.Vector3(
-        offsets.offsetX,
-        offsets.offsetY,
-        offsets.offsetZ,
-      );
-      const worldOffset = BABYLON.Vector3.TransformNormal(
-        localOffset,
-        targetMesh.getWorldMatrix(),
-      );
+      const localOffset = new BABYLON.Vector3(offsets.offsetX, offsets.offsetY, offsets.offsetZ);
+      const worldOffset = BABYLON.Vector3.TransformNormal(localOffset, targetMesh.getWorldMatrix());
 
       const expected = {
         x: targetAnchor.x + worldOffset.x,
@@ -224,7 +217,7 @@ export function runGlideToObjectTests(flock) {
       this.timeout(7000);
 
       const sourceId = box1;
-      const targetId = "rotatedTargetWorld";
+      const targetId = 'rotatedTargetWorld';
 
       // Helper to wait for the next frame and ensure properties are updated
       async function tick() {
@@ -246,7 +239,7 @@ export function runGlideToObjectTests(flock) {
 
       await flock.glideToObject(sourceId, targetId, {
         ...offsets,
-        offsetSpace: "world",
+        offsetSpace: 'world',
         duration: 0.3,
       });
       await tick();
diff --git a/tests/input/bindings.test.js b/tests/input/bindings.test.js
index e93d123fb..c850966df 100644
--- a/tests/input/bindings.test.js
+++ b/tests/input/bindings.test.js
@@ -1,97 +1,86 @@
-import { expect } from "chai";
-import {
-  ACTIONS,
-  DEFAULT_BINDINGS,
-  getBoundKeys,
-  isKnownAction,
-} from "../../input/bindings.js";
+import { expect } from 'chai';
+import { ACTIONS, DEFAULT_BINDINGS, getBoundKeys, isKnownAction } from '../../input/bindings.js';
 
 const EXPECTED_ACTIONS = [
-  "FORWARD",
-  "BACKWARD",
-  "LEFT",
-  "RIGHT",
-  "BUTTON1",
-  "BUTTON2",
-  "BUTTON3",
-  "BUTTON4",
-  "A11Y_I",
-  "A11Y_J",
-  "A11Y_K",
-  "A11Y_L",
+  'FORWARD',
+  'BACKWARD',
+  'LEFT',
+  'RIGHT',
+  'BUTTON1',
+  'BUTTON2',
+  'BUTTON3',
+  'BUTTON4',
+  'A11Y_I',
+  'A11Y_J',
+  'A11Y_K',
+  'A11Y_L',
 ];
 
 export function runBindingsTests() {
-  describe("input/bindings @bindings @input", function () {
-    describe("ACTIONS", function () {
-      it("contains exactly the 12 expected names in expected order", function () {
+  describe('input/bindings @bindings @input', function () {
+    describe('ACTIONS', function () {
+      it('contains exactly the 12 expected names in expected order', function () {
         expect(ACTIONS).to.deep.equal(EXPECTED_ACTIONS);
       });
 
-      it("is frozen", function () {
+      it('is frozen', function () {
         expect(Object.isFrozen(ACTIONS)).to.be.true;
       });
     });
 
-    describe("DEFAULT_BINDINGS", function () {
-      it("has an entry for every action in ACTIONS", function () {
+    describe('DEFAULT_BINDINGS', function () {
+      it('has an entry for every action in ACTIONS', function () {
         for (const action of ACTIONS) {
           expect(DEFAULT_BINDINGS).to.have.property(action);
         }
       });
 
-      it("has no extra entries beyond ACTIONS", function () {
+      it('has no extra entries beyond ACTIONS', function () {
         expect(Object.keys(DEFAULT_BINDINGS)).to.have.lengthOf(ACTIONS.length);
       });
 
-      it("is frozen", function () {
+      it('is frozen', function () {
         expect(Object.isFrozen(DEFAULT_BINDINGS)).to.be.true;
       });
     });
 
-    describe("getBoundKeys", function () {
-      it("returns defaults when no overrides supplied", function () {
-        expect(getBoundKeys("FORWARD", {})).to.deep.equal(
-          DEFAULT_BINDINGS.FORWARD,
-        );
+    describe('getBoundKeys', function () {
+      it('returns defaults when no overrides supplied', function () {
+        expect(getBoundKeys('FORWARD', {})).to.deep.equal(DEFAULT_BINDINGS.FORWARD);
       });
 
-      it("returns defaults when overrides is undefined", function () {
-        expect(getBoundKeys("FORWARD", undefined)).to.deep.equal(
-          DEFAULT_BINDINGS.FORWARD,
-        );
+      it('returns defaults when overrides is undefined', function () {
+        expect(getBoundKeys('FORWARD', undefined)).to.deep.equal(DEFAULT_BINDINGS.FORWARD);
       });
 
-      it("returns the override when one is set for that action", function () {
-        expect(getBoundKeys("FORWARD", { FORWARD: ["x"] })).to.deep.equal([
-          "x",
-        ]);
+      it('returns the override when one is set for that action', function () {
+        expect(getBoundKeys('FORWARD', { FORWARD: ['x'] })).to.deep.equal(['x']);
       });
 
-      it("falls back to defaults for an action not in overrides", function () {
-        expect(getBoundKeys("BACKWARD", { FORWARD: ["x"] })).to.deep.equal(
-          DEFAULT_BINDINGS.BACKWARD,
+      it('falls back to defaults for an action not in overrides', function () {
+        expect(getBoundKeys('BACKWARD', { FORWARD: ['x'] })).to.deep.equal(
+          DEFAULT_BINDINGS.BACKWARD
         );
       });
 
-      it("returns undefined for an unknown action", function () {
-        expect(getBoundKeys("UNKNOWN", {})).to.be.undefined;
+      it('returns undefined for an unknown action', function () {
+        expect(getBoundKeys('UNKNOWN', {})).to.be.undefined;
       });
     });
 
-    describe("isKnownAction", function () {
-      it("returns true for each action in ACTIONS", function () {
+    describe('isKnownAction', function () {
+      it('returns true for each action in ACTIONS', function () {
         for (const action of ACTIONS) {
           expect(isKnownAction(action)).to.be.true;
         }
       });
 
-      it("returns false for an unknown action", function () {
-        expect(isKnownAction("UNKNOWN")).to.be.false;
+      it('returns false for an unknown action', function () {
+        expect(isKnownAction('UNKNOWN')).to.be.false;
       });
 
-      it("returns false for empty string", function () {
-        expect(isKnownAction("")).to.be.false;
+      it('returns false for empty string', function () {
+        expect(isKnownAction('')).to.be.false;
       });
     });
   });
diff --git a/tests/input/cameraControls.test.js b/tests/input/cameraControls.test.js
index 8731d67ae..6cbc429ce 100644
--- a/tests/input/cameraControls.test.js
+++ b/tests/input/cameraControls.test.js
@@ -1,6 +1,6 @@
-import { expect } from "chai";
-import { InputManager } from "../../input/inputManager.js";
-import { CameraControls } from "../../input/cameraControls.js";
+import { expect } from 'chai';
+import { InputManager } from '../../input/inputManager.js';
+import { CameraControls } from '../../input/cameraControls.js';
 
 class StubVector3 {
   constructor(x = 0, y = 0, z = 0) {
@@ -42,7 +42,7 @@ function makeFreeCamera() {
     rotation: { x: 0, y: 0 },
     position: new StubVector3(0, 0, 0),
     getDirection: (v) => new StubVector3(v.x, v.y, v.z),
-    getClassName: () => "FreeCamera",
+    getClassName: () => 'FreeCamera',
   };
 }
 
@@ -51,7 +51,7 @@ function makeArcRotateCamera() {
     alpha: 1,
     beta: 1,
     position: new StubVector3(0, 0, 0),
-    getClassName: () => "ArcRotateCamera",
+    getClassName: () => 'ArcRotateCamera',
   };
 }
 
@@ -72,7 +72,7 @@ function makeFlock() {
 }
 
 export function runCameraControlsTests() {
-  describe("CameraControls @camera @input", function () {
+  describe('CameraControls @camera @input', function () {
     let flock, controls;
 
     beforeEach(function () {
@@ -85,60 +85,60 @@ export function runCameraControlsTests() {
       controls.stop();
     });
 
-    describe("lifecycle", function () {
-      it("start() adds one observer, stop() removes it", function () {
+    describe('lifecycle', function () {
+      it('start() adds one observer, stop() removes it', function () {
         expect(flock.scene.onBeforeRenderObservable.count()).to.equal(1);
         controls.stop();
         expect(flock.scene.onBeforeRenderObservable.count()).to.equal(0);
       });
 
-      it("double start() does not add a second observer", function () {
+      it('double start() does not add a second observer', function () {
         controls.start();
         expect(flock.scene.onBeforeRenderObservable.count()).to.equal(1);
       });
     });
 
-    describe("movement sources", function () {
-      it("MOVE axes fly a free camera", function () {
-        flock.inputManager._setAxis("MOVE_Y", -1);
+    describe('movement sources', function () {
+      it('MOVE axes fly a free camera', function () {
+        flock.inputManager._setAxis('MOVE_Y', -1);
         flock.scene.onBeforeRenderObservable.fire();
         expect(flock.scene.activeCamera.position.z).to.be.greaterThan(0);
       });
 
-      it("joystick getMove() flies the camera when MOVE axes are zero", function () {
+      it('joystick getMove() flies the camera when MOVE axes are zero', function () {
         flock._joystickSource = { getMove: () => ({ x: 0, y: -1 }) };
         flock.scene.onBeforeRenderObservable.fire();
         expect(flock.scene.activeCamera.position.z).to.be.greaterThan(0);
       });
 
-      it("joystick x strafes the camera", function () {
+      it('joystick x strafes the camera', function () {
         flock._joystickSource = { getMove: () => ({ x: 1, y: 0 }) };
         flock.scene.onBeforeRenderObservable.fire();
         expect(flock.scene.activeCamera.position.x).to.be.greaterThan(0);
         expect(flock.scene.activeCamera.position.z).to.equal(0);
       });
 
-      it("MOVE axes take precedence over the joystick", function () {
-        flock.inputManager._setAxis("MOVE_Y", 1);
+      it('MOVE axes take precedence over the joystick', function () {
+        flock.inputManager._setAxis('MOVE_Y', 1);
         flock._joystickSource = { getMove: () => ({ x: 0, y: -1 }) };
         flock.scene.onBeforeRenderObservable.fire();
         expect(flock.scene.activeCamera.position.z).to.be.lessThan(0);
       });
 
-      it("physical WASD flies the camera when axes and joystick are idle", function () {
+      it('physical WASD flies the camera when axes and joystick are idle', function () {
         flock._joystickSource = { getMove: () => ({ x: 0, y: 0 }) };
-        flock._keyboardSource = { isKeyDown: (k) => k === "w" };
+        flock._keyboardSource = { isKeyDown: (k) => k === 'w' };
         flock.scene.onBeforeRenderObservable.fire();
         expect(flock.scene.activeCamera.position.z).to.be.greaterThan(0);
       });
 
-      it("no input → camera untouched", function () {
+      it('no input → camera untouched', function () {
         flock.scene.onBeforeRenderObservable.fire();
         expect(flock.scene.activeCamera.position.z).to.equal(0);
         expect(flock.scene.activeCamera.rotation.y).to.equal(0);
       });
 
-      it("blocked when canvas controls are disabled", function () {
+      it('blocked when canvas controls are disabled', function () {
         flock._canvasControlsEnabled = false;
         flock._joystickSource = { getMove: () => ({ x: 0, y: -1 }) };
         flock.scene.onBeforeRenderObservable.fire();
@@ -146,24 +146,24 @@ export function runCameraControlsTests() {
       });
     });
 
-    describe("look input", function () {
-      it("LOOK_X yaws a free camera", function () {
-        flock.inputManager._setAxis("LOOK_X", 1);
+    describe('look input', function () {
+      it('LOOK_X yaws a free camera', function () {
+        flock.inputManager._setAxis('LOOK_X', 1);
         flock.scene.onBeforeRenderObservable.fire();
         expect(flock.scene.activeCamera.rotation.y).to.be.greaterThan(0);
       });
 
-      it("LOOK axes adjust ArcRotateCamera alpha/beta without moving it", function () {
+      it('LOOK axes adjust ArcRotateCamera alpha/beta without moving it', function () {
         flock.scene.activeCamera = makeArcRotateCamera();
-        flock.inputManager._setAxis("LOOK_X", 1);
-        flock.inputManager._setAxis("LOOK_Y", 1);
+        flock.inputManager._setAxis('LOOK_X', 1);
+        flock.inputManager._setAxis('LOOK_Y', 1);
         flock.scene.onBeforeRenderObservable.fire();
         expect(flock.scene.activeCamera.alpha).to.be.lessThan(1);
         expect(flock.scene.activeCamera.beta).to.be.lessThan(1);
         expect(flock.scene.activeCamera.position.z).to.equal(0);
       });
 
-      it("joystick does not move an ArcRotateCamera", function () {
+      it('joystick does not move an ArcRotateCamera', function () {
         flock.scene.activeCamera = makeArcRotateCamera();
         flock._joystickSource = { getMove: () => ({ x: 0, y: -1 }) };
         flock.scene.onBeforeRenderObservable.fire();
diff --git a/tests/input/consumers.test.js b/tests/input/consumers.test.js
index e18d7f961..c8511fdd9 100644
--- a/tests/input/consumers.test.js
+++ b/tests/input/consumers.test.js
@@ -1,14 +1,8 @@
-import { expect } from "chai";
-import { InputManager } from "../../input/inputManager.js";
-import { OnScreenSource } from "../../input/onScreenSource.js";
-import {
-  flockSensing,
-  setFlockReference as setFlockSensing,
-} from "../../api/sensing.js";
-import {
-  flockEvents,
-  setFlockReference as setFlockEvents,
-} from "../../api/events.js";
+import { expect } from 'chai';
+import { InputManager } from '../../input/inputManager.js';
+import { OnScreenSource } from '../../input/onScreenSource.js';
+import { flockSensing, setFlockReference as setFlockSensing } from '../../api/sensing.js';
+import { flockEvents, setFlockReference as setFlockEvents } from '../../api/events.js';
 
 function makeFlock() {
   const inputManager = new InputManager();
@@ -24,7 +18,7 @@ function makeFlock() {
 }
 
 export function runConsumerTests() {
-  describe("Consumer APIs @consumers @input", function () {
+  describe('Consumer APIs @consumers @input', function () {
     let flock, inputManager;
 
     beforeEach(function () {
@@ -32,150 +26,150 @@ export function runConsumerTests() {
       inputManager = flock.inputManager;
     });
 
-    describe("keyPressed", function () {
+    describe('keyPressed', function () {
       it("keyPressed('w') reflects _setKey('w', true)", function () {
-        inputManager._setKey("w", true);
-        expect(flock.keyPressed("w")).to.be.true;
+        inputManager._setKey('w', true);
+        expect(flock.keyPressed('w')).to.be.true;
       });
 
       it("keyPressed('W') is true when lowercase 'w' is held (case-insensitive)", function () {
-        inputManager._setKey("w", true);
-        expect(flock.keyPressed("W")).to.be.true;
+        inputManager._setKey('w', true);
+        expect(flock.keyPressed('W')).to.be.true;
       });
 
       it("keyPressed('ANY') true with any held key", function () {
-        inputManager._setKey("x", true);
-        expect(flock.keyPressed("ANY")).to.be.true;
+        inputManager._setKey('x', true);
+        expect(flock.keyPressed('ANY')).to.be.true;
       });
 
       it("keyPressed('ANY') false when no keys held", function () {
-        expect(flock.keyPressed("ANY")).to.be.false;
+        expect(flock.keyPressed('ANY')).to.be.false;
       });
 
       it("keyPressed('NONE') true when no keys held", function () {
-        expect(flock.keyPressed("NONE")).to.be.true;
+        expect(flock.keyPressed('NONE')).to.be.true;
       });
 
       it("keyPressed('NONE') false when a key is held", function () {
-        inputManager._setKey("w", true);
-        expect(flock.keyPressed("NONE")).to.be.false;
+        inputManager._setKey('w', true);
+        expect(flock.keyPressed('NONE')).to.be.false;
       });
     });
 
-    describe("actionPressed", function () {
+    describe('actionPressed', function () {
       it("actionPressed('FORWARD') true when a default bound key is held", function () {
-        inputManager._setKey("w", true);
-        expect(flock.actionPressed("FORWARD")).to.be.true;
+        inputManager._setKey('w', true);
+        expect(flock.actionPressed('FORWARD')).to.be.true;
       });
 
       it("actionPressed('FORWARD') false when no bound key is held", function () {
-        expect(flock.actionPressed("FORWARD")).to.be.false;
+        expect(flock.actionPressed('FORWARD')).to.be.false;
       });
     });
 
-    describe("setActionKey", function () {
+    describe('setActionKey', function () {
       it("setActionKey('FORWARD', 'x') → actionPressed('FORWARD') true when 'x' held", function () {
-        flock.setActionKey("FORWARD", "x");
-        inputManager._setKey("x", true);
-        expect(flock.actionPressed("FORWARD")).to.be.true;
+        flock.setActionKey('FORWARD', 'x');
+        inputManager._setKey('x', true);
+        expect(flock.actionPressed('FORWARD')).to.be.true;
       });
 
       it("setActionKey('FORWARD', 'x') → default key 'w' no longer triggers FORWARD", function () {
-        flock.setActionKey("FORWARD", "x");
-        inputManager._setKey("w", true);
-        expect(flock.actionPressed("FORWARD")).to.be.false;
+        flock.setActionKey('FORWARD', 'x');
+        inputManager._setKey('w', true);
+        expect(flock.actionPressed('FORWARD')).to.be.false;
       });
 
       it("setActionKey('FORWARD', 'x') → pressing old key 'w' does not fire whenActionEvent", function () {
-        flock.setActionKey("FORWARD", "x");
+        flock.setActionKey('FORWARD', 'x');
         let count = 0;
-        flock.whenActionEvent("FORWARD", () => count++);
-        inputManager._setKey("w", true);
+        flock.whenActionEvent('FORWARD', () => count++);
+        inputManager._setKey('w', true);
         expect(count).to.equal(0);
       });
 
       it("setActionKey('FORWARD', 'x') → pressing new key 'x' fires whenActionEvent", function () {
-        flock.setActionKey("FORWARD", "x");
+        flock.setActionKey('FORWARD', 'x');
         let count = 0;
-        flock.whenActionEvent("FORWARD", () => count++);
-        inputManager._setKey("x", true);
+        flock.whenActionEvent('FORWARD', () => count++);
+        inputManager._setKey('x', true);
         expect(count).to.equal(1);
       });
     });
 
-    describe("whenKeyEvent", function () {
-      it("fires when key pressed via inputManager (keyboard path)", function () {
+    describe('whenKeyEvent', function () {
+      it('fires when key pressed via inputManager (keyboard path)', function () {
         let count = 0;
-        flock.whenKeyEvent("w", () => count++);
-        inputManager._setKey("w", true);
+        flock.whenKeyEvent('w', () => count++);
+        inputManager._setKey('w', true);
         expect(count).to.equal(1);
       });
 
-      it("fires exactly once per press transition (refcounted, no double-fire)", function () {
+      it('fires exactly once per press transition (refcounted, no double-fire)', function () {
         let count = 0;
-        flock.whenKeyEvent("w", () => count++);
-        inputManager._setKey("w", true);
-        inputManager._setKey("w", true);
+        flock.whenKeyEvent('w', () => count++);
+        inputManager._setKey('w', true);
+        inputManager._setKey('w', true);
         expect(count).to.equal(1);
       });
 
-      it("fires when key pressed via OnScreenSource", function () {
+      it('fires when key pressed via OnScreenSource', function () {
         let count = 0;
-        flock.whenKeyEvent("w", () => count++);
+        flock.whenKeyEvent('w', () => count++);
         const source = new OnScreenSource(inputManager);
-        source.press("w");
+        source.press('w');
         expect(count).to.equal(1);
       });
 
-      it("on-screen press fires exactly once (no double-fire from removed grid path)", function () {
+      it('on-screen press fires exactly once (no double-fire from removed grid path)', function () {
         let count = 0;
-        flock.whenKeyEvent("w", () => count++);
+        flock.whenKeyEvent('w', () => count++);
         const source = new OnScreenSource(inputManager);
-        source.press("w");
-        source.release("w");
-        source.press("w");
+        source.press('w');
+        source.release('w');
+        source.press('w');
         expect(count).to.equal(2);
       });
 
-      it("callback does not fire after abort", function () {
+      it('callback does not fire after abort', function () {
         let count = 0;
-        flock.whenKeyEvent("w", () => count++);
+        flock.whenKeyEvent('w', () => count++);
         flock.abortController.abort();
-        inputManager._setKey("w", true);
+        inputManager._setKey('w', true);
         expect(count).to.equal(0);
       });
 
-      it("isReleased=true fires on key up", function () {
+      it('isReleased=true fires on key up', function () {
         let count = 0;
-        flock.whenKeyEvent("w", () => count++, true);
-        inputManager._setKey("w", true);
+        flock.whenKeyEvent('w', () => count++, true);
+        inputManager._setKey('w', true);
         expect(count).to.equal(0);
-        inputManager._setKey("w", false);
+        inputManager._setKey('w', false);
         expect(count).to.equal(1);
       });
     });
 
-    describe("whenActionEvent", function () {
-      it("fires once per transition regardless of which bound key is pressed", function () {
+    describe('whenActionEvent', function () {
+      it('fires once per transition regardless of which bound key is pressed', function () {
         let count = 0;
-        flock.whenActionEvent("FORWARD", () => count++);
-        inputManager._setKey("w", true);
+        flock.whenActionEvent('FORWARD', () => count++);
+        inputManager._setKey('w', true);
         expect(count).to.equal(1);
       });
 
-      it("fires exactly once when multiple bound keys pressed (already active guard)", function () {
+      it('fires exactly once when multiple bound keys pressed (already active guard)', function () {
         let count = 0;
-        flock.whenActionEvent("FORWARD", () => count++);
-        inputManager._setKey("w", true);
-        inputManager._setKey("z", true);
+        flock.whenActionEvent('FORWARD', () => count++);
+        inputManager._setKey('w', true);
+        inputManager._setKey('z', true);
         expect(count).to.equal(1);
       });
 
-      it("callback does not fire after abort", function () {
+      it('callback does not fire after abort', function () {
         let count = 0;
-        flock.whenActionEvent("FORWARD", () => count++);
+        flock.whenActionEvent('FORWARD', () => count++);
         flock.abortController.abort();
-        inputManager._setKey("w", true);
+        inputManager._setKey('w', true);
         expect(count).to.equal(0);
       });
     });
diff --git a/tests/input/gamepadSource.test.js b/tests/input/gamepadSource.test.js
index 0659513bc..cf0143319 100644
--- a/tests/input/gamepadSource.test.js
+++ b/tests/input/gamepadSource.test.js
@@ -1,6 +1,6 @@
-import { expect } from "chai";
-import { InputManager } from "../../input/inputManager.js";
-import { GamepadSource } from "../../input/gamepadSource.js";
+import { expect } from 'chai';
+import { InputManager } from '../../input/inputManager.js';
+import { GamepadSource } from '../../input/gamepadSource.js';
 
 class StubScene {
   #callbacks = [];
@@ -33,7 +33,11 @@ class StubCanvas {
 
   removeEventListener(type, cb) {
     const list = this.#listeners.get(type);
-    if (list) this.#listeners.set(type, list.filter((l) => l !== cb));
+    if (list)
+      this.#listeners.set(
+        type,
+        list.filter((l) => l !== cb)
+      );
   }
 
   dispatchEvent(e) {
@@ -53,7 +57,7 @@ function makeGamepad({ buttons = [], axes = [] } = {}) {
 }
 
 export function runGamepadSourceTests() {
-  describe("GamepadSource @gamepad @input", function () {
+  describe('GamepadSource @gamepad @input', function () {
     let manager, scene, canvas, source;
 
     function makeSource(getGamepads) {
@@ -70,8 +74,8 @@ export function runGamepadSourceTests() {
       source?.stop();
     });
 
-    describe("no gamepad connected", function () {
-      it("no gamepad → manager unchanged after tick", function () {
+    describe('no gamepad connected', function () {
+      it('no gamepad → manager unchanged after tick', function () {
         makeSource(() => []);
         source.start();
         scene.tick();
@@ -79,41 +83,41 @@ export function runGamepadSourceTests() {
       });
     });
 
-    describe("button mapping", function () {
+    describe('button mapping', function () {
       it("button 3 pressed → isKeyDown('r') true", function () {
         makeSource(() => [makeGamepad({ buttons: [null, null, null, makeButton(true)] })]);
         source.start();
         scene.tick();
-        expect(manager.isKeyDown("r")).to.be.true;
+        expect(manager.isKeyDown('r')).to.be.true;
       });
 
       it("button 3 pressed → isKeyDown('PageUp') true (fly-camera up)", function () {
         makeSource(() => [makeGamepad({ buttons: [null, null, null, makeButton(true)] })]);
         source.start();
         scene.tick();
-        expect(manager.isKeyDown("PageUp")).to.be.true;
+        expect(manager.isKeyDown('PageUp')).to.be.true;
       });
 
-      it("button 3 pressed → dispatches synthetic DOM keydown for PageUp", function () {
+      it('button 3 pressed → dispatches synthetic DOM keydown for PageUp', function () {
         makeSource(() => [makeGamepad({ buttons: [null, null, null, makeButton(true)] })]);
         source.start();
-        const events = canvas.dispatched.filter((e) => e.type === "keydown" && e.key === "PageUp");
+        const events = canvas.dispatched.filter((e) => e.type === 'keydown' && e.key === 'PageUp');
         expect(events).to.have.lengthOf(0);
         scene.tick();
-        const after = canvas.dispatched.filter((e) => e.type === "keydown" && e.key === "PageUp");
+        const after = canvas.dispatched.filter((e) => e.type === 'keydown' && e.key === 'PageUp');
         expect(after).to.have.lengthOf(1);
         expect(after[0].keyCode).to.equal(33);
         expect(after[0].__flockSynthetic).to.be.true;
       });
 
-      it("button 3 released → dispatches synthetic DOM keyup for PageUp", function () {
+      it('button 3 released → dispatches synthetic DOM keyup for PageUp', function () {
         let pressed = true;
         makeSource(() => [makeGamepad({ buttons: [null, null, null, makeButton(pressed)] })]);
         source.start();
         scene.tick();
         pressed = false;
         scene.tick();
-        const keyups = canvas.dispatched.filter((e) => e.type === "keyup" && e.key === "PageUp");
+        const keyups = canvas.dispatched.filter((e) => e.type === 'keyup' && e.key === 'PageUp');
         expect(keyups).to.have.lengthOf(1);
         expect(keyups[0].__flockSynthetic).to.be.true;
       });
@@ -122,15 +126,15 @@ export function runGamepadSourceTests() {
         makeSource(() => [makeGamepad({ buttons: [null, null, makeButton(true)] })]);
         source.start();
         scene.tick();
-        expect(manager.isKeyDown("f")).to.be.true;
-        expect(manager.isKeyDown("PageDown")).to.be.true;
+        expect(manager.isKeyDown('f')).to.be.true;
+        expect(manager.isKeyDown('PageDown')).to.be.true;
       });
 
       it("button 3 pressed → isActionDown('BUTTON1') true", function () {
         makeSource(() => [makeGamepad({ buttons: [null, null, null, makeButton(true)] })]);
         source.start();
         scene.tick();
-        expect(manager.isActionDown("BUTTON1")).to.be.true;
+        expect(manager.isActionDown('BUTTON1')).to.be.true;
       });
 
       it("button 3 pressed → onActionDown fired once with 'BUTTON1'", function () {
@@ -139,10 +143,10 @@ export function runGamepadSourceTests() {
         makeSource(() => [makeGamepad({ buttons: [null, null, null, makeButton(true)] })]);
         source.start();
         scene.tick();
-        expect(fired.filter((a) => a === "BUTTON1")).to.have.lengthOf(1);
+        expect(fired.filter((a) => a === 'BUTTON1')).to.have.lengthOf(1);
       });
 
-      it("button 3 held over multiple ticks → no duplicate onKeyDown/onActionDown", function () {
+      it('button 3 held over multiple ticks → no duplicate onKeyDown/onActionDown', function () {
         const keyDownFired = [];
         const actionDownFired = [];
         manager.onKeyDownObservable.add((k) => keyDownFired.push(k));
@@ -152,8 +156,8 @@ export function runGamepadSourceTests() {
         scene.tick();
         scene.tick();
         scene.tick();
-        expect(keyDownFired.filter((k) => k === "r")).to.have.lengthOf(1);
-        expect(actionDownFired.filter((a) => a === "BUTTON1")).to.have.lengthOf(1);
+        expect(keyDownFired.filter((k) => k === 'r')).to.have.lengthOf(1);
+        expect(actionDownFired.filter((a) => a === 'BUTTON1')).to.have.lengthOf(1);
       });
 
       it("button 3 released → onKeyUp('r') fires; isActionDown('BUTTON1') false", function () {
@@ -165,8 +169,8 @@ export function runGamepadSourceTests() {
         scene.tick();
         pressed = false;
         scene.tick();
-        expect(keyUpFired).to.include("r");
-        expect(manager.isActionDown("BUTTON1")).to.be.false;
+        expect(keyUpFired).to.include('r');
+        expect(manager.isActionDown('BUTTON1')).to.be.false;
       });
 
       it("button 14 (D-pad left) → isKeyDown('a') true; isActionDown('LEFT') true; isKeyDown('q') true", function () {
@@ -175,9 +179,9 @@ export function runGamepadSourceTests() {
         makeSource(() => [makeGamepad({ buttons: btns })]);
         source.start();
         scene.tick();
-        expect(manager.isKeyDown("a")).to.be.true;
-        expect(manager.isActionDown("LEFT")).to.be.true;
-        expect(manager.isKeyDown("q")).to.be.true;
+        expect(manager.isKeyDown('a')).to.be.true;
+        expect(manager.isActionDown('LEFT')).to.be.true;
+        expect(manager.isKeyDown('q')).to.be.true;
       });
 
       it("button 12 (D-pad up) → isActionDown('FORWARD') true", function () {
@@ -186,7 +190,7 @@ export function runGamepadSourceTests() {
         makeSource(() => [makeGamepad({ buttons: btns })]);
         source.start();
         scene.tick();
-        expect(manager.isActionDown("FORWARD")).to.be.true;
+        expect(manager.isActionDown('FORWARD')).to.be.true;
       });
 
       it("button 1 → isActionDown('BUTTON2') true", function () {
@@ -194,7 +198,7 @@ export function runGamepadSourceTests() {
         makeSource(() => [makeGamepad({ buttons: btns })]);
         source.start();
         scene.tick();
-        expect(manager.isActionDown("BUTTON2")).to.be.true;
+        expect(manager.isActionDown('BUTTON2')).to.be.true;
       });
 
       it("button 6 → isActionDown('BUTTON2') true", function () {
@@ -203,7 +207,7 @@ export function runGamepadSourceTests() {
         makeSource(() => [makeGamepad({ buttons: btns })]);
         source.start();
         scene.tick();
-        expect(manager.isActionDown("BUTTON2")).to.be.true;
+        expect(manager.isActionDown('BUTTON2')).to.be.true;
       });
 
       it("button 7 → isActionDown('BUTTON2') true", function () {
@@ -212,47 +216,47 @@ export function runGamepadSourceTests() {
         makeSource(() => [makeGamepad({ buttons: btns })]);
         source.start();
         scene.tick();
-        expect(manager.isActionDown("BUTTON2")).to.be.true;
+        expect(manager.isActionDown('BUTTON2')).to.be.true;
       });
     });
 
-    describe("axes", function () {
+    describe('axes', function () {
       it("axes[2] = 0.4 → getAxis('LOOK_X') === 0.4 (past dead zone)", function () {
         makeSource(() => [makeGamepad({ axes: [0, 0, 0.4, 0] })]);
         source.start();
         scene.tick();
-        expect(manager.getAxis("LOOK_X")).to.equal(0.4);
+        expect(manager.getAxis('LOOK_X')).to.equal(0.4);
       });
 
       it("axes[2] = 0.1 → getAxis('LOOK_X') === 0 (within dead zone)", function () {
         makeSource(() => [makeGamepad({ axes: [0, 0, 0.1, 0] })]);
         source.start();
         scene.tick();
-        expect(manager.getAxis("LOOK_X")).to.equal(0);
+        expect(manager.getAxis('LOOK_X')).to.equal(0);
       });
 
       it("axis shim: axes[1] = -0.9 → isKeyDown('w') true", function () {
         makeSource(() => [makeGamepad({ axes: [0, -0.9, 0, 0] })]);
         source.start();
         scene.tick();
-        expect(manager.isKeyDown("w")).to.be.true;
+        expect(manager.isKeyDown('w')).to.be.true;
       });
 
       it("axis shim: axes[1] = -0.1 → isKeyDown('w') false (below shim threshold)", function () {
         makeSource(() => [makeGamepad({ axes: [0, -0.1, 0, 0] })]);
         source.start();
         scene.tick();
-        expect(manager.isKeyDown("w")).to.be.false;
+        expect(manager.isKeyDown('w')).to.be.false;
       });
     });
 
-    describe("shoulders / TURN axis", function () {
+    describe('shoulders / TURN axis', function () {
       it("button 4 pressed → getAxis('TURN') === -1", function () {
         const btns = [null, null, null, null, makeButton(true)];
         makeSource(() => [makeGamepad({ buttons: btns })]);
         source.start();
         scene.tick();
-        expect(manager.getAxis("TURN")).to.equal(-1);
+        expect(manager.getAxis('TURN')).to.equal(-1);
       });
 
       it("button 5 pressed → getAxis('TURN') === +1", function () {
@@ -260,7 +264,7 @@ export function runGamepadSourceTests() {
         makeSource(() => [makeGamepad({ buttons: btns })]);
         source.start();
         scene.tick();
-        expect(manager.getAxis("TURN")).to.equal(1);
+        expect(manager.getAxis('TURN')).to.equal(1);
       });
 
       it("both shoulders pressed → getAxis('TURN') === 0", function () {
@@ -268,83 +272,95 @@ export function runGamepadSourceTests() {
         makeSource(() => [makeGamepad({ buttons: btns })]);
         source.start();
         scene.tick();
-        expect(manager.getAxis("TURN")).to.equal(0);
+        expect(manager.getAxis('TURN')).to.equal(0);
       });
     });
 
-    describe("touchpad", function () {
+    describe('touchpad', function () {
       it("rising edge → canvas dispatchEvent called once with 'pointerdown'", function () {
         const btns = Array(18).fill(null);
         let touchpadDown = false;
         makeSource(() => [
-          makeGamepad({ buttons: btns.map((_, i) => (i === 17 ? makeButton(touchpadDown) : null)) }),
+          makeGamepad({
+            buttons: btns.map((_, i) => (i === 17 ? makeButton(touchpadDown) : null)),
+          }),
         ]);
         source.start();
         scene.tick(); // no press yet
         touchpadDown = true;
         scene.tick(); // rising edge
-        const downs = canvas.dispatched.filter((e) => e.type === "pointerdown");
+        const downs = canvas.dispatched.filter((e) => e.type === 'pointerdown');
         expect(downs).to.have.lengthOf(1);
       });
 
       it("falling edge → canvas dispatchEvent called with 'pointerup'", function () {
         let touchpadDown = true;
         makeSource(() => [
-          makeGamepad({ buttons: Array(18).fill(null).map((_, i) => (i === 17 ? makeButton(touchpadDown) : null)) }),
+          makeGamepad({
+            buttons: Array(18)
+              .fill(null)
+              .map((_, i) => (i === 17 ? makeButton(touchpadDown) : null)),
+          }),
         ]);
         source.start();
         scene.tick(); // pressed
         touchpadDown = false;
         scene.tick(); // falling edge
-        const ups = canvas.dispatched.filter((e) => e.type === "pointerup");
+        const ups = canvas.dispatched.filter((e) => e.type === 'pointerup');
         expect(ups).to.have.lengthOf(1);
       });
     });
 
-    describe("stop", function () {
-      it("stop() releases every key held by the source", function () {
+    describe('stop', function () {
+      it('stop() releases every key held by the source', function () {
         makeSource(() => [makeGamepad({ buttons: [null, null, null, makeButton(true)] })]);
         source.start();
         scene.tick();
-        expect(manager.isKeyDown("r")).to.be.true;
+        expect(manager.isKeyDown('r')).to.be.true;
         source.stop();
-        expect(manager.isKeyDown("r")).to.be.false;
+        expect(manager.isKeyDown('r')).to.be.false;
       });
 
-      it("stop() zeros axes it owns", function () {
+      it('stop() zeros axes it owns', function () {
         makeSource(() => [makeGamepad({ axes: [0, 0, 0.8, 0] })]);
         source.start();
         scene.tick();
         source.stop();
-        expect(manager.getAxis("LOOK_X")).to.equal(0);
-        expect(manager.getAxis("TURN")).to.equal(0);
+        expect(manager.getAxis('LOOK_X')).to.equal(0);
+        expect(manager.getAxis('TURN')).to.equal(0);
       });
     });
 
-    describe("setFlyMode (camera gizmo fly mode)", function () {
-      it("setFlyMode(true) immediately releases held movement keys", function () {
-        makeSource(() => [makeGamepad({ buttons: Array(13).fill(null).map((_, i) => (i === 12 ? makeButton(true) : null)) })]);
+    describe('setFlyMode (camera gizmo fly mode)', function () {
+      it('setFlyMode(true) immediately releases held movement keys', function () {
+        makeSource(() => [
+          makeGamepad({
+            buttons: Array(13)
+              .fill(null)
+              .map((_, i) => (i === 12 ? makeButton(true) : null)),
+          }),
+        ]);
         source.start();
         scene.tick();
-        expect(manager.isKeyDown("w")).to.be.true;
+        expect(manager.isKeyDown('w')).to.be.true;
         source.setFlyMode(true);
-        expect(manager.isKeyDown("w")).to.be.false;
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("fly mode: movement shim keys are blocked (left stick forward)", function () {
+      it('fly mode: movement shim keys are blocked (left stick forward)', function () {
         makeSource(() => [makeGamepad({ axes: [0, -0.9, 0, 0] })]);
         source.start();
         source.setFlyMode(true);
         scene.tick();
-        expect(manager.isKeyDown("w")).to.be.false;
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("fly mode: MOVE_Y axis is still set (camera observer can read it)", function () {
+      it('fly mode: MOVE_Y axis is still set (camera observer can read it)', function () {
         makeSource(() => [makeGamepad({ axes: [0, -0.9, 0, 0] })]);
         source.start();
         source.setFlyMode(true);
         scene.tick();
-        expect(manager.getAxis("MOVE_Y")).to.be.lessThan(0);
+        expect(manager.getAxis('MOVE_Y')).to.be.lessThan(0);
       });
 
       it("fly mode: PageUp still goes to InputManager and dispatches DOM event; 'r' is blocked", function () {
@@ -352,39 +368,47 @@ export function runGamepadSourceTests() {
         source.start();
         source.setFlyMode(true);
         scene.tick();
-        expect(manager.isKeyDown("PageUp")).to.be.true;
-        expect(manager.isKeyDown("r")).to.be.false;
-        const domEvents = canvas.dispatched.filter((e) => e.type === "keydown" && e.key === "PageUp");
+        expect(manager.isKeyDown('PageUp')).to.be.true;
+        expect(manager.isKeyDown('r')).to.be.false;
+        const domEvents = canvas.dispatched.filter(
+          (e) => e.type === 'keydown' && e.key === 'PageUp'
+        );
         expect(domEvents).to.have.lengthOf(1);
       });
 
-      it("fly mode: D-pad does not set movement keys", function () {
+      it('fly mode: D-pad does not set movement keys', function () {
         const btns = Array(13).fill(null);
         btns[12] = makeButton(true);
         makeSource(() => [makeGamepad({ buttons: btns })]);
         source.start();
         source.setFlyMode(true);
         scene.tick();
-        expect(manager.isKeyDown("w")).to.be.false;
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("setFlyMode(false) re-enables movement keys on next tick", function () {
+      it('setFlyMode(false) re-enables movement keys on next tick', function () {
         makeSource(() => [makeGamepad({ axes: [0, -0.9, 0, 0] })]);
         source.start();
         source.setFlyMode(true);
         scene.tick();
-        expect(manager.isKeyDown("w")).to.be.false;
+        expect(manager.isKeyDown('w')).to.be.false;
         source.setFlyMode(false);
         scene.tick();
-        expect(manager.isKeyDown("w")).to.be.true;
+        expect(manager.isKeyDown('w')).to.be.true;
       });
     });
 
-    describe("refcount: keyboard + gamepad holding same key", function () {
+    describe('refcount: keyboard + gamepad holding same key', function () {
       it("keyboard holds 'w', gamepad releases 'w' → still down (refcount)", function () {
-        makeSource(() => [makeGamepad({ buttons: Array(13).fill(null).map((_, i) => (i === 12 ? makeButton(true) : null)) })]);
+        makeSource(() => [
+          makeGamepad({
+            buttons: Array(13)
+              .fill(null)
+              .map((_, i) => (i === 12 ? makeButton(true) : null)),
+          }),
+        ]);
         // Simulate keyboard pressing 'w' independently
-        manager._setKey("w", true);
+        manager._setKey('w', true);
         source.start();
         scene.tick(); // gamepad also holds 'w' now → count = 2
 
@@ -395,8 +419,8 @@ export function runGamepadSourceTests() {
         // (gamepad's contribution was released, keyboard's wasn't)
         // In this test we didn't use a real keyboard source, we called _setKey directly.
         // After stop(), source released its key (count: 2→1). Keyboard still holds it.
-        expect(manager.isKeyDown("w")).to.be.true;
+        expect(manager.isKeyDown('w')).to.be.true;
       });
     });
   });
-}
\ No newline at end of file
+}
diff --git a/tests/input/index.test.js b/tests/input/index.test.js
index e34783de3..6467f9d5b 100644
--- a/tests/input/index.test.js
+++ b/tests/input/index.test.js
@@ -1,12 +1,12 @@
-import { runBindingsTests } from "./bindings.test.js";
-import { runInputManagerTests } from "./inputManager.test.js";
-import { runKeyboardSourceTests } from "./keyboardSource.test.js";
-import { runOnScreenSourceTests } from "./onScreenSource.test.js";
-import { runGamepadSourceTests } from "./gamepadSource.test.js";
-import { runJoystickSourceTests } from "./joystickSource.test.js";
-import { runCameraControlsTests } from "./cameraControls.test.js";
-import { runXRSourceTests } from "./xrSource.test.js";
-import { runConsumerTests } from "./consumers.test.js";
+import { runBindingsTests } from './bindings.test.js';
+import { runInputManagerTests } from './inputManager.test.js';
+import { runKeyboardSourceTests } from './keyboardSource.test.js';
+import { runOnScreenSourceTests } from './onScreenSource.test.js';
+import { runGamepadSourceTests } from './gamepadSource.test.js';
+import { runJoystickSourceTests } from './joystickSource.test.js';
+import { runCameraControlsTests } from './cameraControls.test.js';
+import { runXRSourceTests } from './xrSource.test.js';
+import { runConsumerTests } from './consumers.test.js';
 
 export function runInputTests() {
   runBindingsTests();
diff --git a/tests/input/inputManager.test.js b/tests/input/inputManager.test.js
index fb93b4034..ca1ce29b5 100644
--- a/tests/input/inputManager.test.js
+++ b/tests/input/inputManager.test.js
@@ -1,222 +1,222 @@
-import { expect } from "chai";
-import { InputManager } from "../../input/inputManager.js";
+import { expect } from 'chai';
+import { InputManager } from '../../input/inputManager.js';
 
 export function runInputManagerTests() {
-  describe("InputManager @inputmanager @input", function () {
+  describe('InputManager @inputmanager @input', function () {
     let manager;
 
     beforeEach(function () {
       manager = new InputManager();
     });
 
-    describe("_setKey / isKeyDown", function () {
-      it("pressing a key makes isKeyDown return true", function () {
-        manager._setKey("w", true);
-        expect(manager.isKeyDown("w")).to.be.true;
+    describe('_setKey / isKeyDown', function () {
+      it('pressing a key makes isKeyDown return true', function () {
+        manager._setKey('w', true);
+        expect(manager.isKeyDown('w')).to.be.true;
       });
 
-      it("releasing a key makes isKeyDown return false", function () {
-        manager._setKey("w", true);
-        manager._setKey("w", false);
-        expect(manager.isKeyDown("w")).to.be.false;
+      it('releasing a key makes isKeyDown return false', function () {
+        manager._setKey('w', true);
+        manager._setKey('w', false);
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("isKeyDown is case-insensitive for single-char keys", function () {
-        manager._setKey("w", true);
-        expect(manager.isKeyDown("W")).to.be.true;
+      it('isKeyDown is case-insensitive for single-char keys', function () {
+        manager._setKey('w', true);
+        expect(manager.isKeyDown('W')).to.be.true;
       });
 
-      it("pressing the same key twice does not double-register", function () {
+      it('pressing the same key twice does not double-register', function () {
         const fired = [];
         manager.onKeyDownObservable.add((k) => fired.push(k));
-        manager._setKey("w", true);
-        manager._setKey("w", true);
+        manager._setKey('w', true);
+        manager._setKey('w', true);
         expect(fired).to.have.lengthOf(1);
       });
     });
 
-    describe("heldKeyCount", function () {
-      it("returns 0 when no keys held", function () {
+    describe('heldKeyCount', function () {
+      it('returns 0 when no keys held', function () {
         expect(manager.heldKeyCount()).to.equal(0);
       });
 
-      it("increments as keys are pressed", function () {
-        manager._setKey("w", true);
-        manager._setKey("a", true);
+      it('increments as keys are pressed', function () {
+        manager._setKey('w', true);
+        manager._setKey('a', true);
         expect(manager.heldKeyCount()).to.equal(2);
       });
 
-      it("decrements as keys are released", function () {
-        manager._setKey("w", true);
-        manager._setKey("w", false);
+      it('decrements as keys are released', function () {
+        manager._setKey('w', true);
+        manager._setKey('w', false);
         expect(manager.heldKeyCount()).to.equal(0);
       });
     });
 
-    describe("_clearAllKeys", function () {
-      it("clears all held keys", function () {
-        manager._setKey("w", true);
-        manager._setKey("a", true);
+    describe('_clearAllKeys', function () {
+      it('clears all held keys', function () {
+        manager._setKey('w', true);
+        manager._setKey('a', true);
         manager._clearAllKeys();
         expect(manager.heldKeyCount()).to.equal(0);
       });
 
-      it("fires onKeyUpObservable for each held key", function () {
+      it('fires onKeyUpObservable for each held key', function () {
         const fired = [];
         manager.onKeyUpObservable.add((k) => fired.push(k));
-        manager._setKey("w", true);
-        manager._setKey("a", true);
+        manager._setKey('w', true);
+        manager._setKey('a', true);
         manager._clearAllKeys();
         expect(fired).to.have.lengthOf(2);
-        expect(fired).to.include("w");
-        expect(fired).to.include("a");
+        expect(fired).to.include('w');
+        expect(fired).to.include('a');
       });
 
-      it("does not affect heldKeyCount a second time when already empty", function () {
+      it('does not affect heldKeyCount a second time when already empty', function () {
         manager._clearAllKeys();
         expect(manager.heldKeyCount()).to.equal(0);
       });
 
-      it("fires onActionUpObservable for overridden bindings", function () {
-        manager.setActionKey("FORWARD", "x");
-        manager._setKey("x", true);
+      it('fires onActionUpObservable for overridden bindings', function () {
+        manager.setActionKey('FORWARD', 'x');
+        manager._setKey('x', true);
         const fired = [];
         manager.onActionUpObservable.add((a) => fired.push(a));
         manager._clearAllKeys();
-        expect(fired).to.include("FORWARD");
+        expect(fired).to.include('FORWARD');
       });
     });
 
-    describe("observables", function () {
-      it("onKeyDownObservable fires with the canonical key", function () {
+    describe('observables', function () {
+      it('onKeyDownObservable fires with the canonical key', function () {
         const fired = [];
         manager.onKeyDownObservable.add((k) => fired.push(k));
-        manager._setKey("w", true);
-        expect(fired).to.deep.equal(["w"]);
+        manager._setKey('w', true);
+        expect(fired).to.deep.equal(['w']);
       });
 
-      it("onKeyUpObservable fires when key is released", function () {
+      it('onKeyUpObservable fires when key is released', function () {
         const fired = [];
         manager.onKeyUpObservable.add((k) => fired.push(k));
-        manager._setKey("w", true);
-        manager._setKey("w", false);
-        expect(fired).to.deep.equal(["w"]);
+        manager._setKey('w', true);
+        manager._setKey('w', false);
+        expect(fired).to.deep.equal(['w']);
       });
 
-      it("onKeyUpObservable does not fire when releasing a key that was not down", function () {
+      it('onKeyUpObservable does not fire when releasing a key that was not down', function () {
         const fired = [];
         manager.onKeyUpObservable.add((k) => fired.push(k));
-        manager._setKey("w", false);
+        manager._setKey('w', false);
         expect(fired).to.have.lengthOf(0);
       });
     });
 
-    describe("refcount semantics", function () {
-      it("two _setKey(w, true) then one _setKey(w, false) → still down, no onKeyUp", function () {
+    describe('refcount semantics', function () {
+      it('two _setKey(w, true) then one _setKey(w, false) → still down, no onKeyUp', function () {
         const fired = [];
         manager.onKeyUpObservable.add((k) => fired.push(k));
-        manager._setKey("w", true);
-        manager._setKey("w", true);
-        manager._setKey("w", false);
-        expect(manager.isKeyDown("w")).to.be.true;
+        manager._setKey('w', true);
+        manager._setKey('w', true);
+        manager._setKey('w', false);
+        expect(manager.isKeyDown('w')).to.be.true;
         expect(fired).to.have.lengthOf(0);
       });
 
-      it("two presses then two releases → up, onKeyUp fires once", function () {
+      it('two presses then two releases → up, onKeyUp fires once', function () {
         const fired = [];
         manager.onKeyUpObservable.add((k) => fired.push(k));
-        manager._setKey("w", true);
-        manager._setKey("w", true);
-        manager._setKey("w", false);
-        manager._setKey("w", false);
-        expect(manager.isKeyDown("w")).to.be.false;
+        manager._setKey('w', true);
+        manager._setKey('w', true);
+        manager._setKey('w', false);
+        manager._setKey('w', false);
+        expect(manager.isKeyDown('w')).to.be.false;
         expect(fired).to.have.lengthOf(1);
       });
 
-      it("_setKey(w, false) when count is 0 → no-op, count stays 0", function () {
+      it('_setKey(w, false) when count is 0 → no-op, count stays 0', function () {
         const fired = [];
         manager.onKeyUpObservable.add((k) => fired.push(k));
-        manager._setKey("w", false);
-        expect(manager.isKeyDown("w")).to.be.false;
+        manager._setKey('w', false);
+        expect(manager.isKeyDown('w')).to.be.false;
         expect(fired).to.have.lengthOf(0);
       });
 
-      it("onKeyDown fires only on 0→1 transition, not 1→2", function () {
+      it('onKeyDown fires only on 0→1 transition, not 1→2', function () {
         const fired = [];
         manager.onKeyDownObservable.add((k) => fired.push(k));
-        manager._setKey("w", true);
-        manager._setKey("w", true);
+        manager._setKey('w', true);
+        manager._setKey('w', true);
         expect(fired).to.have.lengthOf(1);
       });
     });
 
-    describe("action observables", function () {
+    describe('action observables', function () {
       it("pressing 'w' fires onActionDownObservable with 'FORWARD'", function () {
         const fired = [];
         manager.onActionDownObservable.add((a) => fired.push(a));
-        manager._setKey("w", true);
-        expect(fired).to.include("FORWARD");
+        manager._setKey('w', true);
+        expect(fired).to.include('FORWARD');
       });
 
       it("pressing 'r' fires onActionDownObservable with 'BUTTON1'", function () {
         const fired = [];
         manager.onActionDownObservable.add((a) => fired.push(a));
-        manager._setKey("r", true);
-        expect(fired).to.include("BUTTON1");
+        manager._setKey('r', true);
+        expect(fired).to.include('BUTTON1');
       });
 
       it("releasing 'w' fires onActionUpObservable with 'FORWARD'", function () {
         const fired = [];
         manager.onActionUpObservable.add((a) => fired.push(a));
-        manager._setKey("w", true);
-        manager._setKey("w", false);
-        expect(fired).to.include("FORWARD");
+        manager._setKey('w', true);
+        manager._setKey('w', false);
+        expect(fired).to.include('FORWARD');
       });
 
-      it("onActionDown fires only once when two keys for same action are pressed", function () {
+      it('onActionDown fires only once when two keys for same action are pressed', function () {
         const fired = [];
         manager.onActionDownObservable.add((a) => fired.push(a));
-        manager._setKey("w", true);
-        manager._setKey("z", true);
-        expect(fired.filter((a) => a === "FORWARD")).to.have.lengthOf(1);
+        manager._setKey('w', true);
+        manager._setKey('z', true);
+        expect(fired.filter((a) => a === 'FORWARD')).to.have.lengthOf(1);
       });
 
-      it("onActionUp fires only when last key for action is released", function () {
+      it('onActionUp fires only when last key for action is released', function () {
         const fired = [];
         manager.onActionUpObservable.add((a) => fired.push(a));
-        manager._setKey("w", true);
-        manager._setKey("z", true);
-        manager._setKey("w", false);
-        expect(fired.filter((a) => a === "FORWARD")).to.have.lengthOf(0);
-        manager._setKey("z", false);
-        expect(fired.filter((a) => a === "FORWARD")).to.have.lengthOf(1);
+        manager._setKey('w', true);
+        manager._setKey('z', true);
+        manager._setKey('w', false);
+        expect(fired.filter((a) => a === 'FORWARD')).to.have.lengthOf(0);
+        manager._setKey('z', false);
+        expect(fired.filter((a) => a === 'FORWARD')).to.have.lengthOf(1);
       });
 
-      it("isActionDown returns true when a key for that action is held", function () {
-        manager._setKey("r", true);
-        expect(manager.isActionDown("BUTTON1")).to.be.true;
+      it('isActionDown returns true when a key for that action is held', function () {
+        manager._setKey('r', true);
+        expect(manager.isActionDown('BUTTON1')).to.be.true;
       });
 
-      it("isActionDown returns false when no key for the action is held", function () {
-        expect(manager.isActionDown("BUTTON1")).to.be.false;
+      it('isActionDown returns false when no key for the action is held', function () {
+        expect(manager.isActionDown('BUTTON1')).to.be.false;
       });
 
-      it("isActionDown returns false for unknown action", function () {
-        expect(manager.isActionDown("UNKNOWN")).to.be.false;
+      it('isActionDown returns false for unknown action', function () {
+        expect(manager.isActionDown('UNKNOWN')).to.be.false;
       });
     });
 
-    describe("setActionKey normalisation", function () {
+    describe('setActionKey normalisation', function () {
       it("uppercase key is normalised: setActionKey('FORWARD', 'X') → isActionDown true when 'x' pressed", function () {
-        manager.setActionKey("FORWARD", "X");
-        manager._setKey("x", true);
-        expect(manager.isActionDown("FORWARD")).to.be.true;
+        manager.setActionKey('FORWARD', 'X');
+        manager._setKey('x', true);
+        expect(manager.isActionDown('FORWARD')).to.be.true;
       });
 
       it("'Spacebar' alias is normalised: setActionKey('BUTTON4', 'Spacebar') → isActionDown true when ' ' pressed", function () {
-        manager.setActionKey("BUTTON4", "Spacebar");
-        manager._setKey(" ", true);
-        expect(manager.isActionDown("BUTTON4")).to.be.true;
+        manager.setActionKey('BUTTON4', 'Spacebar');
+        manager._setKey(' ', true);
+        expect(manager.isActionDown('BUTTON4')).to.be.true;
       });
 
       it('ignores old static keys after an action override', function () {
@@ -228,37 +228,37 @@ export function runInputManagerTests() {
       });
     });
 
-    describe("hasActionOverride", function () {
-      it("returns false initially", function () {
-        expect(manager.hasActionOverride("BUTTON2")).to.be.false;
+    describe('hasActionOverride', function () {
+      it('returns false initially', function () {
+        expect(manager.hasActionOverride('BUTTON2')).to.be.false;
       });
 
-      it("returns true after setActionKey", function () {
-        manager.setActionKey("BUTTON2", "q");
-        expect(manager.hasActionOverride("BUTTON2")).to.be.true;
+      it('returns true after setActionKey', function () {
+        manager.setActionKey('BUTTON2', 'q');
+        expect(manager.hasActionOverride('BUTTON2')).to.be.true;
       });
 
-      it("returns false after resetActionKeys", function () {
-        manager.setActionKey("BUTTON2", "q");
+      it('returns false after resetActionKeys', function () {
+        manager.setActionKey('BUTTON2', 'q');
         manager.resetActionKeys();
-        expect(manager.hasActionOverride("BUTTON2")).to.be.false;
+        expect(manager.hasActionOverride('BUTTON2')).to.be.false;
       });
     });
 
-    describe("axes", function () {
-      it("_setAxis / getAxis round-trip", function () {
-        manager._setAxis("LOOK_X", 0.7);
-        expect(manager.getAxis("LOOK_X")).to.equal(0.7);
+    describe('axes', function () {
+      it('_setAxis / getAxis round-trip', function () {
+        manager._setAxis('LOOK_X', 0.7);
+        expect(manager.getAxis('LOOK_X')).to.equal(0.7);
       });
 
-      it("getAxis returns 0 for unknown axis", function () {
-        expect(manager.getAxis("NOPE")).to.equal(0);
+      it('getAxis returns 0 for unknown axis', function () {
+        expect(manager.getAxis('NOPE')).to.equal(0);
       });
 
-      it("_setAxis overwrites previous value", function () {
-        manager._setAxis("LOOK_X", 0.5);
-        manager._setAxis("LOOK_X", 0);
-        expect(manager.getAxis("LOOK_X")).to.equal(0);
+      it('_setAxis overwrites previous value', function () {
+        manager._setAxis('LOOK_X', 0.5);
+        manager._setAxis('LOOK_X', 0);
+        expect(manager.getAxis('LOOK_X')).to.equal(0);
       });
     });
   });
diff --git a/tests/input/joystickSource.test.js b/tests/input/joystickSource.test.js
index c0c77c283..da3344478 100644
--- a/tests/input/joystickSource.test.js
+++ b/tests/input/joystickSource.test.js
@@ -1,7 +1,7 @@
-import { expect } from "chai";
-import { InputManager } from "../../input/inputManager.js";
-import { OnScreenSource } from "../../input/onScreenSource.js";
-import { JoystickSource } from "../../input/joystickSource.js";
+import { expect } from 'chai';
+import { InputManager } from '../../input/inputManager.js';
+import { OnScreenSource } from '../../input/onScreenSource.js';
+import { JoystickSource } from '../../input/joystickSource.js';
 
 const BASE_RADIUS = 55;
 
@@ -9,7 +9,7 @@ class StubCanvas {
   #listeners = new Map();
   clientWidth = 800;
   clientHeight = 600;
-  width = 800;   // same as clientWidth → DPR ratio = 1 in tests
+  width = 800; // same as clientWidth → DPR ratio = 1 in tests
   height = 600;
 
   getBoundingClientRect() {
@@ -23,7 +23,11 @@ class StubCanvas {
 
   removeEventListener(type, cb) {
     const list = this.#listeners.get(type);
-    if (list) this.#listeners.set(type, list.filter((l) => l !== cb));
+    if (list)
+      this.#listeners.set(
+        type,
+        list.filter((l) => l !== cb)
+      );
   }
 
   dispatchPointer(type, pointerId, clientX, clientY) {
@@ -50,11 +54,11 @@ function makeSource(manager, onScreen, canvas) {
 }
 
 // Base center when canvas is 800×600: left + baseRadius = 80, bottom - baseRadius = 600 - 80 = 520
-const BASE_CX = BASE_RADIUS;          // 80
-const BASE_CY = 600 - BASE_RADIUS;   // 520
+const BASE_CX = BASE_RADIUS; // 80
+const BASE_CY = 600 - BASE_RADIUS; // 520
 
 export function runJoystickSourceTests() {
-  describe("JoystickSource @joystick @input", function () {
+  describe('JoystickSource @joystick @input', function () {
     let manager, onScreen, canvas;
 
     beforeEach(function () {
@@ -67,238 +71,248 @@ export function runJoystickSourceTests() {
       manager._clearAllKeys();
     });
 
-    describe("lifecycle", function () {
-      it("start() + stop() do not throw", function () {
+    describe('lifecycle', function () {
+      it('start() + stop() do not throw', function () {
         const { source } = makeSource(manager, onScreen, canvas);
-        expect(() => { source.start(); source.stop(); }).to.not.throw();
+        expect(() => {
+          source.start();
+          source.stop();
+        }).to.not.throw();
       });
 
-      it("stop() releases all held keys", function () {
+      it('stop() releases all held keys', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         // Push fully up (dy = -1, past shim threshold)
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY - BASE_RADIUS);
-        expect(manager.isKeyDown("w")).to.be.true;
+        expect(manager.isKeyDown('w')).to.be.true;
         source.stop();
-        expect(manager.isKeyDown("w")).to.be.false;
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("stop() zeros MOVE_X and MOVE_Y axes", function () {
+      it('stop() zeros MOVE_X and MOVE_Y axes', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX + BASE_RADIUS, BASE_CY);
-        expect(manager.getAxis("MOVE_X")).to.be.greaterThan(0);
+        expect(manager.getAxis('MOVE_X')).to.be.greaterThan(0);
         source.stop();
-        expect(manager.getAxis("MOVE_X")).to.equal(0);
-        expect(manager.getAxis("MOVE_Y")).to.equal(0);
+        expect(manager.getAxis('MOVE_X')).to.equal(0);
+        expect(manager.getAxis('MOVE_Y')).to.equal(0);
       });
 
-      it("double start() is safe", function () {
+      it('double start() is safe', function () {
         const { source } = makeSource(manager, onScreen, canvas);
-        expect(() => { source.start(); source.start(); source.stop(); }).to.not.throw();
+        expect(() => {
+          source.start();
+          source.start();
+          source.stop();
+        }).to.not.throw();
       });
 
-      it("double stop() is safe", function () {
+      it('double stop() is safe', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
-        expect(() => { source.stop(); source.stop(); }).to.not.throw();
+        expect(() => {
+          source.stop();
+          source.stop();
+        }).to.not.throw();
       });
     });
 
-    describe("pointer capture", function () {
-      it("pointerdown inside base circle starts tracking", function () {
+    describe('pointer capture', function () {
+      it('pointerdown inside base circle starts tracking', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         // Press at center — magnitude 0, within dead zone but inside base
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY);
         // No movement — axes should be 0 (dead zone)
-        expect(manager.getAxis("MOVE_X")).to.equal(0);
-        expect(manager.getAxis("MOVE_Y")).to.equal(0);
+        expect(manager.getAxis('MOVE_X')).to.equal(0);
+        expect(manager.getAxis('MOVE_Y')).to.equal(0);
         source.stop();
       });
 
-      it("pointerdown outside base circle is ignored", function () {
+      it('pointerdown outside base circle is ignored', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         // Outside base: mag > 1
         canvas.dispatchPointer('pointerdown', 1, BASE_CX + BASE_RADIUS + 10, BASE_CY);
         canvas.dispatchPointer('pointermove', 1, BASE_CX, BASE_CY - BASE_RADIUS);
-        expect(manager.isKeyDown("w")).to.be.false;
+        expect(manager.isKeyDown('w')).to.be.false;
         source.stop();
       });
 
-      it("second pointer while one is tracked is ignored", function () {
+      it('second pointer while one is tracked is ignored', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY - BASE_RADIUS);
-        expect(manager.isKeyDown("w")).to.be.true;
+        expect(manager.isKeyDown('w')).to.be.true;
 
         // Second pointer tries to go right
         canvas.dispatchPointer('pointerdown', 2, BASE_CX + BASE_RADIUS, BASE_CY);
         // Right key should still not be pressed (second pointer ignored)
-        expect(manager.isKeyDown("d")).to.be.false;
+        expect(manager.isKeyDown('d')).to.be.false;
         source.stop();
       });
 
-      it("pointerup from untracked pointer id does nothing", function () {
+      it('pointerup from untracked pointer id does nothing', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY - BASE_RADIUS);
-        expect(manager.isKeyDown("w")).to.be.true;
+        expect(manager.isKeyDown('w')).to.be.true;
 
         canvas.dispatchPointer('pointerup', 99, BASE_CX, BASE_CY);
-        expect(manager.isKeyDown("w")).to.be.true;
+        expect(manager.isKeyDown('w')).to.be.true;
         source.stop();
       });
     });
 
-    describe("dead zone", function () {
-      it("magnitude < 0.2 → axes are 0 and no keys pressed", function () {
+    describe('dead zone', function () {
+      it('magnitude < 0.2 → axes are 0 and no keys pressed', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         // Move by less than 20% of radius upward
         const offset = Math.round(BASE_RADIUS * 0.15);
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY - offset);
-        expect(manager.getAxis("MOVE_X")).to.equal(0);
-        expect(manager.getAxis("MOVE_Y")).to.equal(0);
-        expect(manager.isKeyDown("w")).to.be.false;
+        expect(manager.getAxis('MOVE_X')).to.equal(0);
+        expect(manager.getAxis('MOVE_Y')).to.equal(0);
+        expect(manager.isKeyDown('w')).to.be.false;
         source.stop();
       });
 
-      it("magnitude > 0.2 → MOVE_Y axis is non-zero", function () {
+      it('magnitude > 0.2 → MOVE_Y axis is non-zero', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         const offset = Math.round(BASE_RADIUS * 0.5);
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY - offset);
-        expect(manager.getAxis("MOVE_Y")).to.be.lessThan(0);
+        expect(manager.getAxis('MOVE_Y')).to.be.lessThan(0);
         source.stop();
       });
     });
 
-    describe("axis output", function () {
-      it("full right → MOVE_X ≈ 1", function () {
+    describe('axis output', function () {
+      it('full right → MOVE_X ≈ 1', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX + BASE_RADIUS, BASE_CY);
-        const ax = manager.getAxis("MOVE_X");
+        const ax = manager.getAxis('MOVE_X');
         expect(ax).to.be.closeTo(1, 0.01);
         source.stop();
       });
 
-      it("full left → MOVE_X ≈ -1", function () {
+      it('full left → MOVE_X ≈ -1', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX - BASE_RADIUS, BASE_CY);
-        const ax = manager.getAxis("MOVE_X");
+        const ax = manager.getAxis('MOVE_X');
         expect(ax).to.be.closeTo(-1, 0.01);
         source.stop();
       });
 
-      it("full up → MOVE_Y ≈ -1 (forward = negative)", function () {
+      it('full up → MOVE_Y ≈ -1 (forward = negative)', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY - BASE_RADIUS);
-        const ay = manager.getAxis("MOVE_Y");
+        const ay = manager.getAxis('MOVE_Y');
         expect(ay).to.be.closeTo(-1, 0.01);
         source.stop();
       });
 
-      it("full down → MOVE_Y ≈ +1", function () {
+      it('full down → MOVE_Y ≈ +1', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY + BASE_RADIUS);
-        const ay = manager.getAxis("MOVE_Y");
+        const ay = manager.getAxis('MOVE_Y');
         expect(ay).to.be.closeTo(1, 0.01);
         source.stop();
       });
 
-      it("overshoot clamped to unit circle", function () {
+      it('overshoot clamped to unit circle', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         // Start inside the base, then drag 2× radius right — should clamp to 1
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY);
         canvas.dispatchPointer('pointermove', 1, BASE_CX + BASE_RADIUS * 2, BASE_CY);
-        const ax = manager.getAxis("MOVE_X");
+        const ax = manager.getAxis('MOVE_X');
         expect(ax).to.be.closeTo(1, 0.01);
         source.stop();
       });
 
-      it("axes reset to 0 on pointerup", function () {
+      it('axes reset to 0 on pointerup', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX + BASE_RADIUS, BASE_CY);
         canvas.dispatchPointer('pointerup', 1, BASE_CX + BASE_RADIUS, BASE_CY);
-        expect(manager.getAxis("MOVE_X")).to.equal(0);
-        expect(manager.getAxis("MOVE_Y")).to.equal(0);
+        expect(manager.getAxis('MOVE_X')).to.equal(0);
+        expect(manager.getAxis('MOVE_Y')).to.equal(0);
         source.stop();
       });
 
-      it("axes update on pointermove", function () {
+      it('axes update on pointermove', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY);
         canvas.dispatchPointer('pointermove', 1, BASE_CX + BASE_RADIUS, BASE_CY);
-        expect(manager.getAxis("MOVE_X")).to.be.closeTo(1, 0.01);
+        expect(manager.getAxis('MOVE_X')).to.be.closeTo(1, 0.01);
         source.stop();
       });
     });
 
-    describe("shimmed key presses", function () {
-      it("dy < -0.5 → w pressed (FORWARD)", function () {
+    describe('shimmed key presses', function () {
+      it('dy < -0.5 → w pressed (FORWARD)', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY - Math.round(BASE_RADIUS * 0.7));
-        expect(manager.isKeyDown("w")).to.be.true;
+        expect(manager.isKeyDown('w')).to.be.true;
         source.stop();
       });
 
-      it("dy > +0.5 → s pressed (BACKWARD)", function () {
+      it('dy > +0.5 → s pressed (BACKWARD)', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY + Math.round(BASE_RADIUS * 0.7));
-        expect(manager.isKeyDown("s")).to.be.true;
+        expect(manager.isKeyDown('s')).to.be.true;
         source.stop();
       });
 
-      it("dx < -0.5 → a pressed (LEFT)", function () {
+      it('dx < -0.5 → a pressed (LEFT)', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX - Math.round(BASE_RADIUS * 0.7), BASE_CY);
-        expect(manager.isKeyDown("a")).to.be.true;
+        expect(manager.isKeyDown('a')).to.be.true;
         source.stop();
       });
 
-      it("dx > +0.5 → d pressed (RIGHT)", function () {
+      it('dx > +0.5 → d pressed (RIGHT)', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX + Math.round(BASE_RADIUS * 0.7), BASE_CY);
-        expect(manager.isKeyDown("d")).to.be.true;
+        expect(manager.isKeyDown('d')).to.be.true;
         source.stop();
       });
 
-      it("w released when stick moves back within threshold", function () {
+      it('w released when stick moves back within threshold', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY - Math.round(BASE_RADIUS * 0.7));
-        expect(manager.isKeyDown("w")).to.be.true;
+        expect(manager.isKeyDown('w')).to.be.true;
         // 0.25 is between dead zone (0.2) and shim threshold (0.3) — below threshold, w released
         canvas.dispatchPointer('pointermove', 1, BASE_CX, BASE_CY - Math.round(BASE_RADIUS * 0.25));
-        expect(manager.isKeyDown("w")).to.be.false;
+        expect(manager.isKeyDown('w')).to.be.false;
         source.stop();
       });
 
-      it("all shim keys released on pointerup", function () {
+      it('all shim keys released on pointerup', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY - Math.round(BASE_RADIUS * 0.7));
         canvas.dispatchPointer('pointerup', 1, BASE_CX, BASE_CY);
-        expect(manager.isKeyDown("w")).to.be.false;
+        expect(manager.isKeyDown('w')).to.be.false;
         source.stop();
       });
     });
 
-    describe("thumb visual", function () {
-      it("thumb left/top update on move", function () {
+    describe('thumb visual', function () {
+      it('thumb left/top update on move', function () {
         const { source, thumb } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX + BASE_RADIUS, BASE_CY);
@@ -306,7 +320,7 @@ export function runJoystickSourceTests() {
         source.stop();
       });
 
-      it("thumb resets to centre on pointerup", function () {
+      it('thumb resets to centre on pointerup', function () {
         const { source, thumb } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX + BASE_RADIUS, BASE_CY);
@@ -317,19 +331,19 @@ export function runJoystickSourceTests() {
       });
     });
 
-    describe("pause / resume", function () {
-      it("pause() stops InputManager updates while pointer is held", function () {
+    describe('pause / resume', function () {
+      it('pause() stops InputManager updates while pointer is held', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY - Math.round(BASE_RADIUS * 0.7));
-        expect(manager.isKeyDown("w")).to.be.true;
+        expect(manager.isKeyDown('w')).to.be.true;
         source.pause();
-        expect(manager.isKeyDown("w")).to.be.false;
-        expect(manager.getAxis("MOVE_Y")).to.equal(0);
+        expect(manager.isKeyDown('w')).to.be.false;
+        expect(manager.getAxis('MOVE_Y')).to.equal(0);
         source.stop();
       });
 
-      it("thumb still updates during pause", function () {
+      it('thumb still updates during pause', function () {
         const { source, thumb } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY);
@@ -339,20 +353,20 @@ export function runJoystickSourceTests() {
         source.stop();
       });
 
-      it("resume() calls releaseAll and clears axes", function () {
+      it('resume() calls releaseAll and clears axes', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY - Math.round(BASE_RADIUS * 0.7));
         source.pause();
         source.resume();
-        expect(manager.isKeyDown("w")).to.be.false;
-        expect(manager.getAxis("MOVE_Y")).to.equal(0);
+        expect(manager.isKeyDown('w')).to.be.false;
+        expect(manager.getAxis('MOVE_Y')).to.equal(0);
         source.stop();
       });
     });
 
-    describe("getMove", function () {
-      it("returns raw stick values while held", function () {
+    describe('getMove', function () {
+      it('returns raw stick values while held', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX + BASE_RADIUS, BASE_CY);
@@ -362,7 +376,7 @@ export function runJoystickSourceTests() {
         source.stop();
       });
 
-      it("returns zero inside the dead zone", function () {
+      it('returns zero inside the dead zone', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX + Math.round(BASE_RADIUS * 0.1), BASE_CY);
@@ -370,7 +384,7 @@ export function runJoystickSourceTests() {
         source.stop();
       });
 
-      it("returns zero after pointerup", function () {
+      it('returns zero after pointerup', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX + BASE_RADIUS, BASE_CY);
@@ -379,7 +393,7 @@ export function runJoystickSourceTests() {
         source.stop();
       });
 
-      it("returns zero while paused even if the stick is held", function () {
+      it('returns zero while paused even if the stick is held', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX + BASE_RADIUS, BASE_CY);
@@ -388,30 +402,30 @@ export function runJoystickSourceTests() {
         source.stop();
       });
 
-      it("still reflects the stick when only the InputManager axes are clobbered", function () {
+      it('still reflects the stick when only the InputManager axes are clobbered', function () {
         // Gamepad polling zeroes the MOVE axes; getMove() must be unaffected.
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX + BASE_RADIUS, BASE_CY);
-        manager._setAxis("MOVE_X", 0);
-        manager._setAxis("MOVE_Y", 0);
+        manager._setAxis('MOVE_X', 0);
+        manager._setAxis('MOVE_Y', 0);
         expect(source.getMove().x).to.be.closeTo(1, 0.01);
         source.stop();
       });
     });
 
-    describe("releaseAll", function () {
-      it("releaseAll() clears all axes and shim keys", function () {
+    describe('releaseAll', function () {
+      it('releaseAll() clears all axes and shim keys', function () {
         const { source } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX, BASE_CY - Math.round(BASE_RADIUS * 0.7));
         source.releaseAll();
-        expect(manager.isKeyDown("w")).to.be.false;
-        expect(manager.getAxis("MOVE_X")).to.equal(0);
-        expect(manager.getAxis("MOVE_Y")).to.equal(0);
+        expect(manager.isKeyDown('w')).to.be.false;
+        expect(manager.getAxis('MOVE_X')).to.equal(0);
+        expect(manager.getAxis('MOVE_Y')).to.equal(0);
       });
 
-      it("releaseAll() resets thumb to centre", function () {
+      it('releaseAll() resets thumb to centre', function () {
         const { source, thumb } = makeSource(manager, onScreen, canvas);
         source.start();
         canvas.dispatchPointer('pointerdown', 1, BASE_CX + BASE_RADIUS, BASE_CY);
diff --git a/tests/input/keyboardSource.test.js b/tests/input/keyboardSource.test.js
index 7686e834f..daccc3990 100644
--- a/tests/input/keyboardSource.test.js
+++ b/tests/input/keyboardSource.test.js
@@ -1,25 +1,21 @@
-import { expect } from "chai";
-import { InputManager } from "../../input/inputManager.js";
-import { KeyboardSource } from "../../input/keyboardSource.js";
+import { expect } from 'chai';
+import { InputManager } from '../../input/inputManager.js';
+import { KeyboardSource } from '../../input/keyboardSource.js';
 
 function keydown(target, key, modifiers = {}) {
-  target.dispatchEvent(
-    new KeyboardEvent("keydown", { key, bubbles: true, ...modifiers }),
-  );
+  target.dispatchEvent(new KeyboardEvent('keydown', { key, bubbles: true, ...modifiers }));
 }
 
 function keydown_repeat(target, key) {
-  target.dispatchEvent(new KeyboardEvent("keydown", { key, repeat: true, bubbles: true }));
+  target.dispatchEvent(new KeyboardEvent('keydown', { key, repeat: true, bubbles: true }));
 }
 
 function keyup(target, key, modifiers = {}) {
-  target.dispatchEvent(
-    new KeyboardEvent("keyup", { key, bubbles: true, ...modifiers }),
-  );
+  target.dispatchEvent(new KeyboardEvent('keyup', { key, bubbles: true, ...modifiers }));
 }
 
 export function runKeyboardSourceTests() {
-  describe("KeyboardSource @keyboardsource @input", function () {
+  describe('KeyboardSource @keyboardsource @input', function () {
     let manager, target, source;
 
     beforeEach(function () {
@@ -32,121 +28,123 @@ export function runKeyboardSourceTests() {
       source.stop();
     });
 
-    describe("start / keydown / keyup", function () {
+    describe('start / keydown / keyup', function () {
       it("keydown 'w' → isKeyDown('w') true", function () {
         source.start();
-        keydown(target, "w");
-        expect(manager.isKeyDown("w")).to.be.true;
+        keydown(target, 'w');
+        expect(manager.isKeyDown('w')).to.be.true;
       });
 
       it("onKeyDownObservable fires once with 'w'", function () {
         source.start();
         const fired = [];
         manager.onKeyDownObservable.add((k) => fired.push(k));
-        keydown(target, "w");
-        expect(fired).to.deep.equal(["w"]);
+        keydown(target, 'w');
+        expect(fired).to.deep.equal(['w']);
       });
 
       it("keydown 'W' (Shift) → stored as canonical 'w'", function () {
         source.start();
-        keydown(target, "W");
-        expect(manager.isKeyDown("w")).to.be.true;
+        keydown(target, 'W');
+        expect(manager.isKeyDown('w')).to.be.true;
       });
 
       it("keydown ' ' → isKeyDown(' ') true", function () {
         source.start();
-        keydown(target, " ");
-        expect(manager.isKeyDown(" ")).to.be.true;
+        keydown(target, ' ');
+        expect(manager.isKeyDown(' ')).to.be.true;
       });
 
       it("keydown 'Spacebar' → isKeyDown(' ') true", function () {
         source.start();
-        keydown(target, "Spacebar");
-        expect(manager.isKeyDown(" ")).to.be.true;
+        keydown(target, 'Spacebar');
+        expect(manager.isKeyDown(' ')).to.be.true;
       });
 
       it("keydown 'ArrowUp' → isKeyDown('ArrowUp') true (named key passes through)", function () {
         source.start();
-        keydown(target, "ArrowUp");
-        expect(manager.isKeyDown("ArrowUp")).to.be.true;
+        keydown(target, 'ArrowUp');
+        expect(manager.isKeyDown('ArrowUp')).to.be.true;
       });
 
-      it("keyup releases the key", function () {
+      it('keyup releases the key', function () {
         source.start();
-        keydown(target, "w");
-        keyup(target, "w");
-        expect(manager.isKeyDown("w")).to.be.false;
+        keydown(target, 'w');
+        keyup(target, 'w');
+        expect(manager.isKeyDown('w')).to.be.false;
       });
     });
 
-    describe("blur handling", function () {
-      it("blur on target clears all keys", function () {
+    describe('blur handling', function () {
+      it('blur on target clears all keys', function () {
         source.start();
-        keydown(target, "w");
-        target.dispatchEvent(new Event("blur"));
+        keydown(target, 'w');
+        target.dispatchEvent(new Event('blur'));
         expect(manager.heldKeyCount()).to.equal(0);
       });
 
-      it("blur on target fires onKeyUpObservable for each held key", function () {
+      it('blur on target fires onKeyUpObservable for each held key', function () {
         source.start();
         const fired = [];
         manager.onKeyUpObservable.add((k) => fired.push(k));
-        keydown(target, "w");
-        target.dispatchEvent(new Event("blur"));
-        expect(fired).to.include("w");
+        keydown(target, 'w');
+        target.dispatchEvent(new Event('blur'));
+        expect(fired).to.include('w');
       });
 
-      it("blur on target calls the onBlur callback", function () {
+      it('blur on target calls the onBlur callback', function () {
         let called = false;
         source.stop();
         source = new KeyboardSource(manager, {
           target,
-          onBlur: () => { called = true; },
+          onBlur: () => {
+            called = true;
+          },
         });
         source.start();
-        target.dispatchEvent(new Event("blur"));
+        target.dispatchEvent(new Event('blur'));
         expect(called).to.be.true;
       });
 
-      it("blur on window clears all keys", function () {
+      it('blur on window clears all keys', function () {
         source.start();
-        keydown(target, "w");
-        window.dispatchEvent(new Event("blur"));
+        keydown(target, 'w');
+        window.dispatchEvent(new Event('blur'));
         expect(manager.heldKeyCount()).to.equal(0);
       });
 
-      it("blur on target releases only keyboard-owned keys, leaving keys from other sources intact", function () {
+      it('blur on target releases only keyboard-owned keys, leaving keys from other sources intact', function () {
         source.start();
-        keydown(target, "w");
-        manager._setKey("e", true); // simulate another source (e.g. gamepad)
-        target.dispatchEvent(new Event("blur"));
-        expect(manager.isKeyDown("w")).to.be.false;
-        expect(manager.isKeyDown("e")).to.be.true;
-        manager._setKey("e", false); // cleanup
+        keydown(target, 'w');
+        manager._setKey('e', true); // simulate another source (e.g. gamepad)
+        target.dispatchEvent(new Event('blur'));
+        expect(manager.isKeyDown('w')).to.be.false;
+        expect(manager.isKeyDown('e')).to.be.true;
+        manager._setKey('e', false); // cleanup
       });
     });
 
-    describe("key repeat", function () {
-      it("repeated keydown events do not increment refcount beyond 1", function () {
+    describe('key repeat', function () {
+      it('repeated keydown events do not increment refcount beyond 1', function () {
         source.start();
-        keydown(target, "w");
-        keydown_repeat(target, "w");
-        keydown_repeat(target, "w");
-        keyup(target, "w");
-        expect(manager.isKeyDown("w")).to.be.false;
+        keydown(target, 'w');
+        keydown_repeat(target, 'w');
+        keydown_repeat(target, 'w');
+        keyup(target, 'w');
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("repeated keydown does not re-fire onKeyDownObservable", function () {
+      it('repeated keydown does not re-fire onKeyDownObservable', function () {
         source.start();
         const fired = [];
         manager.onKeyDownObservable.add((k) => fired.push(k));
-        keydown(target, "w");
-        keydown_repeat(target, "w");
-        keydown_repeat(target, "w");
+        keydown(target, 'w');
+        keydown_repeat(target, 'w');
+        keydown_repeat(target, 'w');
         expect(fired).to.have.lengthOf(1);
       });
 
-      it("OS auto-repeat fires onKeyRepeatObservable for each repeat tick", function () {
+      it('OS auto-repeat fires onKeyRepeatObservable for each repeat tick', function () {
         source.start();
         const repeated = [];
         manager.onKeyRepeatObservable.add((k) => repeated.push(k));
@@ -156,214 +154,214 @@ export function runKeyboardSourceTests() {
         let clock = realNow.call(Date);
         Date.now = () => clock;
         try {
-          keydown(target, "w");
-          keydown_repeat(target, "w");
+          keydown(target, 'w');
+          keydown_repeat(target, 'w');
           clock += 200;
-          keydown_repeat(target, "w");
+          keydown_repeat(target, 'w');
         } finally {
           Date.now = realNow;
         }
-        expect(repeated).to.eql(["w", "w"]);
+        expect(repeated).to.eql(['w', 'w']);
       });
 
-      it("does not fire onKeyRepeatObservable for a key that is not held", function () {
+      it('does not fire onKeyRepeatObservable for a key that is not held', function () {
         source.start();
         const repeated = [];
         manager.onKeyRepeatObservable.add((k) => repeated.push(k));
-        keydown_repeat(target, "w");
+        keydown_repeat(target, 'w');
         expect(repeated).to.have.lengthOf(0);
       });
     });
 
-    describe("modifier chords (undo shortcut vs movement)", function () {
+    describe('modifier chords (undo shortcut vs movement)', function () {
       it("Ctrl+Z does not register 'z' as held", function () {
         source.start();
-        keydown(target, "z", { ctrlKey: true });
-        expect(manager.isKeyDown("z")).to.be.false;
+        keydown(target, 'z', { ctrlKey: true });
+        expect(manager.isKeyDown('z')).to.be.false;
       });
 
       it("⌘Z does not register 'z' as held", function () {
         source.start();
-        keydown(target, "z", { metaKey: true });
-        expect(manager.isKeyDown("z")).to.be.false;
+        keydown(target, 'z', { metaKey: true });
+        expect(manager.isKeyDown('z')).to.be.false;
       });
 
-      it("Alt+key does not register the key as held", function () {
+      it('Alt+key does not register the key as held', function () {
         source.start();
-        keydown(target, "w", { altKey: true });
-        expect(manager.isKeyDown("w")).to.be.false;
+        keydown(target, 'w', { altKey: true });
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("Shift+key still registers (Shift is a gameplay modifier)", function () {
+      it('Shift+key still registers (Shift is a gameplay modifier)', function () {
         source.start();
-        keydown(target, "W", { shiftKey: true });
-        expect(manager.isKeyDown("w")).to.be.true;
+        keydown(target, 'W', { shiftKey: true });
+        expect(manager.isKeyDown('w')).to.be.true;
       });
 
-      it("keyup with a modifier held still releases a plain-held key", function () {
+      it('keyup with a modifier held still releases a plain-held key', function () {
         source.start();
-        keydown(target, "z");
-        keyup(target, "z", { ctrlKey: true });
-        expect(manager.isKeyDown("z")).to.be.false;
+        keydown(target, 'z');
+        keyup(target, 'z', { ctrlKey: true });
+        expect(manager.isKeyDown('z')).to.be.false;
       });
 
-      it("⌘ keyup releases keys stuck by macOS keyup suppression", function () {
+      it('⌘ keyup releases keys stuck by macOS keyup suppression', function () {
         source.start();
-        keydown(target, "z");
+        keydown(target, 'z');
         // macOS never delivers the 'z' keyup while ⌘ is held; ⌘ keyup must clean up.
-        keyup(target, "Meta");
-        expect(manager.isKeyDown("z")).to.be.false;
+        keyup(target, 'Meta');
+        expect(manager.isKeyDown('z')).to.be.false;
         expect(manager.heldKeyCount()).to.equal(0);
       });
 
-      it("⌘ keyup leaves keys from other sources intact", function () {
+      it('⌘ keyup leaves keys from other sources intact', function () {
         source.start();
-        keydown(target, "z");
-        manager._setKey("e", true); // simulate another source (e.g. gamepad)
-        keyup(target, "Meta");
-        expect(manager.isKeyDown("z")).to.be.false;
-        expect(manager.isKeyDown("e")).to.be.true;
-        manager._setKey("e", false); // cleanup
+        keydown(target, 'z');
+        manager._setKey('e', true); // simulate another source (e.g. gamepad)
+        keyup(target, 'Meta');
+        expect(manager.isKeyDown('z')).to.be.false;
+        expect(manager.isKeyDown('e')).to.be.true;
+        manager._setKey('e', false); // cleanup
       });
     });
 
-    describe("stop", function () {
-      it("stop() prevents subsequent keydown from registering", function () {
+    describe('stop', function () {
+      it('stop() prevents subsequent keydown from registering', function () {
         source.start();
         source.stop();
-        keydown(target, "w");
-        expect(manager.isKeyDown("w")).to.be.false;
+        keydown(target, 'w');
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("stop() before start() does not throw", function () {
+      it('stop() before start() does not throw', function () {
         expect(() => source.stop()).to.not.throw();
       });
 
-      it("stop() twice does not throw", function () {
+      it('stop() twice does not throw', function () {
         source.start();
         source.stop();
         expect(() => source.stop()).to.not.throw();
       });
     });
 
-    describe("setFlyMode (camera gizmo fly mode)", function () {
-      it("setFlyMode(true) immediately releases held movement keys", function () {
+    describe('setFlyMode (camera gizmo fly mode)', function () {
+      it('setFlyMode(true) immediately releases held movement keys', function () {
         source.start();
-        keydown(target, "w");
-        expect(manager.isKeyDown("w")).to.be.true;
+        keydown(target, 'w');
+        expect(manager.isKeyDown('w')).to.be.true;
         source.setFlyMode(true);
-        expect(manager.isKeyDown("w")).to.be.false;
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("keydown in fly mode does not reach InputManager", function () {
+      it('keydown in fly mode does not reach InputManager', function () {
         source.start();
         source.setFlyMode(true);
-        keydown(target, "w");
-        expect(manager.isKeyDown("w")).to.be.false;
+        keydown(target, 'w');
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("keyup in fly mode does not reach InputManager", function () {
+      it('keyup in fly mode does not reach InputManager', function () {
         source.start();
-        keydown(target, "w");
+        keydown(target, 'w');
         source.setFlyMode(true);
-        keyup(target, "w");
-        expect(manager.isKeyDown("w")).to.be.false;
+        keyup(target, 'w');
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("setFlyMode(false) re-enables key reporting", function () {
+      it('setFlyMode(false) re-enables key reporting', function () {
         source.start();
         source.setFlyMode(true);
-        keydown(target, "w");
-        expect(manager.isKeyDown("w")).to.be.false;
+        keydown(target, 'w');
+        expect(manager.isKeyDown('w')).to.be.false;
         source.setFlyMode(false);
-        keydown(target, "w");
-        expect(manager.isKeyDown("w")).to.be.true;
+        keydown(target, 'w');
+        expect(manager.isKeyDown('w')).to.be.true;
       });
 
-      it("keys held during fly mode do not stick after setFlyMode(false)", function () {
+      it('keys held during fly mode do not stick after setFlyMode(false)', function () {
         source.start();
         source.setFlyMode(true);
-        keydown(target, "w");
+        keydown(target, 'w');
         source.setFlyMode(false);
         // 'w' is still physically held but InputManager was never told — it should be absent
-        expect(manager.isKeyDown("w")).to.be.false;
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("setFlyMode(true) is idempotent", function () {
+      it('setFlyMode(true) is idempotent', function () {
         source.start();
-        keydown(target, "w");
+        keydown(target, 'w');
         source.setFlyMode(true);
         source.setFlyMode(true);
-        expect(manager.isKeyDown("w")).to.be.false;
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("⌘ keyup in fly mode does not release the same key held by another source", function () {
+      it('⌘ keyup in fly mode does not release the same key held by another source', function () {
         source.start();
         source.setFlyMode(true);
-        manager._setKey("w", true); // simulate another source (e.g. gamepad)
-        keydown(target, "w"); // tracked physically, never reported to InputManager
-        keyup(target, "Meta");
-        expect(manager.isKeyDown("w")).to.be.true; // other source's press intact
-        expect(source.isKeyDown("w")).to.be.false; // physical tracking cleared
-        manager._setKey("w", false); // cleanup
+        manager._setKey('w', true); // simulate another source (e.g. gamepad)
+        keydown(target, 'w'); // tracked physically, never reported to InputManager
+        keyup(target, 'Meta');
+        expect(manager.isKeyDown('w')).to.be.true; // other source's press intact
+        expect(source.isKeyDown('w')).to.be.false; // physical tracking cleared
+        manager._setKey('w', false); // cleanup
       });
 
-      it("blur in fly mode does not release the same key held by another source", function () {
+      it('blur in fly mode does not release the same key held by another source', function () {
         source.start();
         source.setFlyMode(true);
-        manager._setKey("w", true); // simulate another source (e.g. gamepad)
-        keydown(target, "w");
-        target.dispatchEvent(new Event("blur"));
-        expect(manager.isKeyDown("w")).to.be.true;
-        manager._setKey("w", false); // cleanup
+        manager._setKey('w', true); // simulate another source (e.g. gamepad)
+        keydown(target, 'w');
+        target.dispatchEvent(new Event('blur'));
+        expect(manager.isKeyDown('w')).to.be.true;
+        manager._setKey('w', false); // cleanup
       });
 
-      it("isKeyDown() reflects physical key state even in fly mode (camera can still read it)", function () {
+      it('isKeyDown() reflects physical key state even in fly mode (camera can still read it)', function () {
         source.start();
         source.setFlyMode(true);
-        keydown(target, "w");
-        expect(manager.isKeyDown("w")).to.be.false; // user code sees nothing
-        expect(source.isKeyDown("w")).to.be.true;   // camera engine can still read it
+        keydown(target, 'w');
+        expect(manager.isKeyDown('w')).to.be.false; // user code sees nothing
+        expect(source.isKeyDown('w')).to.be.true; // camera engine can still read it
       });
     });
 
-    describe("idempotent start", function () {
-      it("calling start() twice does not double-register — one keydown fires observable once", function () {
+    describe('idempotent start', function () {
+      it('calling start() twice does not double-register — one keydown fires observable once', function () {
         source.start();
         source.start();
         const fired = [];
         manager.onKeyDownObservable.add((k) => fired.push(k));
-        keydown(target, "w");
+        keydown(target, 'w');
         expect(fired).to.have.lengthOf(1);
       });
     });
 
-    describe("synthetic event filtering", function () {
-      it("keydown tagged __flockSynthetic is ignored — isKeyDown stays false", function () {
+    describe('synthetic event filtering', function () {
+      it('keydown tagged __flockSynthetic is ignored — isKeyDown stays false', function () {
         source.start();
-        const event = new KeyboardEvent("keydown", { key: "w", bubbles: true });
+        const event = new KeyboardEvent('keydown', { key: 'w', bubbles: true });
         event.__flockSynthetic = true;
         target.dispatchEvent(event);
-        expect(manager.isKeyDown("w")).to.be.false;
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("keyup tagged __flockSynthetic is ignored — does not release a physically-held key", function () {
+      it('keyup tagged __flockSynthetic is ignored — does not release a physically-held key', function () {
         source.start();
-        keydown(target, "w");
-        expect(manager.isKeyDown("w")).to.be.true;
-        const event = new KeyboardEvent("keyup", { key: "w", bubbles: true });
+        keydown(target, 'w');
+        expect(manager.isKeyDown('w')).to.be.true;
+        const event = new KeyboardEvent('keyup', { key: 'w', bubbles: true });
         event.__flockSynthetic = true;
         target.dispatchEvent(event);
-        expect(manager.isKeyDown("w")).to.be.true;
+        expect(manager.isKeyDown('w')).to.be.true;
       });
 
-      it("non-synthetic keydown still registers normally after a synthetic one", function () {
+      it('non-synthetic keydown still registers normally after a synthetic one', function () {
         source.start();
-        const synthetic = new KeyboardEvent("keydown", { key: "w", bubbles: true });
+        const synthetic = new KeyboardEvent('keydown', { key: 'w', bubbles: true });
         synthetic.__flockSynthetic = true;
         target.dispatchEvent(synthetic);
-        keydown(target, "w");
-        expect(manager.isKeyDown("w")).to.be.true;
+        keydown(target, 'w');
+        expect(manager.isKeyDown('w')).to.be.true;
       });
     });
   });
diff --git a/tests/input/onScreenSource.test.js b/tests/input/onScreenSource.test.js
index bfa29c00c..9099828cf 100644
--- a/tests/input/onScreenSource.test.js
+++ b/tests/input/onScreenSource.test.js
@@ -1,9 +1,9 @@
-import { expect } from "chai";
-import { InputManager } from "../../input/inputManager.js";
-import { OnScreenSource } from "../../input/onScreenSource.js";
+import { expect } from 'chai';
+import { InputManager } from '../../input/inputManager.js';
+import { OnScreenSource } from '../../input/onScreenSource.js';
 
 export function runOnScreenSourceTests() {
-  describe("OnScreenSource @onscreensource @input", function () {
+  describe('OnScreenSource @onscreensource @input', function () {
     let manager, source;
 
     beforeEach(function () {
@@ -11,7 +11,7 @@ export function runOnScreenSourceTests() {
       source = new OnScreenSource(manager);
     });
 
-    describe("DOM bridge", function () {
+    describe('DOM bridge', function () {
       let target, bridgeSource;
 
       beforeEach(function () {
@@ -21,178 +21,178 @@ export function runOnScreenSourceTests() {
 
       it("press('w') dispatches keydown on target with key='w'", function () {
         const events = [];
-        target.addEventListener("keydown", (e) => events.push(e));
-        bridgeSource.press("w");
+        target.addEventListener('keydown', (e) => events.push(e));
+        bridgeSource.press('w');
         expect(events).to.have.lengthOf(1);
-        expect(events[0].key).to.equal("w");
+        expect(events[0].key).to.equal('w');
       });
 
       it("press('ArrowUp') dispatches keydown with key='ArrowUp', code='ArrowUp', keyCode=38", function () {
         const events = [];
-        target.addEventListener("keydown", (e) => events.push(e));
-        bridgeSource.press("ArrowUp");
+        target.addEventListener('keydown', (e) => events.push(e));
+        bridgeSource.press('ArrowUp');
         expect(events).to.have.lengthOf(1);
-        expect(events[0].key).to.equal("ArrowUp");
-        expect(events[0].code).to.equal("ArrowUp");
+        expect(events[0].key).to.equal('ArrowUp');
+        expect(events[0].code).to.equal('ArrowUp');
         expect(events[0].keyCode).to.equal(38);
       });
 
       it("press('PageUp') dispatches keydown with key='PageUp', code='PageUp', keyCode=33", function () {
         const events = [];
-        target.addEventListener("keydown", (e) => events.push(e));
-        bridgeSource.press("PageUp");
-        expect(events[0].key).to.equal("PageUp");
-        expect(events[0].code).to.equal("PageUp");
+        target.addEventListener('keydown', (e) => events.push(e));
+        bridgeSource.press('PageUp');
+        expect(events[0].key).to.equal('PageUp');
+        expect(events[0].code).to.equal('PageUp');
         expect(events[0].keyCode).to.equal(33);
       });
 
       it("press('w') dispatches keydown with code='KeyW' and keyCode=87", function () {
         const events = [];
-        target.addEventListener("keydown", (e) => events.push(e));
-        bridgeSource.press("w");
-        expect(events[0].code).to.equal("KeyW");
+        target.addEventListener('keydown', (e) => events.push(e));
+        bridgeSource.press('w');
+        expect(events[0].code).to.equal('KeyW');
         expect(events[0].keyCode).to.equal(87);
       });
 
       it("press('q') dispatches keydown with code='KeyQ' and keyCode=81 (AZERTY LEFT alias)", function () {
         const events = [];
-        target.addEventListener("keydown", (e) => events.push(e));
-        bridgeSource.press("q");
-        expect(events[0].code).to.equal("KeyQ");
+        target.addEventListener('keydown', (e) => events.push(e));
+        bridgeSource.press('q');
+        expect(events[0].code).to.equal('KeyQ');
         expect(events[0].keyCode).to.equal(81);
       });
 
       it("press('z') dispatches keydown with code='KeyZ' and keyCode=90 (AZERTY FORWARD alias)", function () {
         const events = [];
-        target.addEventListener("keydown", (e) => events.push(e));
-        bridgeSource.press("z");
-        expect(events[0].code).to.equal("KeyZ");
+        target.addEventListener('keydown', (e) => events.push(e));
+        bridgeSource.press('z');
+        expect(events[0].code).to.equal('KeyZ');
         expect(events[0].keyCode).to.equal(90);
       });
 
-      it("dispatched keydown event is tagged __flockSynthetic=true", function () {
+      it('dispatched keydown event is tagged __flockSynthetic=true', function () {
         const events = [];
-        target.addEventListener("keydown", (e) => events.push(e));
-        bridgeSource.press("w");
+        target.addEventListener('keydown', (e) => events.push(e));
+        bridgeSource.press('w');
         expect(events[0].__flockSynthetic).to.be.true;
       });
 
-      it("release dispatches keyup on target", function () {
+      it('release dispatches keyup on target', function () {
         const events = [];
-        target.addEventListener("keyup", (e) => events.push(e));
-        bridgeSource.press("w");
-        bridgeSource.release("w");
+        target.addEventListener('keyup', (e) => events.push(e));
+        bridgeSource.press('w');
+        bridgeSource.release('w');
         expect(events).to.have.lengthOf(1);
-        expect(events[0].key).to.equal("w");
+        expect(events[0].key).to.equal('w');
         expect(events[0].__flockSynthetic).to.be.true;
       });
 
-      it("repeated press does not dispatch a second keydown (0→1 only)", function () {
+      it('repeated press does not dispatch a second keydown (0→1 only)', function () {
         const events = [];
-        target.addEventListener("keydown", (e) => events.push(e));
-        bridgeSource.press("w");
-        bridgeSource.press("w");
+        target.addEventListener('keydown', (e) => events.push(e));
+        bridgeSource.press('w');
+        bridgeSource.press('w');
         expect(events).to.have.lengthOf(1);
       });
 
-      it("keyup is dispatched only on final release (refcount 2→1 fires no keyup)", function () {
+      it('keyup is dispatched only on final release (refcount 2→1 fires no keyup)', function () {
         const events = [];
-        target.addEventListener("keyup", (e) => events.push(e));
-        bridgeSource.press("w");
-        bridgeSource.press("w");
-        bridgeSource.release("w");
+        target.addEventListener('keyup', (e) => events.push(e));
+        bridgeSource.press('w');
+        bridgeSource.press('w');
+        bridgeSource.release('w');
         expect(events).to.have.lengthOf(0);
-        bridgeSource.release("w");
+        bridgeSource.release('w');
         expect(events).to.have.lengthOf(1);
       });
 
-      it("releaseAll dispatches keyup for each held key", function () {
+      it('releaseAll dispatches keyup for each held key', function () {
         const events = [];
-        target.addEventListener("keyup", (e) => events.push(e));
-        bridgeSource.press("w");
-        bridgeSource.press("ArrowUp");
+        target.addEventListener('keyup', (e) => events.push(e));
+        bridgeSource.press('w');
+        bridgeSource.press('ArrowUp');
         bridgeSource.releaseAll();
         const keys = events.map((e) => e.key);
-        expect(keys).to.include("w");
-        expect(keys).to.include("ArrowUp");
+        expect(keys).to.include('w');
+        expect(keys).to.include('ArrowUp');
       });
 
-      it("releaseAll dispatches keyup only once per key even when pressed twice", function () {
+      it('releaseAll dispatches keyup only once per key even when pressed twice', function () {
         const events = [];
-        target.addEventListener("keyup", (e) => events.push(e));
-        bridgeSource.press("w");
-        bridgeSource.press("w");
+        target.addEventListener('keyup', (e) => events.push(e));
+        bridgeSource.press('w');
+        bridgeSource.press('w');
         bridgeSource.releaseAll();
-        expect(events.filter((e) => e.key === "w")).to.have.lengthOf(1);
+        expect(events.filter((e) => e.key === 'w')).to.have.lengthOf(1);
       });
 
-      it("refcount integrity: press △ keys then release △ leaves isKeyDown false and heldKeyCount 0", function () {
-        bridgeSource.press("w");
-        bridgeSource.press("ArrowUp");
-        bridgeSource.release("w");
-        bridgeSource.release("ArrowUp");
-        expect(manager.isKeyDown("w")).to.be.false;
-        expect(manager.isKeyDown("ArrowUp")).to.be.false;
+      it('refcount integrity: press △ keys then release △ leaves isKeyDown false and heldKeyCount 0', function () {
+        bridgeSource.press('w');
+        bridgeSource.press('ArrowUp');
+        bridgeSource.release('w');
+        bridgeSource.release('ArrowUp');
+        expect(manager.isKeyDown('w')).to.be.false;
+        expect(manager.isKeyDown('ArrowUp')).to.be.false;
         expect(manager.heldKeyCount()).to.equal(0);
       });
     });
 
-    describe("press", function () {
+    describe('press', function () {
       it("press('w') → manager.isKeyDown('w') true", function () {
-        source.press("w");
-        expect(manager.isKeyDown("w")).to.be.true;
+        source.press('w');
+        expect(manager.isKeyDown('w')).to.be.true;
       });
 
       it("press('w') → manager.onKeyDownObservable fired once", function () {
         const fired = [];
         manager.onKeyDownObservable.add((k) => fired.push(k));
-        source.press("w");
-        expect(fired).to.deep.equal(["w"]);
+        source.press('w');
+        expect(fired).to.deep.equal(['w']);
       });
 
       it("press('ArrowUp') → stored as 'ArrowUp' (named key not lowercased)", function () {
-        source.press("ArrowUp");
-        expect(manager.isKeyDown("ArrowUp")).to.be.true;
+        source.press('ArrowUp');
+        expect(manager.isKeyDown('ArrowUp')).to.be.true;
       });
 
       it("press(' ') → manager has ' '", function () {
-        source.press(" ");
-        expect(manager.isKeyDown(" ")).to.be.true;
+        source.press(' ');
+        expect(manager.isKeyDown(' ')).to.be.true;
       });
 
       it("press('Spacebar') → normalised to ' '", function () {
-        source.press("Spacebar");
-        expect(manager.isKeyDown(" ")).to.be.true;
+        source.press('Spacebar');
+        expect(manager.isKeyDown(' ')).to.be.true;
       });
 
       it("repeated press('w') → onKeyDown fires once (refcounted)", function () {
         const keyDownFired = [];
         manager.onKeyDownObservable.add((k) => keyDownFired.push(k));
-        source.press("w");
-        source.press("w");
+        source.press('w');
+        source.press('w');
         expect(keyDownFired).to.have.lengthOf(1);
       });
     });
 
-    describe("release", function () {
+    describe('release', function () {
       it("release('w') after press('w') → manager state clears", function () {
-        source.press("w");
-        source.release("w");
-        expect(manager.isKeyDown("w")).to.be.false;
+        source.press('w');
+        source.release('w');
+        expect(manager.isKeyDown('w')).to.be.false;
       });
 
       it("release('w') after press('w') → manager.onKeyUpObservable fires", function () {
         const fired = [];
         manager.onKeyUpObservable.add((k) => fired.push(k));
-        source.press("w");
-        source.release("w");
-        expect(fired).to.deep.equal(["w"]);
+        source.press('w');
+        source.release('w');
+        expect(fired).to.deep.equal(['w']);
       });
 
       it("release('w') when not pressed → manager onKeyUp does not fire (idempotent)", function () {
         const fired = [];
         manager.onKeyUpObservable.add((k) => fired.push(k));
-        source.release("w");
+        source.release('w');
         expect(fired).to.have.lengthOf(0);
       });
     });
@@ -250,7 +250,7 @@ export function runOnScreenSourceTests() {
         expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("press → releaseAll → press again fires onKeyDownObservable (scene-restart clean state)", function () {
+      it('press → releaseAll → press again fires onKeyDownObservable (scene-restart clean state)', function () {
         const fired = [];
         manager.onKeyDownObservable.add((k) => fired.push(k));
         source.press('w');
@@ -261,21 +261,21 @@ export function runOnScreenSourceTests() {
       });
     });
 
-    describe("pause / resume (fly camera mode)", function () {
-      it("pause() releases held keys from InputManager", function () {
+    describe('pause / resume (fly camera mode)', function () {
+      it('pause() releases held keys from InputManager', function () {
         source.press('w');
         expect(manager.isKeyDown('w')).to.be.true;
         source.pause();
         expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("press while paused does not set key in InputManager", function () {
+      it('press while paused does not set key in InputManager', function () {
         source.pause();
         source.press('w');
         expect(manager.isKeyDown('w')).to.be.false;
       });
 
-      it("press while paused still dispatches DOM keydown", function () {
+      it('press while paused still dispatches DOM keydown', function () {
         const target = new EventTarget();
         const paused = new OnScreenSource(manager, { target });
         const events = [];
@@ -286,7 +286,7 @@ export function runOnScreenSourceTests() {
         expect(events[0].key).to.equal('w');
       });
 
-      it("release while paused does not call _setKey but dispatches DOM keyup", function () {
+      it('release while paused does not call _setKey but dispatches DOM keyup', function () {
         const target = new EventTarget();
         const paused = new OnScreenSource(manager, { target });
         paused.press('w');
@@ -298,7 +298,7 @@ export function runOnScreenSourceTests() {
         expect(keyups).to.have.lengthOf(1);
       });
 
-      it("resume() clears keys pressed while paused and restores InputManager updates", function () {
+      it('resume() clears keys pressed while paused and restores InputManager updates', function () {
         source.pause();
         source.press('w');
         source.resume();
@@ -307,7 +307,7 @@ export function runOnScreenSourceTests() {
         expect(manager.isKeyDown('a')).to.be.true;
       });
 
-      it("pause() is idempotent", function () {
+      it('pause() is idempotent', function () {
         source.press('w');
         source.pause();
         source.pause();
@@ -315,7 +315,7 @@ export function runOnScreenSourceTests() {
         expect(manager.heldKeyCount()).to.equal(0);
       });
 
-      it("resume() is idempotent", function () {
+      it('resume() is idempotent', function () {
         source.pause();
         source.resume();
         expect(() => source.resume()).to.not.throw();
diff --git a/tests/input/xrSource.test.js b/tests/input/xrSource.test.js
index 032fed078..be1d1c89d 100644
--- a/tests/input/xrSource.test.js
+++ b/tests/input/xrSource.test.js
@@ -1,6 +1,6 @@
-import { expect } from "chai";
-import { InputManager } from "../../input/inputManager.js";
-import { XRSource } from "../../input/xrSource.js";
+import { expect } from 'chai';
+import { InputManager } from '../../input/inputManager.js';
+import { XRSource } from '../../input/xrSource.js';
 
 class StubObservable {
   #callbacks = [];
@@ -57,13 +57,13 @@ function makeComponent({ pressed = false, axesX = 0, axesY = 0 } = {}) {
 
 function makeMotionController(handedness) {
   const components = {};
-  if (handedness === "left") {
-    components["x-button"] = makeComponent();
-    components["y-button"] = makeComponent();
-    components["xr-standard-thumbstick"] = makeComponent();
-  } else if (handedness === "right") {
-    components["a-button"] = makeComponent();
-    components["b-button"] = makeComponent();
+  if (handedness === 'left') {
+    components['x-button'] = makeComponent();
+    components['y-button'] = makeComponent();
+    components['xr-standard-thumbstick'] = makeComponent();
+  } else if (handedness === 'right') {
+    components['a-button'] = makeComponent();
+    components['b-button'] = makeComponent();
   }
   return {
     components,
@@ -95,7 +95,7 @@ function makeXRHelper() {
 }
 
 export function runXRSourceTests() {
-  describe("XRSource @xr @input", function () {
+  describe('XRSource @xr @input', function () {
     let manager, scene, xrHelper, source;
 
     function addController(controller) {
@@ -121,186 +121,184 @@ export function runXRSourceTests() {
       source?.stop();
     });
 
-    describe("button mapping — left controller", function () {
+    describe('button mapping — left controller', function () {
       it("left x-button pressed → isKeyDown('f') true; isActionDown('BUTTON3') true", function () {
-        const controller = makeController("left");
+        const controller = makeController('left');
         const mc = addController(controller);
-        mc.components["x-button"].pressed = true;
-        mc.components["x-button"].onButtonStateChangedObservable.notify();
-        expect(manager.isKeyDown("f")).to.be.true;
-        expect(manager.isActionDown("BUTTON3")).to.be.true;
+        mc.components['x-button'].pressed = true;
+        mc.components['x-button'].onButtonStateChangedObservable.notify();
+        expect(manager.isKeyDown('f')).to.be.true;
+        expect(manager.isActionDown('BUTTON3')).to.be.true;
       });
 
       it("left x-button released → isKeyDown('f') false", function () {
-        const controller = makeController("left");
+        const controller = makeController('left');
         const mc = addController(controller);
-        mc.components["x-button"].pressed = true;
-        mc.components["x-button"].onButtonStateChangedObservable.notify();
-        mc.components["x-button"].pressed = false;
-        mc.components["x-button"].onButtonStateChangedObservable.notify();
-        expect(manager.isKeyDown("f")).to.be.false;
+        mc.components['x-button'].pressed = true;
+        mc.components['x-button'].onButtonStateChangedObservable.notify();
+        mc.components['x-button'].pressed = false;
+        mc.components['x-button'].onButtonStateChangedObservable.notify();
+        expect(manager.isKeyDown('f')).to.be.false;
       });
 
       it("left y-button pressed → isKeyDown('e') true; isActionDown('BUTTON2') true", function () {
-        const controller = makeController("left");
+        const controller = makeController('left');
         const mc = addController(controller);
-        mc.components["y-button"].pressed = true;
-        mc.components["y-button"].onButtonStateChangedObservable.notify();
-        expect(manager.isKeyDown("e")).to.be.true;
-        expect(manager.isActionDown("BUTTON2")).to.be.true;
+        mc.components['y-button'].pressed = true;
+        mc.components['y-button'].onButtonStateChangedObservable.notify();
+        expect(manager.isKeyDown('e')).to.be.true;
+        expect(manager.isActionDown('BUTTON2')).to.be.true;
       });
     });
 
-    describe("button mapping — right controller", function () {
+    describe('button mapping — right controller', function () {
       it("right a-button pressed → isKeyDown(' ') true; isActionDown('BUTTON4') true", function () {
-        const controller = makeController("right");
+        const controller = makeController('right');
         const mc = addController(controller);
-        mc.components["a-button"].pressed = true;
-        mc.components["a-button"].onButtonStateChangedObservable.notify();
-        expect(manager.isKeyDown(" ")).to.be.true;
-        expect(manager.isActionDown("BUTTON4")).to.be.true;
+        mc.components['a-button'].pressed = true;
+        mc.components['a-button'].onButtonStateChangedObservable.notify();
+        expect(manager.isKeyDown(' ')).to.be.true;
+        expect(manager.isActionDown('BUTTON4')).to.be.true;
       });
 
       it("right b-button pressed → isKeyDown('r') true; isActionDown('BUTTON1') true", function () {
-        const controller = makeController("right");
+        const controller = makeController('right');
         const mc = addController(controller);
-        mc.components["b-button"].pressed = true;
-        mc.components["b-button"].onButtonStateChangedObservable.notify();
-        expect(manager.isKeyDown("r")).to.be.true;
-        expect(manager.isActionDown("BUTTON1")).to.be.true;
+        mc.components['b-button'].pressed = true;
+        mc.components['b-button'].onButtonStateChangedObservable.notify();
+        expect(manager.isKeyDown('r')).to.be.true;
+        expect(manager.isActionDown('BUTTON1')).to.be.true;
       });
-
     });
 
-    describe("thumbstick axes and shim", function () {
+    describe('thumbstick axes and shim', function () {
       it("left thumbstick x = -0.9 → getAxis('XR_MOVE_X') === -0.9; isKeyDown('a') true", function () {
-        const controller = makeController("left");
+        const controller = makeController('left');
         const mc = addController(controller);
-        mc.components["xr-standard-thumbstick"].axes.x = -0.9;
+        mc.components['xr-standard-thumbstick'].axes.x = -0.9;
         scene.tick();
-        expect(manager.getAxis("XR_MOVE_X")).to.equal(-0.9);
-        expect(manager.isKeyDown("a")).to.be.true;
+        expect(manager.getAxis('XR_MOVE_X')).to.equal(-0.9);
+        expect(manager.isKeyDown('a')).to.be.true;
       });
 
       it("left thumbstick x = -0.1 → getAxis('XR_MOVE_X') === 0 (dead-zone); isKeyDown('a') false", function () {
-        const controller = makeController("left");
+        const controller = makeController('left');
         const mc = addController(controller);
-        mc.components["xr-standard-thumbstick"].axes.x = -0.1;
+        mc.components['xr-standard-thumbstick'].axes.x = -0.1;
         scene.tick();
-        expect(manager.getAxis("XR_MOVE_X")).to.equal(0);
-        expect(manager.isKeyDown("a")).to.be.false;
+        expect(manager.getAxis('XR_MOVE_X')).to.equal(0);
+        expect(manager.isKeyDown('a')).to.be.false;
       });
 
       it("left thumbstick y = 0.9 → isKeyDown('s') true; getAxis('XR_MOVE_Y') === 0.9", function () {
-        const controller = makeController("left");
+        const controller = makeController('left');
         const mc = addController(controller);
-        mc.components["xr-standard-thumbstick"].axes.y = 0.9;
+        mc.components['xr-standard-thumbstick'].axes.y = 0.9;
         scene.tick();
-        expect(manager.getAxis("XR_MOVE_Y")).to.equal(0.9);
-        expect(manager.isKeyDown("s")).to.be.true;
+        expect(manager.getAxis('XR_MOVE_Y')).to.equal(0.9);
+        expect(manager.isKeyDown('s')).to.be.true;
       });
 
-      it("thumbstick shim: moving past threshold then releasing clears key", function () {
-        const controller = makeController("left");
+      it('thumbstick shim: moving past threshold then releasing clears key', function () {
+        const controller = makeController('left');
         const mc = addController(controller);
-        mc.components["xr-standard-thumbstick"].axes.x = -0.9;
+        mc.components['xr-standard-thumbstick'].axes.x = -0.9;
         scene.tick();
-        expect(manager.isKeyDown("a")).to.be.true;
-        mc.components["xr-standard-thumbstick"].axes.x = 0;
+        expect(manager.isKeyDown('a')).to.be.true;
+        mc.components['xr-standard-thumbstick'].axes.x = 0;
         scene.tick();
-        expect(manager.isKeyDown("a")).to.be.false;
+        expect(manager.isKeyDown('a')).to.be.false;
       });
     });
 
-    describe("controller removal", function () {
-      it("removing left controller releases all its held keys", function () {
-        const controller = makeController("left");
+    describe('controller removal', function () {
+      it('removing left controller releases all its held keys', function () {
+        const controller = makeController('left');
         const mc = addController(controller);
-        mc.components["x-button"].pressed = true;
-        mc.components["x-button"].onButtonStateChangedObservable.notify();
-        expect(manager.isKeyDown("f")).to.be.true;
+        mc.components['x-button'].pressed = true;
+        mc.components['x-button'].onButtonStateChangedObservable.notify();
+        expect(manager.isKeyDown('f')).to.be.true;
         removeController(controller);
-        expect(manager.isKeyDown("f")).to.be.false;
+        expect(manager.isKeyDown('f')).to.be.false;
       });
 
-      it("removing left controller zeroes XR_MOVE_X and releases shim keys", function () {
-        const controller = makeController("left");
+      it('removing left controller zeroes XR_MOVE_X and releases shim keys', function () {
+        const controller = makeController('left');
         const mc = addController(controller);
-        mc.components["xr-standard-thumbstick"].axes.x = -0.9;
+        mc.components['xr-standard-thumbstick'].axes.x = -0.9;
         scene.tick();
-        expect(manager.isKeyDown("a")).to.be.true;
+        expect(manager.isKeyDown('a')).to.be.true;
         removeController(controller);
-        expect(manager.isKeyDown("a")).to.be.false;
-        expect(manager.getAxis("XR_MOVE_X")).to.equal(0);
+        expect(manager.isKeyDown('a')).to.be.false;
+        expect(manager.getAxis('XR_MOVE_X')).to.equal(0);
       });
 
-      it("stale button observer after removal is a no-op", function () {
-        const controller = makeController("left");
+      it('stale button observer after removal is a no-op', function () {
+        const controller = makeController('left');
         const mc = addController(controller);
         removeController(controller);
         // Fire button observable after removal — should not change manager state
-        mc.components["x-button"].pressed = true;
-        mc.components["x-button"].onButtonStateChangedObservable.notify();
-        expect(manager.isKeyDown("f")).to.be.false;
+        mc.components['x-button'].pressed = true;
+        mc.components['x-button'].onButtonStateChangedObservable.notify();
+        expect(manager.isKeyDown('f')).to.be.false;
       });
     });
 
-    describe("stop()", function () {
-      it("stop() releases all held keys", function () {
-        const controller = makeController("left");
+    describe('stop()', function () {
+      it('stop() releases all held keys', function () {
+        const controller = makeController('left');
         const mc = addController(controller);
-        mc.components["x-button"].pressed = true;
-        mc.components["x-button"].onButtonStateChangedObservable.notify();
-        expect(manager.isKeyDown("f")).to.be.true;
+        mc.components['x-button'].pressed = true;
+        mc.components['x-button'].onButtonStateChangedObservable.notify();
+        expect(manager.isKeyDown('f')).to.be.true;
         source.stop();
-        expect(manager.isKeyDown("f")).to.be.false;
+        expect(manager.isKeyDown('f')).to.be.false;
       });
 
-      it("stop() zeros XR axes", function () {
-        const controller = makeController("left");
+      it('stop() zeros XR axes', function () {
+        const controller = makeController('left');
         const mc = addController(controller);
-        mc.components["xr-standard-thumbstick"].axes.x = -0.9;
+        mc.components['xr-standard-thumbstick'].axes.x = -0.9;
         scene.tick();
         source.stop();
-        expect(manager.getAxis("XR_MOVE_X")).to.equal(0);
-        expect(manager.getAxis("XR_MOVE_Y")).to.equal(0);
+        expect(manager.getAxis('XR_MOVE_X')).to.equal(0);
+        expect(manager.getAxis('XR_MOVE_Y')).to.equal(0);
       });
 
-      it("stop() is idempotent", function () {
+      it('stop() is idempotent', function () {
         source.stop();
         source.stop();
         expect(manager.heldKeyCount()).to.equal(0);
       });
 
-      it("start() is idempotent", function () {
-        const addedBefore =
-          xrHelper.input.onControllerAddedObservable.notify.length;
+      it('start() is idempotent', function () {
+        const addedBefore = xrHelper.input.onControllerAddedObservable.notify.length;
         source.start();
         source.start();
         // Only one frame observer should be registered; tick produces no double-fires
-        const controller = makeController("left");
+        const controller = makeController('left');
         const mc = addController(controller);
-        mc.components["xr-standard-thumbstick"].axes.x = -0.9;
+        mc.components['xr-standard-thumbstick'].axes.x = -0.9;
         scene.tick();
-        expect(manager.isKeyDown("a")).to.be.true;
+        expect(manager.isKeyDown('a')).to.be.true;
         void addedBefore;
       });
     });
 
-    describe("refcount: two sources holding the same key", function () {
+    describe('refcount: two sources holding the same key', function () {
       it("keyboard holds 'f', controller releases 'f' → still down via refcount", function () {
-        manager._setKey("f", true); // keyboard contribution
-        const controller = makeController("left");
+        manager._setKey('f', true); // keyboard contribution
+        const controller = makeController('left');
         const mc = addController(controller);
-        mc.components["x-button"].pressed = true;
-        mc.components["x-button"].onButtonStateChangedObservable.notify();
+        mc.components['x-button'].pressed = true;
+        mc.components['x-button'].onButtonStateChangedObservable.notify();
         // both keyboard and controller hold 'f' (count = 2)
-        mc.components["x-button"].pressed = false;
-        mc.components["x-button"].onButtonStateChangedObservable.notify();
+        mc.components['x-button'].pressed = false;
+        mc.components['x-button'].onButtonStateChangedObservable.notify();
         // controller released; keyboard still holds it (count = 1)
-        expect(manager.isKeyDown("f")).to.be.true;
-        manager._setKey("f", false);
-        expect(manager.isKeyDown("f")).to.be.false;
+        expect(manager.isKeyDown('f')).to.be.true;
+        manager._setKey('f', false);
+        expect(manager.isKeyDown('f')).to.be.false;
       });
     });
   });
diff --git a/tests/materials.test.js b/tests/materials.test.js
index 958f9da77..fce240719 100644
--- a/tests/materials.test.js
+++ b/tests/materials.test.js
@@ -1,9 +1,9 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runMaterialsTests(flock) {
-  describe("Effects methods @materials", function () {
+  describe('Effects methods @materials', function () {
     const boxIds = [];
-    const colors = ["#FF0000", "#00FF00", "#0000FF", "#FFFF00"];
+    const colors = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00'];
     const alphas = [0.1, 0.5, 0.9];
 
     // Utility: Create a box with random color and position
@@ -12,7 +12,7 @@ export function runMaterialsTests(flock) {
       const position = new flock.BABYLON.Vector3(
         Math.random() * 10,
         Math.random() * 10,
-        Math.random() * 10,
+        Math.random() * 10
       );
 
       await flock.createBox(id, {
@@ -37,8 +37,8 @@ export function runMaterialsTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should apply tint to a mesh", async function () {
-      const { id, color } = await createBoxWithColorAndPosition("boxTint");
+    it('should apply tint to a mesh', async function () {
+      const { id, color } = await createBoxWithColorAndPosition('boxTint');
       boxIds.push(id);
 
       await flock.tint(id, { color });
@@ -48,37 +48,34 @@ export function runMaterialsTests(flock) {
       expect(mesh.overlayAlpha).to.be.closeTo(0.5, 0.01);
       expect(
         mesh.overlayColor.equals(
-          flock.BABYLON.Color3.FromHexString(flock.getColorFromString(color)),
-        ),
+          flock.BABYLON.Color3.FromHexString(flock.getColorFromString(color))
+        )
       ).to.be.true;
     });
 
-    it("should ignore tint on a non-mesh target", async function () {
+    it('should ignore tint on a non-mesh target', async function () {
       // An animation group resolves by name but is not a mesh.
-      const group = new flock.BABYLON.AnimationGroup(
-        "tintNonMeshGroup",
-        flock.scene,
-      );
+      const group = new flock.BABYLON.AnimationGroup('tintNonMeshGroup', flock.scene);
 
       const reported = [];
       const previousOnBlockError = flock.onBlockError;
       flock.onBlockError = (info) => reported.push(info);
       try {
         // Must resolve, not reject or throw.
-        await flock.tint("tintNonMeshGroup", { color: "#FF0000" });
+        await flock.tint('tintNonMeshGroup', { color: '#FF0000' });
 
         expect(reported).to.have.lengthOf(1);
-        expect(reported[0].key).to.equal("target_not_a_mesh");
-        expect(reported[0].api).to.equal("tint");
-        expect(reported[0].values.object).to.equal("tintNonMeshGroup");
+        expect(reported[0].key).to.equal('target_not_a_mesh');
+        expect(reported[0].api).to.equal('tint');
+        expect(reported[0].values.object).to.equal('tintNonMeshGroup');
       } finally {
         flock.onBlockError = previousOnBlockError;
         group.dispose();
       }
     });
 
-    it("should apply glow to a mesh", async function () {
-      const { id, color } = await createBoxWithColorAndPosition("boxGlow");
+    it('should apply glow to a mesh', async function () {
+      const { id, color } = await createBoxWithColorAndPosition('boxGlow');
       boxIds.push(id);
 
       await flock.glow(id, { color });
@@ -86,18 +83,15 @@ export function runMaterialsTests(flock) {
       const mesh = flock.scene.getMeshByName(id);
       expect(mesh.metadata.glow).to.be.true;
 
-      const expectedColor = flock.BABYLON.Color3.FromHexString(
-        flock.getColorFromString(color),
-      );
+      const expectedColor = flock.BABYLON.Color3.FromHexString(flock.getColorFromString(color));
       const actualColor = mesh.material?.emissiveColor;
 
       expect(actualColor).to.exist;
       expect(actualColor.equals(expectedColor)).to.be.true;
     });
 
-    it("should apply glow after alpha", async function () {
-      const { id, color } =
-        await createBoxWithColorAndPosition("boxGlowAfterAlpha");
+    it('should apply glow after alpha', async function () {
+      const { id, color } = await createBoxWithColorAndPosition('boxGlowAfterAlpha');
       boxIds.push(id);
 
       await flock.setAlpha(id, { value: 0.5 });
@@ -106,9 +100,7 @@ export function runMaterialsTests(flock) {
       const mesh = flock.scene.getMeshByName(id);
       expect(mesh.metadata.glow).to.be.true;
 
-      const expectedColor = flock.BABYLON.Color3.FromHexString(
-        flock.getColorFromString(color),
-      );
+      const expectedColor = flock.BABYLON.Color3.FromHexString(flock.getColorFromString(color));
       const actualColor = mesh.material?.emissiveColor;
 
       expect(actualColor).to.exist;
@@ -116,8 +108,8 @@ export function runMaterialsTests(flock) {
       expect(mesh.material.alpha).to.be.closeTo(0.5, 0.01);
     });
 
-    it("should apply highlight to a mesh", async function () {
-      const { id, color } = await createBoxWithColorAndPosition("boxHighlight");
+    it('should apply highlight to a mesh', async function () {
+      const { id, color } = await createBoxWithColorAndPosition('boxHighlight');
       boxIds.push(id);
 
       await flock.highlight(id, { color });
@@ -127,8 +119,8 @@ export function runMaterialsTests(flock) {
       expect(flock.highlighter.hasMesh(mesh)).to.be.true;
     });
 
-    it("should set alpha value for a mesh and its children", async function () {
-      const { id } = await createBoxWithColorAndPosition("boxAlpha");
+    it('should set alpha value for a mesh and its children', async function () {
+      const { id } = await createBoxWithColorAndPosition('boxAlpha');
       boxIds.push(id);
       const alpha = alphas[Math.floor(Math.random() * alphas.length)];
 
@@ -139,14 +131,12 @@ export function runMaterialsTests(flock) {
 
       allMeshes.forEach((m) => {
         expect(m.material.alpha).to.be.closeTo(alpha, 0.01);
-        expect(m.material.transparencyMode).to.equal(
-          flock.BABYLON.Material.MATERIAL_ALPHABLEND,
-        );
+        expect(m.material.transparencyMode).to.equal(flock.BABYLON.Material.MATERIAL_ALPHABLEND);
       });
     });
 
-    it("should restore opaque rendering when setAlpha is called with 1", async function () {
-      const { id } = await createBoxWithColorAndPosition("boxAlphaOpaque");
+    it('should restore opaque rendering when setAlpha is called with 1', async function () {
+      const { id } = await createBoxWithColorAndPosition('boxAlphaOpaque');
       boxIds.push(id);
 
       await flock.setAlpha(id, { value: 0.5 });
@@ -162,8 +152,8 @@ export function runMaterialsTests(flock) {
       });
     });
 
-    it("should clear effects from a mesh", async function () {
-      const { id, color } = await createBoxWithColorAndPosition("boxClear");
+    it('should clear effects from a mesh', async function () {
+      const { id, color } = await createBoxWithColorAndPosition('boxClear');
       boxIds.push(id);
 
       // Apply effects first
@@ -180,8 +170,7 @@ export function runMaterialsTests(flock) {
 
       allMeshes.forEach((m) => {
         expect(m.renderOverlay).to.equal(false);
-        expect(m.material.emissiveColor.equals(flock.BABYLON.Color3.Black())).to
-          .be.true;
+        expect(m.material.emissiveColor.equals(flock.BABYLON.Color3.Black())).to.be.true;
         if (flock.glowLayer) {
           expect(m.metadata.glow).to.be.false;
         }
@@ -191,34 +180,32 @@ export function runMaterialsTests(flock) {
       });
     });
 
-    it("should handle CSS color names in getColorFromString", async function () {
-      const colorNames = ["red", "blue", "green", "yellow", "cyan", "magenta"];
+    it('should handle CSS color names in getColorFromString', async function () {
+      const colorNames = ['red', 'blue', 'green', 'yellow', 'cyan', 'magenta'];
       const results = colorNames.map((name) => flock.getColorFromString(name));
 
       results.forEach((result) => {
-        expect(result).to.be.a("string");
+        expect(result).to.be.a('string');
         expect(result).to.match(/^#[0-9a-f]{6}$/i);
       });
 
-      expect(flock.getColorFromString("red")).to.not.equal(
-        flock.getColorFromString("blue"),
-      );
+      expect(flock.getColorFromString('red')).to.not.equal(flock.getColorFromString('blue'));
     });
 
-    it("should expand 3-digit hex to 6-digit in getColorFromString", async function () {
-      expect(flock.getColorFromString("f0c")).to.equal("#ff00cc");
-      expect(flock.getColorFromString("#f0c")).to.equal("#ff00cc");
-      expect(flock.getColorFromString("fff")).to.equal("#ffffff");
-      expect(flock.getColorFromString("800080")).to.equal("#800080");
-      expect(flock.getColorFromString("#800080")).to.equal("#800080");
+    it('should expand 3-digit hex to 6-digit in getColorFromString', async function () {
+      expect(flock.getColorFromString('f0c')).to.equal('#ff00cc');
+      expect(flock.getColorFromString('#f0c')).to.equal('#ff00cc');
+      expect(flock.getColorFromString('fff')).to.equal('#ffffff');
+      expect(flock.getColorFromString('800080')).to.equal('#800080');
+      expect(flock.getColorFromString('#800080')).to.equal('#800080');
     });
 
-    it("should apply tint with CSS color names", async function () {
-      const id = "boxTintColorName";
+    it('should apply tint with CSS color names', async function () {
+      const id = 'boxTintColorName';
       await createBoxWithColorAndPosition(id);
       boxIds.push(id);
 
-      await flock.tint(id, { color: "red" });
+      await flock.tint(id, { color: 'red' });
 
       const mesh = flock.scene.getMeshByName(id);
       expect(mesh.renderOverlay).to.equal(true);
@@ -227,16 +214,16 @@ export function runMaterialsTests(flock) {
     });
   });
 
-  describe("changeColor method @materials", function () {
+  describe('changeColor method @materials', function () {
     const boxIds = [];
-    const colors = ["#FF0000", "#00FF00", "#0000FF", "#FFFF00"];
+    const colors = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00'];
 
     // Utility: Create a box with a random position
     async function createBoxWithRandomPosition(id) {
       const position = new flock.BABYLON.Vector3(
         Math.random() * 10,
         Math.random() * 10,
-        Math.random() * 10,
+        Math.random() * 10
       );
 
       await flock.createBox(id, {
@@ -260,8 +247,8 @@ export function runMaterialsTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should apply a single color to a mesh", async function () {
-      const id = "boxChangeColorSingle";
+    it('should apply a single color to a mesh', async function () {
+      const id = 'boxChangeColorSingle';
       await createBoxWithRandomPosition(id);
       boxIds.push(id);
 
@@ -274,27 +261,22 @@ export function runMaterialsTests(flock) {
       const material = mesh.material;
       expect(material).to.exist;
 
-      const expectedColor = flock.BABYLON.Color3.FromHexString(
-        flock.getColorFromString(color),
-      );
+      const expectedColor = flock.BABYLON.Color3.FromHexString(flock.getColorFromString(color));
 
       const actualColor = material.diffuseColor ?? material.albedoColor;
 
       expect(actualColor).to.exist;
-      ["r", "g", "b"].forEach((component) => {
-        expect(actualColor[component]).to.be.closeTo(
-          expectedColor[component],
-          0.01,
-        );
+      ['r', 'g', 'b'].forEach((component) => {
+        expect(actualColor[component]).to.be.closeTo(expectedColor[component], 0.01);
       });
     });
 
-    it("should apply multiple colors to different parts of a mesh", async function () {
-      const id = "boxChangeColorMultiple";
+    it('should apply multiple colors to different parts of a mesh', async function () {
+      const id = 'boxChangeColorMultiple';
       await createBoxWithRandomPosition(id);
       boxIds.push(id);
 
-      const colorList = ["#FF0000", "#00FF00", "#0000FF"];
+      const colorList = ['#FF0000', '#00FF00', '#0000FF'];
       await flock.changeColor(id, { color: colorList });
 
       const mesh = flock.scene.getMeshByName(id);
@@ -304,26 +286,22 @@ export function runMaterialsTests(flock) {
       allMeshes.forEach((part) => {
         expect(part.material).to.exist;
 
-        const partColor =
-          part.material.diffuseColor ?? part.material.albedoColor;
+        const partColor = part.material.diffuseColor ?? part.material.albedoColor;
         expect(partColor).to.exist;
         expect(part.metadata).to.exist;
-        expect(part.metadata.materialIndex).to.be.within(
-          0,
-          colorList.length - 1,
-        );
+        expect(part.metadata.materialIndex).to.be.within(0, colorList.length - 1);
       });
     });
   });
 
-  describe("createMaterial method @materials", function () {
+  describe('createMaterial method @materials', function () {
     const boxIds = [];
 
     async function createTestBox(id) {
       const position = new flock.BABYLON.Vector3(
         Math.random() * 10,
         Math.random() * 10,
-        Math.random() * 10,
+        Math.random() * 10
       );
 
       await flock.createBox(id, {
@@ -347,15 +325,15 @@ export function runMaterialsTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should create a standard material with color and alpha", async function () {
-      const id = "boxCreateMaterialColor";
+    it('should create a standard material with color and alpha', async function () {
+      const id = 'boxCreateMaterialColor';
       await createTestBox(id);
       boxIds.push(id);
 
-      const color = "#FF00FF";
+      const color = '#FF00FF';
       const material = flock.createMaterial({
         color,
-        materialName: "testMaterial",
+        materialName: 'testMaterial',
         alpha: 0.5,
       });
 
@@ -363,74 +341,74 @@ export function runMaterialsTests(flock) {
       expect(material.diffuseColor).to.exist;
       expect(
         material.diffuseColor.equals(
-          flock.BABYLON.Color3.FromHexString(flock.getColorFromString(color)),
-        ),
+          flock.BABYLON.Color3.FromHexString(flock.getColorFromString(color))
+        )
       ).to.be.true;
       expect(material.alpha).to.be.closeTo(0.5, 0.01);
       material.dispose();
     });
 
-    it("should create a material with a texture", async function () {
-      const id = "boxCreateMaterialTexture";
+    it('should create a material with a texture', async function () {
+      const id = 'boxCreateMaterialTexture';
       await createTestBox(id);
       boxIds.push(id);
 
       const material = flock.createMaterial({
-        color: "#FFFFFF",
-        materialName: "test.png",
+        color: '#FFFFFF',
+        materialName: 'test.png',
         alpha: 1,
       });
 
       expect(material).to.exist;
       expect(material.diffuseTexture).to.exist;
-      expect(material.diffuseTexture.name).to.include("test.png");
+      expect(material.diffuseTexture.name).to.include('test.png');
       material.dispose();
     });
 
-    it("should create a gradient material when color is an array", async function () {
-      const id = "boxCreateMaterialGradient";
+    it('should create a gradient material when color is an array', async function () {
+      const id = 'boxCreateMaterialGradient';
       await createTestBox(id);
       boxIds.push(id);
 
-      const gradientColors = ["#FF0000", "#00FF00"];
+      const gradientColors = ['#FF0000', '#00FF00'];
       const material = flock.createMaterial({
         color: gradientColors,
-        materialName: "none.png",
+        materialName: 'none.png',
         alpha: 1,
       });
 
       expect(material).to.exist;
-      expect(material.getClassName()).to.equal("GradientMaterial");
+      expect(material.getClassName()).to.equal('GradientMaterial');
       expect(material.bottomColor).to.exist;
       expect(material.topColor).to.exist;
       material.dispose();
     });
 
-    it("should create a multi-color gradient shader material for 3+ colors", async function () {
-      const id = "boxCreateMaterialMultiGradient";
+    it('should create a multi-color gradient shader material for 3+ colors', async function () {
+      const id = 'boxCreateMaterialMultiGradient';
       await createTestBox(id);
       boxIds.push(id);
 
-      const gradientColors = ["#ff5733", "#fdfd96", "#9932cc", "#339999"];
+      const gradientColors = ['#ff5733', '#fdfd96', '#9932cc', '#339999'];
       const material = flock.createMaterial({
         color: gradientColors,
-        materialName: "none.png",
+        materialName: 'none.png',
         alpha: 1,
       });
 
       expect(material).to.exist;
-      expect(material.getClassName()).to.equal("ShaderMaterial");
+      expect(material.getClassName()).to.equal('ShaderMaterial');
       material.dispose();
     });
 
-    it("should apply multi-color gradient to a box without error", async function () {
+    it('should apply multi-color gradient to a box without error', async function () {
       const palette = {
-        color: ["#ff5733", "#fdfd96", "#9932cc", "#339999"],
-        materialName: "none.png",
+        color: ['#ff5733', '#fdfd96', '#9932cc', '#339999'],
+        materialName: 'none.png',
         alpha: 1,
       };
 
-      const id1 = "boxMultiGradient1";
+      const id1 = 'boxMultiGradient1';
       await flock.createBox(id1, {
         color: palette,
         width: 2,
@@ -440,7 +418,7 @@ export function runMaterialsTests(flock) {
       });
       boxIds.push(id1);
 
-      const id2 = "boxMultiGradient2";
+      const id2 = 'boxMultiGradient2';
       await flock.createBox(id2, {
         color: palette,
         width: 2,
@@ -463,9 +441,9 @@ export function runMaterialsTests(flock) {
       const target2 = getTarget(id2);
 
       expect(target1.material).to.exist;
-      expect(target1.material.getClassName()).to.equal("ShaderMaterial");
+      expect(target1.material.getClassName()).to.equal('ShaderMaterial');
       expect(target2.material).to.exist;
-      expect(target2.material.getClassName()).to.equal("ShaderMaterial");
+      expect(target2.material.getClassName()).to.equal('ShaderMaterial');
 
       // Shared cached material uses onBindObservable to supply per-mesh minMax at
       // render time, so both meshes correctly reference the same material instance.
@@ -473,7 +451,7 @@ export function runMaterialsTests(flock) {
     });
   });
 
-  describe("setting a material scenarios @materials", function () {
+  describe('setting a material scenarios @materials', function () {
     this.timeout(5000);
     const boxIds = [];
 
@@ -481,7 +459,7 @@ export function runMaterialsTests(flock) {
       const position = new flock.BABYLON.Vector3(
         Math.random() * 10,
         Math.random() * 10,
-        Math.random() * 10,
+        Math.random() * 10
       );
 
       await flock.createBox(id, {
@@ -496,9 +474,9 @@ export function runMaterialsTests(flock) {
 
     async function createTestTree(id) {
       await flock.createObject({
-        modelName: "tree.glb",
+        modelName: 'tree.glb',
         modelId: id,
-        color: ["#66cdaa", "#cd853f"],
+        color: ['#66cdaa', '#cd853f'],
         scale: 1,
         position: { x: 0, y: 0, z: 0 },
       });
@@ -514,24 +492,24 @@ export function runMaterialsTests(flock) {
       });
     });
 
-    it("should create one new material for a box", async function () {
-      const id = "boxCreateOneNewMaterial";
+    it('should create one new material for a box', async function () {
+      const id = 'boxCreateOneNewMaterial';
       await createTestBox(id);
       boxIds.push(id);
 
       const materialsBefore = flock.scene.materials.length;
 
       await flock.setMaterial(id, {
-        color: "#FF00FF",
-        materialName: "testMaterial",
+        color: '#FF00FF',
+        materialName: 'testMaterial',
         alpha: 0.5,
       });
 
       expect(flock.scene.materials.length).to.equal(materialsBefore);
     });
 
-    it("should delete the old material for a box", async function () {
-      const id = "boxDeleteOldMaterial";
+    it('should delete the old material for a box', async function () {
+      const id = 'boxDeleteOldMaterial';
       await createTestBox(id);
       boxIds.push(id);
 
@@ -540,8 +518,8 @@ export function runMaterialsTests(flock) {
       const oldMatCacheKey = oldMat.metadata.cacheKey;
 
       const newMaterialDesc = {
-        color: "#FF00FF",
-        materialName: "testMaterial",
+        color: '#FF00FF',
+        materialName: 'testMaterial',
         alpha: 0.5,
       };
       await flock.setMaterial(id, newMaterialDesc);
@@ -551,24 +529,24 @@ export function runMaterialsTests(flock) {
       expect(flock.materialCache[oldMatCacheKey]).to.be.undefined;
     });
 
-    it("should create two new materials for a tree", async function () {
-      const id = "treeCreateNewMaterials";
+    it('should create two new materials for a tree', async function () {
+      const id = 'treeCreateNewMaterials';
       await createTestTree(id);
       boxIds.push(id);
 
       const materialsBefore = flock.scene.materials.length;
 
       await flock.setMaterial(id, [
-        { color: "#00ffff", materialName: "leaves.png" },
-        { color: "#ff6600", materialName: "marble.png" },
+        { color: '#00ffff', materialName: 'leaves.png' },
+        { color: '#ff6600', materialName: 'marble.png' },
       ]);
 
       // The number of materials should remain the same, as the old ones are replaced.
       expect(flock.scene.materials.length).to.equal(materialsBefore);
     });
 
-    it("should delete the old materials for a tree", async function () {
-      const id = "treeDeleteOldMaterials";
+    it('should delete the old materials for a tree', async function () {
+      const id = 'treeDeleteOldMaterials';
       await createTestTree(id);
       boxIds.push(id);
       await flock.whenModelReady(id);
@@ -576,28 +554,28 @@ export function runMaterialsTests(flock) {
       const materialsBefore = flock.scene.materials.length;
 
       const newMaterials = [
-        { color: "#00ffff", materialName: "leaves.png", alpha: 1 },
-        { color: "#ff6600", materialName: "marble.png", alpha: 1 },
+        { color: '#00ffff', materialName: 'leaves.png', alpha: 1 },
+        { color: '#ff6600', materialName: 'marble.png', alpha: 1 },
       ];
       await flock.setMaterial(id, newMaterials);
 
       expect(flock.scene.materials.length).to.equal(materialsBefore); // The 2 old are replaced by 2 new
     });
 
-    it("should create a tree with two materials", async function () {
+    it('should create a tree with two materials', async function () {
       const materialsBefore = flock.scene.materials.length;
       const tree = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__2",
-        color: ["#66cdaa", "#cd853f"],
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__2',
+        color: ['#66cdaa', '#cd853f'],
         scale: 1,
         position: { x: -4, y: 0, z: 10.8 },
       });
 
       boxIds.push(tree);
 
-      console.log("Created tree with id", tree);
-      expect(tree).to.be.a("string");
+      console.log('Created tree with id', tree);
+      expect(tree).to.be.a('string');
 
       try {
         await flock.show(tree);
@@ -609,19 +587,19 @@ export function runMaterialsTests(flock) {
       expect(flock.scene.materials.length).to.equal(materialsBefore + 2);
     });
 
-    it("should create a tree with one material", async function () {
+    it('should create a tree with one material', async function () {
       const materialsBefore = flock.scene.materials.length;
       const tree = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__1",
-        color: ["#66cdaa", "#66cdaa"],
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__1',
+        color: ['#66cdaa', '#66cdaa'],
         scale: 1,
         position: { x: -4, y: 0, z: 10.8 },
       });
 
       boxIds.push(tree);
-      console.log("Created tree with id", tree);
-      expect(tree).to.be.a("string");
+      console.log('Created tree with id', tree);
+      expect(tree).to.be.a('string');
 
       try {
         await flock.show(tree);
@@ -633,21 +611,21 @@ export function runMaterialsTests(flock) {
       expect(flock.scene.materials.length).to.equal(materialsBefore + 1);
     });
 
-    it("should create two trees with one shared color and have three materials", async function () {
+    it('should create two trees with one shared color and have three materials', async function () {
       const materialsBefore = flock.scene.materials.length;
       const tree1Id = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__3",
-        color: ["#66cdaa", "#cd853f"], // green, brown
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__3',
+        color: ['#66cdaa', '#cd853f'], // green, brown
         scale: 1,
         position: { x: 0, y: 0, z: 0 },
       });
       boxIds.push(tree1Id);
 
       const tree2Id = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__4",
-        color: ["#66cdaa", "#ffc0cb"], // green, pink
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__4',
+        color: ['#66cdaa', '#ffc0cb'], // green, pink
         scale: 1,
         position: { x: 5, y: 0, z: 0 },
       });
@@ -662,7 +640,7 @@ export function runMaterialsTests(flock) {
     });
   });
 
-  describe("combine blocks dispose of old materials @materials", function () {
+  describe('combine blocks dispose of old materials @materials', function () {
     const boxIds = [];
 
     beforeEach(async function () {
@@ -1202,7 +1180,7 @@ export function runMaterialsTests(flock) {
     });
   });
 
-  describe("gradient material preservation @materials", function () {
+  describe('gradient material preservation @materials', function () {
     const boxIds = [];
 
     beforeEach(async function () {
@@ -1219,7 +1197,7 @@ export function runMaterialsTests(flock) {
         width: 1,
         height: 2,
         depth: 1,
-        color: { color: colors, materialName: "none.png", alpha: 1 },
+        color: { color: colors, materialName: 'none.png', alpha: 1 },
         position: [0, 0, 0],
       });
     }
@@ -1232,69 +1210,69 @@ export function runMaterialsTests(flock) {
       return children.length ? children[0] : mesh;
     }
 
-    it("should preserve 2-colour gradient after glow", async function () {
-      const id = "gradGlow2";
-      await createGradientBox(id, ["#ff0000", "#0000ff"]);
+    it('should preserve 2-colour gradient after glow', async function () {
+      const id = 'gradGlow2';
+      await createGradientBox(id, ['#ff0000', '#0000ff']);
       boxIds.push(id);
 
       await flock.glow(id);
 
       const target = getTarget(id);
-      expect(target.material.getClassName()).to.equal("GradientMaterial");
-      expect(target.metadata.glowColor).to.equal("#ff0000");
+      expect(target.material.getClassName()).to.equal('GradientMaterial');
+      expect(target.metadata.glowColor).to.equal('#ff0000');
     });
 
-    it("should preserve 3+ colour gradient after glow", async function () {
-      const id = "gradGlow3";
-      await createGradientBox(id, ["#ff0000", "#00ff00", "#0000ff"]);
+    it('should preserve 3+ colour gradient after glow', async function () {
+      const id = 'gradGlow3';
+      await createGradientBox(id, ['#ff0000', '#00ff00', '#0000ff']);
       boxIds.push(id);
 
       await flock.glow(id);
 
       const target = getTarget(id);
-      expect(target.material.getClassName()).to.equal("ShaderMaterial");
-      expect(target.metadata.glowColor).to.equal("#ff0000");
+      expect(target.material.getClassName()).to.equal('ShaderMaterial');
+      expect(target.metadata.glowColor).to.equal('#ff0000');
     });
 
-    it("should preserve 2-colour gradient after clearEffects", async function () {
-      const id = "gradClear2";
-      await createGradientBox(id, ["#ff0000", "#0000ff"]);
+    it('should preserve 2-colour gradient after clearEffects', async function () {
+      const id = 'gradClear2';
+      await createGradientBox(id, ['#ff0000', '#0000ff']);
       boxIds.push(id);
 
       await flock.glow(id);
       await flock.clearEffects(id);
 
       const target = getTarget(id);
-      expect(target.material.getClassName()).to.equal("GradientMaterial");
+      expect(target.material.getClassName()).to.equal('GradientMaterial');
       expect(target.metadata.glowColor).to.be.undefined;
     });
 
-    it("should preserve 3+ colour gradient after clearEffects", async function () {
-      const id = "gradClear3";
-      await createGradientBox(id, ["#ff0000", "#00ff00", "#0000ff"]);
+    it('should preserve 3+ colour gradient after clearEffects', async function () {
+      const id = 'gradClear3';
+      await createGradientBox(id, ['#ff0000', '#00ff00', '#0000ff']);
       boxIds.push(id);
 
       await flock.glow(id);
       await flock.clearEffects(id);
 
       const target = getTarget(id);
-      expect(target.material.getClassName()).to.equal("ShaderMaterial");
+      expect(target.material.getClassName()).to.equal('ShaderMaterial');
     });
 
-    it("should preserve 3+ colour gradient after setAlpha", async function () {
-      const id = "gradAlpha3";
-      await createGradientBox(id, ["#ff0000", "#00ff00", "#0000ff"]);
+    it('should preserve 3+ colour gradient after setAlpha', async function () {
+      const id = 'gradAlpha3';
+      await createGradientBox(id, ['#ff0000', '#00ff00', '#0000ff']);
       boxIds.push(id);
 
       await flock.setAlpha(id, { value: 0.5 });
 
       const target = getTarget(id);
-      expect(target.material.getClassName()).to.equal("ShaderMaterial");
+      expect(target.material.getClassName()).to.equal('ShaderMaterial');
       expect(target.material.alpha).to.be.closeTo(0.5, 0.01);
     });
 
-    it("should hit cache when applying the same material twice via applyMaterialToHierarchy", async function () {
-      const id = "gradCacheHit";
+    it('should hit cache when applying the same material twice via applyMaterialToHierarchy', async function () {
+      const id = 'gradCacheHit';
       await flock.createBox(id, {
         width: 1,
         height: 1,
@@ -1304,7 +1282,7 @@ export function runMaterialsTests(flock) {
       boxIds.push(id);
 
       const mesh = flock.scene.getMeshByName(id);
-      const descriptor = { color: "#aa00ff", materialName: "none.png", alpha: 1 };
+      const descriptor = { color: '#aa00ff', materialName: 'none.png', alpha: 1 };
 
       flock.applyMaterialToHierarchy(mesh, descriptor);
       const matAfterFirst = mesh.material;
diff --git a/tests/math.test.js b/tests/math.test.js
index c0415c542..20710bd0d 100644
--- a/tests/math.test.js
+++ b/tests/math.test.js
@@ -1,16 +1,16 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runMathTests(flock) {
-  describe("Math API @math", function () {
-    describe("createVector3", function () {
-      it("should return a Vector3 with the given x, y, z values", function () {
+  describe('Math API @math', function () {
+    describe('createVector3', function () {
+      it('should return a Vector3 with the given x, y, z values', function () {
         const v = flock.createVector3(1, 2, 3);
         expect(v.x).to.equal(1);
         expect(v.y).to.equal(2);
         expect(v.z).to.equal(3);
       });
 
-      it("should return a Vector3 with negative values", function () {
+      it('should return a Vector3 with negative values', function () {
         const v = flock.createVector3(-5, 0, 10.5);
         expect(v.x).to.equal(-5);
         expect(v.y).to.equal(0);
@@ -18,8 +18,8 @@ export function runMathTests(flock) {
       });
     });
 
-    describe("randomInteger", function () {
-      it("should return an integer within the given range [a, b]", function () {
+    describe('randomInteger', function () {
+      it('should return an integer within the given range [a, b]', function () {
         for (let i = 0; i < 20; i++) {
           const result = flock.randomInteger(3, 7);
           expect(result).to.be.at.least(3);
@@ -28,7 +28,7 @@ export function runMathTests(flock) {
         }
       });
 
-      it("should auto-swap when a > b and still return a value in the correct range", function () {
+      it('should auto-swap when a > b and still return a value in the correct range', function () {
         for (let i = 0; i < 20; i++) {
           const result = flock.randomInteger(10, 5);
           expect(result).to.be.at.least(5);
@@ -36,19 +36,19 @@ export function runMathTests(flock) {
         }
       });
 
-      it("should return the only possible value when a === b", function () {
+      it('should return the only possible value when a === b', function () {
         expect(flock.randomInteger(4, 4)).to.equal(4);
       });
     });
 
-    describe("seededRandom", function () {
-      it("should return the same value for the same seed", function () {
+    describe('seededRandom', function () {
+      it('should return the same value for the same seed', function () {
         const a = flock.seededRandom(1, 10, 42);
         const b = flock.seededRandom(1, 10, 42);
         expect(a).to.equal(b);
       });
 
-      it("should return different values for different seeds", function () {
+      it('should return different values for different seeds', function () {
         const results = new Set();
         for (let seed = 1; seed <= 20; seed++) {
           results.add(flock.seededRandom(1, 100, seed));
@@ -56,7 +56,7 @@ export function runMathTests(flock) {
         expect(results.size).to.be.greaterThan(1);
       });
 
-      it("should return a value within the given range [from, to]", function () {
+      it('should return a value within the given range [from, to]', function () {
         for (let seed = 1; seed <= 50; seed++) {
           const result = flock.seededRandom(5, 15, seed);
           expect(result).to.be.at.least(5);
diff --git a/tests/mesh-hierarchy.test.js b/tests/mesh-hierarchy.test.js
index fb7f75ef1..428769a27 100644
--- a/tests/mesh-hierarchy.test.js
+++ b/tests/mesh-hierarchy.test.js
@@ -1,8 +1,8 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 function configureDraco(BABYLON) {
-  const base = import.meta?.env?.BASE_URL ?? "/";
-  const root = base.endsWith("/") ? base : `${base}/`;
+  const base = import.meta?.env?.BASE_URL ?? '/';
+  const root = base.endsWith('/') ? base : `${base}/`;
 
   BABYLON.DracoCompression.DefaultNumWorkers = 0;
   BABYLON.DracoCompression.Configuration = {
@@ -32,7 +32,7 @@ function waitForModel(flock, meshId) {
 }
 
 export function runMeshHierarchyTests(flock) {
-  describe("Mesh Hierarchy API @meshhierarchy", function () {
+  describe('Mesh Hierarchy API @meshhierarchy', function () {
     const meshIds = [];
 
     afterEach(function () {
@@ -46,10 +46,10 @@ export function runMeshHierarchyTests(flock) {
       meshIds.length = 0;
     });
 
-    describe("parentChild", function () {
-      it("should set the child mesh parent to the parent mesh", async function () {
-        const parentId = "hierarchyParent1";
-        const childId = "hierarchyChild1";
+    describe('parentChild', function () {
+      it('should set the child mesh parent to the parent mesh', async function () {
+        const parentId = 'hierarchyParent1';
+        const childId = 'hierarchyChild1';
 
         await flock.createBox(parentId, {
           width: 1,
@@ -72,8 +72,8 @@ export function runMeshHierarchyTests(flock) {
         expect(childMesh.parent).to.equal(parentMesh);
       });
 
-      it("should ignore parenting to a non-mesh target", async function () {
-        const childId = "hierarchyChildNonMesh";
+      it('should ignore parenting to a non-mesh target', async function () {
+        const childId = 'hierarchyChildNonMesh';
         await flock.createBox(childId, {
           width: 0.5,
           height: 0.5,
@@ -82,30 +82,27 @@ export function runMeshHierarchyTests(flock) {
         });
         meshIds.push(childId);
 
-        const group = new flock.BABYLON.AnimationGroup(
-          "parentNonMeshGroup",
-          flock.scene,
-        );
+        const group = new flock.BABYLON.AnimationGroup('parentNonMeshGroup', flock.scene);
 
         const reported = [];
         const previousOnBlockError = flock.onBlockError;
         flock.onBlockError = (info) => reported.push(info);
         try {
-          await flock.parentChild("parentNonMeshGroup", childId);
+          await flock.parentChild('parentNonMeshGroup', childId);
 
           const childMesh = flock.scene.getMeshByName(childId);
           expect(childMesh.parent).to.not.equal(group);
           expect(reported).to.have.lengthOf(1);
-          expect(reported[0].key).to.equal("target_not_a_mesh");
+          expect(reported[0].key).to.equal('target_not_a_mesh');
         } finally {
           flock.onBlockError = previousOnBlockError;
           group.dispose();
         }
       });
 
-      it("should apply position offsets to the child", async function () {
-        const parentId = "hierarchyParent2";
-        const childId = "hierarchyChild2";
+      it('should apply position offsets to the child', async function () {
+        const parentId = 'hierarchyParent2';
+        const childId = 'hierarchyChild2';
 
         await flock.createBox(parentId, {
           width: 1,
@@ -132,10 +129,10 @@ export function runMeshHierarchyTests(flock) {
       });
     });
 
-    describe("removeParent", function () {
-      it("should remove the parent from the child mesh", async function () {
-        const parentId = "hierarchyParent3";
-        const childId = "hierarchyChild3";
+    describe('removeParent', function () {
+      it('should remove the parent from the child mesh', async function () {
+        const parentId = 'hierarchyParent3';
+        const childId = 'hierarchyChild3';
 
         await flock.createBox(parentId, {
           width: 1,
@@ -161,9 +158,9 @@ export function runMeshHierarchyTests(flock) {
         expect(childMesh.parent).to.be.null;
       });
 
-      it("should preserve world position after removing parent", async function () {
-        const parentId = "hierarchyParent4";
-        const childId = "hierarchyChild4";
+      it('should preserve world position after removing parent', async function () {
+        const parentId = 'hierarchyParent4';
+        const childId = 'hierarchyChild4';
 
         await flock.createBox(parentId, {
           width: 1,
@@ -192,10 +189,10 @@ export function runMeshHierarchyTests(flock) {
       });
     });
 
-    describe("makeFollow and stopFollow", function () {
-      it("should set a _followObserver on the follower mesh", async function () {
-        const followerId = "follower1";
-        const targetId = "followTarget1";
+    describe('makeFollow and stopFollow', function () {
+      it('should set a _followObserver on the follower mesh', async function () {
+        const followerId = 'follower1';
+        const targetId = 'followTarget1';
 
         await flock.createBox(followerId, {
           width: 1,
@@ -211,15 +208,15 @@ export function runMeshHierarchyTests(flock) {
         });
         meshIds.push(followerId, targetId);
 
-        await flock.makeFollow(followerId, targetId, "CENTER");
+        await flock.makeFollow(followerId, targetId, 'CENTER');
 
         const followerMesh = flock.scene.getMeshByName(followerId);
         expect(followerMesh._followObserver).to.exist;
       });
 
-      it("should clear the _followObserver when stopFollow is called", async function () {
-        const followerId = "follower2";
-        const targetId = "followTarget2";
+      it('should clear the _followObserver when stopFollow is called', async function () {
+        const followerId = 'follower2';
+        const targetId = 'followTarget2';
 
         await flock.createBox(followerId, {
           width: 1,
@@ -235,7 +232,7 @@ export function runMeshHierarchyTests(flock) {
         });
         meshIds.push(followerId, targetId);
 
-        await flock.makeFollow(followerId, targetId, "CENTER");
+        await flock.makeFollow(followerId, targetId, 'CENTER');
         await flock.stopFollow(followerId);
 
         const followerMesh = flock.scene.getMeshByName(followerId);
@@ -243,7 +240,7 @@ export function runMeshHierarchyTests(flock) {
       });
     });
 
-    describe("hold, attach, and drop @slow", function () {
+    describe('hold, attach, and drop @slow', function () {
       this.timeout(30000);
 
       let lizId, treeId;
@@ -255,14 +252,10 @@ export function runMeshHierarchyTests(flock) {
         flock.scene = new flock.BABYLON.Scene(flock.engine);
         flock.BABYLON.SceneLoader.ShowLoadingScreen = false;
 
-        new flock.BABYLON.FreeCamera(
-          "testCamera",
-          flock.BABYLON.Vector3.Zero(),
-          flock.scene,
-        );
+        new flock.BABYLON.FreeCamera('testCamera', flock.BABYLON.Vector3.Zero(), flock.scene);
 
         const baseMock = {
-          name: "MockPhysics",
+          name: 'MockPhysics',
           getPluginVersion: () => 2,
           isInitialized: () => true,
           _checkIsReady: () => true,
@@ -278,30 +271,24 @@ export function runMeshHierarchyTests(flock) {
           get: (target, prop) => (prop in target ? target[prop] : () => {}),
         });
 
-        flock.scene.enablePhysics(
-          new flock.BABYLON.Vector3(0, -9.81, 0),
-          physicsMock,
-        );
+        flock.scene.enablePhysics(new flock.BABYLON.Vector3(0, -9.81, 0), physicsMock);
         configureDraco(flock.BABYLON);
 
         lizId = flock.createCharacter({
-          modelName: "Liz3.glb",
-          modelId: "holdTestLiz",
+          modelName: 'Liz3.glb',
+          modelId: 'holdTestLiz',
           position: { x: 0, y: 0, z: 0 },
         });
 
         treeId = flock.createObject({
-          modelName: "tree.glb",
-          modelId: "holdTestTree",
+          modelName: 'tree.glb',
+          modelId: 'holdTestTree',
           position: { x: 0, y: 0, z: 0 },
         });
 
         await pumpAnimation(
           flock,
-          Promise.all([
-            waitForModel(flock, lizId),
-            waitForModel(flock, treeId),
-          ]),
+          Promise.all([waitForModel(flock, lizId), waitForModel(flock, treeId)])
         );
       });
 
@@ -322,7 +309,7 @@ export function runMeshHierarchyTests(flock) {
       // hold uses the bone name "Hold" directly (no mapping). Liz3.glb is a
       // mixamo model — its left-hand bone is "mixamorig:LeftHand", not "Hold".
       // hold therefore resolves without attaching; use attach for mixamo models.
-      it("hold should resolve without error even when character has no matching Hold bone", async function () {
+      it('hold should resolve without error even when character has no matching Hold bone', async function () {
         await pumpAnimation(flock, flock.hold(treeId, lizId));
 
         const treeMesh = flock.scene.getMeshByName(treeId);
@@ -330,51 +317,41 @@ export function runMeshHierarchyTests(flock) {
         expect(treeMesh.parent).to.be.null;
       });
 
-      it("attach should parent the tree to the skeleton mesh on Liz", async function () {
-        await pumpAnimation(
-          flock,
-          flock.attach(treeId, lizId, { boneName: "Hold" }),
-        );
+      it('attach should parent the tree to the skeleton mesh on Liz', async function () {
+        await pumpAnimation(flock, flock.attach(treeId, lizId, { boneName: 'Hold' }));
 
         const treeMesh = flock.scene.getMeshByName(treeId);
         // attachToBone parents to the bone and refers transforms via the mesh
-        expect(treeMesh.parent, "tree should be parented to a bone").to.exist;
-        expect(treeMesh._transformToBoneReferal, "tree should refer to Liz's skeleton mesh").to.exist;
+        expect(treeMesh.parent, 'tree should be parented to a bone').to.exist;
+        expect(treeMesh._transformToBoneReferal, "tree should refer to Liz's skeleton mesh").to
+          .exist;
       });
 
-      it("attached mesh should follow Liz when she moves", async function () {
-        await pumpAnimation(
-          flock,
-          flock.attach(treeId, lizId, { boneName: "Hold" }),
-        );
+      it('attached mesh should follow Liz when she moves', async function () {
+        await pumpAnimation(flock, flock.attach(treeId, lizId, { boneName: 'Hold' }));
 
         const lizMesh = flock.scene.getMeshByName(lizId);
         lizMesh.position.x = 10;
         flock.scene.render();
 
-        const treeWorldPos = flock.scene
-          .getMeshByName(treeId)
-          .getAbsolutePosition();
+        const treeWorldPos = flock.scene.getMeshByName(treeId).getAbsolutePosition();
         expect(treeWorldPos.x).to.be.closeTo(10, 2);
       });
 
-      it("attach to Head should use the crown bone, not the skull joint", async function () {
-        await pumpAnimation(
-          flock,
-          flock.attach(treeId, lizId, { boneName: "Head" }),
-        );
+      it('attach to Head should use the crown bone, not the skull joint', async function () {
+        await pumpAnimation(flock, flock.attach(treeId, lizId, { boneName: 'Head' }));
 
         const treeMesh = flock.scene.getMeshByName(treeId);
         const skeleton = treeMesh._transformToBoneReferal.skeleton;
         expect(skeleton.bones.indexOf(treeMesh.parent)).to.equal(
-          skeleton.getBoneIndexByName("mixamorig:HeadTop_End"),
+          skeleton.getBoneIndexByName('mixamorig:HeadTop_End')
         );
       });
 
-      it("attach to Head should apply the given offsets exactly", async function () {
+      it('attach to Head should apply the given offsets exactly', async function () {
         await pumpAnimation(
           flock,
-          flock.attach(treeId, lizId, { boneName: "Head", x: 0, y: 0.25, z: 0 }),
+          flock.attach(treeId, lizId, { boneName: 'Head', x: 0, y: 0.25, z: 0 })
         );
 
         const treeMesh = flock.scene.getMeshByName(treeId);
@@ -383,17 +360,15 @@ export function runMeshHierarchyTests(flock) {
         expect(treeMesh.position.z).to.equal(0);
       });
 
-      it("attach should record the raw offset for model-switch re-attachment", async function () {
+      it('attach should record the raw offset for model-switch re-attachment', async function () {
         await pumpAnimation(
           flock,
-          flock.attach(treeId, lizId, { boneName: "Head", x: 0, y: 0.25, z: 0 }),
+          flock.attach(treeId, lizId, { boneName: 'Head', x: 0, y: 0.25, z: 0 })
         );
 
         const lizMesh = flock.scene.getMeshByName(lizId);
-        const entry = lizMesh.metadata._boneAttachments.find(
-          (e) => e.meshName === treeId,
-        );
-        expect(entry.boneName).to.equal("Head");
+        const entry = lizMesh.metadata._boneAttachments.find((e) => e.meshName === treeId);
+        expect(entry.boneName).to.equal('Head');
         expect(entry.offset).to.deep.equal({ x: 0, y: 0.25, z: 0 });
 
         // Replaying the tracked offset (what a live model change does) must
@@ -405,15 +380,15 @@ export function runMeshHierarchyTests(flock) {
             x: entry.offset.x,
             y: entry.offset.y,
             z: entry.offset.z,
-          }),
+          })
         );
         expect(flock.scene.getMeshByName(treeId).position.y).to.equal(0.25);
       });
 
-      it("replaying attach should restore the bone offset after the tree is moved", async function () {
+      it('replaying attach should restore the bone offset after the tree is moved', async function () {
         await pumpAnimation(
           flock,
-          flock.attach(treeId, lizId, { boneName: "Head", x: 0, y: 0.25, z: 0 }),
+          flock.attach(treeId, lizId, { boneName: 'Head', x: 0, y: 0.25, z: 0 })
         );
 
         const treeMesh = flock.scene.getMeshByName(treeId);
@@ -427,7 +402,7 @@ export function runMeshHierarchyTests(flock) {
             x: md._attachedOffset.x,
             y: md._attachedOffset.y,
             z: md._attachedOffset.z,
-          }),
+          })
         );
 
         expect(treeMesh.position.x).to.equal(0);
@@ -435,28 +410,23 @@ export function runMeshHierarchyTests(flock) {
         expect(treeMesh.position.z).to.equal(0);
       });
 
-      it("replaying attach should keep the original pre-attach rotation for drop", async function () {
+      it('replaying attach should keep the original pre-attach rotation for drop', async function () {
         const treeMesh = flock.scene.getMeshByName(treeId);
         delete treeMesh.metadata?._attachedTargetName;
         await pumpAnimation(
           flock,
-          flock.attach(treeId, lizId, { boneName: "Head", x: 0, y: 0.25, z: 0 }),
+          flock.attach(treeId, lizId, { boneName: 'Head', x: 0, y: 0.25, z: 0 })
         );
-        const firstPreAttach =
-          treeMesh.metadata._preAttachWorldRotation.clone();
+        const firstPreAttach = treeMesh.metadata._preAttachWorldRotation.clone();
 
         // Rotate Liz, or a re-capture would be indistinguishable
         const lizMesh = flock.scene.getMeshByName(lizId);
-        lizMesh.rotationQuaternion = flock.BABYLON.Quaternion.FromEulerAngles(
-          0,
-          1,
-          0,
-        );
+        lizMesh.rotationQuaternion = flock.BABYLON.Quaternion.FromEulerAngles(0, 1, 0);
         flock.scene.render();
 
         await pumpAnimation(
           flock,
-          flock.attach(treeId, lizId, { boneName: "Head", x: 0, y: 0.25, z: 0 }),
+          flock.attach(treeId, lizId, { boneName: 'Head', x: 0, y: 0.25, z: 0 })
         );
 
         const after = treeMesh.metadata._preAttachWorldRotation;
@@ -469,17 +439,17 @@ export function runMeshHierarchyTests(flock) {
         flock.scene.render();
       });
 
-      it("live model swap on an attached object should land where a re-run does", async function () {
+      it('live model swap on an attached object should land where a re-run does', async function () {
         this.timeout(60000);
-        const { updateMeshFromBlock } = await import("../ui/blockmesh.js");
+        const { updateMeshFromBlock } = await import('../ui/blockmesh.js');
 
-        const attachOpts = { boneName: "Head", x: 0, y: 0.25, z: 0 };
+        const attachOpts = { boneName: 'Head', x: 0, y: 0.25, z: 0 };
         // The wrapper's geometry is stale after a swap
         const renderedBoundsOf = (id) => {
           const min = new flock.BABYLON.Vector3(1e9, 1e9, 1e9);
           const max = new flock.BABYLON.Vector3(-1e9, -1e9, -1e9);
           const visit = (node) => {
-            if (node.getClassName?.() === "Mesh" && node.getTotalVertices?.()) {
+            if (node.getClassName?.() === 'Mesh' && node.getTotalVertices?.()) {
               node.computeWorldMatrix(true);
               node.refreshBoundingInfo?.();
               const bbox = node.getBoundingInfo().boundingBox;
@@ -504,34 +474,27 @@ export function runMeshHierarchyTests(flock) {
           return id;
         };
 
-        const rerunId = await loadAndAttach("Heart.glb", "swapRerunHeart");
+        const rerunId = await loadAndAttach('Heart.glb', 'swapRerunHeart');
         const rerunCentre = renderedBoundsOf(rerunId).centre;
 
         // Undefined ids keep updateMeshFromBlock off getMainWorkspace()
-        const liveId = await loadAndAttach("starboppers.glb", "swapLiveHeart");
+        const liveId = await loadAndAttach('starboppers.glb', 'swapLiveHeart');
         const block = {
-          type: "load_object",
-          getFieldValue: (name) => (name === "MODELS" ? "Heart.glb" : null),
+          type: 'load_object',
+          getFieldValue: (name) => (name === 'MODELS' ? 'Heart.glb' : null),
           getInput: () => null,
           getInputTargetBlock: () => null,
           inputList: [],
           getParent: () => null,
         };
         const changeEvent = {
-          type: "change",
-          element: "field",
-          name: "MODELS",
+          type: 'change',
+          element: 'field',
+          name: 'MODELS',
         };
 
-        updateMeshFromBlock(
-          flock.scene.getMeshByName(liveId),
-          block,
-          changeEvent,
-        );
-        await pumpAnimation(
-          flock,
-          new Promise((resolve) => setTimeout(resolve, 2000)),
-        );
+        updateMeshFromBlock(flock.scene.getMeshByName(liveId), block, changeEvent);
+        await pumpAnimation(flock, new Promise((resolve) => setTimeout(resolve, 2000)));
 
         const liveCentre = renderedBoundsOf(liveId).centre;
         expect(liveCentre.y).to.be.closeTo(rerunCentre.y, 0.01);
@@ -539,10 +502,10 @@ export function runMeshHierarchyTests(flock) {
         expect(liveCentre.z).to.be.closeTo(rerunCentre.z, 0.01);
       });
 
-      it("drop should clear the attachment record so a later attach starts fresh", async function () {
+      it('drop should clear the attachment record so a later attach starts fresh', async function () {
         await pumpAnimation(
           flock,
-          flock.attach(treeId, lizId, { boneName: "Head", x: 0, y: 0.25, z: 0 }),
+          flock.attach(treeId, lizId, { boneName: 'Head', x: 0, y: 0.25, z: 0 })
         );
         await pumpAnimation(flock, flock.drop(treeId));
 
@@ -551,11 +514,8 @@ export function runMeshHierarchyTests(flock) {
         expect(treeMesh.metadata._preAttachWorldRotation).to.be.undefined;
       });
 
-      it("drop should detach the tree so it no longer follows Liz", async function () {
-        await pumpAnimation(
-          flock,
-          flock.attach(treeId, lizId, { boneName: "Hold" }),
-        );
+      it('drop should detach the tree so it no longer follows Liz', async function () {
+        await pumpAnimation(flock, flock.attach(treeId, lizId, { boneName: 'Hold' }));
         await pumpAnimation(flock, flock.drop(treeId));
 
         const treeMesh = flock.scene.getMeshByName(treeId);
diff --git a/tests/microbit/field.test.js b/tests/microbit/field.test.js
index 7991d305f..1777758c6 100644
--- a/tests/microbit/field.test.js
+++ b/tests/microbit/field.test.js
@@ -1,4 +1,4 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 import {
   MICROBIT_IMAGE_GRID_SIZE,
   MICROBIT_IMAGE_DEFAULT,
@@ -9,72 +9,66 @@ import {
   setImageCell,
   toggleImageCell,
   makeMicrobitImageDataUri,
-} from "../../blocks/microbitImagePattern.js";
+} from '../../blocks/microbitImagePattern.js';
 
 // Pure pattern/editor logic only — FieldMicrobitImage itself needs Blockly
 // and a DOM, so its behaviour is covered by these helpers plus the generator
 // suite in the browser harness.
 export function runMicrobitFieldTests() {
-  describe("micro:bit image field helpers @microbit", function () {
-    it("has an all-off default of the right size", function () {
-      expect(MICROBIT_IMAGE_DEFAULT).to.equal("0".repeat(25));
+  describe('micro:bit image field helpers @microbit', function () {
+    it('has an all-off default of the right size', function () {
+      expect(MICROBIT_IMAGE_DEFAULT).to.equal('0'.repeat(25));
       expect(MICROBIT_IMAGE_GRID_SIZE).to.equal(5);
     });
 
-    it("normalises field values like the wire format", function () {
+    it('normalises field values like the wire format', function () {
       // The field's value is the wire pattern; shared normalisation means a
       // hand-edited save can never render differently from what is sent.
-      expect(normaliseImagePattern("99")).to.equal("99" + "0".repeat(23));
-      expect(normaliseImagePattern("9".repeat(40))).to.equal("9".repeat(25));
-      expect(normaliseImagePattern("#.#" + "9".repeat(22))).to.equal(
-        "000" + "9".repeat(22),
-      );
-      expect(normaliseImagePattern({})).to.equal(
-        normaliseImagePattern(String({})),
-      );
+      expect(normaliseImagePattern('99')).to.equal('99' + '0'.repeat(23));
+      expect(normaliseImagePattern('9'.repeat(40))).to.equal('9'.repeat(25));
+      expect(normaliseImagePattern('#.#' + '9'.repeat(22))).to.equal('000' + '9'.repeat(22));
+      expect(normaliseImagePattern({})).to.equal(normaliseImagePattern(String({})));
     });
 
-    it("presets are valid patterns", function () {
+    it('presets are valid patterns', function () {
       expect(MICROBIT_IMAGE_PRESETS.clear).to.equal(MICROBIT_IMAGE_DEFAULT);
-      expect(MICROBIT_IMAGE_PRESETS.full).to.equal("9".repeat(25));
+      expect(MICROBIT_IMAGE_PRESETS.full).to.equal('9'.repeat(25));
       // The sun from the spec:
       //   # . # . #
       //   . # # # .
       //   # # # # #
       //   . # # # .
       //   # . # . #
-      expect(MICROBIT_IMAGE_PRESETS.sun).to.equal(
-        "9090909990999990999090909",
-      );
+      expect(MICROBIT_IMAGE_PRESETS.sun).to.equal('9090909990999990999090909');
       for (const pattern of Object.values(MICROBIT_IMAGE_PRESETS)) {
         expect(normaliseImagePattern(pattern)).to.equal(pattern);
       }
     });
 
-    it("every picture-menu entry names a preset", function () {
-      expect(MICROBIT_IMAGE_PICTURE_NAMES).to.deep.equal(["sun"]);
+    it('every picture-menu entry names a preset', function () {
+      expect(MICROBIT_IMAGE_PICTURE_NAMES).to.deep.equal(['sun']);
       for (const name of MICROBIT_IMAGE_PICTURE_NAMES) {
         expect(MICROBIT_IMAGE_PRESETS).to.have.property(name);
       }
     });
 
-    it("reads and writes cells row-major from the top-left", function () {
+    it('reads and writes cells row-major from the top-left', function () {
       expect(isImageCellOn(MICROBIT_IMAGE_PRESETS.sun, 0, 0)).to.equal(true);
       expect(isImageCellOn(MICROBIT_IMAGE_PRESETS.sun, 0, 1)).to.equal(false);
       expect(isImageCellOn(MICROBIT_IMAGE_PRESETS.sun, 2, 4)).to.equal(true);
 
-      const pattern = setImageCell(MICROBIT_IMAGE_DEFAULT, 1, 3, "9");
-      expect(pattern).to.equal("0".repeat(8) + "9" + "0".repeat(16));
+      const pattern = setImageCell(MICROBIT_IMAGE_DEFAULT, 1, 3, '9');
+      expect(pattern).to.equal('0'.repeat(8) + '9' + '0'.repeat(16));
       expect(isImageCellOn(pattern, 1, 3)).to.equal(true);
     });
 
-    it("toggle returns the new pattern and the digit a drag paints with", function () {
+    it('toggle returns the new pattern and the digit a drag paints with', function () {
       const on = toggleImageCell(MICROBIT_IMAGE_DEFAULT, 4, 4);
-      expect(on.digit).to.equal("9");
+      expect(on.digit).to.equal('9');
       expect(isImageCellOn(on.pattern, 4, 4)).to.equal(true);
 
       const off = toggleImageCell(on.pattern, 4, 4);
-      expect(off.digit).to.equal("0");
+      expect(off.digit).to.equal('0');
       expect(off.pattern).to.equal(MICROBIT_IMAGE_DEFAULT);
     });
 
@@ -82,21 +76,26 @@ export function runMicrobitFieldTests() {
       // Drag from an off cell: it toggles on, and sweeping back over painted
       // cells must not toggle them off again.
       let { pattern, digit } = toggleImageCell(MICROBIT_IMAGE_DEFAULT, 0, 0);
-      for (const [row, col] of [[0, 1], [0, 2], [0, 1], [0, 0]]) {
+      for (const [row, col] of [
+        [0, 1],
+        [0, 2],
+        [0, 1],
+        [0, 0],
+      ]) {
         pattern = setImageCell(pattern, row, col, digit);
       }
-      expect(pattern).to.equal("999" + "0".repeat(22));
+      expect(pattern).to.equal('999' + '0'.repeat(22));
     });
 
-    it("renders 25 rounded squares as an SVG data URI", function () {
+    it('renders 25 rounded squares as an SVG data URI', function () {
       const uri = makeMicrobitImageDataUri(MICROBIT_IMAGE_PRESETS.sun);
       expect(uri).to.match(/^data:image\/svg\+xml,/);
-      const svg = decodeURIComponent(uri.slice("data:image/svg+xml,".length));
+      const svg = decodeURIComponent(uri.slice('data:image/svg+xml,'.length));
       const cells = svg.match(/<rect [^>]*rx="3"/g) ?? [];
       expect(cells.length).to.equal(25);
       expect((svg.match(/#ff8a80/g) ?? []).length).to.equal(17); // lit sun LEDs
       const unlit = makeMicrobitImageDataUri(MICROBIT_IMAGE_DEFAULT);
-      expect(unlit).to.not.include(encodeURIComponent("#ff8a80"));
+      expect(unlit).to.not.include(encodeURIComponent('#ff8a80'));
       expect(unlit).to.not.equal(uri);
     });
   });
diff --git a/tests/microbit/generators.test.js b/tests/microbit/generators.test.js
index 7a4b9a121..617604449 100644
--- a/tests/microbit/generators.test.js
+++ b/tests/microbit/generators.test.js
@@ -1,24 +1,24 @@
-import { expect } from "chai";
-import * as Blockly from "blockly";
-import { javascriptGenerator } from "blockly/javascript";
-import { initializeVariableIndexes } from "../../blocks/blocks.js";
-import { defineSensingBlocks } from "../../blocks/sensing.js";
-import { defineXRBlocks } from "../../blocks/xr.js";
-import { registerSensingGenerators } from "../../generators/generators-sensing.js";
-import { MICROBIT_IMAGE_PRESETS } from "../../blocks/microbitImagePattern.js";
+import { expect } from 'chai';
+import * as Blockly from 'blockly';
+import { javascriptGenerator } from 'blockly/javascript';
+import { initializeVariableIndexes } from '../../blocks/blocks.js';
+import { defineSensingBlocks } from '../../blocks/sensing.js';
+import { defineXRBlocks } from '../../blocks/xr.js';
+import { registerSensingGenerators } from '../../generators/generators-sensing.js';
+import { MICROBIT_IMAGE_PRESETS } from '../../blocks/microbitImagePattern.js';
 
 export function runMicrobitGeneratorTests() {
-  describe("micro:bit generators @microbit", function () {
+  describe('micro:bit generators @microbit', function () {
     this.timeout(5000);
 
     let workspace;
 
     before(function () {
       initializeVariableIndexes();
-      if (!Blockly.Blocks["add_microbit"]) {
+      if (!Blockly.Blocks['add_microbit']) {
         defineSensingBlocks();
       }
-      if (!Blockly.Blocks["microbit_show_image"]) {
+      if (!Blockly.Blocks['microbit_show_image']) {
         defineXRBlocks();
       }
       registerSensingGenerators(javascriptGenerator);
@@ -38,117 +38,101 @@ export function runMicrobitGeneratorTests() {
       return Array.isArray(code) ? code[0] : code;
     }
 
-    it("add_microbit generates addMicrobit with the variable name and channel", function () {
-      const variable = workspace
-        .getVariableMap()
-        .createVariable("microbit1", "");
+    it('add_microbit generates addMicrobit with the variable name and channel', function () {
+      const variable = workspace.getVariableMap().createVariable('microbit1', '');
       const block = Blockly.serialization.blocks.append(
         {
-          type: "add_microbit",
+          type: 'add_microbit',
           fields: { MICROBIT_VAR: { id: variable.getId() } },
           inputs: {
-            CHANNEL: { shadow: { type: "math_number", fields: { NUM: 3 } } },
+            CHANNEL: { shadow: { type: 'math_number', fields: { NUM: 3 } } },
           },
         },
-        workspace,
+        workspace
       );
       expect(generate(block)).to.equal('addMicrobit("microbit1", 3);\n');
     });
 
-    it("add_microbit defaults the channel to 1", function () {
-      const variable = workspace
-        .getVariableMap()
-        .createVariable("microbit1", "");
+    it('add_microbit defaults the channel to 1', function () {
+      const variable = workspace.getVariableMap().createVariable('microbit1', '');
       const block = Blockly.serialization.blocks.append(
         {
-          type: "add_microbit",
+          type: 'add_microbit',
           fields: { MICROBIT_VAR: { id: variable.getId() } },
         },
-        workspace,
+        workspace
       );
       expect(generate(block)).to.equal('addMicrobit("microbit1", 1);\n');
     });
 
-    it("microbit_input with a device variable generates onMicrobitEvent", function () {
-      workspace.getVariableMap().createVariable("microbit1", "");
+    it('microbit_input with a device variable generates onMicrobitEvent', function () {
+      workspace.getVariableMap().createVariable('microbit1', '');
       const block = Blockly.serialization.blocks.append(
         {
-          type: "microbit_input",
-          fields: { EVENT: "i", DEVICE: "microbit1" },
+          type: 'microbit_input',
+          fields: { EVENT: 'i', DEVICE: 'microbit1' },
         },
-        workspace,
-      );
-      expect(generate(block)).to.equal(
-        'onMicrobitEvent("microbit1", "i", async () => {});\n',
+        workspace
       );
+      expect(generate(block)).to.equal('onMicrobitEvent("microbit1", "i", async () => {});\n');
     });
 
-    it("microbit_input defaults to \"any\" and generates whenKeyEvent", function () {
+    it('microbit_input defaults to "any" and generates whenKeyEvent', function () {
       const block = Blockly.serialization.blocks.append(
-        { type: "microbit_input", fields: { EVENT: "i" } },
-        workspace,
-      );
-      expect(block.getFieldValue("DEVICE")).to.equal("__any__");
-      expect(generate(block)).to.equal(
-        'whenKeyEvent("i", async () => {});\n',
+        { type: 'microbit_input', fields: { EVENT: 'i' } },
+        workspace
       );
+      expect(block.getFieldValue('DEVICE')).to.equal('__any__');
+      expect(generate(block)).to.equal('whenKeyEvent("i", async () => {});\n');
     });
 
-    it("microbit_input resolves variable-id-backed device selections", function () {
-      const variable = workspace
-        .getVariableMap()
-        .createVariable("microbit1", "");
+    it('microbit_input resolves variable-id-backed device selections', function () {
+      const variable = workspace.getVariableMap().createVariable('microbit1', '');
       const block = Blockly.serialization.blocks.append(
         {
-          type: "microbit_input",
-          fields: { EVENT: "i", DEVICE: variable.getId() },
+          type: 'microbit_input',
+          fields: { EVENT: 'i', DEVICE: variable.getId() },
         },
-        workspace,
-      );
-      expect(generate(block)).to.equal(
-        'onMicrobitEvent("microbit1", "i", async () => {});\n',
+        workspace
       );
+      expect(generate(block)).to.equal('onMicrobitEvent("microbit1", "i", async () => {});\n');
     });
 
-    it("DEVICE falls back to \"any\" when its variable is deleted", async function () {
+    it('DEVICE falls back to "any" when its variable is deleted', async function () {
       const variableMap = workspace.getVariableMap();
-      const variable = variableMap.createVariable("microbit1", "");
+      const variable = variableMap.createVariable('microbit1', '');
       const block = Blockly.serialization.blocks.append(
         {
-          type: "microbit_input",
-          fields: { EVENT: "i", DEVICE: variable.getId() },
+          type: 'microbit_input',
+          fields: { EVENT: 'i', DEVICE: variable.getId() },
         },
-        workspace,
+        workspace
       );
-      expect(block.getFieldValue("DEVICE")).to.equal(variable.getId());
+      expect(block.getFieldValue('DEVICE')).to.equal(variable.getId());
 
       variableMap.deleteVariable(variable);
       // Block onchange handlers run off asynchronous workspace events.
       await new Promise((resolve) => setTimeout(resolve, 20));
 
-      expect(block.getFieldValue("DEVICE")).to.equal("__any__");
-      expect(generate(block)).to.equal(
-        'whenKeyEvent("i", async () => {});\n',
-      );
+      expect(block.getFieldValue('DEVICE')).to.equal('__any__');
+      expect(generate(block)).to.equal('whenKeyEvent("i", async () => {});\n');
     });
 
-    it("DEVICE keeps its selection when the add_microbit block is deleted", async function () {
-      const variable = workspace
-        .getVariableMap()
-        .createVariable("microbit1", "");
+    it('DEVICE keeps its selection when the add_microbit block is deleted', async function () {
+      const variable = workspace.getVariableMap().createVariable('microbit1', '');
       const addBlock = Blockly.serialization.blocks.append(
         {
-          type: "add_microbit",
+          type: 'add_microbit',
           fields: { MICROBIT_VAR: { id: variable.getId() } },
         },
-        workspace,
+        workspace
       );
       const block = Blockly.serialization.blocks.append(
         {
-          type: "microbit_input",
-          fields: { EVENT: "i", DEVICE: variable.getId() },
+          type: 'microbit_input',
+          fields: { EVENT: 'i', DEVICE: variable.getId() },
         },
-        workspace,
+        workspace
       );
 
       addBlock.dispose();
@@ -156,103 +140,83 @@ export function runMicrobitGeneratorTests() {
 
       // The variable still exists; the selection survives (silent at runtime
       // until a board is bound) and remains renderable in the menu.
-      expect(block.getFieldValue("DEVICE")).to.equal(variable.getId());
+      expect(block.getFieldValue('DEVICE')).to.equal(variable.getId());
       const optionValues = block
-        .getField("DEVICE")
+        .getField('DEVICE')
         .getOptions(false)
         .map((option) => option[1]);
       expect(optionValues).to.include(variable.getId());
-      expect(generate(block)).to.equal(
-        'onMicrobitEvent("microbit1", "i", async () => {});\n',
-      );
+      expect(generate(block)).to.equal('onMicrobitEvent("microbit1", "i", async () => {});\n');
     });
 
-    it("microbit_show_image with a device variable generates microbitShowImage", function () {
-      const variable = workspace
-        .getVariableMap()
-        .createVariable("microbit1", "");
+    it('microbit_show_image with a device variable generates microbitShowImage', function () {
+      const variable = workspace.getVariableMap().createVariable('microbit1', '');
       const block = Blockly.serialization.blocks.append(
         {
-          type: "microbit_show_image",
+          type: 'microbit_show_image',
           fields: {
             DEVICE: variable.getId(),
             IMAGE: MICROBIT_IMAGE_PRESETS.sun,
           },
         },
-        workspace,
+        workspace
       );
       expect(generate(block)).to.equal(
-        `microbitShowImage("microbit1", "${MICROBIT_IMAGE_PRESETS.sun}");\n`,
+        `microbitShowImage("microbit1", "${MICROBIT_IMAGE_PRESETS.sun}");\n`
       );
     });
 
     it('microbit_show_image defaults to "any" (empty device) and an all-off image', function () {
-      const block = Blockly.serialization.blocks.append(
-        { type: "microbit_show_image" },
-        workspace,
-      );
-      expect(block.getFieldValue("DEVICE")).to.equal("__any__");
-      expect(generate(block)).to.equal(
-        `microbitShowImage("", "${"0".repeat(25)}");\n`,
-      );
+      const block = Blockly.serialization.blocks.append({ type: 'microbit_show_image' }, workspace);
+      expect(block.getFieldValue('DEVICE')).to.equal('__any__');
+      expect(generate(block)).to.equal(`microbitShowImage("", "${'0'.repeat(25)}");\n`);
     });
 
-    it("microbit_show_image normalises a corrupt saved image value", function () {
+    it('microbit_show_image normalises a corrupt saved image value', function () {
       const block = Blockly.serialization.blocks.append(
         {
-          type: "microbit_show_image",
-          fields: { IMAGE: "9x9" },
+          type: 'microbit_show_image',
+          fields: { IMAGE: '9x9' },
         },
-        workspace,
-      );
-      expect(generate(block)).to.equal(
-        `microbitShowImage("", "909${"0".repeat(22)}");\n`,
+        workspace
       );
+      expect(generate(block)).to.equal(`microbitShowImage("", "909${'0'.repeat(22)}");\n`);
     });
 
-    it("microbit_scroll_text with a device variable generates microbitScrollText", function () {
-      const variable = workspace
-        .getVariableMap()
-        .createVariable("microbit1", "");
+    it('microbit_scroll_text with a device variable generates microbitScrollText', function () {
+      const variable = workspace.getVariableMap().createVariable('microbit1', '');
       const block = Blockly.serialization.blocks.append(
         {
-          type: "microbit_scroll_text",
+          type: 'microbit_scroll_text',
           fields: { DEVICE: variable.getId() },
           inputs: {
-            TEXT: { shadow: { type: "text", fields: { TEXT: "Hello" } } },
+            TEXT: { shadow: { type: 'text', fields: { TEXT: 'Hello' } } },
           },
         },
-        workspace,
-      );
-      expect(generate(block)).to.equal(
-        `microbitScrollText("microbit1", 'Hello');\n`,
+        workspace
       );
+      expect(generate(block)).to.equal(`microbitScrollText("microbit1", 'Hello');\n`);
     });
 
     it('microbit_scroll_text defaults to "any" (empty device) and empty text', function () {
       const block = Blockly.serialization.blocks.append(
-        { type: "microbit_scroll_text" },
-        workspace,
+        { type: 'microbit_scroll_text' },
+        workspace
       );
-      expect(block.getFieldValue("DEVICE")).to.equal("__any__");
+      expect(block.getFieldValue('DEVICE')).to.equal('__any__');
       expect(generate(block)).to.equal(`microbitScrollText("", '');\n`);
     });
 
-    it("legacy XML (no DEVICE field) loads as \"any\" with unchanged output", function () {
+    it('legacy XML (no DEVICE field) loads as "any" with unchanged output', function () {
       const xml =
         '<xml xmlns="https://developers.google.com/blockly/xml">' +
         '<block type="microbit_input">' +
         '<field name="EVENT">a</field>' +
-        "</block></xml>";
-      Blockly.Xml.domToWorkspace(
-        Blockly.utils.xml.textToDom(xml),
-        workspace,
-      );
-      const block = workspace.getBlocksByType("microbit_input", false)[0];
-      expect(block.getFieldValue("DEVICE")).to.equal("__any__");
-      expect(generate(block)).to.equal(
-        'whenKeyEvent("a", async () => {});\n',
-      );
+        '</block></xml>';
+      Blockly.Xml.domToWorkspace(Blockly.utils.xml.textToDom(xml), workspace);
+      const block = workspace.getBlocksByType('microbit_input', false)[0];
+      expect(block.getFieldValue('DEVICE')).to.equal('__any__');
+      expect(generate(block)).to.equal('whenKeyEvent("a", async () => {});\n');
     });
   });
 }
diff --git a/tests/microbit/index.test.js b/tests/microbit/index.test.js
index ad84f5d0d..e9dfba040 100644
--- a/tests/microbit/index.test.js
+++ b/tests/microbit/index.test.js
@@ -1,7 +1,7 @@
-import { runMicrobitProtocolTests } from "./protocol.test.js";
-import { runMicrobitManagerTests } from "./manager.test.js";
-import { runMicrobitFieldTests } from "./field.test.js";
-import { runMicrobitGeneratorTests } from "./generators.test.js";
+import { runMicrobitProtocolTests } from './protocol.test.js';
+import { runMicrobitManagerTests } from './manager.test.js';
+import { runMicrobitFieldTests } from './field.test.js';
+import { runMicrobitGeneratorTests } from './generators.test.js';
 
 // Browser entry point (tests.html). The node runner
 // (scripts/run-microbit-tests.mjs) imports the protocol, manager, and field
diff --git a/tests/microbit/manager.test.js b/tests/microbit/manager.test.js
index 7bebd3f1a..e0b4fb47b 100644
--- a/tests/microbit/manager.test.js
+++ b/tests/microbit/manager.test.js
@@ -1,15 +1,12 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 import {
   MicrobitManager,
   VariableStatus,
   BoardState,
   setMicrobitManagerForTests,
-} from "../../microbit/manager.js";
+} from '../../microbit/manager.js';
 import { PROTOCOL_VERSION } from '../../microbit/protocol.js';
-import {
-  flockMicrobit,
-  setFlockReference as setMicrobitFlock,
-} from "../../api/microbit.js";
+import { flockMicrobit, setFlockReference as setMicrobitFlock } from '../../api/microbit.js';
 
 // A test double for usbTransport.js: the test drives serial lines in and
 // records lines out. `onWrite` lets a test script the board's replies (e.g.
@@ -89,7 +86,7 @@ function respondingTransport(deviceId, options = {}) {
 const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 
 export function runMicrobitManagerTests() {
-  describe("micro:bit manager @microbit", function () {
+  describe('micro:bit manager @microbit', function () {
     this.timeout(5000);
 
     function makeManager({ transports = [], storage, usb, ...rest } = {}) {
@@ -99,12 +96,12 @@ export function runMicrobitManagerTests() {
         createTransport: async (options) => {
           createCalls.push(options);
           const transport = transports[call++];
-          if (!transport) throw new Error("no more test transports");
+          if (!transport) throw new Error('no more test transports');
           return transport;
         },
         storage: storage ?? new TestStorage(),
         usb: usb ?? null,
-        fetchFirmware: async () => ":FAKEHEX",
+        fetchFirmware: async () => ':FAKEHEX',
         probeTimeoutMs: 20,
         heartbeatTimeoutMs: 60,
         ...rest,
@@ -114,70 +111,64 @@ export function runMicrobitManagerTests() {
       return manager;
     }
 
-    describe("addMicrobit", function () {
-      it("rejects invalid channels before updating the manager", function () {
+    describe('addMicrobit', function () {
+      it('rejects invalid channels before updating the manager', function () {
         const manager = makeManager({ transports: [] });
         setMicrobitManagerForTests(manager);
-        let warned = "";
+        let warned = '';
         const originalWarn = console.warn;
         console.warn = (message) => {
           warned = message;
         };
 
         try {
-          flockMicrobit.addMicrobit("microbit1", 9999);
-          expect(manager.getVariableChannel("microbit1")).to.equal(1);
-          expect(warned).to.equal(
-            "addMicrobit: channel must be an integer between 0 and 255",
-          );
+          flockMicrobit.addMicrobit('microbit1', 9999);
+          expect(manager.getVariableChannel('microbit1')).to.equal(1);
+          expect(warned).to.equal('addMicrobit: channel must be an integer between 0 and 255');
         } finally {
           console.warn = originalWarn;
         }
       });
     });
 
-    describe("connect flow", function () {
-      it("binds a responding board: probe, channel, name scroll, persist", async function () {
+    describe('connect flow', function () {
+      it('binds a responding board: probe, channel, name scroll, persist', async function () {
         const storage = new TestStorage();
-        const transport = respondingTransport("111");
+        const transport = respondingTransport('111');
         const manager = makeManager({ transports: [transport], storage });
         const seenStates = [];
         manager.onStatusChange(() =>
-          seenStates.push(manager.getStatusForVariable("microbit1").state),
+          seenStates.push(manager.getStatusForVariable('microbit1').state)
         );
 
-        await manager.bindFromPicker("microbit1");
+        await manager.bindFromPicker('microbit1');
 
-        expect(manager.getStatusForVariable("microbit1")).to.deep.equal({
+        expect(manager.getStatusForVariable('microbit1')).to.deep.equal({
           state: VariableStatus.TETHERED,
         });
         expect(seenStates).to.include(VariableStatus.BUSY);
-        expect(transport.written).to.deep.equal([
-          "P\n",
-          "G:1\n",
-          "S:microbit1\n",
-        ]);
-        const stored = JSON.parse(storage.getItem("flockMicrobitBindings"));
-        expect(stored["111"].variable).to.equal("microbit1");
+        expect(transport.written).to.deep.equal(['P\n', 'G:1\n', 'S:microbit1\n']);
+        const stored = JSON.parse(storage.getItem('flockMicrobitBindings'));
+        expect(stored['111'].variable).to.equal('microbit1');
         expect(manager._createCalls[0]).to.deep.equal({ silent: false });
       });
 
-      it("reports connecting/probing as busy with the board state", async function () {
-        const transport = respondingTransport("111");
+      it('reports connecting/probing as busy with the board state', async function () {
+        const transport = respondingTransport('111');
         const manager = makeManager({ transports: [transport] });
         const boardStates = [];
         manager.onStatusChange(() => {
-          const status = manager.getStatusForVariable("microbit1");
+          const status = manager.getStatusForVariable('microbit1');
           if (status.state === VariableStatus.BUSY) {
             boardStates.push(status.boardState);
           }
         });
-        await manager.bindFromPicker("microbit1");
+        await manager.bindFromPicker('microbit1');
         expect(boardStates).to.include(BoardState.CONNECTING);
         expect(boardStates).to.include(BoardState.PROBING);
       });
 
-      it("times out the probe, retries once, then asks before flashing; cancel disconnects", async function () {
+      it('times out the probe, retries once, then asks before flashing; cancel disconnects', async function () {
         const transport = new TestTransport(); // never answers
         const manager = makeManager({ transports: [transport] });
         let confirmations = 0;
@@ -186,23 +177,21 @@ export function runMicrobitManagerTests() {
           return Promise.resolve(false);
         };
 
-        await manager.bindFromPicker("microbit1");
+        await manager.bindFromPicker('microbit1');
 
         // Initial probe + one retry, nothing else.
-        expect(transport.written).to.deep.equal(["P\n", "P\n"]);
+        expect(transport.written).to.deep.equal(['P\n', 'P\n']);
         expect(confirmations).to.equal(1);
         expect(transport.flashed).to.deep.equal([]);
         expect(transport.disconnected).to.equal(true);
-        expect(manager.getStatusForVariable("microbit1").state).to.equal(
-          VariableStatus.UNBOUND,
-        );
+        expect(manager.getStatusForVariable('microbit1').state).to.equal(VariableStatus.UNBOUND);
       });
 
-      it("flashes after confirmation, reprobes, and binds", async function () {
+      it('flashes after confirmation, reprobes, and binds', async function () {
         // Silent until flashed, then behaves like a Flock board.
         const transport = new TestTransport({
           onWrite: (line, t) => {
-            if (line === "P\n" && t.flashed.length > 0) {
+            if (line === 'P\n' && t.flashed.length > 0) {
               t.emitLine(`HELLO flock ${PROTOCOL_VERSION} 222`);
             }
           },
@@ -210,16 +199,14 @@ export function runMicrobitManagerTests() {
         const manager = makeManager({ transports: [transport] });
         manager.confirmFlash = () => Promise.resolve(true);
 
-        await manager.bindFromPicker("microbit1");
+        await manager.bindFromPicker('microbit1');
 
-        expect(transport.flashed).to.deep.equal([":FAKEHEX"]);
-        expect(manager.getStatusForVariable("microbit1").state).to.equal(
-          VariableStatus.TETHERED,
-        );
-        expect(transport.written).to.include("S:microbit1\n");
+        expect(transport.flashed).to.deep.equal([':FAKEHEX']);
+        expect(manager.getStatusForVariable('microbit1').state).to.equal(VariableStatus.TETHERED);
+        expect(transport.written).to.include('S:microbit1\n');
       });
 
-      it("binds via the spontaneous boot HELLO after flashing", async function () {
+      it('binds via the spontaneous boot HELLO after flashing', async function () {
         // Never answers probes after the flash, but announces itself on
         // reboot — as the real board does. The boot HELLO arrives before the
         // post-flash probing starts.
@@ -232,21 +219,19 @@ export function runMicrobitManagerTests() {
         const manager = makeManager({ transports: [transport] });
         manager.confirmFlash = () => Promise.resolve(true);
 
-        await manager.bindFromPicker("microbit1");
+        await manager.bindFromPicker('microbit1');
 
-        expect(manager.getStatusForVariable("microbit1").state).to.equal(
-          VariableStatus.TETHERED,
-        );
-        expect(manager.boundDeviceId("microbit1")).to.equal("222");
+        expect(manager.getStatusForVariable('microbit1').state).to.equal(VariableStatus.TETHERED);
+        expect(manager.boundDeviceId('microbit1')).to.equal('222');
       });
 
-      it("keeps probing while the board reboots after flashing", async function () {
+      it('keeps probing while the board reboots after flashing', async function () {
         // Ignores probes until ~2.5 probe-timeouts after the flash — longer
         // than the pre-flash retry budget, shorter than the post-flash one.
         let bootedAt = null;
         const transport = new TestTransport({
           onWrite: (line, t) => {
-            if (line !== "P\n" || bootedAt === null) return;
+            if (line !== 'P\n' || bootedAt === null) return;
             if (Date.now() >= bootedAt) t.emitLine(`HELLO flock ${PROTOCOL_VERSION} 222`);
           },
         });
@@ -257,21 +242,19 @@ export function runMicrobitManagerTests() {
         const manager = makeManager({ transports: [transport] });
         manager.confirmFlash = () => Promise.resolve(true);
 
-        await manager.bindFromPicker("microbit1");
+        await manager.bindFromPicker('microbit1');
 
-        expect(manager.getStatusForVariable("microbit1").state).to.equal(
-          VariableStatus.TETHERED,
-        );
+        expect(manager.getStatusForVariable('microbit1').state).to.equal(VariableStatus.TETHERED);
       });
 
-      it("patches the channel sentinel into the hex it flashes", async function () {
+      it('patches the channel sentinel into the hex it flashes', async function () {
         // One valid record containing "FLKCH:001;"; channel 5 rewrites the
         // digits to 005 and fixes the checksum.
-        const sentinelHex = ":0A000000464C4B43483A3030313B88";
-        const patchedHex = ":0A000000464C4B43483A3030353B84";
+        const sentinelHex = ':0A000000464C4B43483A3030313B88';
+        const patchedHex = ':0A000000464C4B43483A3030353B84';
         const transport = new TestTransport({
           onWrite: (line, t) => {
-            if (line === "P\n" && t.flashed.length > 0) {
+            if (line === 'P\n' && t.flashed.length > 0) {
               t.emitLine(`HELLO flock ${PROTOCOL_VERSION} 222`);
             }
           },
@@ -281,17 +264,17 @@ export function runMicrobitManagerTests() {
           fetchFirmware: async () => sentinelHex,
         });
         manager.confirmFlash = () => Promise.resolve(true);
-        manager.setVariableChannel("microbit1", 5);
+        manager.setVariableChannel('microbit1', 5);
 
-        await manager.bindFromPicker("microbit1");
+        await manager.bindFromPicker('microbit1');
 
         expect(transport.flashed).to.deep.equal([patchedHex]);
       });
 
-      it("treats a stale protocol version as needs-flash", async function () {
+      it('treats a stale protocol version as needs-flash', async function () {
         const transport = new TestTransport({
           onWrite: (line, t) => {
-            if (line !== "P\n") return;
+            if (line !== 'P\n') return;
             t.emitLine(
               t.flashed.length > 0
                 ? `HELLO flock ${PROTOCOL_VERSION} 222`
@@ -302,71 +285,61 @@ export function runMicrobitManagerTests() {
         const manager = makeManager({ transports: [transport] });
         manager.confirmFlash = () => Promise.resolve(true);
 
-        await manager.bindFromPicker("microbit1");
+        await manager.bindFromPicker('microbit1');
 
         expect(transport.flashed.length).to.equal(1);
-        expect(manager.getStatusForVariable("microbit1").state).to.equal(
-          VariableStatus.TETHERED,
-        );
+        expect(manager.getStatusForVariable('microbit1').state).to.equal(VariableStatus.TETHERED);
       });
 
-      it("propagates connect failures and cleans up", async function () {
+      it('propagates connect failures and cleans up', async function () {
         const transport = new TestTransport({
           connectImpl: async () => {
-            throw new Error("no device selected");
+            throw new Error('no device selected');
           },
         });
         const manager = makeManager({ transports: [transport] });
         let error = null;
         try {
-          await manager.bindFromPicker("microbit1");
+          await manager.bindFromPicker('microbit1');
         } catch (e) {
           error = e;
         }
-        expect(error).to.be.an("error");
-        expect(manager.getStatusForVariable("microbit1").state).to.equal(
-          VariableStatus.UNBOUND,
-        );
+        expect(error).to.be.an('error');
+        expect(manager.getStatusForVariable('microbit1').state).to.equal(VariableStatus.UNBOUND);
       });
 
-      it("moves a board picked for another variable; the old variable goes grey", async function () {
+      it('moves a board picked for another variable; the old variable goes grey', async function () {
         const manager = makeManager({
-          transports: [respondingTransport("111"), respondingTransport("111")],
+          transports: [respondingTransport('111'), respondingTransport('111')],
         });
-        await manager.bindFromPicker("microbit1");
-        await manager.bindFromPicker("microbit2");
+        await manager.bindFromPicker('microbit1');
+        await manager.bindFromPicker('microbit2');
 
-        expect(manager.getStatusForVariable("microbit2").state).to.equal(
-          VariableStatus.TETHERED,
-        );
-        expect(manager.getStatusForVariable("microbit1").state).to.equal(
-          VariableStatus.UNBOUND,
-        );
-        expect(manager.boundDeviceId("microbit2")).to.equal("111");
-        expect(manager.boundDeviceId("microbit1")).to.equal(null);
+        expect(manager.getStatusForVariable('microbit2').state).to.equal(VariableStatus.TETHERED);
+        expect(manager.getStatusForVariable('microbit1').state).to.equal(VariableStatus.UNBOUND);
+        expect(manager.boundDeviceId('microbit2')).to.equal('111');
+        expect(manager.boundDeviceId('microbit1')).to.equal(null);
       });
 
-      it("goes grey and disposes the transport when the board unplugs", async function () {
-        const transport = respondingTransport("111");
+      it('goes grey and disposes the transport when the board unplugs', async function () {
+        const transport = respondingTransport('111');
         const manager = makeManager({ transports: [transport] });
-        await manager.bindFromPicker("microbit1");
+        await manager.bindFromPicker('microbit1');
         transport.emitDisconnect();
-        expect(manager.getStatusForVariable("microbit1").state).to.equal(
-          VariableStatus.UNBOUND,
-        );
+        expect(manager.getStatusForVariable('microbit1').state).to.equal(VariableStatus.UNBOUND);
         // The stale connection must be torn down, or it auto-reconnects on
         // tab focus and fights the next connection for the DAPLink interface.
         expect(transport.disconnected).to.equal(true);
       });
 
-      it("silently reclaims a still-present board after the link drops", async function () {
+      it('silently reclaims a still-present board after the link drops', async function () {
         // e.g. the library disconnects the tab while it is hidden.
-        const first = respondingTransport("111", { usbSerialNumber: "USB1" });
-        const second = respondingTransport("111", { usbSerialNumber: "USB1" });
+        const first = respondingTransport('111', { usbSerialNumber: 'USB1' });
+        const second = respondingTransport('111', { usbSerialNumber: 'USB1' });
         const usb = {
           addEventListener() {},
           async getDevices() {
-            return [{ serialNumber: "USB1" }];
+            return [{ serialNumber: 'USB1' }];
           },
         };
         const manager = makeManager({
@@ -374,22 +347,18 @@ export function runMicrobitManagerTests() {
           usb,
           reconnectDelaysMs: [10, 20],
         });
-        await manager.bindFromPicker("microbit1");
+        await manager.bindFromPicker('microbit1');
         first.emitDisconnect();
-        expect(manager.getStatusForVariable("microbit1").state).to.equal(
-          VariableStatus.UNBOUND,
-        );
+        expect(manager.getStatusForVariable('microbit1').state).to.equal(VariableStatus.UNBOUND);
 
         await sleep(40);
-        expect(manager.getStatusForVariable("microbit1").state).to.equal(
-          VariableStatus.TETHERED,
-        );
+        expect(manager.getStatusForVariable('microbit1').state).to.equal(VariableStatus.TETHERED);
         expect(manager._createCalls[1]).to.deep.equal({ silent: true });
       });
 
-      it("does not try to reconnect a board that was unplugged", async function () {
-        const transport = respondingTransport("111", {
-          usbSerialNumber: "USB1",
+      it('does not try to reconnect a board that was unplugged', async function () {
+        const transport = respondingTransport('111', {
+          usbSerialNumber: 'USB1',
         });
         const usb = {
           addEventListener() {},
@@ -402,37 +371,35 @@ export function runMicrobitManagerTests() {
           usb,
           reconnectDelaysMs: [10],
         });
-        await manager.bindFromPicker("microbit1");
+        await manager.bindFromPicker('microbit1');
         transport.emitDisconnect();
         await sleep(40);
         expect(manager._createCalls.length).to.equal(1);
-        expect(manager.getStatusForVariable("microbit1").state).to.equal(
-          VariableStatus.UNBOUND,
-        );
+        expect(manager.getStatusForVariable('microbit1').state).to.equal(VariableStatus.UNBOUND);
       });
     });
 
-    describe("bindings", function () {
-      it("ignores (but keeps) bindings whose variable is missing from the project", async function () {
+    describe('bindings', function () {
+      it('ignores (but keeps) bindings whose variable is missing from the project', async function () {
         const storage = new TestStorage({
           flockMicrobitBindings: JSON.stringify({
-            111: { variable: "microbit1", usbSerialNumber: "USB1" },
+            111: { variable: 'microbit1', usbSerialNumber: 'USB1' },
           }),
         });
         const manager = makeManager({ storage });
         manager.variableExists = () => false;
-        expect(manager.boundDeviceId("microbit1")).to.equal(null);
+        expect(manager.boundDeviceId('microbit1')).to.equal(null);
 
         // Binding is not deleted: it is honoured again once the variable exists.
         manager.variableExists = () => true;
-        expect(manager.boundDeviceId("microbit1")).to.equal("111");
-        expect(
-          JSON.parse(storage.getItem("flockMicrobitBindings"))["111"].variable,
-        ).to.equal("microbit1");
+        expect(manager.boundDeviceId('microbit1')).to.equal('111');
+        expect(JSON.parse(storage.getItem('flockMicrobitBindings'))['111'].variable).to.equal(
+          'microbit1'
+        );
       });
     });
 
-    describe("silent reconnect", function () {
+    describe('silent reconnect', function () {
       function makeUsb(devices) {
         return {
           listeners: {},
@@ -445,92 +412,88 @@ export function runMicrobitManagerTests() {
         };
       }
 
-      it("reconnects known boards from getDevices without scrolling the name", async function () {
+      it('reconnects known boards from getDevices without scrolling the name', async function () {
         const storage = new TestStorage({
           flockMicrobitBindings: JSON.stringify({
-            111: { variable: "microbit1", usbSerialNumber: "USB1" },
+            111: { variable: 'microbit1', usbSerialNumber: 'USB1' },
           }),
         });
-        const transport = respondingTransport("111", {
-          usbSerialNumber: "USB1",
+        const transport = respondingTransport('111', {
+          usbSerialNumber: 'USB1',
         });
-        const usb = makeUsb([{ serialNumber: "USB1" }]);
+        const usb = makeUsb([{ serialNumber: 'USB1' }]);
         const manager = makeManager({ transports: [transport], storage, usb });
 
         await manager.init();
         await sleep(10); // reconnect runs fire-and-forget
 
         expect(manager._createCalls[0]).to.deep.equal({ silent: true });
-        expect(manager.getStatusForVariable("microbit1").state).to.equal(
-          VariableStatus.TETHERED,
-        );
-        expect(transport.written).to.include("G:1\n");
-        expect(transport.written.join("")).to.not.include("S:");
+        expect(manager.getStatusForVariable('microbit1').state).to.equal(VariableStatus.TETHERED);
+        expect(transport.written).to.include('G:1\n');
+        expect(transport.written.join('')).to.not.include('S:');
       });
 
-      it("ignores unknown devices on getDevices and connect events", async function () {
-        const usb = makeUsb([{ serialNumber: "STRANGER" }]);
+      it('ignores unknown devices on getDevices and connect events', async function () {
+        const usb = makeUsb([{ serialNumber: 'STRANGER' }]);
         const manager = makeManager({ transports: [], usb });
         await manager.init();
-        usb.listeners.connect({ device: { serialNumber: "STRANGER2" } });
+        usb.listeners.connect({ device: { serialNumber: 'STRANGER2' } });
         await sleep(10);
         expect(manager._createCalls).to.deep.equal([]);
       });
 
-      it("reconnects when a known board is replugged", async function () {
+      it('reconnects when a known board is replugged', async function () {
         const storage = new TestStorage({
           flockMicrobitBindings: JSON.stringify({
-            111: { variable: "microbit1", usbSerialNumber: "USB1" },
+            111: { variable: 'microbit1', usbSerialNumber: 'USB1' },
           }),
         });
-        const transport = respondingTransport("111", {
-          usbSerialNumber: "USB1",
+        const transport = respondingTransport('111', {
+          usbSerialNumber: 'USB1',
         });
         const usb = makeUsb([]);
         const manager = makeManager({ transports: [transport], storage, usb });
         await manager.init();
-        usb.listeners.connect({ device: { serialNumber: "USB1" } });
+        usb.listeners.connect({ device: { serialNumber: 'USB1' } });
         await sleep(10);
-        expect(manager.getStatusForVariable("microbit1").state).to.equal(
-          VariableStatus.TETHERED,
-        );
+        expect(manager.getStatusForVariable('microbit1').state).to.equal(VariableStatus.TETHERED);
       });
     });
 
-    describe("channel", function () {
-      it("pushes on change, not on repeat; addMicrobit forces a push", async function () {
-        const transport = respondingTransport("111");
+    describe('channel', function () {
+      it('pushes on change, not on repeat; addMicrobit forces a push', async function () {
+        const transport = respondingTransport('111');
         const manager = makeManager({ transports: [transport] });
-        await manager.bindFromPicker("microbit1");
+        await manager.bindFromPicker('microbit1');
         transport.written.length = 0;
 
-        manager.setVariableChannel("microbit1", 5);
+        manager.setVariableChannel('microbit1', 5);
         await sleep(0); // channel pushes go through the session write queue
-        expect(transport.written).to.deep.equal(["G:5\n"]);
+        expect(transport.written).to.deep.equal(['G:5\n']);
 
-        manager.setVariableChannel("microbit1", 5);
+        manager.setVariableChannel('microbit1', 5);
         await sleep(0);
-        expect(transport.written).to.deep.equal(["G:5\n"]);
+        expect(transport.written).to.deep.equal(['G:5\n']);
 
-        manager.setVariableChannel("microbit1", 5, { forcePush: true });
+        manager.setVariableChannel('microbit1', 5, { forcePush: true });
         await sleep(0);
-        expect(transport.written).to.deep.equal(["G:5\n", "G:5\n"]);
+        expect(transport.written).to.deep.equal(['G:5\n', 'G:5\n']);
       });
 
-      it("binds with the pre-registered channel", async function () {
-        const transport = respondingTransport("111");
+      it('binds with the pre-registered channel', async function () {
+        const transport = respondingTransport('111');
         const manager = makeManager({ transports: [transport] });
-        manager.setVariableChannel("microbit1", 7);
-        await manager.bindFromPicker("microbit1");
-        expect(transport.written).to.include("G:7\n");
+        manager.setVariableChannel('microbit1', 7);
+        await manager.bindFromPicker('microbit1');
+        expect(transport.written).to.include('G:7\n');
       });
 
-      it("knows which channels have a tethered listener", async function () {
-        const transport = respondingTransport("111");
+      it('knows which channels have a tethered listener', async function () {
+        const transport = respondingTransport('111');
         const manager = makeManager({ transports: [transport] });
-        manager.setVariableChannel("microbit1", 7);
+        manager.setVariableChannel('microbit1', 7);
         expect(manager.hasTetheredOnChannel(7)).to.equal(false);
-        await manager.bindFromPicker("microbit1");
+        await manager.bindFromPicker('microbit1');
         expect(manager.hasTetheredOnChannel(7)).to.equal(true);
         expect(manager.hasTetheredOnChannel(8)).to.equal(false);
       });
@@ -540,13 +503,7 @@ export function runMicrobitManagerTests() {
       const SUN = '9090909990999990999090909';
       // One short line per LED row — a single 25-digit line overflows the
       // firmware's <20-byte serial receive buffer.
-      const SUN_LINES = [
-        'I:090909\n',
-        'I:109990\n',
-        'I:299999\n',
-        'I:309990\n',
-        'I:490909\n',
-      ];
+      const SUN_LINES = ['I:090909\n', 'I:109990\n', 'I:299999\n', 'I:309990\n', 'I:490909\n'];
 
       it("writes the five row lines to the named variable's tethered session", async function () {
         const transport = respondingTransport('111');
@@ -574,11 +531,7 @@ export function runMicrobitManagerTests() {
           await sleep(0);
           expect(transport.written).to.deep.equal(SUN_LINES);
           for (const line of SUN_LINES) {
-            expect(debugCalls).to.deep.include([
-              'micro:bit:',
-              'write:',
-              line.trimEnd(),
-            ]);
+            expect(debugCalls).to.deep.include(['micro:bit:', 'write:', line.trimEnd()]);
           }
         } finally {
           console.debug = originalDebug;
@@ -623,11 +576,7 @@ export function runMicrobitManagerTests() {
         manager.scrollText('microbit1', 'Hi');
         manager.showImage('microbit1', SUN);
         await sleep(0);
-        expect(transport.written).to.deep.equal([
-          ...SUN_LINES,
-          'S:Hi\n',
-          ...SUN_LINES,
-        ]);
+        expect(transport.written).to.deep.equal([...SUN_LINES, 'S:Hi\n', ...SUN_LINES]);
       });
 
       it('drops the session and stops writing when a row write fails', async function () {
@@ -793,35 +742,35 @@ export function runMicrobitManagerTests() {
       });
     });
 
-    describe("events and radio", function () {
+    describe('events and radio', function () {
       async function tetheredManager() {
-        const transport = respondingTransport("111");
+        const transport = respondingTransport('111');
         const manager = makeManager({ transports: [transport] });
-        await manager.bindFromPicker("microbit1");
+        await manager.bindFromPicker('microbit1');
         return { manager, transport };
       }
 
       it("fans out the tethered board's own events to its variable", async function () {
         const { manager, transport } = await tetheredManager();
         const received = [];
-        manager.subscribe("microbit1", (char) => received.push(char));
-        transport.emitLine("E:SH");
-        transport.emitLine("E:A");
-        transport.emitLine("garbage line");
-        expect(received).to.deep.equal(["i", " "]);
+        manager.subscribe('microbit1', (char) => received.push(char));
+        transport.emitLine('E:SH');
+        transport.emitLine('E:A');
+        transport.emitLine('garbage line');
+        expect(received).to.deep.equal(['i', ' ']);
       });
 
-      it("delivers relayed events to the bound variable and dedups on (deviceId, seq)", async function () {
+      it('delivers relayed events to the bound variable and dedups on (deviceId, seq)', async function () {
         const manager = makeManager({
-          transports: [respondingTransport("111"), respondingTransport("333")],
+          transports: [respondingTransport('111'), respondingTransport('333')],
         });
-        await manager.bindFromPicker("microbit1");
-        await manager.bindFromPicker("microbit2");
+        await manager.bindFromPicker('microbit1');
+        await manager.bindFromPicker('microbit2');
         // Radio board 222 is bound to microbit3 from an earlier tether.
-        manager._bindings.set("222", { variable: "microbit3" });
+        manager._bindings.set('222', { variable: 'microbit3' });
 
         const received = [];
-        manager.subscribe("microbit3", (char) => received.push(char));
+        manager.subscribe('microbit3', (char) => received.push(char));
         const anyChars = [];
         manager.onAnyEvent((char) => anyChars.push(char));
 
@@ -829,57 +778,51 @@ export function runMicrobitManagerTests() {
         const t1 = sessions[0].transport;
         const t2 = sessions[1].transport;
         // Both tethered boards relay the same packet; only one delivery.
-        t1.emitLine("R:222:5:TL");
-        t2.emitLine("R:222:5:TL");
-        t1.emitLine("R:222:6:TR");
+        t1.emitLine('R:222:5:TL');
+        t2.emitLine('R:222:5:TL');
+        t1.emitLine('R:222:6:TR');
 
-        expect(received).to.deep.equal(["a", "d"]);
-        expect(anyChars).to.deep.equal(["a", "d"]);
+        expect(received).to.deep.equal(['a', 'd']);
+        expect(anyChars).to.deep.equal(['a', 'd']);
       });
 
-      it("feeds every event to the any-event sink, even from unbound boards", async function () {
+      it('feeds every event to the any-event sink, even from unbound boards', async function () {
         const { manager, transport } = await tetheredManager();
         const anyChars = [];
         manager.onAnyEvent((char) => anyChars.push(char));
-        transport.emitLine("R:999:1:FF"); // unknown board
-        expect(anyChars).to.deep.equal(["t"]);
+        transport.emitLine('R:999:1:FF'); // unknown board
+        expect(anyChars).to.deep.equal(['t']);
       });
 
-      it("subscribing to an unbound variable is valid and silent", async function () {
+      it('subscribing to an unbound variable is valid and silent', async function () {
         const { manager, transport } = await tetheredManager();
         const received = [];
-        manager.subscribe("microbit9", (char) => received.push(char));
-        transport.emitLine("E:SH");
+        manager.subscribe('microbit9', (char) => received.push(char));
+        transport.emitLine('E:SH');
         expect(received).to.deep.equal([]);
       });
 
-      it("shows green waves while heartbeats arrive, grey after they stop", async function () {
+      it('shows green waves while heartbeats arrive, grey after they stop', async function () {
         const { manager, transport } = await tetheredManager();
-        manager._bindings.set("222", { variable: "microbit2" });
+        manager._bindings.set('222', { variable: 'microbit2' });
 
-        expect(manager.getStatusForVariable("microbit2").state).to.equal(
-          VariableStatus.UNBOUND,
-        );
-        transport.emitLine("R:222:1:HB");
-        expect(manager.getStatusForVariable("microbit2").state).to.equal(
-          VariableStatus.RADIO,
-        );
-        expect(manager.isVariableOnRadio("microbit2")).to.equal(true);
+        expect(manager.getStatusForVariable('microbit2').state).to.equal(VariableStatus.UNBOUND);
+        transport.emitLine('R:222:1:HB');
+        expect(manager.getStatusForVariable('microbit2').state).to.equal(VariableStatus.RADIO);
+        expect(manager.isVariableOnRadio('microbit2')).to.equal(true);
 
         // heartbeatTimeoutMs is 60 in these tests.
         await sleep(90);
-        expect(manager.getStatusForVariable("microbit2").state).to.equal(
-          VariableStatus.UNBOUND,
-        );
+        expect(manager.getStatusForVariable('microbit2').state).to.equal(VariableStatus.UNBOUND);
         await manager.dispose();
       });
 
-      it("does not deliver to variables missing from the project", async function () {
+      it('does not deliver to variables missing from the project', async function () {
         const { manager, transport } = await tetheredManager();
         const received = [];
-        manager.subscribe("microbit1", (char) => received.push(char));
-        manager.variableExists = (name) => name !== "microbit1";
-        transport.emitLine("E:SH");
+        manager.subscribe('microbit1', (char) => received.push(char));
+        manager.variableExists = (name) => name !== 'microbit1';
+        transport.emitLine('E:SH');
         expect(received).to.deep.equal([]);
       });
     });
diff --git a/tests/microbit/protocol.test.js b/tests/microbit/protocol.test.js
index 02e54f4bd..8aec3d9cf 100644
--- a/tests/microbit/protocol.test.js
+++ b/tests/microbit/protocol.test.js
@@ -1,4 +1,4 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 import {
   PROTOCOL_VERSION,
   HEARTBEAT_CODE,
@@ -14,7 +14,7 @@ import {
   normaliseImagePattern,
   MAX_SCROLL_TEXT_LENGTH,
   MICROBIT_IMAGE_LENGTH,
-} from "../../microbit/protocol.js";
+} from '../../microbit/protocol.js';
 
 // Build a valid Intel-hex record from bytes (test-side, so the patcher's
 // checksum math is verified against an independent implementation).
@@ -23,14 +23,14 @@ function makeRecord(address, recordType, bytes) {
   const all = [...fields, parseInt(recordType, 16), ...bytes];
   const sum = all.reduce((a, b) => a + b, 0);
   const checksum = -sum & 0xff;
-  const hex = (n) => n.toString(16).toUpperCase().padStart(2, "0");
+  const hex = (n) => n.toString(16).toUpperCase().padStart(2, '0');
   return (
-    ":" +
+    ':' +
     hex(bytes.length) +
     hex((address >> 8) & 0xff) +
     hex(address & 0xff) +
     recordType +
-    bytes.map(hex).join("") +
+    bytes.map(hex).join('') +
     hex(checksum)
   );
 }
@@ -44,11 +44,11 @@ function recordChecksumIsValid(line) {
 }
 
 function decodeAscii(lines) {
-  let text = "";
+  let text = '';
   for (const line of lines) {
-    if (!line.startsWith(":")) continue;
+    if (!line.startsWith(':')) continue;
     const type = line.slice(7, 9);
-    if (type !== "00" && type !== "0D") continue;
+    if (type !== '00' && type !== '0D') continue;
     const count = parseInt(line.slice(1, 3), 16);
     for (let i = 0; i < count; i++) {
       text += String.fromCharCode(parseInt(line.slice(9 + i * 2, 11 + i * 2), 16));
@@ -58,56 +58,47 @@ function decodeAscii(lines) {
 }
 
 export function runMicrobitProtocolTests() {
-  describe("micro:bit protocol @microbit", function () {
-    describe("LineSplitter", function () {
-      it("splits complete lines and keeps the remainder buffered", function () {
+  describe('micro:bit protocol @microbit', function () {
+    describe('LineSplitter', function () {
+      it('splits complete lines and keeps the remainder buffered', function () {
         const splitter = new LineSplitter();
-        expect(splitter.push("E:SH\nE:")).to.deep.equal(["E:SH"]);
-        expect(splitter.push("TL\n")).to.deep.equal(["E:TL"]);
+        expect(splitter.push('E:SH\nE:')).to.deep.equal(['E:SH']);
+        expect(splitter.push('TL\n')).to.deep.equal(['E:TL']);
       });
 
-      it("reassembles lines split across chunk boundaries", function () {
+      it('reassembles lines split across chunk boundaries', function () {
         const splitter = new LineSplitter();
-        expect(splitter.push("HELLO fl")).to.deep.equal([]);
-        expect(splitter.push("ock 1 123")).to.deep.equal([]);
-        expect(splitter.push("45\nE:A\n")).to.deep.equal([
-          "HELLO flock 1 12345",
-          "E:A",
-        ]);
+        expect(splitter.push('HELLO fl')).to.deep.equal([]);
+        expect(splitter.push('ock 1 123')).to.deep.equal([]);
+        expect(splitter.push('45\nE:A\n')).to.deep.equal(['HELLO flock 1 12345', 'E:A']);
       });
 
-      it("strips trailing carriage returns", function () {
+      it('strips trailing carriage returns', function () {
         const splitter = new LineSplitter();
-        expect(splitter.push("E:AB\r\nE:P0\r\n")).to.deep.equal([
-          "E:AB",
-          "E:P0",
-        ]);
+        expect(splitter.push('E:AB\r\nE:P0\r\n')).to.deep.equal(['E:AB', 'E:P0']);
       });
 
       it("trims MakeCode's space padding from lines", function () {
         // serial.writeLine pads lines with spaces to a 32-byte multiple.
         const splitter = new LineSplitter();
-        expect(
-          splitter.push("E:SH                          \n  E:SU\n"),
-        ).to.deep.equal(["E:SH", "E:SU"]);
+        expect(splitter.push('E:SH                          \n  E:SU\n')).to.deep.equal([
+          'E:SH',
+          'E:SU',
+        ]);
       });
 
-      it("yields several lines from one chunk", function () {
+      it('yields several lines from one chunk', function () {
         const splitter = new LineSplitter();
-        expect(splitter.push("E:SU\nE:SD\nE:FF\n")).to.deep.equal([
-          "E:SU",
-          "E:SD",
-          "E:FF",
-        ]);
+        expect(splitter.push('E:SU\nE:SD\nE:FF\n')).to.deep.equal(['E:SU', 'E:SD', 'E:FF']);
       });
     });
 
-    describe("parseLine", function () {
-      it("parses HELLO", function () {
-        expect(parseLine("HELLO flock 1 987654321")).to.deep.equal({
-          type: "hello",
+    describe('parseLine', function () {
+      it('parses HELLO', function () {
+        expect(parseLine('HELLO flock 1 987654321')).to.deep.equal({
+          type: 'hello',
           version: 1,
-          deviceId: "987654321",
+          deviceId: '987654321',
           channel: null,
         });
         expect(PROTOCOL_VERSION).to.equal(3);
@@ -115,121 +106,121 @@ export function runMicrobitProtocolTests() {
 
       it("parses HELLO with the board's channel appended", function () {
         // The firmware sends "HELLO flock 1 <deviceId> <channel>".
-        expect(parseLine("HELLO flock 1 987654321 7")).to.deep.equal({
-          type: "hello",
+        expect(parseLine('HELLO flock 1 987654321 7')).to.deep.equal({
+          type: 'hello',
           version: 1,
-          deviceId: "987654321",
+          deviceId: '987654321',
           channel: 7,
         });
       });
 
-      it("parses HELLO with a negative device id", function () {
+      it('parses HELLO with a negative device id', function () {
         // control.deviceSerialNumber() is a signed integer on the micro:bit.
-        expect(parseLine("HELLO flock 1 -12345")).to.deep.equal({
-          type: "hello",
+        expect(parseLine('HELLO flock 1 -12345')).to.deep.equal({
+          type: 'hello',
           version: 1,
-          deviceId: "-12345",
+          deviceId: '-12345',
           channel: null,
         });
       });
 
-      it("maps every event code to its block event char", function () {
+      it('maps every event code to its block event char', function () {
         const expected = {
-          A: " ",
-          B: "q",
-          AB: "r",
-          P0: "0",
-          P1: "1",
-          P2: "2",
-          LT: "j",
-          LP: "h",
-          LR: "k",
-          LL: "l",
-          SH: "i",
-          TL: "a",
-          TR: "d",
-          SU: "y",
-          SD: "g",
-          LU: "o",
-          LD: "p",
-          FF: "t",
+          A: ' ',
+          B: 'q',
+          AB: 'r',
+          P0: '0',
+          P1: '1',
+          P2: '2',
+          LT: 'j',
+          LP: 'h',
+          LR: 'k',
+          LL: 'l',
+          SH: 'i',
+          TL: 'a',
+          TR: 'd',
+          SU: 'y',
+          SD: 'g',
+          LU: 'o',
+          LD: 'p',
+          FF: 't',
         };
         expect(EVENT_CODE_TO_CHAR).to.deep.equal(expected);
         for (const [code, char] of Object.entries(expected)) {
           expect(parseLine(`E:${code}`)).to.deep.equal({
-            type: "event",
+            type: 'event',
             char,
           });
         }
       });
 
-      it("parses relayed radio events", function () {
-        expect(parseLine("R:12345:7:SH")).to.deep.equal({
-          type: "relay",
-          deviceId: "12345",
+      it('parses relayed radio events', function () {
+        expect(parseLine('R:12345:7:SH')).to.deep.equal({
+          type: 'relay',
+          deviceId: '12345',
           seq: 7,
           heartbeat: false,
-          char: "i",
+          char: 'i',
         });
       });
 
-      it("parses relayed heartbeats", function () {
+      it('parses relayed heartbeats', function () {
         expect(parseLine(`R:12345:8:${HEARTBEAT_CODE}`)).to.deep.equal({
-          type: "relay",
-          deviceId: "12345",
+          type: 'relay',
+          deviceId: '12345',
           seq: 8,
           heartbeat: true,
           char: null,
         });
       });
 
-      it("tolerates unknown lines and malformed input", function () {
-        expect(parseLine("")).to.equal(null);
-        expect(parseLine("garbage")).to.equal(null);
-        expect(parseLine("E:ZZ")).to.equal(null); // unknown event code
-        expect(parseLine("E:")).to.equal(null);
-        expect(parseLine("E:toString")).to.equal(null); // inherited object keys are not valid event codes
-        expect(parseLine("HELLO flock x 123")).to.equal(null);
-        expect(parseLine("HELLO other 1 123")).to.equal(null);
-        expect(parseLine("R:123:notanumber:SH")).to.equal(null);
-        expect(parseLine("R::7:SH")).to.equal(null);
-        expect(parseLine("R:123:7")).to.equal(null);
-        expect(parseLine("R:123:7:ZZ")).to.equal(null);
+      it('tolerates unknown lines and malformed input', function () {
+        expect(parseLine('')).to.equal(null);
+        expect(parseLine('garbage')).to.equal(null);
+        expect(parseLine('E:ZZ')).to.equal(null); // unknown event code
+        expect(parseLine('E:')).to.equal(null);
+        expect(parseLine('E:toString')).to.equal(null); // inherited object keys are not valid event codes
+        expect(parseLine('HELLO flock x 123')).to.equal(null);
+        expect(parseLine('HELLO other 1 123')).to.equal(null);
+        expect(parseLine('R:123:notanumber:SH')).to.equal(null);
+        expect(parseLine('R::7:SH')).to.equal(null);
+        expect(parseLine('R:123:7')).to.equal(null);
+        expect(parseLine('R:123:7:ZZ')).to.equal(null);
       });
     });
 
-    describe("serialise", function () {
-      it("serialises the probe", function () {
-        expect(serialiseProbe()).to.equal("P\n");
+    describe('serialise', function () {
+      it('serialises the probe', function () {
+        expect(serialiseProbe()).to.equal('P\n');
       });
 
-      it("serialises and clamps the channel", function () {
-        expect(serialiseChannel(1)).to.equal("G:1\n");
-        expect(serialiseChannel(0)).to.equal("G:0\n");
-        expect(serialiseChannel(255)).to.equal("G:255\n");
-        expect(serialiseChannel(300)).to.equal("G:255\n");
-        expect(serialiseChannel(-4)).to.equal("G:0\n");
-        expect(serialiseChannel("7")).to.equal("G:7\n");
-        expect(serialiseChannel("junk")).to.equal("G:0\n");
+      it('serialises and clamps the channel', function () {
+        expect(serialiseChannel(1)).to.equal('G:1\n');
+        expect(serialiseChannel(0)).to.equal('G:0\n');
+        expect(serialiseChannel(255)).to.equal('G:255\n');
+        expect(serialiseChannel(300)).to.equal('G:255\n');
+        expect(serialiseChannel(-4)).to.equal('G:0\n');
+        expect(serialiseChannel('7')).to.equal('G:7\n');
+        expect(serialiseChannel('junk')).to.equal('G:0\n');
       });
 
-      it("serialises scroll text, ASCII-only and truncated", function () {
-        expect(serialiseScrollText("microbit1")).to.equal("S:microbit1\n");
-        expect(
-          serialiseScrollText("a".repeat(MAX_SCROLL_TEXT_LENGTH + 10)),
-        ).to.equal(`S:${"a".repeat(MAX_SCROLL_TEXT_LENGTH)}\n`);
-        expect(serialiseScrollText("héllo\nworld")).to.equal("S:hlloworld\n");
+      it('serialises scroll text, ASCII-only and truncated', function () {
+        expect(serialiseScrollText('microbit1')).to.equal('S:microbit1\n');
+        expect(serialiseScrollText('a'.repeat(MAX_SCROLL_TEXT_LENGTH + 10))).to.equal(
+          `S:${'a'.repeat(MAX_SCROLL_TEXT_LENGTH)}\n`
+        );
+        expect(serialiseScrollText('héllo\nworld')).to.equal('S:hlloworld\n');
       });
 
-      it("serialises an image as five short row lines", function () {
-        const pattern = "9090909990999990999090909";
+      it('serialises an image as five short row lines', function () {
+        const pattern = '9090909990999990999090909';
         expect(pattern.length).to.equal(MICROBIT_IMAGE_LENGTH);
         expect(serialiseImageRows(pattern)).to.deep.equal([
-          "I:090909\n",
-          "I:109990\n",
-          "I:299999\n",
-          "I:309990\n",
-          "I:490909\n",
+          'I:090909\n',
+          'I:109990\n',
+          'I:299999\n',
+          'I:309990\n',
+          'I:490909\n',
         ]);
         // Every line must fit the firmware's <20-byte receive buffer.
         for (const line of serialiseImageRows(pattern)) {
@@ -237,109 +228,94 @@ export function runMicrobitProtocolTests() {
         }
       });
 
-      it("normalises image patterns: pad, truncate, non-digits, non-strings", function () {
-        expect(normaliseImagePattern("999")).to.equal(
-          "999" + "0".repeat(MICROBIT_IMAGE_LENGTH - 3),
-        );
-        expect(normaliseImagePattern("9".repeat(30))).to.equal(
-          "9".repeat(MICROBIT_IMAGE_LENGTH),
+      it('normalises image patterns: pad, truncate, non-digits, non-strings', function () {
+        expect(normaliseImagePattern('999')).to.equal(
+          '999' + '0'.repeat(MICROBIT_IMAGE_LENGTH - 3)
         );
-        expect(normaliseImagePattern("9x9.9-9 9")).to.equal(
-          "909090909" + "0".repeat(MICROBIT_IMAGE_LENGTH - 9),
+        expect(normaliseImagePattern('9'.repeat(30))).to.equal('9'.repeat(MICROBIT_IMAGE_LENGTH));
+        expect(normaliseImagePattern('9x9.9-9 9')).to.equal(
+          '909090909' + '0'.repeat(MICROBIT_IMAGE_LENGTH - 9)
         );
-        expect(normaliseImagePattern(null)).to.equal(
-          "0".repeat(MICROBIT_IMAGE_LENGTH),
-        );
-        expect(normaliseImagePattern(undefined)).to.equal(
-          "0".repeat(MICROBIT_IMAGE_LENGTH),
-        );
-        expect(normaliseImagePattern(42)).to.equal(
-          "42" + "0".repeat(MICROBIT_IMAGE_LENGTH - 2),
-        );
-        expect(serialiseImageRows("abc")).to.deep.equal([
-          "I:000000\n",
-          "I:100000\n",
-          "I:200000\n",
-          "I:300000\n",
-          "I:400000\n",
+        expect(normaliseImagePattern(null)).to.equal('0'.repeat(MICROBIT_IMAGE_LENGTH));
+        expect(normaliseImagePattern(undefined)).to.equal('0'.repeat(MICROBIT_IMAGE_LENGTH));
+        expect(normaliseImagePattern(42)).to.equal('42' + '0'.repeat(MICROBIT_IMAGE_LENGTH - 2));
+        expect(serialiseImageRows('abc')).to.deep.equal([
+          'I:000000\n',
+          'I:100000\n',
+          'I:200000\n',
+          'I:300000\n',
+          'I:400000\n',
         ]);
       });
     });
 
-    describe("patchChannelSentinel", function () {
+    describe('patchChannelSentinel', function () {
       const toBytes = (s) => [...s].map((c) => c.charCodeAt(0));
 
-      it("patches the sentinel digits and fixes the checksum", function () {
-        const hex = [
-          makeRecord(0, "00", toBytes("xxFLKCH:001;yzab")),
-          ":00000001FF",
-        ].join("\n");
+      it('patches the sentinel digits and fixes the checksum', function () {
+        const hex = [makeRecord(0, '00', toBytes('xxFLKCH:001;yzab')), ':00000001FF'].join('\n');
         const patched = patchChannelSentinel(hex, 42);
-        const lines = patched.split("\n");
-        expect(decodeAscii(lines)).to.include("FLKCH:042;");
+        const lines = patched.split('\n');
+        expect(decodeAscii(lines)).to.include('FLKCH:042;');
         expect(recordChecksumIsValid(lines[0])).to.equal(true);
       });
 
-      it("handles the sentinel spanning record boundaries", function () {
-        const part1 = "dataFLKC";
-        const part2 = "H:001;more";
+      it('handles the sentinel spanning record boundaries', function () {
+        const part1 = 'dataFLKC';
+        const part2 = 'H:001;more';
         const hex = [
-          makeRecord(0, "00", toBytes(part1)),
-          makeRecord(8, "00", toBytes(part2)),
-          ":00000001FF",
-        ].join("\n");
+          makeRecord(0, '00', toBytes(part1)),
+          makeRecord(8, '00', toBytes(part2)),
+          ':00000001FF',
+        ].join('\n');
         const patched = patchChannelSentinel(hex, 255);
-        const lines = patched.split("\n");
-        expect(decodeAscii(lines)).to.include("FLKCH:255;");
+        const lines = patched.split('\n');
+        expect(decodeAscii(lines)).to.include('FLKCH:255;');
         expect(recordChecksumIsValid(lines[0])).to.equal(true);
         expect(recordChecksumIsValid(lines[1])).to.equal(true);
       });
 
-      it("patches every occurrence (V1 data and V2 0D records)", function () {
+      it('patches every occurrence (V1 data and V2 0D records)', function () {
         const hex = [
-          makeRecord(0, "00", toBytes("FLKCH:001;")),
-          makeRecord(0, "0D", toBytes("FLKCH:001;")),
-          ":00000001FF",
-        ].join("\n");
-        const lines = patchChannelSentinel(hex, 9).split("\n");
-        expect(decodeAscii([lines[0]])).to.equal("FLKCH:009;");
-        expect(decodeAscii([lines[1]])).to.equal("FLKCH:009;");
+          makeRecord(0, '00', toBytes('FLKCH:001;')),
+          makeRecord(0, '0D', toBytes('FLKCH:001;')),
+          ':00000001FF',
+        ].join('\n');
+        const lines = patchChannelSentinel(hex, 9).split('\n');
+        expect(decodeAscii([lines[0]])).to.equal('FLKCH:009;');
+        expect(decodeAscii([lines[1]])).to.equal('FLKCH:009;');
         expect(recordChecksumIsValid(lines[0])).to.equal(true);
         expect(recordChecksumIsValid(lines[1])).to.equal(true);
       });
 
-      it("returns the hex unchanged when there is no sentinel", function () {
-        const hex = [makeRecord(0, "00", toBytes("no marker here")), ":00000001FF"].join(
-          "\n",
-        );
+      it('returns the hex unchanged when there is no sentinel', function () {
+        const hex = [makeRecord(0, '00', toBytes('no marker here')), ':00000001FF'].join('\n');
         expect(patchChannelSentinel(hex, 42)).to.equal(hex);
       });
 
-      it("leaves the hex untouched when the channel already matches", function () {
-        const hex = [makeRecord(0, "00", toBytes("FLKCH:042;")), ":00000001FF"].join(
-          "\n",
-        );
+      it('leaves the hex untouched when the channel already matches', function () {
+        const hex = [makeRecord(0, '00', toBytes('FLKCH:042;')), ':00000001FF'].join('\n');
         expect(patchChannelSentinel(hex, 42)).to.equal(hex);
       });
     });
 
-    describe("RadioDeduper", function () {
-      it("passes the first copy and drops repeats of (deviceId, seq)", function () {
+    describe('RadioDeduper', function () {
+      it('passes the first copy and drops repeats of (deviceId, seq)', function () {
         const deduper = new RadioDeduper();
-        expect(deduper.isNew("123", 1)).to.equal(true);
-        expect(deduper.isNew("123", 1)).to.equal(false);
-        expect(deduper.isNew("123", 2)).to.equal(true);
-        expect(deduper.isNew("456", 1)).to.equal(true); // other board, same seq
+        expect(deduper.isNew('123', 1)).to.equal(true);
+        expect(deduper.isNew('123', 1)).to.equal(false);
+        expect(deduper.isNew('123', 2)).to.equal(true);
+        expect(deduper.isNew('456', 1)).to.equal(true); // other board, same seq
       });
 
-      it("expires entries so a wrapping seq counter can reuse values", function () {
+      it('expires entries so a wrapping seq counter can reuse values', function () {
         let time = 0;
         const deduper = new RadioDeduper({ windowMs: 100, now: () => time });
-        expect(deduper.isNew("123", 5)).to.equal(true);
+        expect(deduper.isNew('123', 5)).to.equal(true);
         time = 50;
-        expect(deduper.isNew("123", 5)).to.equal(false);
+        expect(deduper.isNew('123', 5)).to.equal(false);
         time = 200;
-        expect(deduper.isNew("123", 5)).to.equal(true);
+        expect(deduper.isNew('123', 5)).to.equal(true);
       });
     });
   });
diff --git a/tests/movement.test.js b/tests/movement.test.js
index 60f09e450..644a3fb50 100644
--- a/tests/movement.test.js
+++ b/tests/movement.test.js
@@ -1,4 +1,4 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 async function driveForward(flock, id, speed, durationMs, callIntervalMs) {
   const mesh = flock.scene.getMeshByName(id);
@@ -13,7 +13,7 @@ async function driveForward(flock, id, speed, durationMs, callIntervalMs) {
 }
 
 export function runMovementTests(flock) {
-  describe("moveForward @movement", function () {
+  describe('moveForward @movement', function () {
     const boxIds = [];
 
     afterEach(function () {
@@ -21,14 +21,14 @@ export function runMovementTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should do nothing when mesh does not exist", function () {
-      expect(() => flock.moveForward("nonExistentMesh", 5)).to.not.throw();
+    it('should do nothing when mesh does not exist', function () {
+      expect(() => flock.moveForward('nonExistentMesh', 5)).to.not.throw();
     });
 
-    it("should do nothing when speed is 0", async function () {
-      const id = "boxMoveForwardZeroSpeed";
+    it('should do nothing when speed is 0', async function () {
+      const id = 'boxMoveForwardZeroSpeed';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       await new Promise((r) => setTimeout(r, 200));
@@ -36,10 +36,10 @@ export function runMovementTests(flock) {
       expect(() => flock.moveForward(id, 0)).to.not.throw();
     });
 
-    it("should do nothing when physicsCapsule metadata is missing", async function () {
-      const id = "boxMoveForwardNoCapsule";
+    it('should do nothing when physicsCapsule metadata is missing', async function () {
+      const id = 'boxMoveForwardNoCapsule';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       await new Promise((r) => setTimeout(r, 200));
@@ -56,23 +56,32 @@ export function runMovementTests(flock) {
       expect(velAfter.z).to.be.closeTo(velBefore.z, 0.001);
     });
 
-    it("ground walking distance is independent of call rate @slow", async function () {
+    it('ground walking distance is independent of call rate @slow', async function () {
       this.timeout(5000);
 
-      const groundId = "boxGroundWalkGround";
-      await flock.createBox(groundId, { width: 100, height: 0.5, depth: 100, position: [0, -0.25, 0] });
-      await flock.setPhysics(groundId, "STATIC");
+      const groundId = 'boxGroundWalkGround';
+      await flock.createBox(groundId, {
+        width: 100,
+        height: 0.5,
+        depth: 100,
+        position: [0, -0.25, 0],
+      });
+      await flock.setPhysics(groundId, 'STATIC');
       boxIds.push(groundId);
 
-      const id = "boxGroundWalkRate";
+      const id = 'boxGroundWalkRate';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0.5, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       const mesh = flock.scene.getMeshByName(id);
       mesh.metadata = mesh.metadata || {};
       mesh.metadata.constraint = true; // skip stabiliser so velocity persists between physics steps
-      mesh.metadata.physicsCapsule = { radius: 0.5, height: 0.9, localCenter: { x: 0, y: 0, z: 0 } };
+      mesh.metadata.physicsCapsule = {
+        radius: 0.5,
+        height: 0.9,
+        localCenter: { x: 0, y: 0, z: 0 },
+      };
 
       await new Promise((r) => setTimeout(r, 300));
 
@@ -98,17 +107,21 @@ export function runMovementTests(flock) {
       expect(d30 / d165).to.be.within(0.9, 1.1);
     });
 
-    it("airborne horizontal distance is independent of call rate @slow", async function () {
+    it('airborne horizontal distance is independent of call rate @slow', async function () {
       this.timeout(5000);
-      const id = "boxAirborneRate";
+      const id = 'boxAirborneRate';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 10, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       const mesh = flock.scene.getMeshByName(id);
       mesh.metadata = mesh.metadata || {};
       mesh.metadata.constraint = true; // skip stabiliser so velocity persists between physics steps
-      mesh.metadata.physicsCapsule = { radius: 0.5, height: 0.9, localCenter: { x: 0, y: 0, z: 0 } };
+      mesh.metadata.physicsCapsule = {
+        radius: 0.5,
+        height: 0.9,
+        localCenter: { x: 0, y: 0, z: 0 },
+      };
 
       const B = flock.BABYLON;
       const speed = 5;
@@ -141,17 +154,21 @@ export function runMovementTests(flock) {
       expect(d30 / d165).to.be.within(0.75, 1.25);
     });
 
-    it("air drag decays horizontal velocity while airborne @slow", async function () {
+    it('air drag decays horizontal velocity while airborne @slow', async function () {
       this.timeout(5000);
-      const id = "boxAirdragDecay";
+      const id = 'boxAirdragDecay';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 10, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       const mesh = flock.scene.getMeshByName(id);
       mesh.metadata = mesh.metadata || {};
       mesh.metadata.constraint = true; // skip stabiliser so velocity persists between physics steps
-      mesh.metadata.physicsCapsule = { radius: 0.5, height: 0.9, localCenter: { x: 0, y: 0, z: 0 } };
+      mesh.metadata.physicsCapsule = {
+        radius: 0.5,
+        height: 0.9,
+        localCenter: { x: 0, y: 0, z: 0 },
+      };
 
       const B = flock.BABYLON;
       const speed = 5;
@@ -184,17 +201,21 @@ export function runMovementTests(flock) {
       expect(sample2).to.be.lessThan(sample1);
     });
 
-    it("a long single frame does not collapse airborne velocity to zero @slow", async function () {
+    it('a long single frame does not collapse airborne velocity to zero @slow', async function () {
       this.timeout(5000);
-      const id = "boxLongFrame";
+      const id = 'boxLongFrame';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 10, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       const mesh = flock.scene.getMeshByName(id);
       mesh.metadata = mesh.metadata || {};
       mesh.metadata.constraint = true; // skip stabiliser so velocity persists between physics steps
-      mesh.metadata.physicsCapsule = { radius: 0.5, height: 0.9, localCenter: { x: 0, y: 0, z: 0 } };
+      mesh.metadata.physicsCapsule = {
+        radius: 0.5,
+        height: 0.9,
+        localCenter: { x: 0, y: 0, z: 0 },
+      };
 
       const B = flock.BABYLON;
       const speed = 5;
@@ -209,7 +230,8 @@ export function runMovementTests(flock) {
       await new Promise((r) => setTimeout(r, 150));
 
       // Simulate a 5 s gap since last call — should clamp to 1/15 s max drag
-      mesh._lastMoveForwardMs = (typeof performance !== 'undefined' ? performance.now() : Date.now()) - 5000;
+      mesh._lastMoveForwardMs =
+        (typeof performance !== 'undefined' ? performance.now() : Date.now()) - 5000;
       flock.moveForward(id, speed);
 
       const vel = mesh.physics.getLinearVelocity();
@@ -218,7 +240,7 @@ export function runMovementTests(flock) {
     });
   });
 
-  describe("moveSideways @movement", function () {
+  describe('moveSideways @movement', function () {
     const boxIds = [];
 
     afterEach(function () {
@@ -226,14 +248,14 @@ export function runMovementTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should do nothing when mesh does not exist", function () {
-      expect(() => flock.moveSideways("nonExistentMesh", 5)).to.not.throw();
+    it('should do nothing when mesh does not exist', function () {
+      expect(() => flock.moveSideways('nonExistentMesh', 5)).to.not.throw();
     });
 
-    it("should do nothing when speed is 0", async function () {
-      const id = "boxMoveSidewaysZeroSpeed";
+    it('should do nothing when speed is 0', async function () {
+      const id = 'boxMoveSidewaysZeroSpeed';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       await new Promise((r) => setTimeout(r, 200));
@@ -241,11 +263,11 @@ export function runMovementTests(flock) {
       expect(() => flock.moveSideways(id, 0)).to.not.throw();
     });
 
-    it("should set non-zero horizontal linear velocity when called with positive speed @slow", async function () {
+    it('should set non-zero horizontal linear velocity when called with positive speed @slow', async function () {
       this.timeout(3000);
-      const id = "boxMoveSidewaysPositive";
+      const id = 'boxMoveSidewaysPositive';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       await new Promise((r) => setTimeout(r, 200));
@@ -258,11 +280,11 @@ export function runMovementTests(flock) {
       expect(horizontalSpeed).to.be.greaterThan(0);
     });
 
-    it("should preserve existing Y velocity when called @slow", async function () {
+    it('should preserve existing Y velocity when called @slow', async function () {
       this.timeout(3000);
-      const id = "boxMoveSidewaysPreserveY";
+      const id = 'boxMoveSidewaysPreserveY';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       await new Promise((r) => setTimeout(r, 200));
@@ -276,7 +298,7 @@ export function runMovementTests(flock) {
     });
   });
 
-  describe("strafe @movement", function () {
+  describe('strafe @movement', function () {
     const boxIds = [];
 
     afterEach(function () {
@@ -284,14 +306,14 @@ export function runMovementTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should do nothing when mesh does not exist", function () {
-      expect(() => flock.strafe("nonExistentMesh", 5)).to.not.throw();
+    it('should do nothing when mesh does not exist', function () {
+      expect(() => flock.strafe('nonExistentMesh', 5)).to.not.throw();
     });
 
-    it("should do nothing when speed is 0", async function () {
-      const id = "boxStrafeZeroSpeed";
+    it('should do nothing when speed is 0', async function () {
+      const id = 'boxStrafeZeroSpeed';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       await new Promise((r) => setTimeout(r, 200));
@@ -299,11 +321,11 @@ export function runMovementTests(flock) {
       expect(() => flock.strafe(id, 0)).to.not.throw();
     });
 
-    it("should set non-zero horizontal linear velocity when called with positive speed @slow", async function () {
+    it('should set non-zero horizontal linear velocity when called with positive speed @slow', async function () {
       this.timeout(3000);
-      const id = "boxStrafePositive";
+      const id = 'boxStrafePositive';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       await new Promise((r) => setTimeout(r, 200));
diff --git a/tests/notifications.test.js b/tests/notifications.test.js
index fc75d74a4..47d64d7a4 100644
--- a/tests/notifications.test.js
+++ b/tests/notifications.test.js
@@ -1,113 +1,100 @@
-import { expect } from "chai";
-import {
-  showBanner,
-  dismissBanner,
-  handleError,
-  isBenignAbort,
-} from "../ui/notifications.js";
-import { translate } from "../main/translation.js";
+import { expect } from 'chai';
+import { showBanner, dismissBanner, handleError, isBenignAbort } from '../ui/notifications.js';
+import { translate } from '../main/translation.js';
 
 export function runNotificationTests() {
-  describe("error notification banners", function () {
+  describe('error notification banners', function () {
     afterEach(function () {
-      document
-        .querySelectorAll(".flock-banner")
-        .forEach((banner) => banner.remove());
+      document.querySelectorAll('.flock-banner').forEach((banner) => banner.remove());
     });
 
-    it("shows a banner with the given message and alert role", function () {
-      showBanner("test-show", { message: "Something went wrong" });
-      const banner = document.querySelector(".flock-banner");
+    it('shows a banner with the given message and alert role', function () {
+      showBanner('test-show', { message: 'Something went wrong' });
+      const banner = document.querySelector('.flock-banner');
       expect(banner).to.exist;
-      expect(banner.textContent).to.contain("Something went wrong");
-      expect(banner.getAttribute("role")).to.equal("alert");
+      expect(banner.textContent).to.contain('Something went wrong');
+      expect(banner.getAttribute('role')).to.equal('alert');
     });
 
-    it("reuses one banner per id instead of stacking duplicates", function () {
-      showBanner("test-dedupe", { message: "First" });
-      showBanner("test-dedupe", { message: "Second" });
-      const banners = document.querySelectorAll(".flock-banner");
+    it('reuses one banner per id instead of stacking duplicates', function () {
+      showBanner('test-dedupe', { message: 'First' });
+      showBanner('test-dedupe', { message: 'Second' });
+      const banners = document.querySelectorAll('.flock-banner');
       expect(banners.length).to.equal(1);
-      expect(banners[0].textContent).to.contain("Second");
+      expect(banners[0].textContent).to.contain('Second');
     });
 
-    it("dismissBanner removes the banner", function () {
-      showBanner("test-dismiss", { message: "Dismiss me" });
-      dismissBanner("test-dismiss");
-      expect(document.querySelector(".flock-banner")).to.not.exist;
+    it('dismissBanner removes the banner', function () {
+      showBanner('test-dismiss', { message: 'Dismiss me' });
+      dismissBanner('test-dismiss');
+      expect(document.querySelector('.flock-banner')).to.not.exist;
     });
 
-    it("renders a working action button when an action is supplied", function () {
+    it('renders a working action button when an action is supplied', function () {
       let clicked = false;
-      showBanner("test-action", {
-        message: "With action",
-        action: { label: "Do it", onClick: () => (clicked = true) },
+      showBanner('test-action', {
+        message: 'With action',
+        action: { label: 'Do it', onClick: () => (clicked = true) },
       });
-      const actionButton = document.querySelector(".flock-banner__action");
+      const actionButton = document.querySelector('.flock-banner__action');
       expect(actionButton).to.exist;
-      expect(actionButton.textContent).to.equal("Do it");
+      expect(actionButton.textContent).to.equal('Do it');
       actionButton.click();
       expect(clicked).to.equal(true);
     });
 
-    it("handleError shows a fatal banner with a reload action", function () {
-      handleError(new Error("boom"), { source: "startup", fatal: true });
-      expect(document.querySelector(".flock-banner")).to.exist;
-      expect(document.querySelector(".flock-banner__action")).to.exist;
+    it('handleError shows a fatal banner with a reload action', function () {
+      handleError(new Error('boom'), { source: 'startup', fatal: true });
+      expect(document.querySelector('.flock-banner')).to.exist;
+      expect(document.querySelector('.flock-banner__action')).to.exist;
     });
 
-    it("handleError shows a non-fatal banner with no reload action", function () {
-      handleError(new Error("boom"), {
-        source: "project-run",
+    it('handleError shows a non-fatal banner with no reload action', function () {
+      handleError(new Error('boom'), {
+        source: 'project-run',
         fatal: false,
       });
-      expect(document.querySelector(".flock-banner")).to.exist;
-      expect(document.querySelector(".flock-banner__action")).to.not.exist;
+      expect(document.querySelector('.flock-banner')).to.exist;
+      expect(document.querySelector('.flock-banner__action')).to.not.exist;
     });
 
-    it("never leaks the raw error detail to the banner", function () {
-      handleError(new Error("SECRET_STACK_DETAIL"), {
-        source: "project-run",
+    it('never leaks the raw error detail to the banner', function () {
+      handleError(new Error('SECRET_STACK_DETAIL'), {
+        source: 'project-run',
         fatal: false,
       });
-      const banner = document.querySelector(".flock-banner");
-      expect(banner.textContent).to.not.contain("SECRET_STACK_DETAIL");
+      const banner = document.querySelector('.flock-banner');
+      expect(banner.textContent).to.not.contain('SECRET_STACK_DETAIL');
     });
 
-    it("treats AbortError and plain aborts as benign", function () {
-      expect(isBenignAbort(new DOMException("Aborted", "AbortError"))).to.equal(
-        true,
-      );
-      expect(isBenignAbort(new Error("The operation was aborted"))).to.equal(
-        true,
-      );
+    it('treats AbortError and plain aborts as benign', function () {
+      expect(isBenignAbort(new DOMException('Aborted', 'AbortError'))).to.equal(true);
+      expect(isBenignAbort(new Error('The operation was aborted'))).to.equal(true);
     });
 
-    it("does not treat a physics WASM out-of-memory abort as benign", function () {
-      const wasmError = new WebAssembly.RuntimeError("abort: out of memory");
+    it('does not treat a physics WASM out-of-memory abort as benign', function () {
+      const wasmError = new WebAssembly.RuntimeError('abort: out of memory');
       expect(isBenignAbort(wasmError)).to.equal(false);
     });
 
-    it("does not treat ordinary errors as benign", function () {
-      expect(isBenignAbort(new Error("something else broke"))).to.equal(false);
+    it('does not treat ordinary errors as benign', function () {
+      expect(isBenignAbort(new Error('something else broke'))).to.equal(false);
     });
 
-    it("shows a translated unsupported-physics banner with no reload action", function () {
-      handleError(new Error("no simd"), { source: "physics-unsupported" });
-      const banner = document.querySelector(".flock-banner");
+    it('shows a translated unsupported-physics banner with no reload action', function () {
+      handleError(new Error('no simd'), { source: 'physics-unsupported' });
+      const banner = document.querySelector('.flock-banner');
       expect(banner).to.exist;
-      expect(banner.className).to.contain("flock-banner--error");
-      expect(banner.textContent).to.contain(
-        translate("error_physics_unsupported"),
-      );
+      expect(banner.className).to.contain('flock-banner--error');
+      expect(banner.textContent).to.contain(translate('error_physics_unsupported'));
       // Reloading cannot add SIMD support, so offering it would mislead.
-      expect(document.querySelector(".flock-banner__action")).to.not.exist;
+      expect(document.querySelector('.flock-banner__action')).to.not.exist;
     });
 
-    it("does not stack unsupported-physics banners across repeated runs", function () {
-      handleError(new Error("no simd"), { source: "physics-unsupported" });
-      handleError(new Error("no simd"), { source: "physics-unsupported" });
-      expect(document.querySelectorAll(".flock-banner").length).to.equal(1);
+    it('does not stack unsupported-physics banners across repeated runs', function () {
+      handleError(new Error('no simd'), { source: 'physics-unsupported' });
+      handleError(new Error('no simd'), { source: 'physics-unsupported' });
+      expect(document.querySelectorAll('.flock-banner').length).to.equal(1);
     });
   });
 }
diff --git a/tests/objects.test.js b/tests/objects.test.js
index 8dba71397..b1918d48b 100644
--- a/tests/objects.test.js
+++ b/tests/objects.test.js
@@ -1,8 +1,8 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 function configureDraco(BABYLON) {
-  const base = import.meta?.env?.BASE_URL ?? "/";
-  const root = base.endsWith("/") ? base : `${base}/`;
+  const base = import.meta?.env?.BASE_URL ?? '/';
+  const root = base.endsWith('/') ? base : `${base}/`;
   BABYLON.DracoCompression.DefaultNumWorkers = 0;
   BABYLON.DracoCompression.Configuration = {
     decoder: {
@@ -27,39 +27,39 @@ async function pumpAnimation(flock, promise) {
 }
 
 export function runCreateObjectTests(flock) {
-  describe("createObject tests @slow", function () {
+  describe('createObject tests @slow', function () {
     this.timeout(5000);
 
-    it("should create one object then create another", async function () {
+    it('should create one object then create another', async function () {
       // Create the first tree object.
       const tree1 = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__1",
-        color: ["#cd853f", "#66cdaa"],
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__1',
+        color: ['#cd853f', '#66cdaa'],
         position: { x: 0, y: 0, z: -10.8 },
       });
-      expect(tree1).to.be.a("string");
+      expect(tree1).to.be.a('string');
 
       // Create a second tree object.
       const tree2 = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__2",
-        color: ["#66cdaa", "#cd853f"],
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__2',
+        color: ['#66cdaa', '#cd853f'],
         scale: 1,
         position: { x: -3, y: 0, z: 10.8 },
       });
-      expect(tree2).to.be.a("string");
+      expect(tree2).to.be.a('string');
     });
 
-    it("should hide and then show an object", async function () {
+    it('should hide and then show an object', async function () {
       const tree = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__3",
-        color: ["#66cdaa", "#cd853f"],
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__3',
+        color: ['#66cdaa', '#cd853f'],
         scale: 1,
         position: { x: -4, y: 0, z: 10.8 },
       });
-      expect(tree).to.be.a("string");
+      expect(tree).to.be.a('string');
 
       try {
         await flock.hide(tree);
@@ -70,18 +70,18 @@ export function runCreateObjectTests(flock) {
       }
     });
 
-    it("should handle multiple objects with show and hide", async function () {
+    it('should handle multiple objects with show and hide', async function () {
       const trees = [];
       try {
         // Create several tree objects
         for (let i = 0; i < 3; i++) {
           const tree = flock.createObject({
-            modelName: "tree.glb",
+            modelName: 'tree.glb',
             modelId: `tree.glb__multi_${i}`,
-            color: ["#66cdaa", "#cd853f"],
+            color: ['#66cdaa', '#cd853f'],
             position: { x: i * 2, y: 0, z: 10.8 },
           });
-          expect(tree).to.be.a("string");
+          expect(tree).to.be.a('string');
           trees.push(tree);
         }
 
@@ -101,75 +101,75 @@ export function runCreateObjectTests(flock) {
       }
     });
 
-    it("should handle invalid object creation parameters", function () {
+    it('should handle invalid object creation parameters', function () {
       // Test with valid parameters - should work normally
       const result1 = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__1",
-        color: ["#cd853f", "#66cdaa"],
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__1',
+        color: ['#cd853f', '#66cdaa'],
         position: { x: 0, y: 0, z: -10.8 },
       });
-      expect(result1).to.be.a("string");
+      expect(result1).to.be.a('string');
 
       // Test with undefined - should use default empty object
       const result2 = flock.createObject(undefined);
-      expect(result2).to.be.a("string");
+      expect(result2).to.be.a('string');
 
       // Test with null - should use default empty object
       const result3 = flock.createObject();
-      expect(result3).to.be.a("string");
+      expect(result3).to.be.a('string');
 
       // Test with empty object - should log error but return ID
       const result4 = flock.createObject({});
-      expect(result4).to.be.a("string");
+      expect(result4).to.be.a('string');
 
       // Test with invalid position - should log error but return ID
       const result5 = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__invalid",
-        position: "invalid",
-        color: ["#cd853f", "#66cdaa"],
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__invalid',
+        position: 'invalid',
+        color: ['#cd853f', '#66cdaa'],
       });
-      expect(result5).to.be.a("string");
+      expect(result5).to.be.a('string');
 
       // Test with invalid color - should log error but return ID
       const result6 = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__test6",
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__test6',
         position: { x: 0, y: 0, z: -10.8 },
-        color: "invalid",
+        color: 'invalid',
       });
-      expect(result6).to.be.a("string");
+      expect(result6).to.be.a('string');
 
       // Test with missing required fields - should log error but return ID
       const result7 = flock.createObject({
-        modelName: "tree.glb",
+        modelName: 'tree.glb',
       });
-      expect(result7).to.be.a("string");
+      expect(result7).to.be.a('string');
     });
 
-    ("should correctly handle modelId and blockId splitting",
+    ('should correctly handle modelId and blockId splitting',
       function () {
         // Create a mesh with a valid modelId__blockId format
-        const modelId = "tree.glb__block123";
+        const modelId = 'tree.glb__block123';
         const result = flock.createObject({
-          modelName: "tree.glb",
+          modelName: 'tree.glb',
           modelId: modelId,
-          color: ["#cd85it3f", "#66cdaa"],
+          color: ['#cd85it3f', '#66cdaa'],
           position: { x: 0, y: 0, z: 0 },
         });
 
         // Get the created mesh
         const mesh = flock.scene.getMeshByName(result);
         expect(mesh).to.exist;
-        expect(mesh.metadata.blockKey).to.equal("block123");
+        expect(mesh.metadata.blockKey).to.equal('block123');
 
         // Test with no double underscore
-        const modelId2 = "tree.glb";
+        const modelId2 = 'tree.glb';
         const result2 = flock.createObject({
-          modelName: "tree.glb",
+          modelName: 'tree.glb',
           modelId: modelId2,
-          color: ["#cd853f", "#66cdaa"],
+          color: ['#cd853f', '#66cdaa'],
           position: { x: 0, y: 0, z: 0 },
         });
         const mesh2 = flock.scene.getMeshByName(result2);
@@ -177,38 +177,38 @@ export function runCreateObjectTests(flock) {
         expect(mesh2.metadata.blockKey).to.equal(modelId2);
 
         // Test with multiple double underscores - should only split on first __
-        const modelId3 = "tree.glb__block123__extra";
+        const modelId3 = 'tree.glb__block123__extra';
         const result3 = flock.createObject({
-          modelName: "tree.glb",
+          modelName: 'tree.glb',
           modelId: modelId3,
-          color: ["#cd853f", "#66cdaa"],
+          color: ['#cd853f', '#66cdaa'],
           position: { x: 0, y: 0, z: 0 },
         });
         const mesh3 = flock.scene.getMeshByName(result3);
         expect(mesh3).to.exist;
-        expect(mesh3.metadata.blockKey).to.equal("block123"); // Only takes first part after __
+        expect(mesh3.metadata.blockKey).to.equal('block123'); // Only takes first part after __
 
         // Test with empty string after double underscore
-        const modelId4 = "tree.glb__";
+        const modelId4 = 'tree.glb__';
         const result4 = flock.createObject({
-          modelName: "tree.glb",
+          modelName: 'tree.glb',
           modelId: modelId4,
-          color: ["#cd853f", "#66cdaa"],
+          color: ['#cd853f', '#66cdaa'],
           position: { x: 0, y: 0, z: 0 },
         });
         const mesh4 = flock.scene.getMeshByName(result4);
         expect(mesh4).to.exist;
-        expect(mesh4.metadata.blockKey).to.equal("tree.glb"); // Empty string after __
+        expect(mesh4.metadata.blockKey).to.equal('tree.glb'); // Empty string after __
       });
 
-    it("should handle object scaling operations", async function () {
+    it('should handle object scaling operations', async function () {
       const tree = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__scale",
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__scale',
         position: { x: 0, y: 0, z: 0 },
         scale: 1,
       });
-      expect(tree).to.be.a("string");
+      expect(tree).to.be.a('string');
 
       // Test scaling operations if available
       if (flock.scale) {
@@ -218,14 +218,14 @@ export function runCreateObjectTests(flock) {
       }
     });
 
-    it("should handle object rotation", async function () {
+    it('should handle object rotation', async function () {
       const tree = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__rotate",
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__rotate',
         position: { x: 0, y: 0, z: 0 },
         rotation: { x: 0, y: 0, z: 0 },
       });
-      expect(tree).to.be.a("string");
+      expect(tree).to.be.a('string');
 
       // Test rotation operations if available
       if (flock.rotate) {
@@ -235,13 +235,13 @@ export function runCreateObjectTests(flock) {
       }
     });
 
-    it("should handle object position updates", async function () {
+    it('should handle object position updates', async function () {
       const tree = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__move",
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__move',
         position: { x: 0, y: 0, z: 0 },
       });
-      expect(tree).to.be.a("string");
+      expect(tree).to.be.a('string');
 
       // Test position updates if available
       if (flock.setPosition) {
@@ -251,13 +251,13 @@ export function runCreateObjectTests(flock) {
       }
     });
 
-    it("should handle rapid show/hide toggles", async function () {
+    it('should handle rapid show/hide toggles', async function () {
       const tree = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__toggle",
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__toggle',
         position: { x: 0, y: 0, z: 0 },
       });
-      expect(tree).to.be.a("string");
+      expect(tree).to.be.a('string');
 
       for (let i = 0; i < 3; i++) {
         await flock.hide(tree);
@@ -267,34 +267,34 @@ export function runCreateObjectTests(flock) {
       }
     });
 
-    it("should handle color updates", async function () {
+    it('should handle color updates', async function () {
       const tree = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "tree.glb__color",
+        modelName: 'tree.glb',
+        modelId: 'tree.glb__color',
         position: { x: 0, y: 0, z: 0 },
-        color: ["#ff0000", "#00ff00"],
+        color: ['#ff0000', '#00ff00'],
       });
-      expect(tree).to.be.a("string");
+      expect(tree).to.be.a('string');
 
       // Test color updates if available
       if (flock.setColor) {
-        await flock.setColor(tree, ["#0000ff", "#ff00ff"]);
+        await flock.setColor(tree, ['#0000ff', '#ff00ff']);
         await flock.wait(0.5);
-        await flock.setColor(tree, ["#ffffff", "#000000"]);
+        await flock.setColor(tree, ['#ffffff', '#000000']);
       }
     });
 
-    it("should avoid collisions for repeated object ids", function () {
+    it('should avoid collisions for repeated object ids', function () {
       const firstId = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "reserve-tree",
-        color: ["#66cdaa", "#cd853f"],
+        modelName: 'tree.glb',
+        modelId: 'reserve-tree',
+        color: ['#66cdaa', '#cd853f'],
         position: { x: 0, y: 0, z: 0 },
       });
       const secondId = flock.createObject({
-        modelName: "tree.glb",
-        modelId: "reserve-tree",
-        color: ["#66cdaa", "#cd853f"],
+        modelName: 'tree.glb',
+        modelId: 'reserve-tree',
+        color: ['#66cdaa', '#cd853f'],
         position: { x: 2, y: 0, z: 0 },
       });
 
@@ -304,11 +304,11 @@ export function runCreateObjectTests(flock) {
 }
 
 export function runCreateModelTests(flock) {
-  describe("createModel tests @slow", function () {
+  describe('createModel tests @slow', function () {
     this.timeout(10000);
 
-    const modelName = "Flock.glb";
-    const modelId = "flock-model-test";
+    const modelName = 'Flock.glb';
+    const modelId = 'flock-model-test';
     let meshId;
 
     before(async function () {
@@ -321,14 +321,10 @@ export function runCreateModelTests(flock) {
       flock.scene = new flock.BABYLON.Scene(flock.engine);
       flock.BABYLON.SceneLoader.ShowLoadingScreen = false;
 
-      new flock.BABYLON.FreeCamera(
-        "testCamera",
-        flock.BABYLON.Vector3.Zero(),
-        flock.scene,
-      );
+      new flock.BABYLON.FreeCamera('testCamera', flock.BABYLON.Vector3.Zero(), flock.scene);
 
       const baseMock = {
-        name: "MockPhysics",
+        name: 'MockPhysics',
         getPluginVersion: () => 2,
         isInitialized: () => true,
         _checkIsReady: () => true,
@@ -344,10 +340,7 @@ export function runCreateModelTests(flock) {
         get: (target, prop) => (prop in target ? target[prop] : () => {}),
       });
 
-      flock.scene.enablePhysics(
-        new flock.BABYLON.Vector3(0, -9.81, 0),
-        physicsMock,
-      );
+      flock.scene.enablePhysics(new flock.BABYLON.Vector3(0, -9.81, 0), physicsMock);
 
       configureDraco(flock.BABYLON);
 
@@ -364,27 +357,27 @@ export function runCreateModelTests(flock) {
       flock.dispose(meshId);
     });
 
-    it("createModel returns a string ID", function () {
-      expect(meshId).to.be.a("string");
+    it('createModel returns a string ID', function () {
+      expect(meshId).to.be.a('string');
     });
 
-    it("mesh exists in the scene after loading", function () {
+    it('mesh exists in the scene after loading', function () {
       const mesh = flock.scene.getMeshByName(meshId);
       expect(mesh).to.exist;
     });
 
-    it("mesh metadata has the correct modelName", function () {
+    it('mesh metadata has the correct modelName', function () {
       const mesh = flock.scene.getMeshByName(meshId);
       expect(mesh.metadata?.modelName).to.equal(modelName);
     });
 
-    it("mesh is placed at the given position", function () {
+    it('mesh is placed at the given position', function () {
       const mesh = flock.scene.getMeshByName(meshId);
       expect(mesh.position.x).to.be.closeTo(1, 0.01);
       expect(mesh.position.z).to.be.closeTo(2, 0.01);
     });
 
-    it("show and hide work on the loaded model", async function () {
+    it('show and hide work on the loaded model', async function () {
       await pumpAnimation(flock, flock.hide(meshId));
       const mesh = flock.scene.getMeshByName(meshId);
       expect(mesh.isEnabled()).to.be.false;
diff --git a/tests/onscreencontrols.test.js b/tests/onscreencontrols.test.js
index 0e4fef4e6..80228d9dd 100644
--- a/tests/onscreencontrols.test.js
+++ b/tests/onscreencontrols.test.js
@@ -1,7 +1,7 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runOnScreenControlsTests(flock) {
-  describe("onScreenControls function tests", function () {
+  describe('onScreenControls function tests', function () {
     beforeEach(function () {
       flock.displayScale = 1;
     });
@@ -19,246 +19,235 @@ export function runOnScreenControlsTests(flock) {
     });
 
     // onScreenControls tests
-    describe("onScreenControls function tests", function () {
+    describe('onScreenControls function tests', function () {
       it('should create controlsTexture when mode is "ENABLED"', function () {
-        flock.onScreenControls("ARROWS", "YES", "ENABLED");
+        flock.onScreenControls('ARROWS', 'YES', 'ENABLED');
         expect(flock.controlsTexture).to.exist;
       });
 
       it('should not create controlsTexture when mode is "DISABLED"', function () {
-        flock.onScreenControls("ARROWS", "YES", "DISABLED");
+        flock.onScreenControls('ARROWS', 'YES', 'DISABLED');
         expect(flock.controlsTexture).to.be.null;
       });
 
       it('should dispose an existing controlsTexture when mode is "DISABLED"', function () {
-        flock.onScreenControls("ARROWS", "YES", "ENABLED");
+        flock.onScreenControls('ARROWS', 'YES', 'ENABLED');
         const first = flock.controlsTexture;
         expect(first).to.exist;
-        flock.onScreenControls("ARROWS", "YES", "DISABLED");
+        flock.onScreenControls('ARROWS', 'YES', 'DISABLED');
         expect(flock.controlsTexture).to.be.null;
       });
 
       it('should add arrow controls when movement is "ARROWS"', function () {
-        flock.onScreenControls("ARROWS", "NO", "ENABLED");
+        flock.onScreenControls('ARROWS', 'NO', 'ENABLED');
         expect(flock.controlsTexture).to.exist;
         expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(0);
       });
 
       it('should add action controls when actions is "YES"', function () {
-        flock.onScreenControls("NONE", "YES", "ENABLED");
+        flock.onScreenControls('NONE', 'YES', 'ENABLED');
         expect(flock.controlsTexture).to.exist;
         expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(0);
       });
 
       it('should add both movement and action controls with defaults', function () {
-        flock.onScreenControls("ARROWS", "YES", "ENABLED");
+        flock.onScreenControls('ARROWS', 'YES', 'ENABLED');
         expect(flock.controlsTexture).to.exist;
         expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(0);
       });
 
       it('should add joystick controls when movement is "JOYSTICK"', function () {
-        flock.onScreenControls("JOYSTICK", "NO", "ENABLED");
+        flock.onScreenControls('JOYSTICK', 'NO', 'ENABLED');
         expect(flock.controlsTexture).to.exist;
         expect(flock._joystickSource).to.exist;
         expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(0);
       });
 
       it('should stop and clear existing joystick source when called again', function () {
-        flock.onScreenControls("JOYSTICK", "NO", "ENABLED");
+        flock.onScreenControls('JOYSTICK', 'NO', 'ENABLED');
         const first = flock._joystickSource;
         expect(first).to.exist;
-        flock.onScreenControls("ARROWS", "NO", "ENABLED");
+        flock.onScreenControls('ARROWS', 'NO', 'ENABLED');
         expect(flock._joystickSource).to.be.null;
       });
 
-      it("should replace the previous texture when called twice", function () {
-        flock.onScreenControls("ARROWS", "YES", "ENABLED");
+      it('should replace the previous texture when called twice', function () {
+        flock.onScreenControls('ARROWS', 'YES', 'ENABLED');
         const first = flock.controlsTexture;
-        flock.onScreenControls("ARROWS", "YES", "ENABLED");
+        flock.onScreenControls('ARROWS', 'YES', 'ENABLED');
         expect(flock.controlsTexture).to.exist;
         expect(flock.controlsTexture).to.not.equal(first);
       });
 
       it('should show no controls when movement is "NONE" and actions is "NO"', function () {
-        flock.onScreenControls("NONE", "NO", "ENABLED");
+        flock.onScreenControls('NONE', 'NO', 'ENABLED');
         expect(flock.controlsTexture).to.exist;
         expect(flock.controlsTexture.getDescendants().length).to.equal(0);
       });
     });
 
     // createSmallButton tests (unchanged — shared with button controls)
-    describe("createSmallButton function tests", function () {
+    describe('createSmallButton function tests', function () {
       beforeEach(function () {
-        flock.controlsTexture =
-          flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
-            "TestControls",
-            true,
-            flock.scene,
-          );
+        flock.controlsTexture = flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
+          'TestControls',
+          true,
+          flock.scene
+        );
       });
 
-      it("should return undefined when controlsTexture is missing", function () {
+      it('should return undefined when controlsTexture is missing', function () {
         flock.controlsTexture.dispose();
         flock.controlsTexture = null;
-        const button = flock.createSmallButton("△", "ArrowUp", "#ffffff");
+        const button = flock.createSmallButton('△', 'ArrowUp', '#ffffff');
         expect(button).to.be.undefined;
       });
 
-      it("should return a button with the correct text", function () {
-        const button = flock.createSmallButton("△", "ArrowUp", "#ffffff");
+      it('should return a button with the correct text', function () {
+        const button = flock.createSmallButton('△', 'ArrowUp', '#ffffff');
         expect(button).to.exist;
-        expect(button.textBlock.text).to.equal("△");
+        expect(button.textBlock.text).to.equal('△');
       });
 
-      it("should set width and height to 70px at default displayScale", function () {
-        const button = flock.createSmallButton("△", "ArrowUp", "#ffffff");
-        expect(button.width).to.equal("70px");
-        expect(button.height).to.equal("70px");
+      it('should set width and height to 70px at default displayScale', function () {
+        const button = flock.createSmallButton('△', 'ArrowUp', '#ffffff');
+        expect(button.width).to.equal('70px');
+        expect(button.height).to.equal('70px');
       });
 
-      it("should set font size to 40px at default displayScale", function () {
-        const button = flock.createSmallButton("△", "ArrowUp", "#ffffff");
-        expect(button.fontSize).to.equal("40px");
+      it('should set font size to 40px at default displayScale', function () {
+        const button = flock.createSmallButton('△', 'ArrowUp', '#ffffff');
+        expect(button.fontSize).to.equal('40px');
       });
 
-      it("should apply the specified color", function () {
-        const button = flock.createSmallButton("△", "ArrowUp", "red");
-        expect(button.color).to.equal("red");
+      it('should apply the specified color', function () {
+        const button = flock.createSmallButton('△', 'ArrowUp', 'red');
+        expect(button.color).to.equal('red');
       });
 
-      it("should register key in inputManager on pointer down", function () {
-        const button = flock.createSmallButton("△", "ArrowUp", "#ffffff");
+      it('should register key in inputManager on pointer down', function () {
+        const button = flock.createSmallButton('△', 'ArrowUp', '#ffffff');
         button.onPointerDownObservable.notifyObservers({});
-        expect(flock.inputManager.isKeyDown("ArrowUp")).to.be.true;
+        expect(flock.inputManager.isKeyDown('ArrowUp')).to.be.true;
       });
 
-      it("should clear key from inputManager on pointer up", function () {
-        const button = flock.createSmallButton("△", "ArrowUp", "#ffffff");
+      it('should clear key from inputManager on pointer up', function () {
+        const button = flock.createSmallButton('△', 'ArrowUp', '#ffffff');
         button.onPointerDownObservable.notifyObservers({});
         button.onPointerUpObservable.notifyObservers({});
-        expect(flock.inputManager.isKeyDown("ArrowUp")).to.be.false;
+        expect(flock.inputManager.isKeyDown('ArrowUp')).to.be.false;
       });
 
-      it("should clear key from inputManager on pointer out for touch", function () {
-        const button = flock.createSmallButton("△", "ArrowUp", "#ffffff");
+      it('should clear key from inputManager on pointer out for touch', function () {
+        const button = flock.createSmallButton('△', 'ArrowUp', '#ffffff');
         // Pointer-out only releases for touch (finger sliding off the button);
         // mouse leaving keeps the key held. See createSmallButton.
-        button.onPointerDownObservable.notifyObservers({ pointerType: "touch" });
+        button.onPointerDownObservable.notifyObservers({ pointerType: 'touch' });
         button.onPointerOutObservable.notifyObservers({});
-        expect(flock.inputManager.isKeyDown("ArrowUp")).to.be.false;
+        expect(flock.inputManager.isKeyDown('ArrowUp')).to.be.false;
       });
 
-      it("should register all keys in inputManager when an array is provided", function () {
-        const button = flock.createSmallButton("△", ["w", "ArrowUp"], "#ffffff");
+      it('should register all keys in inputManager when an array is provided', function () {
+        const button = flock.createSmallButton('△', ['w', 'ArrowUp'], '#ffffff');
         button.onPointerDownObservable.notifyObservers({});
-        expect(flock.inputManager.isKeyDown("w")).to.be.true;
-        expect(flock.inputManager.isKeyDown("ArrowUp")).to.be.true;
+        expect(flock.inputManager.isKeyDown('w')).to.be.true;
+        expect(flock.inputManager.isKeyDown('ArrowUp')).to.be.true;
       });
 
-      it("should clear all keys from inputManager on release when an array is provided", function () {
-        const button = flock.createSmallButton("△", ["w", "ArrowUp"], "#ffffff");
+      it('should clear all keys from inputManager on release when an array is provided', function () {
+        const button = flock.createSmallButton('△', ['w', 'ArrowUp'], '#ffffff');
         button.onPointerDownObservable.notifyObservers({});
         button.onPointerUpObservable.notifyObservers({});
-        expect(flock.inputManager.isKeyDown("w")).to.be.false;
-        expect(flock.inputManager.isKeyDown("ArrowUp")).to.be.false;
+        expect(flock.inputManager.isKeyDown('w')).to.be.false;
+        expect(flock.inputManager.isKeyDown('ArrowUp')).to.be.false;
       });
     });
 
     // createArrowControls tests
-    describe("createArrowControls function tests", function () {
-      it("should return early without error when controlsTexture is missing", function () {
-        expect(() => flock.createArrowControls("#ffffff")).to.not.throw();
+    describe('createArrowControls function tests', function () {
+      it('should return early without error when controlsTexture is missing', function () {
+        expect(() => flock.createArrowControls('#ffffff')).to.not.throw();
       });
 
-      it("should add controls to controlsTexture", function () {
-        flock.controlsTexture =
-          flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
-            "TestControls",
-            true,
-            flock.scene,
-          );
-        flock.createArrowControls("#ffffff");
+      it('should add controls to controlsTexture', function () {
+        flock.controlsTexture = flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
+          'TestControls',
+          true,
+          flock.scene
+        );
+        flock.createArrowControls('#ffffff');
         expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(0);
       });
 
-      it("should create an up arrow button that registers ArrowUp in inputManager", function () {
-        flock.controlsTexture =
-          flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
-            "TestControls",
-            true,
-            flock.scene,
-          );
-        flock.createArrowControls("#ffffff");
-        const upBtn = flock.controlsTexture
-          .getDescendants()
-          .find((c) => c.textBlock?.text === "△");
+      it('should create an up arrow button that registers ArrowUp in inputManager', function () {
+        flock.controlsTexture = flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
+          'TestControls',
+          true,
+          flock.scene
+        );
+        flock.createArrowControls('#ffffff');
+        const upBtn = flock.controlsTexture.getDescendants().find((c) => c.textBlock?.text === '△');
         expect(upBtn).to.exist;
         upBtn.onPointerDownObservable.notifyObservers({});
-        expect(flock.inputManager.isKeyDown("ArrowUp")).to.be.true;
+        expect(flock.inputManager.isKeyDown('ArrowUp')).to.be.true;
       });
     });
 
     // createButtonControls tests
-    describe("createButtonControls function tests", function () {
-      it("should return early without error when controlsTexture is missing", function () {
-        expect(() => flock.createButtonControls("#ffffff")).to.not.throw();
+    describe('createButtonControls function tests', function () {
+      it('should return early without error when controlsTexture is missing', function () {
+        expect(() => flock.createButtonControls('#ffffff')).to.not.throw();
       });
 
-      it("should add controls to controlsTexture", function () {
-        flock.controlsTexture =
-          flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
-            "TestControls",
-            true,
-            flock.scene,
-          );
-        flock.createButtonControls("#ffffff");
+      it('should add controls to controlsTexture', function () {
+        flock.controlsTexture = flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
+          'TestControls',
+          true,
+          flock.scene
+        );
+        flock.createButtonControls('#ffffff');
         expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(0);
       });
 
-      it("should create a ② button that registers the e key in inputManager", function () {
-        flock.controlsTexture =
-          flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
-            "TestControls",
-            true,
-            flock.scene,
-          );
-        flock.createButtonControls("#ffffff");
-        const btn2 = flock.controlsTexture
-          .getDescendants()
-          .find((c) => c.textBlock?.text === "②");
+      it('should create a ② button that registers the e key in inputManager', function () {
+        flock.controlsTexture = flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
+          'TestControls',
+          true,
+          flock.scene
+        );
+        flock.createButtonControls('#ffffff');
+        const btn2 = flock.controlsTexture.getDescendants().find((c) => c.textBlock?.text === '②');
         expect(btn2).to.exist;
         btn2.onPointerDownObservable.notifyObservers({});
-        expect(flock.inputManager.isKeyDown("e")).to.be.true;
+        expect(flock.inputManager.isKeyDown('e')).to.be.true;
       });
     });
 
     // createJoystickControls tests
-    describe("createJoystickControls function tests", function () {
-      it("should return undefined when controlsTexture is missing", function () {
-        const result = flock.createJoystickControls("#ffffff");
+    describe('createJoystickControls function tests', function () {
+      it('should return undefined when controlsTexture is missing', function () {
+        const result = flock.createJoystickControls('#ffffff');
         expect(result).to.be.undefined;
       });
 
-      it("should create a JoystickSource when controlsTexture exists", function () {
-        flock.controlsTexture =
-          flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
-            "TestControls",
-            true,
-            flock.scene,
-          );
-        const joystick = flock.createJoystickControls("#ffffff");
+      it('should create a JoystickSource when controlsTexture exists', function () {
+        flock.controlsTexture = flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
+          'TestControls',
+          true,
+          flock.scene
+        );
+        const joystick = flock.createJoystickControls('#ffffff');
         expect(joystick).to.exist;
         joystick.stop();
       });
 
-      it("should add base and thumb ellipses to controlsTexture", function () {
-        flock.controlsTexture =
-          flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
-            "TestControls",
-            true,
-            flock.scene,
-          );
-        const joystick = flock.createJoystickControls("#ffffff");
+      it('should add base and thumb ellipses to controlsTexture', function () {
+        flock.controlsTexture = flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI(
+          'TestControls',
+          true,
+          flock.scene
+        );
+        const joystick = flock.createJoystickControls('#ffffff');
         expect(flock.controlsTexture.getDescendants().length).to.be.greaterThan(0);
         joystick.stop();
       });
diff --git a/tests/physics.test.js b/tests/physics.test.js
index b37c3e9dc..4754205cb 100644
--- a/tests/physics.test.js
+++ b/tests/physics.test.js
@@ -1,7 +1,7 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runPhysicsTests(flock) {
-  describe("onTrigger @physics", function () {
+  describe('onTrigger @physics', function () {
     const boxIds = [];
 
     beforeEach(async function () {
@@ -15,8 +15,8 @@ export function runPhysicsTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should call callback on trigger", async function () {
-      const boxId = "boxTriggerTest";
+    it('should call callback on trigger', async function () {
+      const boxId = 'boxTriggerTest';
       await flock.createBox(boxId, {
         width: 1,
         height: 1,
@@ -28,7 +28,7 @@ export function runPhysicsTests(flock) {
       let triggered = false;
 
       flock.onTrigger(boxId, {
-        trigger: "OnPickTrigger",
+        trigger: 'OnPickTrigger',
         callback: () => {
           triggered = true;
         },
@@ -37,15 +37,13 @@ export function runPhysicsTests(flock) {
       // Simulate trigger
       const mesh = flock.scene.getMeshByName(boxId);
       expect(mesh).to.exist;
-      mesh.actionManager.processTrigger(
-        flock.BABYLON.ActionManager.OnPickTrigger,
-      );
+      mesh.actionManager.processTrigger(flock.BABYLON.ActionManager.OnPickTrigger);
 
       expect(triggered).to.be.true;
     });
 
     it("should only call callback once when mode is 'once'", async function () {
-      const boxId = "boxTriggerOnce";
+      const boxId = 'boxTriggerOnce';
       await flock.createBox(boxId, {
         width: 1,
         height: 1,
@@ -57,28 +55,24 @@ export function runPhysicsTests(flock) {
       let count = 0;
 
       flock.onTrigger(boxId, {
-        trigger: "OnPickTrigger",
+        trigger: 'OnPickTrigger',
         callback: () => {
           count++;
         },
-        mode: "once",
+        mode: 'once',
       });
 
       const mesh = flock.scene.getMeshByName(boxId);
       expect(mesh).to.exist;
 
-      mesh.actionManager.processTrigger(
-        flock.BABYLON.ActionManager.OnPickTrigger,
-      );
-      mesh.actionManager.processTrigger(
-        flock.BABYLON.ActionManager.OnPickTrigger,
-      );
+      mesh.actionManager.processTrigger(flock.BABYLON.ActionManager.OnPickTrigger);
+      mesh.actionManager.processTrigger(flock.BABYLON.ActionManager.OnPickTrigger);
 
       expect(count).to.equal(1);
     });
   });
 
-  describe("onIntersect @physics", function () {
+  describe('onIntersect @physics', function () {
     const boxIds = [];
 
     beforeEach(async function () {
@@ -92,9 +86,9 @@ export function runPhysicsTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should call callback on intersection", async function () {
-      const box1 = "boxIntersect1";
-      const box2 = "boxIntersect2";
+    it('should call callback on intersection', async function () {
+      const box1 = 'boxIntersect1';
+      const box2 = 'boxIntersect2';
 
       await flock.createBox(box1, {
         width: 1,
@@ -113,7 +107,7 @@ export function runPhysicsTests(flock) {
       let intersected = false;
 
       await flock.onIntersect(box1, box2, {
-        trigger: "OnIntersectionEnterTrigger",
+        trigger: 'OnIntersectionEnterTrigger',
         callback: () => {
           intersected = true;
         },
@@ -124,18 +118,17 @@ export function runPhysicsTests(flock) {
       expect(mesh).to.exist;
       expect(otherMesh).to.exist;
 
-      mesh.actionManager.processTrigger(
-        flock.BABYLON.ActionManager.OnIntersectionEnterTrigger,
-        { mesh: otherMesh },
-      );
+      mesh.actionManager.processTrigger(flock.BABYLON.ActionManager.OnIntersectionEnterTrigger, {
+        mesh: otherMesh,
+      });
 
       expect(intersected).to.be.true;
     });
 
-    it("should register intersections for all matching right-hand group meshes", async function () {
-      const source = "colliderSource_1";
-      const groupA = "groupTarget_1";
-      const groupB = "groupTarget_2";
+    it('should register intersections for all matching right-hand group meshes', async function () {
+      const source = 'colliderSource_1';
+      const groupA = 'groupTarget_1';
+      const groupB = 'groupTarget_2';
 
       await flock.createBox(source, {
         width: 1,
@@ -159,7 +152,7 @@ export function runPhysicsTests(flock) {
 
       let count = 0;
       await flock.onIntersect(source, groupA, {
-        trigger: "OnIntersectionEnterTrigger",
+        trigger: 'OnIntersectionEnterTrigger',
         applyToGroupOther: true,
         callback: () => {
           count++;
@@ -175,19 +168,19 @@ export function runPhysicsTests(flock) {
 
       sourceMesh.actionManager.processTrigger(
         flock.BABYLON.ActionManager.OnIntersectionEnterTrigger,
-        { mesh: otherA },
+        { mesh: otherA }
       );
       sourceMesh.actionManager.processTrigger(
         flock.BABYLON.ActionManager.OnIntersectionEnterTrigger,
-        { mesh: otherB },
+        { mesh: otherB }
       );
 
       expect(count).to.equal(2);
     });
 
-    it("should skip self-pair when expanding right-hand collision group", async function () {
-      const source = "selfPair_1";
-      const other = "selfPair_2";
+    it('should skip self-pair when expanding right-hand collision group', async function () {
+      const source = 'selfPair_1';
+      const other = 'selfPair_2';
 
       await flock.createBox(source, {
         width: 1,
@@ -205,7 +198,7 @@ export function runPhysicsTests(flock) {
 
       let count = 0;
       await flock.onIntersect(source, source, {
-        trigger: "OnIntersectionEnterTrigger",
+        trigger: 'OnIntersectionEnterTrigger',
         applyToGroupOther: true,
         callback: () => {
           count++;
@@ -219,16 +212,16 @@ export function runPhysicsTests(flock) {
 
       sourceMesh.actionManager.processTrigger(
         flock.BABYLON.ActionManager.OnIntersectionEnterTrigger,
-        { mesh: otherMesh },
+        { mesh: otherMesh }
       );
 
       expect(count).to.equal(1);
     });
 
-    it("should apply right-hand group intersections when targets are created later", async function () {
-      const source = "lateSource_1";
-      const futureGroupSeed = "lateTarget_1";
-      const futureGroupOther = "lateTarget_2";
+    it('should apply right-hand group intersections when targets are created later', async function () {
+      const source = 'lateSource_1';
+      const futureGroupSeed = 'lateTarget_1';
+      const futureGroupOther = 'lateTarget_2';
 
       await flock.createBox(source, {
         width: 1,
@@ -240,7 +233,7 @@ export function runPhysicsTests(flock) {
 
       let count = 0;
       await flock.onIntersect(source, futureGroupSeed, {
-        trigger: "OnIntersectionEnterTrigger",
+        trigger: 'OnIntersectionEnterTrigger',
         applyToGroupOther: true,
         callback: () => {
           count++;
@@ -270,21 +263,21 @@ export function runPhysicsTests(flock) {
 
       sourceMesh.actionManager.processTrigger(
         flock.BABYLON.ActionManager.OnIntersectionEnterTrigger,
-        { mesh: otherA },
+        { mesh: otherA }
       );
       sourceMesh.actionManager.processTrigger(
         flock.BABYLON.ActionManager.OnIntersectionEnterTrigger,
-        { mesh: otherB },
+        { mesh: otherB }
       );
 
       expect(count).to.equal(2);
     });
 
-    it("should canonicalize unsanitized RHS names for pending group registration", async function () {
-      const source = "canonSource_1";
-      const unsanitizedAlias = "canon target !@#";
-      const normalizedAlias = "canontarget";
-      const createdTarget = "canontarget_1";
+    it('should canonicalize unsanitized RHS names for pending group registration', async function () {
+      const source = 'canonSource_1';
+      const unsanitizedAlias = 'canon target !@#';
+      const normalizedAlias = 'canontarget';
+      const createdTarget = 'canontarget_1';
 
       await flock.createBox(source, {
         width: 1,
@@ -300,7 +293,7 @@ export function runPhysicsTests(flock) {
 
       let count = 0;
       await flock.onIntersect(source, unsanitizedAlias, {
-        trigger: "OnIntersectionEnterTrigger",
+        trigger: 'OnIntersectionEnterTrigger',
         applyToGroupOther: true,
         callback: () => {
           count++;
@@ -322,7 +315,7 @@ export function runPhysicsTests(flock) {
 
       sourceMesh.actionManager.processTrigger(
         flock.BABYLON.ActionManager.OnIntersectionEnterTrigger,
-        { mesh: targetMesh },
+        { mesh: targetMesh }
       );
 
       expect(count).to.equal(1);
@@ -330,7 +323,7 @@ export function runPhysicsTests(flock) {
     });
   });
 
-  describe("applyForce method @physics", function () {
+  describe('applyForce method @physics', function () {
     const boxIds = [];
 
     beforeEach(async function () {
@@ -344,8 +337,8 @@ export function runPhysicsTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should apply force to a mesh with default values (no movement) @slow", async function () {
-      const id = "boxApplyForceDefault";
+    it('should apply force to a mesh with default values (no movement) @slow', async function () {
+      const id = 'boxApplyForceDefault';
       await flock.createBox(id, {
         width: 1,
         height: 1,
@@ -370,15 +363,15 @@ export function runPhysicsTests(flock) {
       expect(finalVelocity.z).to.be.closeTo(initialVelocity.z, 0.01);
     });
 
-    it("should apply specific forces to a mesh", async function () {
-      const id = "boxApplyForce";
+    it('should apply specific forces to a mesh', async function () {
+      const id = 'boxApplyForce';
       await flock.createBox(id, {
         width: 1,
         height: 1,
         depth: 1,
         position: [0, 0, 0],
       });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
 
       boxIds.push(id);
 
@@ -399,8 +392,8 @@ export function runPhysicsTests(flock) {
       expect(velocity.z).to.be.lessThan(0);
     });
 
-    it("should handle missing physics gracefully", async function () {
-      const id = "boxNoPhysics";
+    it('should handle missing physics gracefully', async function () {
+      const id = 'boxNoPhysics';
       await flock.createBox(id, {
         width: 1,
         height: 1,
@@ -431,7 +424,7 @@ export function runPhysicsTests(flock) {
     });
   });
 
-  describe("setSpeed method @physics", function () {
+  describe('setSpeed method @physics', function () {
     const boxIds = [];
 
     beforeEach(async function () {
@@ -447,11 +440,16 @@ export function runPhysicsTests(flock) {
 
     // Create a static ground plus a dynamic box resting on it, ready to drive.
     async function makeGroundAndBox(groundId, boxId) {
-      await flock.createBox(groundId, { width: 100, height: 1, depth: 100, position: [0, -0.5, 0] });
-      await flock.setPhysics(groundId, "STATIC");
+      await flock.createBox(groundId, {
+        width: 100,
+        height: 1,
+        depth: 100,
+        position: [0, -0.5, 0],
+      });
+      await flock.setPhysics(groundId, 'STATIC');
       boxIds.push(groundId);
       await flock.createBox(boxId, { width: 1, height: 1, depth: 1, position: [0, 0.5, 0] });
-      await flock.setPhysics(boxId, "DYNAMIC");
+      await flock.setPhysics(boxId, 'DYNAMIC');
       boxIds.push(boxId);
       // Let it settle so the ground check sees it as grounded.
       await new Promise((r) => setTimeout(r, 200));
@@ -473,9 +471,9 @@ export function runPhysicsTests(flock) {
 
     it("drives along the object's local direction when grounded", async function () {
       this.timeout(8000);
-      const mesh = await makeGroundAndBox("velGndA", "boxSetVelocity");
+      const mesh = await makeGroundAndBox('velGndA', 'boxSetVelocity');
       // Unrotated box: local "forward" is -Z (the glide-direction convention).
-      flock.setSpeed("boxSetVelocity", "forward", 5);
+      flock.setSpeed('boxSetVelocity', 'forward', 5);
       await new Promise((r) => setTimeout(r, 200));
 
       const v = mesh.physics.getLinearVelocity();
@@ -483,12 +481,12 @@ export function runPhysicsTests(flock) {
       expect(v.z).to.be.closeTo(-5, 0.5);
     });
 
-    it("combines forward and sideways into one heading", async function () {
+    it('combines forward and sideways into one heading', async function () {
       this.timeout(8000);
-      const mesh = await makeGroundAndBox("velGndB", "boxSetVelocityCombine");
+      const mesh = await makeGroundAndBox('velGndB', 'boxSetVelocityCombine');
       // forward -> -Z, sideways -> -X for an unrotated box.
-      flock.setSpeed("boxSetVelocityCombine", "forward", 5);
-      flock.setSpeed("boxSetVelocityCombine", "sideways", 3);
+      flock.setSpeed('boxSetVelocityCombine', 'forward', 5);
+      flock.setSpeed('boxSetVelocityCombine', 'sideways', 3);
       await new Promise((r) => setTimeout(r, 200));
 
       const v = mesh.physics.getLinearVelocity();
@@ -496,22 +494,22 @@ export function runPhysicsTests(flock) {
       expect(v.z).to.be.closeTo(-5, 0.5);
     });
 
-    it("moves the object across the ground", async function () {
+    it('moves the object across the ground', async function () {
       this.timeout(8000);
-      const mesh = await makeGroundAndBox("velGndC", "boxSetVelocityMoves");
+      const mesh = await makeGroundAndBox('velGndC', 'boxSetVelocityMoves');
       const start = mesh.position.clone();
 
-      flock.setSpeed("boxSetVelocityMoves", "forward", 8);
+      flock.setSpeed('boxSetVelocityMoves', 'forward', 8);
       await new Promise((r) => setTimeout(r, 400));
 
       expect(flock.BABYLON.Vector3.Distance(mesh.position, start)).to.be.greaterThan(1);
     });
 
-    it("maintains the speed on a ground instead of friction stopping it", async function () {
+    it('maintains the speed on a ground instead of friction stopping it', async function () {
       this.timeout(10000);
-      const id = "velDriver";
-      const mesh = await makeGroundAndBox("velGround", id);
-      flock.setSpeed(id, "forward", 5);
+      const id = 'velDriver';
+      const mesh = await makeGroundAndBox('velGround', id);
+      flock.setSpeed(id, 'forward', 5);
 
       // After well over a second on the ground, a one-shot would have stopped.
       // The maintained speed should still be moving at ~5 (forward = -Z).
@@ -519,27 +517,27 @@ export function runPhysicsTests(flock) {
       expect(mesh.physics.getLinearVelocity().z).to.be.closeTo(-5, 0.5);
 
       // Setting it to 0 stops it.
-      flock.setSpeed(id, "forward", 0);
+      flock.setSpeed(id, 'forward', 0);
       await new Promise((r) => setTimeout(r, 600));
       expect(mesh.physics.getLinearVelocity().z).to.be.closeTo(0, 0.5);
     });
 
-    it("maintains a world axis (x) on a ground", async function () {
+    it('maintains a world axis (x) on a ground', async function () {
       this.timeout(10000);
-      const id = "velDriverX";
-      const mesh = await makeGroundAndBox("velGroundX", id);
-      flock.setSpeed(id, "x_coordinate", 5); // world +X
+      const id = 'velDriverX';
+      const mesh = await makeGroundAndBox('velGroundX', id);
+      flock.setSpeed(id, 'x_coordinate', 5); // world +X
 
       await new Promise((r) => setTimeout(r, 1500));
       expect(mesh.physics.getLinearVelocity().x).to.be.closeTo(5, 0.5);
     });
 
-    it("keeps a driven object upright (like move forward)", async function () {
+    it('keeps a driven object upright (like move forward)', async function () {
       this.timeout(10000);
-      const id = "velUpright";
-      const mesh = await makeGroundAndBox("velGroundUp", id);
+      const id = 'velUpright';
+      const mesh = await makeGroundAndBox('velGroundUp', id);
       const B = flock.BABYLON;
-      flock.setSpeed(id, "forward", 5);
+      flock.setSpeed(id, 'forward', 5);
 
       // Try to tip it over (pitch + roll, plus a tumbling spin).
       mesh.rotationQuaternion = B.Quaternion.RotationAxis(B.Axis.X, 0.9);
@@ -555,9 +553,9 @@ export function runPhysicsTests(flock) {
 
     it("clamps vertical speed so a slope can't launch it", async function () {
       this.timeout(10000);
-      const id = "velClamp";
-      const mesh = await makeGroundAndBox("velGroundClamp", id);
-      flock.setSpeed(id, "forward", 5); // horizontal drive, no vertical set
+      const id = 'velClamp';
+      const mesh = await makeGroundAndBox('velGroundClamp', id);
+      flock.setSpeed(id, 'forward', 5); // horizontal drive, no vertical set
 
       // Simulate a ramp kicking it sharply upward.
       mesh.physics.setLinearVelocity(new flock.BABYLON.Vector3(0, 12, -5));
@@ -567,32 +565,32 @@ export function runPhysicsTests(flock) {
       expect(mesh.physics.getLinearVelocity().y).to.be.at.most(3.1);
     });
 
-    it("does not clamp an explicit vertical (up) drive", async function () {
+    it('does not clamp an explicit vertical (up) drive', async function () {
       this.timeout(8000);
-      const id = "velUpDrive";
+      const id = 'velUpDrive';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 5, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       const mesh = flock.scene.getMeshByName(id);
-      flock.setSpeed(id, "up", 10); // explicit vertical drive
+      flock.setSpeed(id, 'up', 10); // explicit vertical drive
 
       await new Promise((r) => setTimeout(r, 300));
       // Explicitly driven vertical is respected, not capped at 3.
       expect(mesh.physics.getLinearVelocity().y).to.be.greaterThan(8);
     });
 
-    it("assigns a physics capsule like move forward", async function () {
-      const id = "velCapsule";
+    it('assigns a physics capsule like move forward', async function () {
+      const id = 'velCapsule';
       // 2 x 4 x 6 box: capsule radius = min(2,6)/2 = 1, height = 4 - 0.01.
       await flock.createBox(id, { width: 2, height: 4, depth: 6, position: [0, 2, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       const mesh = flock.scene.getMeshByName(id);
       expect(mesh.metadata.physicsCapsule).to.be.undefined; // none yet
 
-      flock.setSpeed(id, "forward", 5);
+      flock.setSpeed(id, 'forward', 5);
 
       const cap = mesh.metadata.physicsCapsule;
       expect(cap).to.exist;
@@ -603,9 +601,9 @@ export function runPhysicsTests(flock) {
 
     it("'all' to 0 is a full stop that lets physics resume", async function () {
       this.timeout(8000);
-      const id = "boxSetVelocityAll";
-      const mesh = await makeGroundAndBox("velGroundAll", id);
-      flock.setSpeed(id, "forward", 6);
+      const id = 'boxSetVelocityAll';
+      const mesh = await makeGroundAndBox('velGroundAll', id);
+      flock.setSpeed(id, 'forward', 6);
 
       // Forward is -Z for an unrotated box, and the drive applies immediately.
       expect(mesh.physics.getLinearVelocity().z).to.be.closeTo(-6, 0.5);
@@ -640,8 +638,8 @@ export function runPhysicsTests(flock) {
       expect(mesh.physics.getLinearVelocity().z).to.be.closeTo(-4, 0.5);
     });
 
-    it("should handle missing physics gracefully", async function () {
-      const id = "boxSetVelocityNoPhysics";
+    it('should handle missing physics gracefully', async function () {
+      const id = 'boxSetVelocityNoPhysics';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
       boxIds.push(id);
 
@@ -651,16 +649,18 @@ export function runPhysicsTests(flock) {
 
       let errorLogged = false;
       const originalConsoleError = console.error;
-      console.error = () => { errorLogged = true; };
+      console.error = () => {
+        errorLogged = true;
+      };
 
-      flock.setSpeed(id, "forward", 1);
+      flock.setSpeed(id, 'forward', 1);
 
       console.error = originalConsoleError;
       expect(errorLogged).to.be.true;
     });
   });
 
-  describe("setBounciness method @physics", function () {
+  describe('setBounciness method @physics', function () {
     const boxIds = [];
 
     beforeEach(async function () {
@@ -675,9 +675,9 @@ export function runPhysicsTests(flock) {
     });
 
     it("sets restitution on the body's shape material", async function () {
-      const id = "boxBounciness";
+      const id = 'boxBounciness';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       flock.setBounciness(id, 0.9);
@@ -687,24 +687,24 @@ export function runPhysicsTests(flock) {
       expect(mesh.metadata.bounciness).to.be.closeTo(0.9, 1e-6);
     });
 
-    it("forces MAXIMUM restitution combine so the bounciest surface wins", async function () {
-      const id = "boxBouncinessCombine";
+    it('forces MAXIMUM restitution combine so the bounciest surface wins', async function () {
+      const id = 'boxBouncinessCombine';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       flock.setBounciness(id, 0.5);
 
       const mesh = flock.scene.getMeshByName(id);
       expect(mesh.physics.shape.material.restitutionCombine).to.equal(
-        flock.BABYLON.PhysicsMaterialCombineMode.MAXIMUM,
+        flock.BABYLON.PhysicsMaterialCombineMode.MAXIMUM
       );
     });
 
-    it("preserves the existing friction when changing bounciness", async function () {
-      const id = "boxBouncinessFriction";
+    it('preserves the existing friction when changing bounciness', async function () {
+      const id = 'boxBouncinessFriction';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       const mesh = flock.scene.getMeshByName(id);
@@ -716,10 +716,10 @@ export function runPhysicsTests(flock) {
       expect(mesh.physics.shape.material.friction).to.be.closeTo(0.42, 1e-6);
     });
 
-    it("clamps the value to the 0..1 range", async function () {
-      const id = "boxBouncinessClamp";
+    it('clamps the value to the 0..1 range', async function () {
+      const id = 'boxBouncinessClamp';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       const mesh = flock.scene.getMeshByName(id);
@@ -731,49 +731,49 @@ export function runPhysicsTests(flock) {
       expect(mesh.physics.shape.material.restitution).to.equal(0);
     });
 
-    it("defaults a fresh body to no bounce (restitution 0)", async function () {
-      const id = "boxBouncinessDefault";
+    it('defaults a fresh body to no bounce (restitution 0)', async function () {
+      const id = 'boxBouncinessDefault';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       const mesh = flock.scene.getMeshByName(id);
       expect(mesh.physics.shape.material.restitution).to.equal(0);
     });
 
-    it("keeps bounciness through a physics shape (capsule) swap", async function () {
-      const id = "boxBouncinessCapsule";
+    it('keeps bounciness through a physics shape (capsule) swap', async function () {
+      const id = 'boxBouncinessCapsule';
       await flock.createBox(id, { width: 1, height: 2, depth: 1, position: [0, 1, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       flock.setBounciness(id, 0.6);
-      await flock.setPhysicsShape(id, "CAPSULE");
+      await flock.setPhysicsShape(id, 'CAPSULE');
 
       const mesh = flock.scene.getMeshByName(id);
-      expect(mesh.metadata.physicsShapeType).to.equal("CAPSULE");
+      expect(mesh.metadata.physicsShapeType).to.equal('CAPSULE');
       expect(mesh.physics.shape.material.restitution).to.be.closeTo(0.6, 1e-6);
     });
 
-    it("re-applies the stored bounciness after a physics rebuild", async function () {
-      const id = "boxBouncinessRebuild";
+    it('re-applies the stored bounciness after a physics rebuild', async function () {
+      const id = 'boxBouncinessRebuild';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       flock.setBounciness(id, 0.8);
 
       // Drop physics and re-add it — the new shape starts with the default
       // material, so without re-application the bounciness would be lost.
-      await flock.setPhysics(id, "NONE");
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'NONE');
+      await flock.setPhysics(id, 'DYNAMIC');
 
       const mesh = flock.scene.getMeshByName(id);
       expect(mesh.physics.shape.material.restitution).to.be.closeTo(0.8, 1e-6);
     });
 
-    it("should handle missing physics gracefully", async function () {
-      const id = "boxBouncinessNoPhysics";
+    it('should handle missing physics gracefully', async function () {
+      const id = 'boxBouncinessNoPhysics';
       await flock.createBox(id, { width: 1, height: 1, depth: 1, position: [0, 0, 0] });
       boxIds.push(id);
 
@@ -783,7 +783,9 @@ export function runPhysicsTests(flock) {
 
       let errorLogged = false;
       const originalConsoleError = console.error;
-      console.error = () => { errorLogged = true; };
+      console.error = () => {
+        errorLogged = true;
+      };
 
       flock.setBounciness(id, 0.5);
 
@@ -792,7 +794,7 @@ export function runPhysicsTests(flock) {
     });
   });
 
-  describe("meshExists @physics", function () {
+  describe('meshExists @physics', function () {
     const boxIds = [];
 
     afterEach(function () {
@@ -802,8 +804,8 @@ export function runPhysicsTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should return true for an existing mesh", async function () {
-      const id = "boxMeshExists";
+    it('should return true for an existing mesh', async function () {
+      const id = 'boxMeshExists';
       await flock.createBox(id, {
         width: 1,
         height: 1,
@@ -815,12 +817,12 @@ export function runPhysicsTests(flock) {
       expect(flock.meshExists(id)).to.be.true;
     });
 
-    it("should return false for a non-existent mesh", function () {
-      expect(flock.meshExists("doesNotExist")).to.be.false;
+    it('should return false for a non-existent mesh', function () {
+      expect(flock.meshExists('doesNotExist')).to.be.false;
     });
   });
 
-  describe("checkMeshesTouching @physics", function () {
+  describe('checkMeshesTouching @physics', function () {
     const boxIds = [];
 
     afterEach(function () {
@@ -830,9 +832,9 @@ export function runPhysicsTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should return true when two meshes overlap", async function () {
-      const id1 = "boxTouching1";
-      const id2 = "boxTouching2";
+    it('should return true when two meshes overlap', async function () {
+      const id1 = 'boxTouching1';
+      const id2 = 'boxTouching2';
       await flock.createBox(id1, {
         width: 1,
         height: 1,
@@ -850,9 +852,9 @@ export function runPhysicsTests(flock) {
       expect(flock.checkMeshesTouching(id1, id2)).to.be.true;
     });
 
-    it("should return false when meshes do not overlap", async function () {
-      const id1 = "boxNotTouching1";
-      const id2 = "boxNotTouching2";
+    it('should return false when meshes do not overlap', async function () {
+      const id1 = 'boxNotTouching1';
+      const id2 = 'boxNotTouching2';
       await flock.createBox(id1, {
         width: 1,
         height: 1,
@@ -871,7 +873,7 @@ export function runPhysicsTests(flock) {
     });
   });
 
-  describe("up method @physics", function () {
+  describe('up method @physics', function () {
     const boxIds = [];
 
     afterEach(function () {
@@ -881,15 +883,15 @@ export function runPhysicsTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should apply upward impulse to a dynamic mesh @slow", async function () {
-      const id = "boxUp";
+    it('should apply upward impulse to a dynamic mesh @slow', async function () {
+      const id = 'boxUp';
       await flock.createBox(id, {
         width: 1,
         height: 1,
         depth: 1,
         position: [0, 0, 0],
       });
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
       boxIds.push(id);
 
       const mesh = flock.scene.getMeshByName(id);
@@ -903,7 +905,7 @@ export function runPhysicsTests(flock) {
       expect(velocity.y).to.be.greaterThan(0);
     });
 
-    it("should log when mesh not found", function () {
+    it('should log when mesh not found', function () {
       let logged = false;
       const originalConsoleLog = console.log;
       console.log = (...args) => {
@@ -911,7 +913,7 @@ export function runPhysicsTests(flock) {
         originalConsoleLog(...args);
       };
 
-      flock.up("nonExistentMesh", 5);
+      flock.up('nonExistentMesh', 5);
 
       console.log = originalConsoleLog;
 
@@ -919,7 +921,7 @@ export function runPhysicsTests(flock) {
     });
   });
 
-  describe("setPhysics @physics", function () {
+  describe('setPhysics @physics', function () {
     const boxIds = [];
 
     afterEach(function () {
@@ -929,8 +931,8 @@ export function runPhysicsTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should set motion type to STATIC", async function () {
-      const id = "boxSetPhysicsStatic";
+    it('should set motion type to STATIC', async function () {
+      const id = 'boxSetPhysicsStatic';
       await flock.createBox(id, {
         width: 1,
         height: 1,
@@ -939,16 +941,14 @@ export function runPhysicsTests(flock) {
       });
       boxIds.push(id);
 
-      await flock.setPhysics(id, "STATIC");
+      await flock.setPhysics(id, 'STATIC');
 
       const mesh = flock.scene.getMeshByName(id);
-      expect(mesh.physics.getMotionType()).to.equal(
-        flock.BABYLON.PhysicsMotionType.STATIC,
-      );
+      expect(mesh.physics.getMotionType()).to.equal(flock.BABYLON.PhysicsMotionType.STATIC);
     });
 
-    it("should set motion type to DYNAMIC", async function () {
-      const id = "boxSetPhysicsDynamic";
+    it('should set motion type to DYNAMIC', async function () {
+      const id = 'boxSetPhysicsDynamic';
       await flock.createBox(id, {
         width: 1,
         height: 1,
@@ -957,16 +957,14 @@ export function runPhysicsTests(flock) {
       });
       boxIds.push(id);
 
-      await flock.setPhysics(id, "DYNAMIC");
+      await flock.setPhysics(id, 'DYNAMIC');
 
       const mesh = flock.scene.getMeshByName(id);
-      expect(mesh.physics.getMotionType()).to.equal(
-        flock.BABYLON.PhysicsMotionType.DYNAMIC,
-      );
+      expect(mesh.physics.getMotionType()).to.equal(flock.BABYLON.PhysicsMotionType.DYNAMIC);
     });
 
-    it("should dispose physics body when set to NONE", async function () {
-      const id = "boxSetPhysicsNone";
+    it('should dispose physics body when set to NONE', async function () {
+      const id = 'boxSetPhysicsNone';
       await flock.createBox(id, {
         width: 1,
         height: 1,
@@ -975,14 +973,14 @@ export function runPhysicsTests(flock) {
       });
       boxIds.push(id);
 
-      await flock.setPhysics(id, "NONE");
+      await flock.setPhysics(id, 'NONE');
 
       const mesh = flock.scene.getMeshByName(id);
       expect(mesh.physics).to.be.null;
     });
   });
 
-  describe("isTouchingSurface @physics", function () {
+  describe('isTouchingSurface @physics', function () {
     const boxIds = [];
 
     afterEach(function () {
@@ -992,8 +990,8 @@ export function runPhysicsTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should return false when mesh is in the air", async function () {
-      const id = "boxInAir";
+    it('should return false when mesh is in the air', async function () {
+      const id = 'boxInAir';
       await flock.createBox(id, {
         width: 1,
         height: 1,
@@ -1005,7 +1003,7 @@ export function runPhysicsTests(flock) {
       expect(flock.isTouchingSurface(id)).to.be.false;
     });
 
-    it("should return false and log when mesh does not exist", function () {
+    it('should return false and log when mesh does not exist', function () {
       let logged = false;
       const originalConsoleLog = console.log;
       console.log = (...args) => {
@@ -1013,7 +1011,7 @@ export function runPhysicsTests(flock) {
         originalConsoleLog(...args);
       };
 
-      const result = flock.isTouchingSurface("nonExistentMesh");
+      const result = flock.isTouchingSurface('nonExistentMesh');
 
       console.log = originalConsoleLog;
 
@@ -1022,7 +1020,7 @@ export function runPhysicsTests(flock) {
     });
   });
 
-  describe("setPhysicsShape @physics", function () {
+  describe('setPhysicsShape @physics', function () {
     const boxIds = [];
 
     afterEach(function () {
@@ -1036,8 +1034,8 @@ export function runPhysicsTests(flock) {
       boxIds.length = 0;
     });
 
-    it("should set physicsShapeType to CAPSULE on the mesh metadata", async function () {
-      const id = "physicsShapeBox1";
+    it('should set physicsShapeType to CAPSULE on the mesh metadata', async function () {
+      const id = 'physicsShapeBox1';
       flock.createBox(id, {
         width: 1,
         height: 2,
@@ -1046,14 +1044,14 @@ export function runPhysicsTests(flock) {
       });
       boxIds.push(id);
 
-      await flock.setPhysicsShape(id, "CAPSULE");
+      await flock.setPhysicsShape(id, 'CAPSULE');
 
       const mesh = flock.scene.getMeshByName(id);
-      expect(mesh.metadata.physicsShapeType).to.equal("CAPSULE");
+      expect(mesh.metadata.physicsShapeType).to.equal('CAPSULE');
     });
 
-    it("should set physicsShapeType to MESH on the mesh metadata", async function () {
-      const id = "physicsShapeBox2";
+    it('should set physicsShapeType to MESH on the mesh metadata', async function () {
+      const id = 'physicsShapeBox2';
       flock.createBox(id, {
         width: 1,
         height: 1,
@@ -1062,24 +1060,24 @@ export function runPhysicsTests(flock) {
       });
       boxIds.push(id);
 
-      await flock.setPhysicsShape(id, "MESH");
+      await flock.setPhysicsShape(id, 'MESH');
 
       const mesh = flock.scene.getMeshByName(id);
-      expect(mesh.metadata.physicsShapeType).to.equal("MESH");
+      expect(mesh.metadata.physicsShapeType).to.equal('MESH');
     });
   });
 
-  describe("showPhysics @physics", function () {
-    it("should not throw when called", function () {
+  describe('showPhysics @physics', function () {
+    it('should not throw when called', function () {
       expect(() => flock.showPhysics()).to.not.throw();
     });
 
-    it("should not throw when called with false", function () {
+    it('should not throw when called with false', function () {
       expect(() => flock.showPhysics(false)).to.not.throw();
     });
   });
 
-  describe("jump method @physics", function () {
+  describe('jump method @physics', function () {
     const ids = [];
     const V3 = (x, y, z) => new flock.BABYLON.Vector3(x, y, z);
     const G = 9.81;
@@ -1096,56 +1094,61 @@ export function runPhysicsTests(flock) {
     // Static ground + a dynamic 1x1x1 character resting on it, settled so the
     // ground check reports it grounded.
     async function makeGroundAndChar(groundId, charId, pos = [0, 0.5, 0]) {
-      await flock.createBox(groundId, { width: 100, height: 1, depth: 100, position: [0, -0.5, 0] });
-      await flock.setPhysics(groundId, "STATIC");
+      await flock.createBox(groundId, {
+        width: 100,
+        height: 1,
+        depth: 100,
+        position: [0, -0.5, 0],
+      });
+      await flock.setPhysics(groundId, 'STATIC');
       ids.push(groundId);
       await flock.createBox(charId, { width: 1, height: 1, depth: 1, position: pos });
-      await flock.setPhysics(charId, "DYNAMIC");
+      await flock.setPhysics(charId, 'DYNAMIC');
       ids.push(charId);
       await new Promise((r) => setTimeout(r, 250));
       return flock.scene.getMeshByName(charId);
     }
 
-    it("sets an upward takeoff velocity for the requested height (v = sqrt(2gh))", async function () {
+    it('sets an upward takeoff velocity for the requested height (v = sqrt(2gh))', async function () {
       this.timeout(8000);
-      const mesh = await makeGroundAndChar("jGndHeight", "jCharHeight");
-      flock.jump("jCharHeight", { jumpHeight: 1.5 });
+      const mesh = await makeGroundAndChar('jGndHeight', 'jCharHeight');
+      flock.jump('jCharHeight', { jumpHeight: 1.5 });
       // Sample immediately — the takeoff velocity is what we assert, not the arc.
       const v = mesh.physics.getLinearVelocity();
       expect(v.y).to.be.closeTo(Math.sqrt(2 * G * 1.5), 0.4);
     });
 
-    it("preserves horizontal velocity (carries run speed as momentum)", async function () {
+    it('preserves horizontal velocity (carries run speed as momentum)', async function () {
       this.timeout(8000);
-      const mesh = await makeGroundAndChar("jGndMom", "jCharMom");
+      const mesh = await makeGroundAndChar('jGndMom', 'jCharMom');
       mesh.physics.setLinearVelocity(V3(4, 0, -2));
-      flock.jump("jCharMom", { jumpHeight: 1.5 });
+      flock.jump('jCharMom', { jumpHeight: 1.5 });
       const v = mesh.physics.getLinearVelocity();
       expect(v.x).to.be.closeTo(4, 0.05);
       expect(v.z).to.be.closeTo(-2, 0.05);
       expect(v.y).to.be.greaterThan(4);
     });
 
-    it("carries movement momentum into the jump", async function () {
+    it('carries movement momentum into the jump', async function () {
       this.timeout(10000);
-      const mesh = await makeGroundAndChar("jGndMove", "jCharMove");
+      const mesh = await makeGroundAndChar('jGndMove', 'jCharMove');
       // Drive it horizontally through the shared movement core (same path the
       // move blocks use), so the body has real movement velocity.
-      flock.setSpeed("jCharMove", "x_coordinate", 5); // world +X
+      flock.setSpeed('jCharMove', 'x_coordinate', 5); // world +X
       await new Promise((r) => setTimeout(r, 800));
       const vBefore = mesh.physics.getLinearVelocity();
       expect(vBefore.x).to.be.closeTo(5, 1); // actually moving
 
-      flock.jump("jCharMove", { jumpHeight: 1.5 });
+      flock.jump('jCharMove', { jumpHeight: 1.5 });
       const vAfter = mesh.physics.getLinearVelocity();
       expect(vAfter.x).to.be.closeTo(vBefore.x, 0.6); // horizontal momentum carried
       expect(vAfter.y).to.be.greaterThan(4); // and it took off
     });
 
-    it("jump velocity survives a following movement update (clamp exemption)", async function () {
+    it('jump velocity survives a following movement update (clamp exemption)', async function () {
       this.timeout(8000);
-      const mesh = await makeGroundAndChar("jGndClamp", "jCharClamp");
-      flock.jump("jCharClamp", { jumpHeight: 2.0 }); // v ~ 6.26, above the 3 m/s clamp
+      const mesh = await makeGroundAndChar('jGndClamp', 'jCharClamp');
+      flock.jump('jCharClamp', { jumpHeight: 2.0 }); // v ~ 6.26, above the 3 m/s clamp
       const vJump = mesh.physics.getLinearVelocity().y;
       expect(vJump).to.be.greaterThan(3.5);
       // A normal movement frame clamps vertical to <= 3 to stop ramp-launching;
@@ -1154,9 +1157,9 @@ export function runPhysicsTests(flock) {
       expect(mesh.physics.getLinearVelocity().y).to.be.greaterThan(3.5);
     });
 
-    it("air control converges the same amount regardless of frame rate", async function () {
+    it('air control converges the same amount regardless of frame rate', async function () {
       this.timeout(8000);
-      const mesh = await makeGroundAndChar("jGndFps", "jCharFps");
+      const mesh = await makeGroundAndChar('jGndFps', 'jCharFps');
 
       // Drive the airborne air-control path at two frame granularities over the
       // same total simulated time; the dt-normalised formulas should converge to
@@ -1170,9 +1173,10 @@ export function runPhysicsTests(flock) {
         mesh.physics.setLinearVelocity(V3(5, 0, 0)); // initial momentum along +x
         for (let i = 0; i < steps; i++) {
           // Pretend the previous movement frame was dtMs ago.
-          mesh._lastMoveForwardMs = (typeof performance !== "undefined" && performance.now
-            ? performance.now()
-            : Date.now()) - dtMs;
+          mesh._lastMoveForwardMs =
+            (typeof performance !== 'undefined' && performance.now
+              ? performance.now()
+              : Date.now()) - dtMs;
           flock.applyGroundedMovement(mesh, V3(0, 0, 5)); // steer toward +z
         }
         return mesh.physics.getLinearVelocity().clone();
@@ -1188,8 +1192,8 @@ export function runPhysicsTests(flock) {
       expect(fine.z).to.be.closeTo(coarse.z, 0.4);
     });
 
-    it("does nothing when the mesh does not exist", function () {
-      expect(() => flock.jump("nonExistentJumpMesh", { jumpHeight: 1 })).to.not.throw();
+    it('does nothing when the mesh does not exist', function () {
+      expect(() => flock.jump('nonExistentJumpMesh', { jumpHeight: 1 })).to.not.throw();
     });
   });
 }
diff --git a/tests/playwright/aria-input-labels.spec.js b/tests/playwright/aria-input-labels.spec.js
index fefe17d6d..30fe47dd7 100644
--- a/tests/playwright/aria-input-labels.spec.js
+++ b/tests/playwright/aria-input-labels.spec.js
@@ -1,4 +1,4 @@
-import { test, expect } from "@playwright/test";
+import { test, expect } from '@playwright/test';
 
 // Per-input ARIA labels for value reporters in Flock:
 // - Auto-derived from the input's localized field-row text (connector/unit words
@@ -10,82 +10,85 @@ import { test, expect } from "@playwright/test";
 // - Single value-input blocks are left to their own readout (no echo).
 
 async function setup(page) {
-  await page.goto("/", { waitUntil: "domcontentloaded" });
-  await page.waitForFunction(
-    () => window.mainWorkspace ?? window.Blockly?.getMainWorkspace?.(),
-    { timeout: 20000 },
-  );
+  await page.goto('/', { waitUntil: 'domcontentloaded' });
+  await page.waitForFunction(() => window.mainWorkspace ?? window.Blockly?.getMainWorkspace?.(), {
+    timeout: 20000,
+  });
   await page.waitForTimeout(500); // let initializeBlockHandling attach listeners
 }
 
-test("coordinate + colour reporters announce their slot once", async ({
-  page,
-}) => {
+test('coordinate + colour reporters announce their slot once', async ({ page }) => {
   await setup(page);
 
   const out = await page.evaluate(async () => {
     const Blockly = window.Blockly;
     const ws = window.mainWorkspace ?? Blockly.getMainWorkspace();
     const sleep = () => new Promise((r) => setTimeout(r, 150));
-    const read = (f) => f?.getFocusableElement?.()?.getAttribute?.("aria-label");
+    const read = (f) => f?.getFocusableElement?.()?.getAttribute?.('aria-label');
     const res = {};
 
     // scale X (number reporter)
-    const scale = ws.newBlock("scale");
-    scale.initSvg(); scale.render();
-    const num = ws.newBlock("math_number");
-    num.initSvg(); num.render();
-    scale.getInput("X").connection.connect(num.outputConnection);
+    const scale = ws.newBlock('scale');
+    scale.initSvg();
+    scale.render();
+    const num = ws.newBlock('math_number');
+    num.initSvg();
+    num.render();
+    scale.getInput('X').connection.connect(num.outputConnection);
     await sleep();
-    res.scaleXReporter = read(num.getField("NUM"));
+    res.scaleXReporter = read(num.getField('NUM'));
 
     // load_character HAIR_COLOR (colour reporter) + block readout
-    const ch = ws.newBlock("load_character");
-    ch.initSvg(); ch.render();
-    const cp = ws.newBlock("colour_picker");
-    cp.initSvg(); cp.render();
-    ch.getInput("HAIR_COLOR").connection.connect(cp.outputConnection);
+    const ch = ws.newBlock('load_character');
+    ch.initSvg();
+    ch.render();
+    const cp = ws.newBlock('colour_picker');
+    cp.initSvg();
+    cp.render();
+    ch.getInput('HAIR_COLOR').connection.connect(cp.outputConnection);
     await sleep();
-    res.hairReporter = read(cp.getField("COLOUR"));
+    res.hairReporter = read(cp.getField('COLOUR'));
     res.hairMentionsInBlock = (ch.getAriaLabel(1).match(/hair/gi) || []).length;
 
     // print_text DURATION carries an explicit "seconds" override (the message's
     // bare "for"/"seconds" aren't auto-derived as labels).
-    const pt = ws.newBlock("print_text");
-    pt.initSvg(); pt.render();
-    const dn = ws.newBlock("math_number");
-    dn.initSvg(); dn.render();
-    pt.getInput("DURATION").connection.connect(dn.outputConnection);
+    const pt = ws.newBlock('print_text');
+    pt.initSvg();
+    pt.render();
+    const dn = ws.newBlock('math_number');
+    dn.initSvg();
+    dn.render();
+    pt.getInput('DURATION').connection.connect(dn.outputConnection);
     await sleep();
-    res.printDurationReporter = read(dn.getField("NUM"));
-    res.printDurationProvider = pt.getInput("DURATION").getAriaLabelText?.();
-    res.printTextAutoLabel = pt.getInput("TEXT").getAriaLabelText?.();
+    res.printDurationReporter = read(dn.getField('NUM'));
+    res.printDurationProvider = pt.getInput('DURATION').getAriaLabelText?.();
+    res.printTextAutoLabel = pt.getInput('TEXT').getAriaLabelText?.();
 
-    [scale, ch, pt].forEach((b) => { if (!b.isDisposed()) b.dispose(false); });
+    [scale, ch, pt].forEach((b) => {
+      if (!b.isDisposed()) b.dispose(false);
+    });
     return res;
   });
 
   // coordinate + colour reporters get their slot prepended
-  expect(out.scaleXReporter).toContain("x");
-  expect(out.scaleXReporter).toContain("number");
-  expect(out.hairReporter).toContain("hair");
+  expect(out.scaleXReporter).toContain('x');
+  expect(out.scaleXReporter).toContain('number');
+  expect(out.hairReporter).toContain('hair');
   // block readout mentions the slot once, not twice
   expect(out.hairMentionsInBlock).toBe(1);
   // explicit override is applied; "for"/"seconds" are not auto-derived
-  expect(out.printDurationProvider).toBe("seconds");
-  expect(out.printDurationReporter).toContain("seconds");
-  expect(out.printTextAutoLabel).not.toBe("for");
+  expect(out.printDurationProvider).toBe('seconds');
+  expect(out.printDurationReporter).toContain('seconds');
+  expect(out.printTextAutoLabel).not.toBe('for');
 });
 
-test("decorative block-type icons are silent (no 'empty' in block label)", async ({
-  page,
-}) => {
+test("decorative block-type icons are silent (no 'empty' in block label)", async ({ page }) => {
   await setup(page);
 
   const blockAria = await page.evaluate(() => {
     const Blockly = window.Blockly;
     const ws = window.mainWorkspace ?? Blockly.getMainWorkspace();
-    const start = ws.newBlock("start");
+    const start = ws.newBlock('start');
     start.initSvg();
     start.render();
     const aria = start.getAriaLabel?.(1);
@@ -93,6 +96,6 @@ test("decorative block-type icons are silent (no 'empty' in block label)", async
     return aria;
   });
 
-  expect(blockAria).toContain("start");
-  expect(blockAria).not.toContain("empty");
+  expect(blockAria).toContain('start');
+  expect(blockAria).not.toContain('empty');
 });
diff --git a/tests/playwright/blocks.spec.js b/tests/playwright/blocks.spec.js
index d266e99bc..6f17480bf 100644
--- a/tests/playwright/blocks.spec.js
+++ b/tests/playwright/blocks.spec.js
@@ -1,17 +1,17 @@
-import { test, expect } from "@playwright/test";
+import { test, expect } from '@playwright/test';
 
-test.describe("Create Blockly project and open Events flyout", () => {
-  test("starts new project and opens Events category", async ({ page }) => {
-    page.on("console", (msg) => {
+test.describe('Create Blockly project and open Events flyout', () => {
+  test('starts new project and opens Events category', async ({ page }) => {
+    page.on('console', (msg) => {
       console.log(`📥 [console.${msg.type()}]`, msg.text());
     });
 
     // ✅ Load page and wait for DOM readiness instead of networkidle
-    await page.goto("/", { waitUntil: "domcontentloaded" });
+    await page.goto('/', { waitUntil: 'domcontentloaded' });
 
     // ✅ Wait until the demo picker button is visible
-    await page.waitForSelector("#exampleButton", {
-      state: "visible",
+    await page.waitForSelector('#exampleButton', {
+      state: 'visible',
       timeout: 20000,
     });
 
@@ -21,12 +21,12 @@ test.describe("Create Blockly project and open Events flyout", () => {
         const ws = window.mainWorkspace ?? window.Blockly?.getMainWorkspace?.();
         return !!ws;
       },
-      { timeout: 20000 },
+      { timeout: 20000 }
     );
 
     // Step 1: Start a new project (the demo picker is now a tile modal; the
     // canonical "new project" action is exposed globally).
-    const exampleButton = page.locator("#exampleButton");
+    const exampleButton = page.locator('#exampleButton');
     await expect(exampleButton).toBeVisible();
     await expect(exampleButton).toBeEnabled();
 
@@ -36,27 +36,21 @@ test.describe("Create Blockly project and open Events flyout", () => {
     await page.waitForFunction(() => {
       const ws = window.mainWorkspace ?? window.Blockly?.getMainWorkspace?.();
       if (!ws) return false;
-      return (
-        (ws.getToolbox?.() || ws.getFlyout?.()) &&
-        ws.getAllBlocks?.().length === 0
-      );
+      return (ws.getToolbox?.() || ws.getFlyout?.()) && ws.getAllBlocks?.().length === 0;
     });
 
     // Helper to open a category via Blockly API (robust against UI/DOM changes)
     async function openCategoryByName(namePart) {
       const result = await page.evaluate((namePart) => {
         const ws = window.mainWorkspace ?? window.Blockly?.getMainWorkspace?.();
-        if (!ws) return { ok: false, reason: "no workspace" };
+        if (!ws) return { ok: false, reason: 'no workspace' };
         const tb = ws.getToolbox?.();
-        if (!tb) return { ok: false, reason: "no toolbox" };
+        if (!tb) return { ok: false, reason: 'no toolbox' };
 
         const items = tb.getToolboxItems?.() || [];
         const wanted =
-          items.find((i) =>
-            (i.getName?.() || "")
-              .toLowerCase()
-              .includes(namePart.toLowerCase()),
-          ) || null;
+          items.find((i) => (i.getName?.() || '').toLowerCase().includes(namePart.toLowerCase())) ||
+          null;
 
         const names = items.map((i) => i.getName?.()).filter(Boolean);
 
@@ -78,9 +72,9 @@ test.describe("Create Blockly project and open Events flyout", () => {
 
       if (!result.ok) {
         throw new Error(
-          `Could not open "${namePart}" category (${result.reason || "unknown"}). Available: ${
-            result.names?.join(", ") || "(none)"
-          }`,
+          `Could not open "${namePart}" category (${result.reason || 'unknown'}). Available: ${
+            result.names?.join(', ') || '(none)'
+          }`
         );
       }
     }
@@ -92,24 +86,24 @@ test.describe("Create Blockly project and open Events flyout", () => {
         const tb = ws?.getToolbox?.();
         return !!(tb && (tb.getToolboxItems?.()?.length ?? 0) > 0);
       },
-      { timeout: 20000 },
+      { timeout: 20000 }
     );
-    await openCategoryByName("events");
+    await openCategoryByName('events');
 
     // Step 4: Create a `start` block programmatically
     const createdStart = await page.evaluate(() => {
       const ws = window.mainWorkspace ?? window.Blockly?.getMainWorkspace?.();
       if (!ws) return false;
-      let start = ws.getAllBlocks().find((b) => b.type === "start");
+      let start = ws.getAllBlocks().find((b) => b.type === 'start');
       if (!start) {
-        start = ws.newBlock("start");
+        start = ws.newBlock('start');
         start.initSvg?.();
         start.render?.();
         start.moveBy(80, 80);
       }
       return !!start;
     });
-    if (!createdStart) throw new Error("Failed to create start block");
+    if (!createdStart) throw new Error('Failed to create start block');
 
     // Wait until workspace reflects the single block (start)
     await page.waitForFunction(() => {
@@ -118,38 +112,38 @@ test.describe("Create Blockly project and open Events flyout", () => {
     });
 
     // Step 5: Open “Scene” category
-    await openCategoryByName("scene");
+    await openCategoryByName('scene');
 
     // Step 6: Create a `set_sky_color` block programmatically
     const createdSky = await page.evaluate(() => {
       const ws = window.mainWorkspace ?? window.Blockly?.getMainWorkspace?.();
       if (!ws) return false;
-      let sky = ws.getAllBlocks().find((b) => b.type === "set_sky_color");
+      let sky = ws.getAllBlocks().find((b) => b.type === 'set_sky_color');
       if (!sky) {
-        sky = ws.newBlock("set_sky_color");
+        sky = ws.newBlock('set_sky_color');
         sky.initSvg?.();
         sky.render?.();
         sky.moveBy(80, 160);
       }
       return !!sky;
     });
-    if (!createdSky) throw new Error("Failed to create set_sky_color block");
+    if (!createdSky) throw new Error('Failed to create set_sky_color block');
 
     // Step 7: Connect sky under start programmatically
     const connected = await page.evaluate(() => {
       const ws = window.mainWorkspace ?? window.Blockly?.getMainWorkspace?.();
-      if (!ws) return { ok: false, msg: "no workspace" };
+      if (!ws) return { ok: false, msg: 'no workspace' };
 
       const blocks = ws.getAllBlocks();
-      const start = blocks.find((b) => b.type === "start");
-      const sky = blocks.find((b) => b.type === "set_sky_color");
-      if (!start || !sky) return { ok: false, msg: "missing blocks" };
+      const start = blocks.find((b) => b.type === 'start');
+      const sky = blocks.find((b) => b.type === 'set_sky_color');
+      if (!start || !sky) return { ok: false, msg: 'missing blocks' };
 
       const inputConn = (start.inputList || []).find(
-        (i) => i.name === "DO" && i.connection,
+        (i) => i.name === 'DO' && i.connection
       )?.connection;
       const skyPrev = sky.previousConnection;
-      if (!inputConn || !skyPrev) return { ok: false, msg: "no connections" };
+      if (!inputConn || !skyPrev) return { ok: false, msg: 'no connections' };
 
       if (!inputConn.isConnected() && !skyPrev.isConnected()) {
         inputConn.connect(skyPrev);
@@ -163,9 +157,7 @@ test.describe("Create Blockly project and open Events flyout", () => {
     });
 
     if (!connected.ok) {
-      throw new Error(
-        `Failed to connect blocks: ${connected.msg || "unknown"}`,
-      );
+      throw new Error(`Failed to connect blocks: ${connected.msg || 'unknown'}`);
     }
 
     // Step 8: Ensure at least the 2 required blocks exist (start + sky)
@@ -175,19 +167,17 @@ test.describe("Create Blockly project and open Events flyout", () => {
     });
 
     // Run the code
-    await page.locator("#runCodeButton").click();
+    await page.locator('#runCodeButton').click();
     await page.waitForTimeout(1000);
 
     // Verify canvas renders and matches baseline
-    const renderCanvas = page.locator("#renderCanvas");
+    const renderCanvas = page.locator('#renderCanvas');
     await expect(renderCanvas).toBeVisible();
-    await expect(renderCanvas).toHaveScreenshot("canvas-baseline.png");
+    await expect(renderCanvas).toHaveScreenshot('canvas-baseline.png');
   });
 
-  test("supports persistent toolbox category prefix typing without timeout", async ({
-    page,
-  }) => {
-    await page.goto("/", { waitUntil: "domcontentloaded" });
+  test('supports persistent toolbox category prefix typing without timeout', async ({ page }) => {
+    await page.goto('/', { waitUntil: 'domcontentloaded' });
 
     await page.waitForFunction(
       () => {
@@ -195,7 +185,7 @@ test.describe("Create Blockly project and open Events flyout", () => {
         const tb = ws?.getToolbox?.();
         return !!(ws && tb && (tb.getToolboxItems?.()?.length ?? 0) > 0);
       },
-      { timeout: 20000 },
+      { timeout: 20000 }
     );
 
     const selectedAfterTyping = await page.evaluate(async () => {
@@ -204,22 +194,21 @@ test.describe("Create Blockly project and open Events flyout", () => {
       if (!ws || !tb) return null;
 
       const toolboxDiv =
-        tb.HtmlDiv ||
-        document.querySelector(".blocklyToolboxDiv, .blocklyToolbox");
+        tb.HtmlDiv || document.querySelector('.blocklyToolboxDiv, .blocklyToolbox');
       if (!(toolboxDiv instanceof HTMLElement)) return null;
 
       const keydown = (key, extra = {}) => {
         toolboxDiv.dispatchEvent(
-          new KeyboardEvent("keydown", {
+          new KeyboardEvent('keydown', {
             key,
             code: key.length === 1 ? `Key${key.toUpperCase()}` : key,
             bubbles: true,
             cancelable: true,
             ...extra,
-          }),
+          })
         );
       };
-      const selectedName = () => tb.getSelectedItem?.()?.getName?.() || "";
+      const selectedName = () => tb.getSelectedItem?.()?.getName?.() || '';
       const waitFor = async (predicate, timeoutMs = 2000) => {
         const start = performance.now();
         while (performance.now() - start < timeoutMs) {
@@ -232,44 +221,38 @@ test.describe("Create Blockly project and open Events flyout", () => {
       window.Blockly?.getFocusManager?.()?.focusTree?.(tb);
       toolboxDiv.focus();
 
-      keydown("c");
-      keydown("o");
-      keydown("n");
-      await waitFor(
-        () => selectedName().toLowerCase().startsWith("con"),
-        2000,
-      );
-      keydown("d");
+      keydown('c');
+      keydown('o');
+      keydown('n');
+      await waitFor(() => selectedName().toLowerCase().startsWith('con'), 2000);
+      keydown('d');
       const condition = selectedName().toLowerCase();
 
-      keydown("Escape");
-      keydown("c");
-      keydown("o");
-      keydown("n");
+      keydown('Escape');
+      keydown('c');
+      keydown('o');
+      keydown('n');
       const connect = selectedName().toLowerCase();
       const focusedTree = window.Blockly?.getFocusManager?.()?.getFocusedTree?.();
       const toolboxStillFocused = focusedTree === tb;
       const activeInToolbox = !!document.activeElement?.closest?.(
-        ".blocklyToolboxDiv, .blocklyToolbox",
+        '.blocklyToolboxDiv, .blocklyToolbox'
       );
 
       const selectedItem = tb.getSelectedItem?.();
       const selectedExpanded =
-        typeof selectedItem?.isExpanded === "function"
-          ? selectedItem.isExpanded()
-          : null;
+        typeof selectedItem?.isExpanded === 'function' ? selectedItem.isExpanded() : null;
       const parent =
         selectedItem?.getParent?.() ||
         selectedItem?.parentToolboxItem_ ||
         selectedItem?.parentItem_ ||
         selectedItem?.parent_;
-      const parentExpanded =
-        typeof parent?.isExpanded === "function" ? parent.isExpanded() : null;
+      const parentExpanded = typeof parent?.isExpanded === 'function' ? parent.isExpanded() : null;
 
-      keydown("Escape");
-      keydown("s");
-      keydown("t");
-      keydown("r");
+      keydown('Escape');
+      keydown('s');
+      keydown('t');
+      keydown('r');
       const strings = selectedName().toLowerCase();
 
       const stringsItem = tb.getSelectedItem?.();
@@ -279,27 +262,24 @@ test.describe("Create Blockly project and open Events flyout", () => {
         stringsItem?.parentItem_ ||
         stringsItem?.parent_;
       const stringsParentExpanded =
-        typeof stringsParent?.isExpanded === "function"
-          ? stringsParent.isExpanded()
-          : null;
-
-      keydown("Escape");
-      keydown("s");
-      keydown("c");
-      keydown("e");
+        typeof stringsParent?.isExpanded === 'function' ? stringsParent.isExpanded() : null;
+
+      keydown('Escape');
+      keydown('s');
+      keydown('c');
+      keydown('e');
       const scene = selectedName().toLowerCase();
 
-      keydown("f", { ctrlKey: true });
+      keydown('f', { ctrlKey: true });
       await waitFor(() => {
         const active = document.activeElement;
-        return active instanceof HTMLInputElement && active.type === "search";
+        return active instanceof HTMLInputElement && active.type === 'search';
       }, 2000);
       const focused = document.activeElement;
-      const searchFocused =
-        focused instanceof HTMLInputElement && focused.type === "search";
+      const searchFocused = focused instanceof HTMLInputElement && focused.type === 'search';
 
       toolboxDiv.focus();
-      keydown("c");
+      keydown('c');
       const control = selectedName().toLowerCase();
 
       return {
@@ -319,13 +299,13 @@ test.describe("Create Blockly project and open Events flyout", () => {
 
     expect(selectedAfterTyping).not.toBeNull();
     expect(selectedAfterTyping.searchFocused).toBe(true);
-    expect(selectedAfterTyping.condition).toContain("condition");
-    expect(selectedAfterTyping.connect).toContain("connect");
+    expect(selectedAfterTyping.condition).toContain('condition');
+    expect(selectedAfterTyping.connect).toContain('connect');
     expect(selectedAfterTyping.toolboxStillFocused).toBe(true);
     expect(selectedAfterTyping.activeInToolbox).toBe(true);
-    expect(selectedAfterTyping.strings).toContain("string");
-    expect(selectedAfterTyping.scene).toContain("scene");
-    expect(selectedAfterTyping.control).toContain("control");
+    expect(selectedAfterTyping.strings).toContain('string');
+    expect(selectedAfterTyping.scene).toContain('scene');
+    expect(selectedAfterTyping.control).toContain('control');
     expect(selectedAfterTyping.selectedExpanded).toBe(true);
     expect(selectedAfterTyping.parentExpanded).toBe(true);
     expect(selectedAfterTyping.stringsParentExpanded).toBe(true);
diff --git a/tests/playwright/example-loading.spec.js b/tests/playwright/example-loading.spec.js
index 54eb25eb3..a982d9203 100644
--- a/tests/playwright/example-loading.spec.js
+++ b/tests/playwright/example-loading.spec.js
@@ -1,4 +1,4 @@
-import { test, expect } from "@playwright/test";
+import { test, expect } from '@playwright/test';
 
 async function installFetchRecorder(page) {
   await page.addInitScript(() => {
@@ -6,7 +6,7 @@ async function installFetchRecorder(page) {
     window.__fetchCalls = [];
     window.fetch = (input, init) => {
       const value =
-        typeof input === "string"
+        typeof input === 'string'
           ? input
           : input instanceof URL
             ? input.href
@@ -18,8 +18,8 @@ async function installFetchRecorder(page) {
 }
 
 async function waitForWorkspace(page) {
-  await page.waitForSelector("#exampleButton", {
-    state: "visible",
+  await page.waitForSelector('#exampleButton', {
+    state: 'visible',
     timeout: 20000,
   });
   await page.waitForFunction(
@@ -27,7 +27,7 @@ async function waitForWorkspace(page) {
       const ws = window.mainWorkspace ?? window.Blockly?.getMainWorkspace?.();
       return !!ws;
     },
-    { timeout: 20000 },
+    { timeout: 20000 }
   );
 }
 
@@ -35,64 +35,61 @@ async function fetchCalls(page) {
   return page.evaluate(() => [...(window.__fetchCalls || [])]);
 }
 
-test.describe("Example project loading uses relative bundled asset paths", () => {
-  test("startup, new, dropdown, and execution fallback all fetch relative example paths", async ({
+test.describe('Example project loading uses relative bundled asset paths', () => {
+  test('startup, new, dropdown, and execution fallback all fetch relative example paths', async ({
     page,
   }) => {
     await installFetchRecorder(page);
-    await page.goto("/", { waitUntil: "domcontentloaded" });
+    await page.goto('/', { waitUntil: 'domcontentloaded' });
     await waitForWorkspace(page);
 
     await page.waitForFunction(
-      () => (window.__fetchCalls || []).includes("examples/starter.flock"),
-      { timeout: 20000 },
+      () => (window.__fetchCalls || []).includes('examples/starter.flock'),
+      { timeout: 20000 }
     );
 
     // The demo picker is now a tile modal; examples load through the global
     // loadExample(file) entry point that each tile invokes.
-    await page.evaluate(() => window.loadExample("examples/new.flock"));
-    await page.waitForFunction(
-      () => (window.__fetchCalls || []).includes("examples/new.flock"),
-      { timeout: 20000 },
-    );
+    await page.evaluate(() => window.loadExample('examples/new.flock'));
+    await page.waitForFunction(() => (window.__fetchCalls || []).includes('examples/new.flock'), {
+      timeout: 20000,
+    });
 
-    await page.evaluate(() => window.loadExample("examples/snow_globe.flock"));
+    await page.evaluate(() => window.loadExample('examples/snow_globe.flock'));
     await page.waitForFunction(
-      () => (window.__fetchCalls || []).includes("examples/snow_globe.flock"),
-      { timeout: 20000 },
+      () => (window.__fetchCalls || []).includes('examples/snow_globe.flock'),
+      { timeout: 20000 }
     );
 
     await page.evaluate(async () => {
-      const mod = await import("/flock.js");
+      const mod = await import('/flock.js');
       mod.flock.engineReady = true;
       const originalRunCode = mod.flock.runCode.bind(mod.flock);
       let failedOnce = false;
       mod.flock.runCode = async (...args) => {
         if (!failedOnce) {
           failedOnce = true;
-          throw new Error("Intentional test execution failure");
+          throw new Error('Intentional test execution failure');
         }
         return originalRunCode(...args);
       };
     });
 
-    await page.locator("#runCodeButton").click();
+    await page.locator('#runCodeButton').click();
     await page.waitForFunction(
       () =>
-        (window.__fetchCalls || []).filter(
-          (call) => call === "examples/starter.flock",
-        ).length >= 2,
-      { timeout: 20000 },
+        (window.__fetchCalls || []).filter((call) => call === 'examples/starter.flock').length >= 2,
+      { timeout: 20000 }
     );
 
     const calls = await fetchCalls(page);
-    const exampleCalls = calls.filter((call) => call.startsWith("examples/"));
+    const exampleCalls = calls.filter((call) => call.startsWith('examples/'));
     expect(exampleCalls).toEqual(
       expect.arrayContaining([
-        "examples/starter.flock",
-        "examples/new.flock",
-        "examples/snow_globe.flock",
-      ]),
+        'examples/starter.flock',
+        'examples/new.flock',
+        'examples/snow_globe.flock',
+      ])
     );
     expect(exampleCalls.every((call) => !/^https?:\/\//.test(call))).toBe(true);
   });
diff --git a/tests/playwright/flock.spec.js b/tests/playwright/flock.spec.js
index 8c7e35b0f..13dd1b380 100644
--- a/tests/playwright/flock.spec.js
+++ b/tests/playwright/flock.spec.js
@@ -1,25 +1,25 @@
-import { test, expect } from "@playwright/test";
+import { test, expect } from '@playwright/test';
 
-test.describe("Flock XR Environment Setup", () => {
-  test("application loads without errors", async ({ page }) => {
-    await page.goto("/");
+test.describe('Flock XR Environment Setup', () => {
+  test('application loads without errors', async ({ page }) => {
+    await page.goto('/');
 
     // Check page title loads
     await expect(page).toHaveTitle(/Flock/);
 
     // Verify main elements are present in DOM
-    await expect(page.locator("#renderCanvas")).toBeVisible();
-    await expect(page.locator("#blocklyDiv")).toBeVisible();
+    await expect(page.locator('#renderCanvas')).toBeVisible();
+    await expect(page.locator('#blocklyDiv')).toBeVisible();
   });
 
-  test("basic UI elements are present", async ({ page }) => {
-    await page.goto("/");
+  test('basic UI elements are present', async ({ page }) => {
+    await page.goto('/');
 
     // Wait for page to load
-    await page.waitForLoadState("networkidle");
+    await page.waitForLoadState('networkidle');
 
     // Check main container exists
-    await expect(page.locator("#blocklyDiv")).toBeVisible();
+    await expect(page.locator('#blocklyDiv')).toBeVisible();
 
     // Wait for the toolbox to exist
     await page.waitForSelector('#blocklyDiv [role="tree"]');
diff --git a/tests/playwright/speak-language-options.spec.js b/tests/playwright/speak-language-options.spec.js
index c861401fb..796b206d3 100644
--- a/tests/playwright/speak-language-options.spec.js
+++ b/tests/playwright/speak-language-options.spec.js
@@ -1,17 +1,15 @@
-import { test, expect } from "@playwright/test";
+import { test, expect } from '@playwright/test';
 
 // Saved projects store the raw field value, so these values must not be renamed
 // or removed — only added to.
-test("speak block language options stay backward compatible", async ({
-  page,
-}) => {
-  await page.goto("/");
-  await page.waitForSelector("#renderCanvas");
+test('speak block language options stay backward compatible', async ({ page }) => {
+  await page.goto('/');
+  await page.waitForSelector('#renderCanvas');
   await page.waitForTimeout(6000);
 
   const result = await page.evaluate(() => {
-    const block = window.mainWorkspace.newBlock("speak");
-    const field = block.getField("LANGUAGE");
+    const block = window.mainWorkspace.newBlock('speak');
+    const field = block.getField('LANGUAGE');
     const values = field.getOptions().map(([, value]) => value);
     const roundTrip = {};
     for (const v of values) {
@@ -22,9 +20,9 @@ test("speak block language options stay backward compatible", async ({
     return { values, roundTrip };
   });
 
-  expect(result.values).toContain("en-GB");
-  expect(result.values).toContain("en-US");
-  expect(result.values).toContain("es");
+  expect(result.values).toContain('en-GB');
+  expect(result.values).toContain('en-US');
+  expect(result.values).toContain('es');
   for (const v of result.values) {
     expect(result.roundTrip[v]).toBe(v);
   }
diff --git a/tests/printtext.test.js b/tests/printtext.test.js
index c03dc58ae..65c3773d5 100644
--- a/tests/printtext.test.js
+++ b/tests/printtext.test.js
@@ -1,12 +1,11 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runPrintTextTests(flock) {
-  describe("printText function tests", function () {
+  describe('printText function tests', function () {
     let advancedTexture;
 
     beforeEach(function () {
-      advancedTexture =
-        flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI("PrintTextUI");
+      advancedTexture = flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI('PrintTextUI');
       flock.stackPanel = new flock.GUI.StackPanel();
       flock.stackPanel.isVertical = true;
       advancedTexture.addControl(flock.stackPanel);
@@ -28,53 +27,53 @@ export function runPrintTextTests(flock) {
       }
     });
 
-    it("should return early without error when stackPanel is missing", function () {
+    it('should return early without error when stackPanel is missing', function () {
       const savedPanel = flock.stackPanel;
       flock.stackPanel = null;
-      expect(() => flock.printText({ text: "test" })).to.not.throw();
+      expect(() => flock.printText({ text: 'test' })).to.not.throw();
       flock.stackPanel = savedPanel;
     });
 
-    it("should add a background control to the stackPanel", function () {
-      flock.printText({ text: "Hello", duration: 9999 });
-      const bg = advancedTexture.getControlByName("textBackground");
+    it('should add a background control to the stackPanel', function () {
+      flock.printText({ text: 'Hello', duration: 9999 });
+      const bg = advancedTexture.getControlByName('textBackground');
       expect(bg).to.exist;
     });
 
-    it("should display the correct text", function () {
-      flock.printText({ text: "Hello World", duration: 9999 });
-      const textBlock = advancedTexture.getControlByName("textBlock");
-      expect(textBlock.text).to.equal("Hello World");
+    it('should display the correct text', function () {
+      flock.printText({ text: 'Hello World', duration: 9999 });
+      const textBlock = advancedTexture.getControlByName('textBlock');
+      expect(textBlock.text).to.equal('Hello World');
     });
 
-    it("should use white as the default text color", function () {
-      flock.printText({ text: "Default color", duration: 9999 });
-      const textBlock = advancedTexture.getControlByName("textBlock");
-      expect(textBlock.color).to.equal("white");
+    it('should use white as the default text color', function () {
+      flock.printText({ text: 'Default color', duration: 9999 });
+      const textBlock = advancedTexture.getControlByName('textBlock');
+      expect(textBlock.color).to.equal('white');
     });
 
-    it("should use the specified text color", function () {
-      flock.printText({ text: "Colored text", color: "red", duration: 9999 });
-      const textBlock = advancedTexture.getControlByName("textBlock");
-      expect(textBlock.color).to.equal("red");
+    it('should use the specified text color', function () {
+      flock.printText({ text: 'Colored text', color: 'red', duration: 9999 });
+      const textBlock = advancedTexture.getControlByName('textBlock');
+      expect(textBlock.color).to.equal('red');
     });
 
-    it("should remove the control after the duration expires @slow", function (done) {
+    it('should remove the control after the duration expires @slow', function (done) {
       this.timeout(5000);
-      flock.printText({ text: "Fade out", duration: 1 });
+      flock.printText({ text: 'Fade out', duration: 1 });
       // Duration (1s) + fade animation (~1s for 30 frames at 30fps) + buffer
       setTimeout(() => {
-        const bg = advancedTexture.getControlByName("textBackground");
+        const bg = advancedTexture.getControlByName('textBackground');
         expect(bg).to.be.null;
         done();
       }, 3000);
     });
 
-    it("should keep the control when duration is 0", function (done) {
+    it('should keep the control when duration is 0', function (done) {
       this.timeout(2000);
-      flock.printText({ text: "Persist", duration: 0 });
+      flock.printText({ text: 'Persist', duration: 0 });
       setTimeout(() => {
-        const bg = advancedTexture.getControlByName("textBackground");
+        const bg = advancedTexture.getControlByName('textBackground');
         expect(bg).to.exist;
         done();
       }, 250);
diff --git a/tests/scene.test.js b/tests/scene.test.js
index 0338313e2..2d344857c 100644
--- a/tests/scene.test.js
+++ b/tests/scene.test.js
@@ -1,10 +1,10 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runSceneTests(flock) {
-  describe("Scene API Tests", function () {
+  describe('Scene API Tests', function () {
     // ─── setSky ────────────────────────────────────────────────────────────────
 
-    describe("setSky", function () {
+    describe('setSky', function () {
       afterEach(function () {
         if (flock.sky) {
           flock.disposeMesh(flock.sky);
@@ -12,29 +12,26 @@ export function runSceneTests(flock) {
         }
       });
 
-      it("should create a sky sphere for a single color string", function () {
-        flock.setSky("#6495ed");
+      it('should create a sky sphere for a single color string', function () {
+        flock.setSky('#6495ed');
         expect(flock.sky).to.exist;
-        expect(flock.sky.name).to.equal("sky");
+        expect(flock.sky.name).to.equal('sky');
       });
 
-      it("should create a sky sphere for a 2-color gradient array", function () {
-        flock.setSky(["#6495ed", "#ffffff"]);
+      it('should create a sky sphere for a 2-color gradient array', function () {
+        flock.setSky(['#6495ed', '#ffffff']);
         expect(flock.sky).to.exist;
         expect(flock.sky.material).to.exist;
       });
 
-      it("should create a sky sphere for a 3-color gradient array", function () {
-        flock.setSky(["#000033", "#6495ed", "#ffffff"]);
+      it('should create a sky sphere for a 3-color gradient array', function () {
+        flock.setSky(['#000033', '#6495ed', '#ffffff']);
         expect(flock.sky).to.exist;
         expect(flock.sky.material).to.exist;
       });
 
-      it("should create a sky sphere when passed a Material instance", function () {
-        const mat = new flock.BABYLON.StandardMaterial(
-          "testSkyMat",
-          flock.scene,
-        );
+      it('should create a sky sphere when passed a Material instance', function () {
+        const mat = new flock.BABYLON.StandardMaterial('testSkyMat', flock.scene);
         mat.backFaceCulling = false;
         flock.setSky(mat);
         expect(flock.sky).to.exist;
@@ -42,28 +39,28 @@ export function runSceneTests(flock) {
         mat.dispose();
       });
 
-      it("should set clearColor and not create a sky sphere with clear:true", function () {
-        flock.setSky("#ff0000", { clear: true });
+      it('should set clearColor and not create a sky sphere with clear:true', function () {
+        flock.setSky('#ff0000', { clear: true });
         expect(flock.sky).to.not.exist;
       });
 
-      it("should only have one sky mesh after calling setSky twice", function () {
-        flock.setSky("#6495ed");
+      it('should only have one sky mesh after calling setSky twice', function () {
+        flock.setSky('#6495ed');
         const first = flock.sky;
-        flock.setSky("#ff6347");
+        flock.setSky('#ff6347');
         const second = flock.sky;
 
         expect(second).to.exist;
         expect(second).to.not.equal(first);
 
-        const skyMeshes = flock.scene.meshes.filter((m) => m.name === "sky");
+        const skyMeshes = flock.scene.meshes.filter((m) => m.name === 'sky');
         expect(skyMeshes.length).to.equal(1);
       });
     });
 
     // ─── createLinearGradientTexture ───────────────────────────────────────────
 
-    describe("createLinearGradientTexture", function () {
+    describe('createLinearGradientTexture', function () {
       const createdTextures = [];
 
       afterEach(function () {
@@ -71,22 +68,22 @@ export function runSceneTests(flock) {
         createdTextures.length = 0;
       });
 
-      it("should return a DynamicTexture for a two-color array", function () {
-        const tex = flock.createLinearGradientTexture(["#336633", "#88cc88"]);
+      it('should return a DynamicTexture for a two-color array', function () {
+        const tex = flock.createLinearGradientTexture(['#336633', '#88cc88']);
         createdTextures.push(tex);
         expect(tex).to.exist;
-        expect(tex.getClassName()).to.equal("DynamicTexture");
+        expect(tex.getClassName()).to.equal('DynamicTexture');
       });
 
-      it("should return a DynamicTexture for a single-color array", function () {
-        const tex = flock.createLinearGradientTexture(["#336633"]);
+      it('should return a DynamicTexture for a single-color array', function () {
+        const tex = flock.createLinearGradientTexture(['#336633']);
         createdTextures.push(tex);
         expect(tex).to.exist;
-        expect(tex.getClassName()).to.equal("DynamicTexture");
+        expect(tex.getClassName()).to.equal('DynamicTexture');
       });
 
-      it("should produce a taller-than-wide texture by default (vertical)", function () {
-        const tex = flock.createLinearGradientTexture(["#336633", "#88cc88"], {
+      it('should produce a taller-than-wide texture by default (vertical)', function () {
+        const tex = flock.createLinearGradientTexture(['#336633', '#88cc88'], {
           size: 256,
         });
         createdTextures.push(tex);
@@ -94,8 +91,8 @@ export function runSceneTests(flock) {
         expect(height).to.be.greaterThan(width);
       });
 
-      it("should produce a wider-than-tall texture with horizontal:true", function () {
-        const tex = flock.createLinearGradientTexture(["#336633", "#88cc88"], {
+      it('should produce a wider-than-tall texture with horizontal:true', function () {
+        const tex = flock.createLinearGradientTexture(['#336633', '#88cc88'], {
           size: 256,
           horizontal: true,
         });
@@ -104,8 +101,8 @@ export function runSceneTests(flock) {
         expect(width).to.be.greaterThan(height);
       });
 
-      it("should respect the size option", function () {
-        const tex = flock.createLinearGradientTexture(["#336633", "#88cc88"], {
+      it('should respect the size option', function () {
+        const tex = flock.createLinearGradientTexture(['#336633', '#88cc88'], {
           size: 128,
         });
         createdTextures.push(tex);
@@ -116,7 +113,7 @@ export function runSceneTests(flock) {
 
     // ─── createMap ─────────────────────────────────────────────────────────────
 
-    describe("createMap", function () {
+    describe('createMap', function () {
       // flock.ground is assigned immediately for heightmaps, but metadata is
       // only populated inside the async onReady callback. Poll until it lands.
       async function waitForGroundMetadata(timeout = 8000) {
@@ -135,91 +132,85 @@ export function runSceneTests(flock) {
         }
       });
 
-      it("should create a ground mesh for a plain color list", function () {
-        const ground = flock.createMap("NONE", ["#336633", "#88cc88"]);
+      it('should create a ground mesh for a plain color list', function () {
+        const ground = flock.createMap('NONE', ['#336633', '#88cc88']);
         expect(ground).to.exist;
-        expect(ground.name).to.equal("ground");
+        expect(ground.name).to.equal('ground');
       });
 
-      it("should create a ground mesh for a material object with color list", function () {
-        const ground = flock.createMap("NONE", {
-          color: ["#336633", "#88cc88"],
-          materialName: "none.png",
+      it('should create a ground mesh for a material object with color list', function () {
+        const ground = flock.createMap('NONE', {
+          color: ['#336633', '#88cc88'],
+          materialName: 'none.png',
         });
         expect(ground).to.exist;
-        expect(ground.name).to.equal("ground");
+        expect(ground.name).to.equal('ground');
       });
 
-      it("should set flock.ground to the returned mesh", function () {
-        const ground = flock.createMap("NONE", ["#336633", "#88cc88"]);
+      it('should set flock.ground to the returned mesh', function () {
+        const ground = flock.createMap('NONE', ['#336633', '#88cc88']);
         expect(flock.ground).to.equal(ground);
       });
 
-      it("should set correct metadata on the ground mesh", function () {
-        const ground = flock.createMap("NONE", ["#336633", "#88cc88"]);
+      it('should set correct metadata on the ground mesh', function () {
+        const ground = flock.createMap('NONE', ['#336633', '#88cc88']);
         expect(ground.metadata).to.exist;
-        expect(ground.metadata.blockKey).to.equal("ground");
-        expect(ground.metadata.heightMapImage).to.equal("NONE");
+        expect(ground.metadata.blockKey).to.equal('ground');
+        expect(ground.metadata.heightMapImage).to.equal('NONE');
       });
 
-      it("should attach a physics body to the ground mesh", function () {
-        const ground = flock.createMap("NONE", ["#336633", "#88cc88"]);
+      it('should attach a physics body to the ground mesh', function () {
+        const ground = flock.createMap('NONE', ['#336633', '#88cc88']);
         expect(ground.physics).to.exist;
       });
 
-      it("should reuse the same mesh when called again with the same image", function () {
-        const first = flock.createMap("NONE", ["#336633", "#88cc88"]);
-        const second = flock.createMap("NONE", ["#cc8833", "#88cc88"]);
+      it('should reuse the same mesh when called again with the same image', function () {
+        const first = flock.createMap('NONE', ['#336633', '#88cc88']);
+        const second = flock.createMap('NONE', ['#cc8833', '#88cc88']);
         expect(second).to.equal(first);
-        const groundMeshes = flock.scene.meshes.filter(
-          (m) => m.name === "ground",
-        );
+        const groundMeshes = flock.scene.meshes.filter((m) => m.name === 'ground');
         expect(groundMeshes.length).to.equal(1);
       });
 
-      it("should not accumulate ground meshes across repeated calls", function () {
-        flock.createMap("NONE", ["#336633", "#88cc88"]);
-        flock.createMap("NONE", ["#cc8833", "#336633"]);
-        flock.createMap("NONE", ["#ffffff", "#000000"]);
-        const groundMeshes = flock.scene.meshes.filter(
-          (m) => m.name === "ground",
-        );
+      it('should not accumulate ground meshes across repeated calls', function () {
+        flock.createMap('NONE', ['#336633', '#88cc88']);
+        flock.createMap('NONE', ['#cc8833', '#336633']);
+        flock.createMap('NONE', ['#ffffff', '#000000']);
+        const groundMeshes = flock.scene.meshes.filter((m) => m.name === 'ground');
         expect(groundMeshes.length).to.equal(1);
       });
 
-      it("should apply a texture material to a flat ground", function () {
-        const mat = flock.createMaterial({ materialName: "test.png" });
-        const ground = flock.createMap("NONE", mat);
+      it('should apply a texture material to a flat ground', function () {
+        const mat = flock.createMaterial({ materialName: 'test.png' });
+        const ground = flock.createMap('NONE', mat);
         expect(ground).to.exist;
-        expect(ground.name).to.equal("ground");
+        expect(ground.name).to.equal('ground');
         expect(ground.material).to.exist;
       });
 
-      it("should create a ground mesh from a heightmap image @slow", async function () {
+      it('should create a ground mesh from a heightmap image @slow', async function () {
         this.timeout(10000);
-        flock.createMap("Islands.png", ["#336633", "#88cc88"]);
+        flock.createMap('Islands.png', ['#336633', '#88cc88']);
         const ground = await waitForGroundMetadata();
         expect(ground).to.exist;
-        expect(ground.name).to.equal("ground");
-        expect(ground.metadata.heightMapImage).to.equal("Islands.png");
+        expect(ground.name).to.equal('ground');
+        expect(ground.metadata.heightMapImage).to.equal('Islands.png');
       });
 
-      it("should replace a flat ground with a heightmap ground @slow", async function () {
+      it('should replace a flat ground with a heightmap ground @slow', async function () {
         this.timeout(10000);
-        flock.createMap("NONE", ["#336633", "#88cc88"]);
-        flock.createMap("Islands.png", ["#336633", "#88cc88"]);
+        flock.createMap('NONE', ['#336633', '#88cc88']);
+        flock.createMap('Islands.png', ['#336633', '#88cc88']);
         const ground = await waitForGroundMetadata();
-        expect(ground.metadata.heightMapImage).to.equal("Islands.png");
-        const groundMeshes = flock.scene.meshes.filter(
-          (m) => m.name === "ground",
-        );
+        expect(ground.metadata.heightMapImage).to.equal('Islands.png');
+        const groundMeshes = flock.scene.meshes.filter((m) => m.name === 'ground');
         expect(groundMeshes.length).to.equal(1);
       });
     });
 
     // ─── getGroundLevelAt ──────────────────────────────────────────────────────
 
-    describe("getGroundLevelAt", function () {
+    describe('getGroundLevelAt', function () {
       afterEach(function () {
         if (flock.ground) {
           flock.disposeMesh(flock.ground);
@@ -227,36 +218,36 @@ export function runSceneTests(flock) {
         }
       });
 
-      it("should return 0 when no ground exists", function () {
+      it('should return 0 when no ground exists', function () {
         const level = flock.getGroundLevelAt(0, 0);
         expect(level).to.equal(0);
       });
 
-      it("should return a number after a flat ground is created", function () {
-        flock.createMap("NONE", ["#336633", "#88cc88"]);
+      it('should return a number after a flat ground is created', function () {
+        flock.createMap('NONE', ['#336633', '#88cc88']);
         const level = flock.getGroundLevelAt(0, 0);
-        expect(level).to.be.a("number");
+        expect(level).to.be.a('number');
       });
 
-      it("should return 0 at the centre of a flat ground", function () {
-        flock.createMap("NONE", ["#336633", "#88cc88"]);
+      it('should return 0 at the centre of a flat ground', function () {
+        flock.createMap('NONE', ['#336633', '#88cc88']);
         const level = flock.getGroundLevelAt(0, 0);
         expect(level).to.equal(0);
       });
 
-      it("should accept custom rayStartY and rayLength options without error", function () {
-        flock.createMap("NONE", ["#336633", "#88cc88"]);
+      it('should accept custom rayStartY and rayLength options without error', function () {
+        flock.createMap('NONE', ['#336633', '#88cc88']);
         const level = flock.getGroundLevelAt(0, 0, {
           rayStartY: 500,
           rayLength: 1000,
         });
-        expect(level).to.be.a("number");
+        expect(level).to.be.a('number');
       });
     });
 
     // ─── waitForGroundReady ────────────────────────────────────────────────────
 
-    describe("waitForGroundReady", function () {
+    describe('waitForGroundReady', function () {
       afterEach(function () {
         if (flock.ground) {
           flock.disposeMesh(flock.ground);
@@ -264,17 +255,16 @@ export function runSceneTests(flock) {
         }
       });
 
-      it("should resolve immediately with the ground when flock.ground already exists", async function () {
-        flock.createMap("NONE", ["#336633", "#88cc88"]);
+      it('should resolve immediately with the ground when flock.ground already exists', async function () {
+        flock.createMap('NONE', ['#336633', '#88cc88']);
         const ground = await flock.waitForGroundReady();
         expect(ground).to.equal(flock.ground);
       });
-
     });
 
     // ─── initialize ───────────────────────────────────────────────────────────
 
-    describe("initialize", function () {
+    describe('initialize', function () {
       this.timeout(10000);
 
       let savedScene;
@@ -289,10 +279,10 @@ export function runSceneTests(flock) {
         flock.engine?.runRenderLoop(flock._renderLoop);
       });
 
-      it("sets up BABYLON, canvas, observables, and abortController", async function () {
+      it('sets up BABYLON, canvas, observables, and abortController', async function () {
         await flock.initialize();
         expect(flock.BABYLON).to.exist;
-        expect(flock.canvas.id).to.equal("renderCanvas");
+        expect(flock.canvas.id).to.equal('renderCanvas');
         expect(flock.abortController).to.be.instanceOf(AbortController);
         expect(flock.inputManager).to.exist;
         expect(flock._onScreenSource).to.exist;
@@ -301,7 +291,7 @@ export function runSceneTests(flock) {
 
     // ─── createEngine ─────────────────────────────────────────────────────────
 
-    describe("createEngine", function () {
+    describe('createEngine', function () {
       let savedEngine;
       let savedScene;
 
@@ -318,19 +308,19 @@ export function runSceneTests(flock) {
         flock.scene = savedScene;
       });
 
-      it("creates a Babylon Engine (not NullEngine)", function () {
+      it('creates a Babylon Engine (not NullEngine)', function () {
         expect(flock.engine).to.be.instanceOf(flock.BABYLON.Engine);
         expect(flock.engine).to.not.be.instanceOf(flock.BABYLON.NullEngine);
       });
 
-      it("sets enableOfflineSupport to false", function () {
+      it('sets enableOfflineSupport to false', function () {
         expect(flock.engine.enableOfflineSupport).to.be.false;
       });
     });
 
     // ─── cloneMesh ─────────────────────────────────────────────────────────────
 
-    describe("cloneMesh", function () {
+    describe('cloneMesh', function () {
       const createdIds = [];
 
       afterEach(function () {
@@ -338,14 +328,14 @@ export function runSceneTests(flock) {
         createdIds.length = 0;
       });
 
-      it("should return null for a missing sourceMeshName", function () {
-        const result = flock.cloneMesh({ cloneId: "clone1" });
+      it('should return null for a missing sourceMeshName', function () {
+        const result = flock.cloneMesh({ cloneId: 'clone1' });
         expect(result).to.be.null;
       });
 
-      it("should return null for a missing cloneId", function () {
-        const boxId = flock.createBox("cloneSrc__1", {
-          color: "#996633",
+      it('should return null for a missing cloneId', function () {
+        const boxId = flock.createBox('cloneSrc__1', {
+          color: '#996633',
           width: 1,
           height: 1,
           depth: 1,
@@ -356,9 +346,9 @@ export function runSceneTests(flock) {
         expect(result).to.be.null;
       });
 
-      it("should return a string ID for valid inputs", function () {
-        const boxId = flock.createBox("cloneSrc__2", {
-          color: "#996633",
+      it('should return a string ID for valid inputs', function () {
+        const boxId = flock.createBox('cloneSrc__2', {
+          color: '#996633',
           width: 1,
           height: 1,
           depth: 1,
@@ -367,16 +357,16 @@ export function runSceneTests(flock) {
         createdIds.push(boxId);
         const cloneId = flock.cloneMesh({
           sourceMeshName: boxId,
-          cloneId: "myClone",
+          cloneId: 'myClone',
         });
         createdIds.push(cloneId);
-        expect(cloneId).to.be.a("string");
-        expect(cloneId).to.include("myClone");
+        expect(cloneId).to.be.a('string');
+        expect(cloneId).to.include('myClone');
       });
 
       it("should return an ID starting with cloneId + '_'", function () {
-        const boxId = flock.createBox("cloneSrc__3", {
-          color: "#996633",
+        const boxId = flock.createBox('cloneSrc__3', {
+          color: '#996633',
           width: 1,
           height: 1,
           depth: 1,
@@ -385,15 +375,15 @@ export function runSceneTests(flock) {
         createdIds.push(boxId);
         const cloneId = flock.cloneMesh({
           sourceMeshName: boxId,
-          cloneId: "myClone",
+          cloneId: 'myClone',
         });
         createdIds.push(cloneId);
         expect(cloneId).to.match(/^myClone_/);
       });
 
-      it("should avoid collisions for repeated clone ids", function () {
-        const boxId = flock.createBox("cloneReserveSrc", {
-          color: "#996633",
+      it('should avoid collisions for repeated clone ids', function () {
+        const boxId = flock.createBox('cloneReserveSrc', {
+          color: '#996633',
           width: 1,
           height: 1,
           depth: 1,
@@ -403,21 +393,21 @@ export function runSceneTests(flock) {
 
         const firstCloneId = flock.cloneMesh({
           sourceMeshName: boxId,
-          cloneId: "reserveClone",
+          cloneId: 'reserveClone',
         });
         const secondCloneId = flock.cloneMesh({
           sourceMeshName: boxId,
-          cloneId: "reserveClone",
+          cloneId: 'reserveClone',
         });
         createdIds.push(firstCloneId, secondCloneId);
 
         expect(firstCloneId).to.not.equal(secondCloneId);
       });
 
-      it("should invoke the callback after cloning", async function () {
+      it('should invoke the callback after cloning', async function () {
         this.timeout(3000);
-        const boxId = flock.createBox("cloneSrc__4", {
-          color: "#996633",
+        const boxId = flock.createBox('cloneSrc__4', {
+          color: '#996633',
           width: 1,
           height: 1,
           depth: 1,
@@ -427,7 +417,7 @@ export function runSceneTests(flock) {
         let called = false;
         const cloneId = flock.cloneMesh({
           sourceMeshName: boxId,
-          cloneId: "myClone",
+          cloneId: 'myClone',
           callback: () => {
             called = true;
           },
diff --git a/tests/security/color-validation.test.js b/tests/security/color-validation.test.js
index ed0ae34ee..f691e48f5 100644
--- a/tests/security/color-validation.test.js
+++ b/tests/security/color-validation.test.js
@@ -1,20 +1,18 @@
-import { expect } from "chai";
-import * as Blockly from "blockly";
-import { javascriptGenerator } from "blockly/javascript";
-import { defineMaterialsBlocks } from "../../blocks/materials.js";
-import { registerMaterialGenerators } from "../../generators/generators-material.js";
-
-
+import { expect } from 'chai';
+import * as Blockly from 'blockly';
+import { javascriptGenerator } from 'blockly/javascript';
+import { defineMaterialsBlocks } from '../../blocks/materials.js';
+import { registerMaterialGenerators } from '../../generators/generators-material.js';
 
 export function runColorValidationTests() {
-  describe("colour_from_string generator @security", function () {
+  describe('colour_from_string generator @security', function () {
     this.timeout(5000);
 
     let workspace;
 
     before(function () {
-      if (!Blockly.Blocks["colour_from_string"]) {
-      defineMaterialsBlocks();
+      if (!Blockly.Blocks['colour_from_string']) {
+        defineMaterialsBlocks();
       }
       registerMaterialGenerators(javascriptGenerator);
     });
@@ -35,149 +33,148 @@ export function runColorValidationTests() {
       return Array.isArray(code) ? code[0] : code;
     }
 
-    it("generates a hash-prefixed colour string from a bare hex value", function () {
+    it('generates a hash-prefixed colour string from a bare hex value', function () {
       let block = Blockly.serialization.blocks.append(
-      {
-        type: "colour_from_string",
-        fields: { COLOR: "F000F0" },
-      },
-      workspace,
+        {
+          type: 'colour_from_string',
+          fields: { COLOR: 'F000F0' },
+        },
+        workspace
       );
       expect(generate(block)).to.equal('"#F000F0"');
       block = Blockly.serialization.blocks.append(
-      {
-        type: "colour_from_string",
-        fields: { COLOR: "F00" },
-      },
-      workspace,
+        {
+          type: 'colour_from_string',
+          fields: { COLOR: 'F00' },
+        },
+        workspace
       );
       expect(generate(block)).to.equal('"#ff0000"');
     });
 
     it("doesn't generate a hash-prefixed colour string from a bare hex value that is an invalid length", function () {
-      let block = Blockly.serialization.blocks.append({ type: "colour_from_string",
-        fields: { COLOR: "F000F0F" },
-      },workspace,);
+      let block = Blockly.serialization.blocks.append(
+        { type: 'colour_from_string', fields: { COLOR: 'F000F0F' } },
+        workspace
+      );
       expect(generate(block)).to.equal('"#000000"');
-      block = Blockly.serialization.blocks.append({ type: "colour_from_string",
-        fields: { COLOR: "F" },
-      },workspace,);
+      block = Blockly.serialization.blocks.append(
+        { type: 'colour_from_string', fields: { COLOR: 'F' } },
+        workspace
+      );
       expect(generate(block)).to.equal('"#000000"');
-      block = Blockly.serialization.blocks.append({ type: "colour_from_string",
-        fields: { COLOR: "F0" },
-      },workspace,);
+      block = Blockly.serialization.blocks.append(
+        { type: 'colour_from_string', fields: { COLOR: 'F0' } },
+        workspace
+      );
       expect(generate(block)).to.equal('"#000000"');
-      block = Blockly.serialization.blocks.append({ type: "colour_from_string",
-        fields: { COLOR: "F000" },
-      },workspace,);
+      block = Blockly.serialization.blocks.append(
+        { type: 'colour_from_string', fields: { COLOR: 'F000' } },
+        workspace
+      );
       expect(generate(block)).to.equal('"#000000"');
-      block = Blockly.serialization.blocks.append({ type: "colour_from_string",
-        fields: { COLOR: "F000F" },
-      },workspace,);
+      block = Blockly.serialization.blocks.append(
+        { type: 'colour_from_string', fields: { COLOR: 'F000F' } },
+        workspace
+      );
       expect(generate(block)).to.equal('"#000000"');
     });
 
     it("doesn't generate a hash-prefixed colour string from a bare hex value that is too short", function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "colour_from_string",
-        fields: { COLOR: "80008" },
-      },
-      workspace,
+        {
+          type: 'colour_from_string',
+          fields: { COLOR: '80008' },
+        },
+        workspace
       );
       expect(generate(block)).to.equal('"#000000"');
     });
 
-
-
-    it("defaults to black when the field is empty", function () {
+    it('defaults to black when the field is empty', function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "colour_from_string",
-        fields: { COLOR: "" },
-      },
-      workspace,
+        {
+          type: 'colour_from_string',
+          fields: { COLOR: '' },
+        },
+        workspace
       );
       expect(generate(block)).to.equal('"#000000"');
     });
 
-
-
-    it("generates a colour name string from a valid colour name", function () {
+    it('generates a colour name string from a valid colour name', function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "colour_from_string",
-        fields: { COLOR: "red" },
-      },
-      workspace,
+        {
+          type: 'colour_from_string',
+          fields: { COLOR: 'red' },
+        },
+        workspace
       );
       expect(generate(block)).to.equal('"red"');
     });
 
     it("doesn't generate a hash-prefixed colour string from an invalid colour name", function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "colour_from_string",
-        fields: { COLOR: "squirrel" },
-      },
-      workspace,
+        {
+          type: 'colour_from_string',
+          fields: { COLOR: 'squirrel' },
+        },
+        workspace
       );
       expect(generate(block)).to.equal('"#000000"');
     });
 
-
-
     it("doesn't generate a colour string from input with quotes", function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "colour_from_string",
-        fields: { COLOR: "red\" + \"" },
-      },
-      workspace,
+        {
+          type: 'colour_from_string',
+          fields: { COLOR: 'red" + "' },
+        },
+        workspace
       );
       expect(generate(block)).to.equal('"#000000"');
     });
 
     it("doesn't generate a colour string from input that requires evaluating code", function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "colour_from_string",
-        fields: { COLOR: "#0000\" + (255).toString(16) + \"" },
-      },
-      workspace,
+        {
+          type: 'colour_from_string',
+          fields: { COLOR: '#0000" + (255).toString(16) + "' },
+        },
+        workspace
       );
       expect(generate(block)).to.equal('"#000000"');
     });
 
     it("doesn't generate a colour string from input that requires invoking a Flock function", function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "colour_from_string",
-        fields: { COLOR: "\" + randomColour() + \"" },
-      },
-      workspace,
+        {
+          type: 'colour_from_string',
+          fields: { COLOR: '" + randomColour() + "' },
+        },
+        workspace
       );
       expect(generate(block)).to.equal('"#000000"');
     });
 
     it("doesn't generate a colour string from input that requires invoking a Flock function later", function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "colour_from_string",
-        fields: { COLOR: "000000\" + changeColor(capsule1, { color: randomColour() }) + \"" },
-      },
-      workspace,
+        {
+          type: 'colour_from_string',
+          fields: { COLOR: '000000" + changeColor(capsule1, { color: randomColour() }) + "' },
+        },
+        workspace
       );
       expect(generate(block)).to.equal('"#000000"');
     });
 
     it("doesn't generate a colour string from input that requires calling a disallowed function", function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "colour_from_string",
-        fields: { COLOR: "\" + eval(\"1\") + \"" },
-      },
-      workspace,
+        {
+          type: 'colour_from_string',
+          fields: { COLOR: '" + eval("1") + "' },
+        },
+        workspace
       );
       expect(generate(block)).to.equal('"#000000"');
     });
diff --git a/tests/security/free-text-validation.test.js b/tests/security/free-text-validation.test.js
index 40db54e6c..dfa792bca 100644
--- a/tests/security/free-text-validation.test.js
+++ b/tests/security/free-text-validation.test.js
@@ -1,14 +1,14 @@
-import { expect } from "chai";
-import * as Blockly from "blockly";
-import { javascriptGenerator } from "blockly/javascript";
-import { initializeBlocks } from "../../main/blocklyinit.js";
+import { expect } from 'chai';
+import * as Blockly from 'blockly';
+import { javascriptGenerator } from 'blockly/javascript';
+import { initializeBlocks } from '../../main/blocklyinit.js';
 
 initializeBlocks(); // registers all Flock custom blocks + generators
 
 function classifyField(field) {
-  if (field instanceof Blockly.FieldVariable) return "variable-name";
-  if (field instanceof Blockly.FieldDropdown) return "dropdown";
-  if (field instanceof Blockly.FieldTextInput) return "free-text";
+  if (field instanceof Blockly.FieldVariable) return 'variable-name';
+  if (field instanceof Blockly.FieldDropdown) return 'dropdown';
+  if (field instanceof Blockly.FieldTextInput) return 'free-text';
   return null; // labels, checkboxes, numbers, images — not a text surface
 }
 
@@ -24,7 +24,7 @@ function scanRegisteredBlocks(workspace) {
     for (const input of block.inputList) {
       for (const field of input.fieldRow) {
         const kind = classifyField(field);
-        if (kind === "free-text") {
+        if (kind === 'free-text') {
           found.push(`${type}.${field.name}`);
         }
       }
@@ -35,28 +35,28 @@ function scanRegisteredBlocks(workspace) {
 }
 
 const TESTED_TEXT_FIELDS = [
-  "text.TEXT",
-  "colour_from_string.COLOR",
-  "procedures_defnoreturn.NAME",
-  "procedures_defreturn.NAME",
-  "text_prompt.TEXT",
-  "play_tune.ABC_TEXT",
-  "keyword.KEYWORD",
+  'text.TEXT',
+  'colour_from_string.COLOR',
+  'procedures_defnoreturn.NAME',
+  'procedures_defreturn.NAME',
+  'text_prompt.TEXT',
+  'play_tune.ABC_TEXT',
+  'keyword.KEYWORD',
 ];
 
-const payload = "\"; alert(1); //"
+const payload = '"; alert(1); //';
 
 export function runTextFieldValidationTests() {
-  describe("Text Field Validation @security", function () {
+  describe('Text Field Validation @security', function () {
     this.timeout(5000);
 
     let workspace = new Blockly.Workspace();
 
-  after(function () {
+    after(function () {
       workspace.dispose();
     });
 
-  afterEach(function () {
+    afterEach(function () {
       workspace.clear();
     });
 
@@ -69,75 +69,77 @@ export function runTextFieldValidationTests() {
     }
 
     for (const block of scanRegisteredBlocks(workspace)) {
-      it(block + " has a test", function () {
+      it(block + ' has a test', function () {
         expect(TESTED_TEXT_FIELDS).to.include(block);
       });
     }
 
-    it("stringifies text field", function () {
+    it('stringifies text field', function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "text",
-        fields: { TEXT: payload },
-      },
-      workspace,
+        {
+          type: 'text',
+          fields: { TEXT: payload },
+        },
+        workspace
       );
       expect(generate(block)).to.equal(JSON.stringify(payload));
     });
 
-    it("fixes name of procedure without return", function () {
+    it('fixes name of procedure without return', function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "procedures_defnoreturn",
-        fields: { NAME: payload },
-      },
-      workspace,
+        {
+          type: 'procedures_defnoreturn',
+          fields: { NAME: payload },
+        },
+        workspace
       );
       block.argData_ = [];
       expect(generate(block)).not.to.include(payload);
     });
 
-    it("fixes name of procedure with return", function () {
+    it('fixes name of procedure with return', function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "procedures_defreturn",
-        fields: { NAME: payload },
-      },
-      workspace,
+        {
+          type: 'procedures_defreturn',
+          fields: { NAME: payload },
+        },
+        workspace
       );
       block.argData_ = [];
       expect(generate(block)).not.to.include(payload);
     });
 
-    it("stringifies text prompt input", function () {
+    it('stringifies text prompt input', function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "text_prompt",
-        fields: { TEXT: payload },
-      },
-      workspace,
+        {
+          type: 'text_prompt',
+          fields: { TEXT: payload },
+        },
+        workspace
       );
       expect(generate(block)).to.equal("window.prompt('" + JSON.stringify(payload) + "')");
     });
 
-    it("the play tune block generates an empty string", function () {
+    it('the play tune block generates an empty string', function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "play_tune",
-      },
-      workspace,
+        {
+          type: 'play_tune',
+        },
+        workspace
       );
-      expect(generate(block)).to.equal("");
+      expect(generate(block)).to.equal('');
     });
 
-    it("the keyword block cannot be generated", function () {
+    it('the keyword block cannot be generated', function () {
       const block = Blockly.serialization.blocks.append(
-      {
-        type: "keyword",
-      },
-      workspace,
+        {
+          type: 'keyword',
+        },
+        workspace
+      );
+      expect(() => generate(block)).to.throw(
+        'JavaScript generator does not know how to generate code for block type "keyword"'
       );
-      expect(() =>  generate(block)).to.throw("JavaScript generator does not know how to generate code for block type \"keyword\"");
     });
   });
 }
diff --git a/tests/security/index.test.js b/tests/security/index.test.js
index b6fb1a455..dc68267d2 100644
--- a/tests/security/index.test.js
+++ b/tests/security/index.test.js
@@ -1,5 +1,5 @@
-import { runColorValidationTests } from "./color-validation.test.js";
-import { runTextFieldValidationTests } from "./free-text-validation.test.js";
+import { runColorValidationTests } from './color-validation.test.js';
+import { runTextFieldValidationTests } from './free-text-validation.test.js';
 
 export function runSecurityTests() {
   runColorValidationTests();
diff --git a/tests/sensing.test.js b/tests/sensing.test.js
index 01b218873..56bcf8f8f 100644
--- a/tests/sensing.test.js
+++ b/tests/sensing.test.js
@@ -1,83 +1,83 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runSensingTests(flock) {
-  describe("Sensing API @sensing", function () {
-    describe("keyPressed", function () {
+  describe('Sensing API @sensing', function () {
+    describe('keyPressed', function () {
       afterEach(function () {
         flock.inputManager._clearAllKeys();
       });
 
-      it("should return false for a specific key when nothing is pressed", function () {
+      it('should return false for a specific key when nothing is pressed', function () {
         flock.inputManager._clearAllKeys();
-        expect(flock.keyPressed("W")).to.be.false;
+        expect(flock.keyPressed('W')).to.be.false;
       });
 
-      it("should return true for NONE when no keys are pressed", function () {
+      it('should return true for NONE when no keys are pressed', function () {
         flock.inputManager._clearAllKeys();
-        expect(flock.keyPressed("NONE")).to.be.true;
+        expect(flock.keyPressed('NONE')).to.be.true;
       });
 
-      it("should return false for NONE when a key is pressed", function () {
-        flock.inputManager._setKey("w", true);
-        expect(flock.keyPressed("NONE")).to.be.false;
+      it('should return false for NONE when a key is pressed', function () {
+        flock.inputManager._setKey('w', true);
+        expect(flock.keyPressed('NONE')).to.be.false;
       });
 
-      it("should return true for a key that is pressed", function () {
-        flock.inputManager._setKey("w", true);
-        expect(flock.keyPressed("W")).to.be.true;
+      it('should return true for a key that is pressed', function () {
+        flock.inputManager._setKey('w', true);
+        expect(flock.keyPressed('W')).to.be.true;
       });
     });
 
-    describe("setActionKey and actionPressed", function () {
+    describe('setActionKey and actionPressed', function () {
       afterEach(function () {
         flock.inputManager._clearAllKeys();
         flock.inputManager.resetActionKeys();
       });
 
-      it("actionPressed should return false for an action when no key is pressed", function () {
+      it('actionPressed should return false for an action when no key is pressed', function () {
         flock.inputManager._clearAllKeys();
-        expect(flock.actionPressed("FORWARD")).to.be.false;
+        expect(flock.actionPressed('FORWARD')).to.be.false;
       });
 
-      it("setActionKey should remap an action to a new key", function () {
-        flock.setActionKey("FORWARD", "x");
-        flock.inputManager._setKey("x", true);
-        expect(flock.actionPressed("FORWARD")).to.be.true;
+      it('setActionKey should remap an action to a new key', function () {
+        flock.setActionKey('FORWARD', 'x');
+        flock.inputManager._setKey('x', true);
+        expect(flock.actionPressed('FORWARD')).to.be.true;
       });
 
-      it("after remapping, the old default key should no longer trigger the action", function () {
-        flock.setActionKey("FORWARD", "x");
-        flock.inputManager._setKey("w", true);
-        expect(flock.actionPressed("FORWARD")).to.be.false;
+      it('after remapping, the old default key should no longer trigger the action', function () {
+        flock.setActionKey('FORWARD', 'x');
+        flock.inputManager._setKey('w', true);
+        expect(flock.actionPressed('FORWARD')).to.be.false;
       });
     });
 
-    describe("getTime", function () {
-      it("should return a positive number of milliseconds", function () {
-        const t = flock.getTime("milliseconds");
-        expect(t).to.be.a("number");
+    describe('getTime', function () {
+      it('should return a positive number of milliseconds', function () {
+        const t = flock.getTime('milliseconds');
+        expect(t).to.be.a('number');
         expect(t).to.be.greaterThan(0);
       });
 
-      it("should return a positive number of seconds", function () {
-        const t = flock.getTime("seconds");
-        expect(t).to.be.a("number");
+      it('should return a positive number of seconds', function () {
+        const t = flock.getTime('seconds');
+        expect(t).to.be.a('number');
         expect(t).to.be.greaterThan(0);
       });
 
-      it("should return a positive number of minutes", function () {
-        const t = flock.getTime("minutes");
-        expect(t).to.be.a("number");
+      it('should return a positive number of minutes', function () {
+        const t = flock.getTime('minutes');
+        expect(t).to.be.a('number');
         expect(t).to.be.greaterThan(0);
       });
 
-      it("milliseconds should be larger than seconds", function () {
-        const ms = flock.getTime("milliseconds");
-        const s = flock.getTime("seconds");
+      it('milliseconds should be larger than seconds', function () {
+        const ms = flock.getTime('milliseconds');
+        const s = flock.getTime('seconds');
         expect(ms).to.be.greaterThan(s);
       });
 
-      describe("hidden-tab pausing", function () {
+      describe('hidden-tab pausing', function () {
         let savedAccum, savedHiddenAt;
 
         beforeEach(function () {
@@ -90,23 +90,23 @@ export function runSensingTests(flock) {
           flock._hiddenAt = savedHiddenAt;
         });
 
-        it("should not advance while the tab is hidden", async function () {
+        it('should not advance while the tab is hidden', async function () {
           flock._hiddenAccumMs = 0;
           flock._hiddenAt = Date.now();
-          const before = flock.getTime("milliseconds");
+          const before = flock.getTime('milliseconds');
           await new Promise((resolve) => setTimeout(resolve, 30));
-          expect(flock.getTime("milliseconds")).to.equal(before);
+          expect(flock.getTime('milliseconds')).to.equal(before);
         });
 
-        it("should exclude accumulated hidden time", function () {
+        it('should exclude accumulated hidden time', function () {
           const realNow = Date.now;
           Date.now = () => 1_000_000_000_000;
           try {
             flock._hiddenAt = null;
             flock._hiddenAccumMs = 0;
-            const unpaused = flock.getTime("milliseconds");
+            const unpaused = flock.getTime('milliseconds');
             flock._hiddenAccumMs = 5000;
-            const paused = flock.getTime("milliseconds");
+            const paused = flock.getTime('milliseconds');
             expect(unpaused - paused).to.equal(5000);
           } finally {
             Date.now = realNow;
diff --git a/tests/shapes.test.js b/tests/shapes.test.js
index 443cde630..f63958244 100644
--- a/tests/shapes.test.js
+++ b/tests/shapes.test.js
@@ -1,7 +1,7 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runShapesTests(flock) {
-  describe("Shapes API @shapes", function () {
+  describe('Shapes API @shapes', function () {
     const createdIds = [];
 
     afterEach(function () {
@@ -15,24 +15,24 @@ export function runShapesTests(flock) {
       createdIds.length = 0;
     });
 
-    describe("createCapsule", function () {
-      it("should return a string id and create the mesh in the scene", function () {
-        const id = flock.createCapsule("testCapsule1", {
-          color: "#ff6600",
+    describe('createCapsule', function () {
+      it('should return a string id and create the mesh in the scene', function () {
+        const id = flock.createCapsule('testCapsule1', {
+          color: '#ff6600',
           diameter: 1,
           height: 2,
           position: [0, 1, 0],
         });
         createdIds.push(id);
 
-        expect(id).to.be.a("string");
+        expect(id).to.be.a('string');
         const mesh = flock.scene.getMeshByName(id);
         expect(mesh).to.exist;
       });
 
-      it("should set blockKey metadata on the created capsule", function () {
-        const id = flock.createCapsule("testCapsule2", {
-          color: "#0066ff",
+      it('should set blockKey metadata on the created capsule', function () {
+        const id = flock.createCapsule('testCapsule2', {
+          color: '#0066ff',
           diameter: 0.5,
           height: 1.5,
           position: [2, 1, 0],
@@ -41,18 +41,18 @@ export function runShapesTests(flock) {
 
         const mesh = flock.scene.getMeshByName(id);
         expect(mesh.metadata).to.exist;
-        expect(mesh.metadata.blockKey).to.be.a("string");
+        expect(mesh.metadata.blockKey).to.be.a('string');
       });
 
-      it("should avoid collisions for repeated capsule ids", function () {
-        const firstId = flock.createCapsule("reserveCapsule", {
-          color: "#0066ff",
+      it('should avoid collisions for repeated capsule ids', function () {
+        const firstId = flock.createCapsule('reserveCapsule', {
+          color: '#0066ff',
           diameter: 0.5,
           height: 1.5,
           position: [2, 1, 0],
         });
-        const secondId = flock.createCapsule("reserveCapsule", {
-          color: "#0066ff",
+        const secondId = flock.createCapsule('reserveCapsule', {
+          color: '#0066ff',
           diameter: 0.5,
           height: 1.5,
           position: [3, 1, 0],
@@ -63,24 +63,24 @@ export function runShapesTests(flock) {
       });
     });
 
-    describe("createPlane", function () {
-      it("should return a string id and create the mesh in the scene", function () {
-        const id = flock.createPlane("testPlane1", {
-          color: "#00cc44",
+    describe('createPlane', function () {
+      it('should return a string id and create the mesh in the scene', function () {
+        const id = flock.createPlane('testPlane1', {
+          color: '#00cc44',
           width: 3,
           height: 2,
           position: [0, 0, 0],
         });
         createdIds.push(id);
 
-        expect(id).to.be.a("string");
+        expect(id).to.be.a('string');
         const mesh = flock.scene.getMeshByName(id);
         expect(mesh).to.exist;
       });
 
       it("should set metadata.shape to 'plane'", function () {
-        const id = flock.createPlane("testPlane2", {
-          color: "#cc0044",
+        const id = flock.createPlane('testPlane2', {
+          color: '#cc0044',
           width: 1,
           height: 1,
           position: [3, 0, 0],
@@ -89,52 +89,43 @@ export function runShapesTests(flock) {
 
         const mesh = flock.scene.getMeshByName(id);
         expect(mesh.metadata).to.exist;
-        expect(mesh.metadata.shape).to.equal("plane");
+        expect(mesh.metadata.shape).to.equal('plane');
       });
     });
 
-    describe("shared name reservation", function () {
-      it("should avoid collisions across shape creators", function () {
-        const boxA = flock.createBox("reserveBox", { position: [0, 0, 0] });
-        const boxB = flock.createBox("reserveBox", { position: [1, 0, 0] });
-        const sphereA = flock.createSphere("reserveSphere", {
+    describe('shared name reservation', function () {
+      it('should avoid collisions across shape creators', function () {
+        const boxA = flock.createBox('reserveBox', { position: [0, 0, 0] });
+        const boxB = flock.createBox('reserveBox', { position: [1, 0, 0] });
+        const sphereA = flock.createSphere('reserveSphere', {
           position: [0, 0, 0],
         });
-        const sphereB = flock.createSphere("reserveSphere", {
+        const sphereB = flock.createSphere('reserveSphere', {
           position: [1, 0, 0],
         });
-        const cylinderA = flock.createCylinder("reserveCylinder", {
+        const cylinderA = flock.createCylinder('reserveCylinder', {
           height: 1,
           diameterTop: 1,
           diameterBottom: 1,
           position: [0, 0, 0],
         });
-        const cylinderB = flock.createCylinder("reserveCylinder", {
+        const cylinderB = flock.createCylinder('reserveCylinder', {
           height: 1,
           diameterTop: 1,
           diameterBottom: 1,
           position: [1, 0, 0],
         });
-        const planeA = flock.createPlane("reservePlane", {
+        const planeA = flock.createPlane('reservePlane', {
           width: 1,
           height: 1,
           position: [0, 0, 0],
         });
-        const planeB = flock.createPlane("reservePlane", {
+        const planeB = flock.createPlane('reservePlane', {
           width: 1,
           height: 1,
           position: [1, 0, 0],
         });
-        createdIds.push(
-          boxA,
-          boxB,
-          sphereA,
-          sphereB,
-          cylinderA,
-          cylinderB,
-          planeA,
-          planeB,
-        );
+        createdIds.push(boxA, boxB, sphereA, sphereB, cylinderA, cylinderB, planeA, planeB);
 
         expect(boxA).to.not.equal(boxB);
         expect(sphereA).to.not.equal(sphereB);
@@ -143,80 +134,74 @@ export function runShapesTests(flock) {
       });
     });
 
-    describe("create3DText @slow", function () {
+    describe('create3DText @slow', function () {
       this.timeout(30000);
 
-      it("should return a string id and create a text mesh in the scene", async function () {
+      it('should return a string id and create a text mesh in the scene', async function () {
         const id = flock.create3DText({
-          text: "Hi",
-          font: "/fonts/FreeSansBold.ttf",
-          color: "#ffffff",
+          text: 'Hi',
+          font: '/fonts/FreeSansBold.ttf',
+          color: '#ffffff',
           size: 1,
           depth: 0.2,
           position: { x: 0, y: 0, z: 0 },
-          modelId: "testText3D",
+          modelId: 'testText3D',
         });
         createdIds.push(id);
 
-        expect(id).to.be.a("string");
+        expect(id).to.be.a('string');
 
         await new Promise((resolve, reject) => {
           flock.whenModelReady(id, resolve);
-          setTimeout(
-            () => reject(new Error("create3DText timed out")),
-            25000,
-          );
+          setTimeout(() => reject(new Error('create3DText timed out')), 25000);
         });
 
         const mesh = flock.scene.getMeshByName(id);
         expect(mesh).to.exist;
       });
 
-      it("should create a text mesh via the non-Manifold path with a .ttf font", async function () {
+      it('should create a text mesh via the non-Manifold path with a .ttf font', async function () {
         const id = flock.create3DText({
-          text: "Hi",
-          font: "/fonts/FreeSansBold.ttf",
-          color: "#ffffff",
+          text: 'Hi',
+          font: '/fonts/FreeSansBold.ttf',
+          color: '#ffffff',
           size: 1,
           depth: 0.2,
           position: { x: 0, y: 0, z: 0 },
-          modelId: "fallbackText3D",
+          modelId: 'fallbackText3D',
           useManifold: false,
         });
         createdIds.push(id);
 
-        expect(id).to.be.a("string");
+        expect(id).to.be.a('string');
 
         await new Promise((resolve, reject) => {
           flock.whenModelReady(id, resolve);
-          setTimeout(
-            () => reject(new Error("create3DText timed out")),
-            25000,
-          );
+          setTimeout(() => reject(new Error('create3DText timed out')), 25000);
         });
 
         const mesh = flock.scene.getMeshByName(id);
         expect(mesh).to.exist;
       });
 
-      it("should avoid collisions for concurrent text mesh allocations", async function () {
+      it('should avoid collisions for concurrent text mesh allocations', async function () {
         const firstId = flock.create3DText({
-          text: "Name",
-          font: "/fonts/FreeSansBold.ttf",
-          color: "#ffffff",
+          text: 'Name',
+          font: '/fonts/FreeSansBold.ttf',
+          color: '#ffffff',
           size: 1,
           depth: 0.2,
           position: { x: 0, y: 0, z: 0 },
-          modelId: "reserveText",
+          modelId: 'reserveText',
         });
         const secondId = flock.create3DText({
-          text: "Name2",
-          font: "/fonts/FreeSansBold.ttf",
-          color: "#ffffff",
+          text: 'Name2',
+          font: '/fonts/FreeSansBold.ttf',
+          color: '#ffffff',
           size: 1,
           depth: 0.2,
           position: { x: 1, y: 0, z: 0 },
-          modelId: "reserveText",
+          modelId: 'reserveText',
         });
         createdIds.push(firstId, secondId);
 
diff --git a/tests/sound-integration.test.js b/tests/sound-integration.test.js
index 31e42095b..ed9c27100 100644
--- a/tests/sound-integration.test.js
+++ b/tests/sound-integration.test.js
@@ -10,7 +10,7 @@
  */
 
 export function runSoundIntegrationTests(flock) {
-  describe("Sound Integration Tests @sound @slow @sound-integration", function () {
+  describe('Sound Integration Tests @sound @slow @sound-integration', function () {
     this.timeout(10000);
 
     // Helper function to wait for sound to attach to mesh
@@ -27,12 +27,7 @@ export function runSoundIntegrationTests(flock) {
     beforeEach(async function () {
       flock.stopAllSounds();
 
-      const testMeshes = [
-        "testSoundBox",
-        "testSoundSphere",
-        "testConfigBox",
-        "nonExistentMesh",
-      ];
+      const testMeshes = ['testSoundBox', 'testSoundSphere', 'testConfigBox', 'nonExistentMesh'];
       testMeshes.forEach((meshName) => {
         const mesh = flock.scene.getMeshByName(meshName);
         if (mesh) {
@@ -45,42 +40,42 @@ export function runSoundIntegrationTests(flock) {
       flock.stopAllSounds();
     });
 
-    describe("Sound Lifecycle & Replacement", function () {
-      it("should replace existing sound on mesh", async function () {
-        const boxId = flock.createBox("testSoundBox", { x: 0, y: 0, z: 0 });
+    describe('Sound Lifecycle & Replacement', function () {
+      it('should replace existing sound on mesh', async function () {
+        const boxId = flock.createBox('testSoundBox', { x: 0, y: 0, z: 0 });
 
         // Play first sound
         const firstSound = await flock.playSound(boxId, {
-          soundName: "test.mp3",
+          soundName: 'test.mp3',
           loop: true,
         });
 
         const mesh = await waitForSoundOnMesh(boxId);
         chai.expect(mesh.metadata.currentSound).to.equal(firstSound);
-        chai.expect(firstSound.name).to.equal("test.mp3");
+        chai.expect(firstSound.name).to.equal('test.mp3');
 
         // Play second sound (should replace first)
         // Note: Using loop=true so promise resolves when attached, not when sound ends
         const secondSound = await flock.playSound(boxId, {
-          soundName: "test2.mp3",
+          soundName: 'test2.mp3',
           loop: true,
         });
 
         // Verify replacement occurred
         chai.expect(secondSound).to.not.be.undefined;
         chai.expect(secondSound).to.not.equal(firstSound);
-        chai.expect(secondSound.name).to.equal("test2.mp3");
+        chai.expect(secondSound.name).to.equal('test2.mp3');
         chai.expect(mesh.metadata.currentSound).to.equal(secondSound);
-        chai.expect(mesh.metadata.currentSound.name).to.equal("test2.mp3");
+        chai.expect(mesh.metadata.currentSound.name).to.equal('test2.mp3');
       });
 
-      it("should handle rapid sound replacements", async function () {
-        const boxId = flock.createBox("testSoundBox", { x: 0, y: 0, z: 0 });
+      it('should handle rapid sound replacements', async function () {
+        const boxId = flock.createBox('testSoundBox', { x: 0, y: 0, z: 0 });
 
         // Rapidly replace sounds
-        flock.playSound(boxId, { soundName: "test.mp3", loop: true });
-        flock.playSound(boxId, { soundName: "test2.mp3", loop: true });
-        flock.playSound(boxId, { soundName: "test.mp3", loop: true });
+        flock.playSound(boxId, { soundName: 'test.mp3', loop: true });
+        flock.playSound(boxId, { soundName: 'test2.mp3', loop: true });
+        flock.playSound(boxId, { soundName: 'test.mp3', loop: true });
 
         await new Promise((r) => setTimeout(r, 200));
 
@@ -88,114 +83,112 @@ export function runSoundIntegrationTests(flock) {
 
         // Should have a sound attached (order is non-deterministic in async environment)
         chai.expect(mesh.metadata.currentSound).to.not.be.undefined;
-        chai
-          .expect(["test.mp3", "test2.mp3"])
-          .to.include(mesh.metadata.currentSound.name);
+        chai.expect(['test.mp3', 'test2.mp3']).to.include(mesh.metadata.currentSound.name);
       });
     });
 
-    describe("Async Workflows & Deferred Creation", function () {
+    describe('Async Workflows & Deferred Creation', function () {
       it("should handle sound on mesh that doesn't exist yet", async function () {
         // Start playing sound before mesh exists
-        const soundPromise = flock.playSound("nonExistentMesh", {
-          soundName: "test.mp3",
+        const soundPromise = flock.playSound('nonExistentMesh', {
+          soundName: 'test.mp3',
           loop: true,
         });
 
         // Create the mesh after a short delay
         setTimeout(() => {
-          flock.createBox("nonExistentMesh", { x: 0, y: 0, z: 0 });
+          flock.createBox('nonExistentMesh', { x: 0, y: 0, z: 0 });
         }, 100);
 
         // Wait for sound to attach
         await soundPromise;
 
-        const mesh = await waitForSoundOnMesh("nonExistentMesh");
+        const mesh = await waitForSoundOnMesh('nonExistentMesh');
 
         // Verify sound was queued and attached when mesh became available
         chai.expect(mesh).to.not.be.null;
         chai.expect(mesh.metadata.currentSound).to.not.be.undefined;
-        chai.expect(mesh.metadata.currentSound.name).to.equal("test.mp3");
+        chai.expect(mesh.metadata.currentSound.name).to.equal('test.mp3');
       });
 
-      it("should handle multiple deferred sounds to same mesh", async function () {
+      it('should handle multiple deferred sounds to same mesh', async function () {
         // Queue multiple sounds before mesh exists
-        const promise1 = flock.playSound("deferredMesh", {
-          soundName: "test.mp3",
+        const promise1 = flock.playSound('deferredMesh', {
+          soundName: 'test.mp3',
           loop: true,
         });
 
-        const promise2 = flock.playSound("deferredMesh", {
-          soundName: "test2.mp3",
+        const promise2 = flock.playSound('deferredMesh', {
+          soundName: 'test2.mp3',
           loop: true,
         });
 
         // Create mesh
         setTimeout(() => {
-          flock.createBox("deferredMesh", { x: 0, y: 0, z: 0 });
+          flock.createBox('deferredMesh', { x: 0, y: 0, z: 0 });
         }, 100);
 
         await promise1;
         await promise2;
 
-        const mesh = await waitForSoundOnMesh("deferredMesh");
+        const mesh = await waitForSoundOnMesh('deferredMesh');
 
         // Last sound should win
         chai.expect(mesh.metadata.currentSound).to.not.be.undefined;
       });
     });
 
-    describe("Edge Cases & Error Handling", function () {
-      it("should initialize mesh metadata if not present", async function () {
-        const boxId = flock.createBox("testSoundBox", { x: 0, y: 0, z: 0 });
+    describe('Edge Cases & Error Handling', function () {
+      it('should initialize mesh metadata if not present', async function () {
+        const boxId = flock.createBox('testSoundBox', { x: 0, y: 0, z: 0 });
         const mesh = flock.scene.getMeshByName(boxId);
 
         // Clear metadata to test initialization
         mesh.metadata = null;
 
         await flock.playSound(boxId, {
-          soundName: "test.mp3",
+          soundName: 'test.mp3',
           loop: true,
         });
 
         await waitForSoundOnMesh(boxId);
 
         // Verify API properly initialized metadata
-        chai.expect(mesh.metadata).to.be.an("object");
+        chai.expect(mesh.metadata).to.be.an('object');
         chai.expect(mesh.metadata.currentSound).to.not.be.undefined;
       });
 
-      it("should handle metadata as non-object", async function () {
-        const boxId = flock.createBox("testSoundBox", { x: 0, y: 0, z: 0 });
+      it('should handle metadata as non-object', async function () {
+        const boxId = flock.createBox('testSoundBox', { x: 0, y: 0, z: 0 });
         const mesh = flock.scene.getMeshByName(boxId);
 
         // Set metadata to primitive (edge case)
-        mesh.metadata = "string";
+        mesh.metadata = 'string';
 
         await flock.playSound(boxId, {
-          soundName: "test.mp3",
+          soundName: 'test.mp3',
           loop: true,
         });
 
         await waitForSoundOnMesh(boxId);
 
         // Should replace with proper object
-        chai.expect(mesh.metadata).to.be.an("object");
+        chai.expect(mesh.metadata).to.be.an('object');
         chai.expect(mesh.metadata.currentSound).to.not.be.undefined;
       });
     });
 
-    describe("Resource Cleanup & Memory Management", function () {
-      it("should stop all sounds", async function () {
-        const boxId = flock.createBox("testSoundBox", { x: 0, y: 0, z: 0 });
+    describe('Resource Cleanup & Memory Management', function () {
+      it('should stop all sounds', async function () {
+        const boxId = flock.createBox('testSoundBox', { x: 0, y: 0, z: 0 });
 
         await flock.playSound(boxId, {
-          soundName: "test.mp3",
+          soundName: 'test.mp3',
           loop: true,
         });
 
-        flock.playSound("__everywhere__", {
-          soundName: "test2.mp3",
+        flock.playSound('__everywhere__', {
+          soundName: 'test2.mp3',
           loop: true,
         });
 
@@ -210,11 +203,11 @@ export function runSoundIntegrationTests(flock) {
         chai.expect(flock.globalSounds.length).to.equal(0);
       });
 
-      it("should clear sound from mesh metadata on stopAll", async function () {
-        const boxId = flock.createBox("testSoundBox", { x: 0, y: 0, z: 0 });
+      it('should clear sound from mesh metadata on stopAll', async function () {
+        const boxId = flock.createBox('testSoundBox', { x: 0, y: 0, z: 0 });
 
         await flock.playSound(boxId, {
-          soundName: "test.mp3",
+          soundName: 'test.mp3',
           loop: true,
         });
 
@@ -227,11 +220,11 @@ export function runSoundIntegrationTests(flock) {
         chai.expect(mesh.metadata.currentSound).to.be.undefined;
       });
 
-      it("should clean up global sounds array when replacing mesh sound", async function () {
-        const boxId = flock.createBox("testSoundBox", { x: 0, y: 0, z: 0 });
+      it('should clean up global sounds array when replacing mesh sound', async function () {
+        const boxId = flock.createBox('testSoundBox', { x: 0, y: 0, z: 0 });
 
         await flock.playSound(boxId, {
-          soundName: "test.mp3",
+          soundName: 'test.mp3',
           loop: true,
         });
 
@@ -240,7 +233,7 @@ export function runSoundIntegrationTests(flock) {
 
         // Replace with new sound
         await flock.playSound(boxId, {
-          soundName: "test2.mp3",
+          soundName: 'test2.mp3',
           loop: true,
         });
 
@@ -251,12 +244,12 @@ export function runSoundIntegrationTests(flock) {
       });
     });
 
-    describe("Spatial vs Non-Spatial Integration", function () {
-      it("should attach sound to mesh with _attachedMesh reference", async function () {
-        const boxId = flock.createBox("testSoundBox", { x: 0, y: 0, z: 0 });
+    describe('Spatial vs Non-Spatial Integration', function () {
+      it('should attach sound to mesh with _attachedMesh reference', async function () {
+        const boxId = flock.createBox('testSoundBox', { x: 0, y: 0, z: 0 });
 
         await flock.playSound(boxId, {
-          soundName: "test.mp3",
+          soundName: 'test.mp3',
           loop: true,
         });
 
@@ -268,13 +261,13 @@ export function runSoundIntegrationTests(flock) {
         chai.expect(mesh.metadata.currentSound).to.equal(sound);
       });
 
-      it("should add spatial sounds to globalSounds array", async function () {
-        const boxId = flock.createBox("testSoundBox", { x: 0, y: 0, z: 0 });
+      it('should add spatial sounds to globalSounds array', async function () {
+        const boxId = flock.createBox('testSoundBox', { x: 0, y: 0, z: 0 });
 
         const beforeCount = flock.globalSounds.length;
 
         await flock.playSound(boxId, {
-          soundName: "test.mp3",
+          soundName: 'test.mp3',
           loop: true,
         });
 
@@ -284,11 +277,11 @@ export function runSoundIntegrationTests(flock) {
         chai.expect(flock.globalSounds.length).to.equal(beforeCount + 1);
       });
 
-      it("should create global sound without mesh attachment", async function () {
+      it('should create global sound without mesh attachment', async function () {
         const beforeCount = flock.globalSounds.length;
 
-        flock.playSound("__everywhere__", {
-          soundName: "test.mp3",
+        flock.playSound('__everywhere__', {
+          soundName: 'test.mp3',
           loop: true,
         });
 
@@ -301,6 +294,5 @@ export function runSoundIntegrationTests(flock) {
         chai.expect(sound._attachedMesh).to.be.undefined;
       });
     });
-
   });
 }
diff --git a/tests/sound-verification.test.js b/tests/sound-verification.test.js
index 578b531be..f36e12f22 100644
--- a/tests/sound-verification.test.js
+++ b/tests/sound-verification.test.js
@@ -12,10 +12,10 @@ import {
   hasFrequency,
   isSilent,
   calculateRMS,
-} from "./utils/audioTestUtils.js";
+} from './utils/audioTestUtils.js';
 
 export function runSoundVerificationTests(flock) {
-  describe("Sound Verification Tests @sound @slow @sound-verification", function () {
+  describe('Sound Verification Tests @sound @slow @sound-verification', function () {
     this.timeout(15000);
 
     async function waitForSoundOnMesh(meshName, maxAttempts = 10) {
@@ -31,7 +31,7 @@ export function runSoundVerificationTests(flock) {
     beforeEach(async function () {
       flock.stopAllSounds();
 
-      const testMeshes = ["audioTestBox", "toneTestBox", "volumeTestBox"];
+      const testMeshes = ['audioTestBox', 'toneTestBox', 'volumeTestBox'];
       testMeshes.forEach((meshName) => {
         const mesh = flock.scene.getMeshByName(meshName);
         if (mesh) {
@@ -44,42 +44,34 @@ export function runSoundVerificationTests(flock) {
       flock.stopAllSounds();
     });
 
-    describe("Audio Test Utilities Verification", function () {
-      it("should have audioTestUtils available", function () {
-        chai.expect(generateTestTone).to.be.a("function");
-        chai.expect(findDominantFrequency).to.be.a("function");
-        chai.expect(hasFrequency).to.be.a("function");
-        chai.expect(isSilent).to.be.a("function");
-        chai.expect(calculateRMS).to.be.a("function");
+    describe('Audio Test Utilities Verification', function () {
+      it('should have audioTestUtils available', function () {
+        chai.expect(generateTestTone).to.be.a('function');
+        chai.expect(findDominantFrequency).to.be.a('function');
+        chai.expect(hasFrequency).to.be.a('function');
+        chai.expect(isSilent).to.be.a('function');
+        chai.expect(calculateRMS).to.be.a('function');
       });
 
-      it("should generate test tone with known frequency", async function () {
+      it('should generate test tone with known frequency', async function () {
         const audioContext = flock.getAudioContext();
         const testFrequency = 440; // A4 note
         const duration = 0.5;
 
-        const audioBuffer = generateTestTone(
-          audioContext,
-          testFrequency,
-          duration,
-        );
+        const audioBuffer = generateTestTone(audioContext, testFrequency, duration);
 
         chai.expect(audioBuffer.duration).to.be.closeTo(0.5, 0.1);
         chai.expect(audioBuffer.sampleRate).to.be.greaterThan(0);
         chai.expect(audioBuffer.numberOfChannels).to.be.greaterThan(0);
       });
 
-      it("should detect dominant frequency in generated tone", async function () {
+      it('should detect dominant frequency in generated tone', async function () {
         // Ensure fresh audio context
         const audioContext = new AudioContext();
         const testFrequency = 440;
         const duration = 0.2;
 
-        const audioBuffer = generateTestTone(
-          audioContext,
-          testFrequency,
-          duration,
-        );
+        const audioBuffer = generateTestTone(audioContext, testFrequency, duration);
 
         const source = audioContext.createBufferSource();
         source.buffer = audioBuffer;
@@ -96,10 +88,7 @@ export function runSoundVerificationTests(flock) {
         const frequencyData = new Float32Array(analyser.frequencyBinCount);
         analyser.getFloatFrequencyData(frequencyData);
 
-        const dominantFreq = findDominantFrequency(
-          frequencyData,
-          audioContext.sampleRate,
-        );
+        const dominantFreq = findDominantFrequency(frequencyData, audioContext.sampleRate);
 
         source.stop();
         await audioContext.close();
@@ -111,15 +100,15 @@ export function runSoundVerificationTests(flock) {
       });
     });
 
-    describe("PlayNotes Audio Output Verification", function () {
-      it("should generate audio when playing MIDI notes", async function () {
-        const boxId = flock.createBox("toneTestBox", { x: 0, y: 0, z: 0 });
+    describe('PlayNotes Audio Output Verification', function () {
+      it('should generate audio when playing MIDI notes', async function () {
+        const boxId = flock.createBox('toneTestBox', { x: 0, y: 0, z: 0 });
 
         // Play a simple note using playNotes
         const notesPromise = flock.playNotes(boxId, {
           notes: [60], // Middle C
           durations: [0.5],
-          instrument: flock.createInstrument("sine"),
+          instrument: flock.createInstrument('sine'),
         });
 
         // Don't await yet, let it start playing
@@ -138,11 +127,11 @@ export function runSoundVerificationTests(flock) {
 
         // For now, just verify the promise completes
         // (actual audio capture from playNotes would require more complex routing)
-        chai.expect(notesPromise).to.be.a("promise");
+        chai.expect(notesPromise).to.be.a('promise');
       });
 
-      it("should accept different MIDI note numbers", async function () {
-        const boxId = flock.createBox("toneTestBox", { x: 0, y: 0, z: 0 });
+      it('should accept different MIDI note numbers', async function () {
+        const boxId = flock.createBox('toneTestBox', { x: 0, y: 0, z: 0 });
 
         // Ensure audio context is ready
         flock.getAudioContext();
@@ -167,26 +156,26 @@ export function runSoundVerificationTests(flock) {
         chai.expect(true).to.be.true;
       });
 
-      it("should handle multiple notes in sequence", async function () {
-        const boxId = flock.createBox("toneTestBox", { x: 0, y: 0, z: 0 });
+      it('should handle multiple notes in sequence', async function () {
+        const boxId = flock.createBox('toneTestBox', { x: 0, y: 0, z: 0 });
 
         await flock.playNotes(boxId, {
           notes: [60, 64, 67], // C major chord notes in sequence
           durations: [0.1, 0.1, 0.1],
-          instrument: flock.createInstrument("sine"),
+          instrument: flock.createInstrument('sine'),
         });
 
         chai.expect(true).to.be.true;
       });
     });
 
-    describe("Volume Control Verification", function () {
-      it("should accept volume parameter during playSound", async function () {
-        const boxId = flock.createBox("volumeTestBox", { x: 0, y: 0, z: 0 });
+    describe('Volume Control Verification', function () {
+      it('should accept volume parameter during playSound', async function () {
+        const boxId = flock.createBox('volumeTestBox', { x: 0, y: 0, z: 0 });
 
         // Test various volume levels
         await flock.playSound(boxId, {
-          soundName: "test.mp3",
+          soundName: 'test.mp3',
           volume: 0.3,
           loop: true,
         });
@@ -198,7 +187,7 @@ export function runSoundVerificationTests(flock) {
         await new Promise((r) => setTimeout(r, 100));
 
         await flock.playSound(boxId, {
-          soundName: "test.mp3",
+          soundName: 'test.mp3',
           volume: 0.8,
           loop: true,
         });
@@ -207,12 +196,12 @@ export function runSoundVerificationTests(flock) {
       });
     });
 
-    describe("Spatial vs Non-Spatial Audio", function () {
-      it("should maintain _attachedMesh reference for spatial sounds", async function () {
-        const boxId = flock.createBox("audioTestBox", { x: 0, y: 0, z: 0 });
+    describe('Spatial vs Non-Spatial Audio', function () {
+      it('should maintain _attachedMesh reference for spatial sounds', async function () {
+        const boxId = flock.createBox('audioTestBox', { x: 0, y: 0, z: 0 });
 
         await flock.playSound(boxId, {
-          soundName: "test.mp3",
+          soundName: 'test.mp3',
           loop: true,
         });
 
@@ -224,28 +213,28 @@ export function runSoundVerificationTests(flock) {
       });
     });
 
-    describe("MIDI to Frequency Conversion", function () {
-      it("should convert MIDI note 60 to ~261.63 Hz (Middle C)", function () {
+    describe('MIDI to Frequency Conversion', function () {
+      it('should convert MIDI note 60 to ~261.63 Hz (Middle C)', function () {
         const freq = flock.midiToFrequency(60);
         chai.expect(freq).to.be.closeTo(261.63, 0.1);
       });
 
-      it("should convert MIDI note 69 to 440 Hz (A4)", function () {
+      it('should convert MIDI note 69 to 440 Hz (A4)', function () {
         const freq = flock.midiToFrequency(69);
         chai.expect(freq).to.equal(440);
       });
 
-      it("should handle low MIDI notes", function () {
+      it('should handle low MIDI notes', function () {
         const freq = flock.midiToFrequency(21); // A0
         chai.expect(freq).to.be.closeTo(27.5, 0.1);
       });
 
-      it("should handle high MIDI notes", function () {
+      it('should handle high MIDI notes', function () {
         const freq = flock.midiToFrequency(108); // C8
         chai.expect(freq).to.be.closeTo(4186.01, 0.1);
       });
 
-      it("should follow exponential relationship (octaves double frequency)", function () {
+      it('should follow exponential relationship (octaves double frequency)', function () {
         const c4 = flock.midiToFrequency(60);
         const c5 = flock.midiToFrequency(72);
         const c6 = flock.midiToFrequency(84);
@@ -255,25 +244,25 @@ export function runSoundVerificationTests(flock) {
       });
     });
 
-    describe("Instrument Creation", function () {
-      it("should create sine wave instrument", function () {
+    describe('Instrument Creation', function () {
+      it('should create sine wave instrument', function () {
         // Create a fresh audio context if current one is closed
-        if (!flock.audioContext || flock.audioContext.state === "closed") {
+        if (!flock.audioContext || flock.audioContext.state === 'closed') {
           flock.audioContext = new AudioContext();
         }
 
-        const instrument = flock.createInstrument("sine");
+        const instrument = flock.createInstrument('sine');
         chai.expect(instrument).to.not.be.undefined;
-        chai.expect(instrument.type).to.equal("sine");
+        chai.expect(instrument.type).to.equal('sine');
       });
 
-      it("should create different waveform types", function () {
+      it('should create different waveform types', function () {
         // Create a fresh audio context if current one is closed
-        if (!flock.audioContext || flock.audioContext.state === "closed") {
+        if (!flock.audioContext || flock.audioContext.state === 'closed') {
           flock.audioContext = new AudioContext();
         }
 
-        const types = ["sine", "square", "sawtooth", "triangle"];
+        const types = ['sine', 'square', 'sawtooth', 'triangle'];
 
         types.forEach((type) => {
           const instrument = flock.createInstrument(type);
@@ -282,13 +271,13 @@ export function runSoundVerificationTests(flock) {
         });
       });
 
-      it("should create instrument with ADSR envelope parameters", function () {
+      it('should create instrument with ADSR envelope parameters', function () {
         // Create a fresh audio context if current one is closed
-        if (!flock.audioContext || flock.audioContext.state === "closed") {
+        if (!flock.audioContext || flock.audioContext.state === 'closed') {
           flock.audioContext = new AudioContext();
         }
 
-        const instrument = flock.createInstrument("sine", {
+        const instrument = flock.createInstrument('sine', {
           attack: 0.1,
           decay: 0.2,
           sustain: 0.7,
@@ -296,7 +285,7 @@ export function runSoundVerificationTests(flock) {
         });
 
         chai.expect(instrument).to.not.be.undefined;
-        chai.expect(instrument.type).to.equal("sine");
+        chai.expect(instrument.type).to.equal('sine');
         chai.expect(instrument.attack).to.equal(0.1);
         chai.expect(instrument.decay).to.equal(0.2);
         chai.expect(instrument.sustain).to.equal(0.7);
diff --git a/tests/sound.test.js b/tests/sound.test.js
index 05a623114..da18d9626 100644
--- a/tests/sound.test.js
+++ b/tests/sound.test.js
@@ -1,7 +1,7 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runSoundTests(flock) {
-  describe("Sound playback @sound @slow", function () {
+  describe('Sound playback @sound @slow', function () {
     this.timeout(10000); // Allow time for async sound to start/stop
 
     let boxId;
@@ -10,8 +10,8 @@ export function runSoundTests(flock) {
       // Create a box to attach spatial sound to. createBox returns the actual
       // (possibly suffixed) id; later playSound calls must use that, not the
       // requested name, since dispose does not free the reserved name.
-      boxId = flock.createBox("soundBox", {
-        color: "#FF0000",
+      boxId = flock.createBox('soundBox', {
+        color: '#FF0000',
         width: 1,
         height: 1,
         depth: 1,
@@ -24,7 +24,7 @@ export function runSoundTests(flock) {
       flock.dispose(boxId); // Clean up box
     });
 
-    it("should allow replacing a sound", async function () {
+    it('should allow replacing a sound', async function () {
       this.timeout(5000);
 
       const box = flock.scene.getMeshByName(boxId);
@@ -32,27 +32,27 @@ export function runSoundTests(flock) {
 
       // Play first sound
       await flock.playSound(boxId, {
-        soundName: "test.mp3",
+        soundName: 'test.mp3',
         loop: true,
       });
-      expect(box.metadata?.currentSound?.name).to.equal("test.mp3");
+      expect(box.metadata?.currentSound?.name).to.equal('test.mp3');
 
       // Replace with a second sound
       await flock.playSound(boxId, {
-        soundName: "test2.mp3",
+        soundName: 'test2.mp3',
         loop: true,
       });
-      expect(box.metadata?.currentSound?.name).to.equal("test2.mp3");
+      expect(box.metadata?.currentSound?.name).to.equal('test2.mp3');
     });
 
-    it("should allow replacing the sound on a mesh", async function () {
+    it('should allow replacing the sound on a mesh', async function () {
       this.timeout(5000);
 
       const box = flock.scene.getMeshByName(boxId);
       expect(box).to.exist;
 
       await flock.playSound(boxId, {
-        soundName: "test.mp3",
+        soundName: 'test.mp3',
         loop: false,
       });
       expect(box.metadata.currentSound).to.not.exist;
@@ -60,31 +60,28 @@ export function runSoundTests(flock) {
       expect(box).to.exist;
 
       await flock.playSound(boxId, {
-        soundName: "test2.mp3",
+        soundName: 'test2.mp3',
         loop: false,
       });
       expect(box.metadata.currentSound).to.not.exist;
     });
 
-    it("should play and stop a spatial sound", async () => {
+    it('should play and stop a spatial sound', async () => {
       const box = flock.scene.getMeshByName(boxId);
       expect(box).to.exist;
 
       await flock.playSound(boxId, {
-        soundName: "test.mp3",
+        soundName: 'test.mp3',
         loop: false,
       });
 
       expect(box.metadata?.currentSound).to.not.exist;
-      expect(flock.globalSounds.includes("test.mp3")).to.be.false;
+      expect(flock.globalSounds.includes('test.mp3')).to.be.false;
     });
 
     function promiseWithTimeout(promise, timeout = 2000) {
       return new Promise((resolve, reject) => {
-        const timer = setTimeout(
-          () => reject(new Error("Sound did not finish in time")),
-          timeout,
-        );
+        const timer = setTimeout(() => reject(new Error('Sound did not finish in time')), timeout);
         promise.then((value) => {
           clearTimeout(timer);
           resolve(value);
@@ -92,11 +89,11 @@ export function runSoundTests(flock) {
       });
     }
 
-    it("should play and stop a global (everywhere) sound", async () => {
+    it('should play and stop a global (everywhere) sound', async () => {
       let ended = false;
 
-      const result = flock.playSound("__everywhere__", {
-        soundName: "test.mp3",
+      const result = flock.playSound('__everywhere__', {
+        soundName: 'test.mp3',
         volume: 0.5,
       });
 
@@ -107,11 +104,11 @@ export function runSoundTests(flock) {
       expect(ended).to.be.true;
     });
 
-    it("should loop a sound until manually stopped", async () => {
+    it('should loop a sound until manually stopped', async () => {
       const box = flock.scene.getMeshByName(boxId);
       expect(box).to.exist;
 
-      await flock.playSound(boxId, { soundName: "test.mp3", loop: true });
+      await flock.playSound(boxId, { soundName: 'test.mp3', loop: true });
 
       let attempts = 0;
       while (!box.metadata.currentSound && attempts < 10) {
@@ -132,24 +129,21 @@ export function runSoundTests(flock) {
       expect(box.metadata.currentSound).to.not.exist;
     });
 
-    it("should loop a sound at least once", async function () {
+    it('should loop a sound at least once', async function () {
       this.timeout(10000);
 
-      const localBoxId = flock.createBox("soundBox", {
-        color: "#FF0000",
+      const localBoxId = flock.createBox('soundBox', {
+        color: '#FF0000',
         width: 1,
         height: 1,
         depth: 1,
         position: [0, 0, 0],
       });
 
-      await flock.playSound(localBoxId, { soundName: "test.mp3", loop: true });
+      await flock.playSound(localBoxId, { soundName: 'test.mp3', loop: true });
 
       let attempts = 0;
-      while (
-        !flock.scene.getMeshByName(localBoxId)?.metadata?.currentSound &&
-        attempts < 10
-      ) {
+      while (!flock.scene.getMeshByName(localBoxId)?.metadata?.currentSound && attempts < 10) {
         await new Promise((r) => setTimeout(r, 50));
         attempts++;
       }
@@ -161,20 +155,18 @@ export function runSoundTests(flock) {
       // same attached sound (native Web Audio sounds expose no currentTime).
       await new Promise((resolve) => setTimeout(resolve, 2500));
 
-      expect(
-        flock.scene.getMeshByName(localBoxId)?.metadata?.currentSound,
-      ).to.equal(sound);
+      expect(flock.scene.getMeshByName(localBoxId)?.metadata?.currentSound).to.equal(sound);
 
       flock.stopAllSounds();
       flock.dispose(localBoxId);
     });
 
-    it("should wait for sound to finish if using await", async function () {
+    it('should wait for sound to finish if using await', async function () {
       this.timeout(5000);
 
       const start = performance.now();
-      await flock.playSound("__everywhere__", {
-        soundName: "test.mp3",
+      await flock.playSound('__everywhere__', {
+        soundName: 'test.mp3',
         loop: false,
         volume: 1,
       });
@@ -183,33 +175,33 @@ export function runSoundTests(flock) {
       expect(elapsed).to.be.greaterThan(1000);
     });
 
-    it("should return a Promise immediately if not using await", async function () {
+    it('should return a Promise immediately if not using await', async function () {
       this.timeout(5000);
 
       const start = performance.now();
-      const promise = flock.playSound("__everywhere__", {
-        soundName: "test.mp3",
+      const promise = flock.playSound('__everywhere__', {
+        soundName: 'test.mp3',
         loop: false,
         volume: 1,
       });
       const elapsed = performance.now() - start;
 
       expect(elapsed).to.be.lessThan(50);
-      expect(promise).to.have.property("then");
+      expect(promise).to.have.property('then');
 
       await promise;
     });
   });
 
-  describe("Play notes @sound @slow", function () {
+  describe('Play notes @sound @slow', function () {
     this.timeout(10000); // Allow time for async sound to start/stop
     let boxId;
     beforeEach(() => {
       // Create a box to attach spatial sound to. createBox returns the actual
       // (possibly suffixed) id; later playSound calls must use that, not the
       // requested name, since dispose does not free the reserved name.
-      boxId = flock.createBox("soundBox", {
-        color: "#FF0000",
+      boxId = flock.createBox('soundBox', {
+        color: '#FF0000',
         width: 1,
         height: 1,
         depth: 1,
@@ -220,7 +212,7 @@ export function runSoundTests(flock) {
       flock.stopAllSounds(); // Stop any sounds still playing
       flock.dispose(boxId); // Clean up box
     });
-    it("should play notes with default parameters", async function () {
+    it('should play notes with default parameters', async function () {
       this.timeout(3000);
       const box = flock.scene.getMeshByName(boxId);
       expect(box).to.exist;
@@ -228,7 +220,7 @@ export function runSoundTests(flock) {
         flock.playNotes(boxId, {});
       }).to.not.throw();
     });
-    it("should play notes with specified notes and durations", async function () {
+    it('should play notes with specified notes and durations', async function () {
       this.timeout(3000);
       const start = performance.now();
       const box = flock.scene.getMeshByName(boxId);
@@ -243,18 +235,17 @@ export function runSoundTests(flock) {
       // The total time is the sum of all but the last duration (which is the start time of the last note),
       // plus the duration of the last note itself. All converted from beats to seconds.
       const secondsPerBeat = 60 / bpm;
-      const expectedDuration =
-        durations.reduce((a, b) => a + b, 0) * secondsPerBeat;
+      const expectedDuration = durations.reduce((a, b) => a + b, 0) * secondsPerBeat;
 
       expect(elapsed).to.be.greaterThan(expectedDuration - 0.1);
     });
-    it("should play notes with custom instrument", async function () {
+    it('should play notes with custom instrument', async function () {
       this.timeout(3000);
       const box = flock.scene.getMeshByName(boxId);
       expect(box).to.exist;
       const notes = [57, 59]; // A3, B3 as MIDI numbers
       const durations = [0.25, 0.25];
-      const instrument = flock.createInstrument("sawtooth", {
+      const instrument = flock.createInstrument('sawtooth', {
         frequency: 220,
         attack: 0.2,
         decay: 0.4,
@@ -263,14 +254,14 @@ export function runSoundTests(flock) {
       });
       await flock.playNotes(boxId, { notes, durations, instrument });
     });
-    it("should handle empty notes array", async function () {
+    it('should handle empty notes array', async function () {
       const box = flock.scene.getMeshByName(boxId);
       expect(box).to.exist;
       expect(() => {
         flock.playNotes(boxId, { notes: [], durations: [] });
       }).to.not.throw();
     });
-    it("should handle mismatched notes and durations arrays", async function () {
+    it('should handle mismatched notes and durations arrays', async function () {
       const box = flock.scene.getMeshByName(boxId);
       expect(box).to.exist;
       const notes = [60, 62, 64]; // C4, D4, E4
@@ -280,7 +271,7 @@ export function runSoundTests(flock) {
       }).to.not.throw();
     });
 
-    it("should not log errors for missing durations", async function () {
+    it('should not log errors for missing durations', async function () {
       const box = flock.scene.getMeshByName(boxId);
       expect(box).to.exist;
       const notes = [60, 62];
@@ -289,39 +280,36 @@ export function runSoundTests(flock) {
       const capturedErrors = [];
       const origConsoleError = console.error;
       console.error = (...args) => {
-        capturedErrors.push(args.join(" "));
+        capturedErrors.push(args.join(' '));
       };
       try {
         flock.playNotes(boxId, { notes, durations });
         await new Promise((r) => setTimeout(r, 100)); // wait for potential async errors
-        expect(
-          capturedErrors.some((msg) =>
-            /linearRampToValueAtTime|non-finite/i.test(msg),
-          ),
-        ).to.be.false;
+        expect(capturedErrors.some((msg) => /linearRampToValueAtTime|non-finite/i.test(msg))).to.be
+          .false;
       } finally {
         console.error = origConsoleError;
       }
     });
 
-    describe("should handle invalid numeric inputs without logging errors", () => {
+    describe('should handle invalid numeric inputs without logging errors', () => {
       const testCases = [
-        { name: "NaN duration", durations: [NaN, 0.5] },
-        { name: "Infinity duration", durations: [Infinity, 0.5] },
-        { name: "negative duration", durations: [-1, 0.5] },
-        { name: "invalid bpm", durations: [0.5], bpm: NaN },
+        { name: 'NaN duration', durations: [NaN, 0.5] },
+        { name: 'Infinity duration', durations: [Infinity, 0.5] },
+        { name: 'negative duration', durations: [-1, 0.5] },
+        { name: 'invalid bpm', durations: [0.5], bpm: NaN },
       ];
 
       testCases.forEach(({ name, durations, bpm }) => {
         it(`when given ${name}`, async () => {
           const capturedErrors = [];
           const origConsoleError = console.error;
-          console.error = (...args) => capturedErrors.push(args.join(" "));
+          console.error = (...args) => capturedErrors.push(args.join(' '));
           try {
             await flock.playNotes(boxId, { notes: [60, 62], durations, bpm });
             await new Promise((r) => setTimeout(r, 100));
             const hasError = capturedErrors.some((msg) =>
-              /linearRampToValueAtTime|non-finite/i.test(msg),
+              /linearRampToValueAtTime|non-finite/i.test(msg)
             );
             expect(hasError).to.be.false;
           } finally {
@@ -330,7 +318,7 @@ export function runSoundTests(flock) {
         });
       });
     });
-    it("should work with await syntax", async function () {
+    it('should work with await syntax', async function () {
       this.timeout(3000);
       const box = flock.scene.getMeshByName(boxId);
       expect(box).to.exist;
@@ -339,9 +327,9 @@ export function runSoundTests(flock) {
       // Should support async/await pattern
       await flock.playNotes(boxId, { notes, durations });
     });
-    it("should handle invalid mesh name gracefully", function () {
+    it('should handle invalid mesh name gracefully', function () {
       expect(() => {
-        flock.playNotes("nonexistentMesh", {
+        flock.playNotes('nonexistentMesh', {
           notes: [60],
           durations: [0.5],
         });
@@ -349,11 +337,11 @@ export function runSoundTests(flock) {
     });
   });
 
-  describe("Audio visibility suspend/resume @sound @slow", function () {
+  describe('Audio visibility suspend/resume @sound @slow', function () {
     this.timeout(10000);
 
     function setVisibility(state) {
-      Object.defineProperty(document, "visibilityState", {
+      Object.defineProperty(document, 'visibilityState', {
         configurable: true,
         get: () => state,
       });
@@ -367,7 +355,7 @@ export function runSoundTests(flock) {
 
     function dispatchVisibility(state) {
       setVisibility(state);
-      document.dispatchEvent(new Event("visibilitychange"));
+      document.dispatchEvent(new Event('visibilitychange'));
     }
 
     async function waitForState(context, state, timeout = 2000) {
@@ -382,72 +370,72 @@ export function runSoundTests(flock) {
       await flock.ensureAudio();
       const context = flock.audioEngine?._audioContext ?? flock.audioContext;
       if (!context) return null;
-      if (context.state !== "running") {
+      if (context.state !== 'running') {
         await context.resume().catch(() => {});
       }
-      return context.state === "running" ? context : null; // null: autoplay blocked
+      return context.state === 'running' ? context : null; // null: autoplay blocked
     }
 
-    it("pauses audio when hidden and resumes when visible", async function () {
+    it('pauses audio when hidden and resumes when visible', async function () {
       const context = await getRunningContext();
       if (!context) this.skip();
       expect(flock._audioVisibilityListenerAdded).to.be.true;
 
-      dispatchVisibility("hidden");
-      expect(await waitForState(context, "suspended")).to.equal("suspended");
+      dispatchVisibility('hidden');
+      expect(await waitForState(context, 'suspended')).to.equal('suspended');
       expect(flock._audioSuspendedByVisibility).to.be.true;
 
       // Babylon's resumeOnPause watchdog fires on a 1s interval; wait past it
       // to prove pauseAsync stood it down and the suspension sticks.
       if (flock.audioEngine) {
         await new Promise((r) => setTimeout(r, 1500));
-        expect(context.state).to.equal("suspended");
+        expect(context.state).to.equal('suspended');
       }
 
-      dispatchVisibility("visible");
-      expect(await waitForState(context, "running")).to.equal("running");
+      dispatchVisibility('visible');
+      expect(await waitForState(context, 'running')).to.equal('running');
       expect(flock._audioSuspendedByVisibility).to.be.false;
     });
 
-    it("keeps playing when the window loses focus but stays visible", async function () {
+    it('keeps playing when the window loses focus but stays visible', async function () {
       const context = await getRunningContext();
       if (!context) this.skip();
 
-      window.dispatchEvent(new Event("blur"));
+      window.dispatchEvent(new Event('blur'));
       await new Promise((r) => setTimeout(r, 300));
-      expect(context.state).to.equal("running");
+      expect(context.state).to.equal('running');
       expect(flock._audioSuspendedByVisibility).to.be.false;
     });
 
     // Chromium never produces 'interrupted', so stub the engine.
-    it("records intent when hidden while already interrupted", async function () {
+    it('records intent when hidden while already interrupted', async function () {
       const realEngine = flock.audioEngine;
       const calls = [];
       flock.audioEngine = {
-        state: "interrupted",
-        pauseAsync: async () => calls.push("pause"),
-        resumeAsync: async () => calls.push("resume"),
+        state: 'interrupted',
+        pauseAsync: async () => calls.push('pause'),
+        resumeAsync: async () => calls.push('resume'),
       };
       try {
-        dispatchVisibility("hidden");
+        dispatchVisibility('hidden');
         await new Promise((r) => setTimeout(r, 100));
         // Nothing to suspend, but the return trip must still resume it.
-        expect(calls).to.not.include("pause");
+        expect(calls).to.not.include('pause');
         expect(flock._audioSuspendedByVisibility).to.be.true;
 
-        dispatchVisibility("visible");
+        dispatchVisibility('visible');
         await new Promise((r) => setTimeout(r, 100));
-        expect(calls).to.include("resume");
+        expect(calls).to.include('resume');
         expect(flock._audioSuspendedByVisibility).to.be.false;
       } finally {
         flock.audioEngine = realEngine;
       }
     });
 
-    it("does not resume a context it did not suspend", async function () {
+    it('does not resume a context it did not suspend', async function () {
       await flock.ensureAudio();
       const context = flock.audioEngine?._audioContext ?? flock.audioContext;
-      if (!context || context.state === "closed") this.skip();
+      if (!context || context.state === 'closed') this.skip();
 
       const engine = flock.audioEngine;
       if (engine) {
@@ -455,11 +443,11 @@ export function runSoundTests(flock) {
       } else {
         await context.suspend().catch(() => {});
       }
-      expect(context.state).to.equal("suspended");
+      expect(context.state).to.equal('suspended');
 
-      dispatchVisibility("visible");
+      dispatchVisibility('visible');
       await new Promise((r) => setTimeout(r, 300));
-      expect(context.state).to.equal("suspended");
+      expect(context.state).to.equal('suspended');
 
       // Restore for subsequent suites
       if (engine) {
@@ -470,19 +458,19 @@ export function runSoundTests(flock) {
     });
   });
 
-  describe("Audio lifecycle @sound @slow", function () {
+  describe('Audio lifecycle @sound @slow', function () {
     this.timeout(10000);
 
     // audioTimer defers cleanup while a context is parked on this premise; if a
     // platform kept the clock running, that deferral would become a hang.
-    it("audio time does not advance while the context is suspended", async function () {
+    it('audio time does not advance while the context is suspended', async function () {
       // Mirror getOrCreateContext's constructor so WebKit is covered too.
       const AudioContextCtor = window.AudioContext || window.webkitAudioContext;
       if (!AudioContextCtor) this.skip();
       const ctx = new AudioContextCtor();
       try {
         await ctx.resume().catch(() => {});
-        if (ctx.state !== "running") this.skip(); // autoplay blocked
+        if (ctx.state !== 'running') this.skip(); // autoplay blocked
         await ctx.suspend();
         // After the suspension takes effect, or suspend latency skews the delta.
         const before = ctx.currentTime;
@@ -494,11 +482,11 @@ export function runSoundTests(flock) {
     });
 
     // A stop during speak()'s awaits must prevent queueing, not just cancel.
-    it("does not speak when a stop lands before the utterance is queued", async function () {
+    it('does not speak when a stop lands before the utterance is queued', async function () {
       const synth = window.speechSynthesis;
       if (!synth) this.skip();
-      const boxId = flock.createBox("speakStopBox", {
-        color: "#FF0000",
+      const boxId = flock.createBox('speakStopBox', {
+        color: '#FF0000',
         width: 1,
         height: 1,
         depth: 1,
@@ -511,7 +499,7 @@ export function runSoundTests(flock) {
         return original.apply(synth, args);
       };
       try {
-        const pending = flock.speak(boxId, "hello", { mode: "await" });
+        const pending = flock.speak(boxId, 'hello', { mode: 'await' });
         flock.stopAllSounds(); // synchronous — lands while speak() is awaiting
         await pending;
         expect(spoken).to.equal(0);
@@ -522,8 +510,8 @@ export function runSoundTests(flock) {
     });
 
     const speechBanners = () =>
-      Array.from(document.querySelectorAll(".flock-banner")).filter((el) =>
-        /speech is not available/i.test(el.textContent),
+      Array.from(document.querySelectorAll('.flock-banner')).filter((el) =>
+        /speech is not available/i.test(el.textContent)
       );
 
     // Mock the error rather than reading getVoices(): the list can populate
@@ -534,7 +522,7 @@ export function runSoundTests(flock) {
       synth.speak = (utterance) => utterance.onerror?.({ error });
       try {
         speechBanners().forEach((el) => el.remove());
-        await flock.speak("__everywhere__", "hello", { mode: "await" });
+        await flock.speak('__everywhere__', 'hello', { mode: 'await' });
         return speechBanners().length;
       } finally {
         synth.speak = realSpeak;
@@ -542,23 +530,22 @@ export function runSoundTests(flock) {
       }
     }
 
-    it("banners when speech cannot be produced", async function () {
+    it('banners when speech cannot be produced', async function () {
       if (!window.speechSynthesis) this.skip();
-      expect(await speakWithError("synthesis-failed")).to.equal(1);
+      expect(await speakWithError('synthesis-failed')).to.equal(1);
     });
 
-    it("does not banner when speech is merely cancelled", async function () {
+    it('does not banner when speech is merely cancelled', async function () {
       if (!window.speechSynthesis) this.skip();
-      expect(await speakWithError("canceled")).to.equal(0);
+      expect(await speakWithError('canceled')).to.equal(0);
     });
 
     // A suspension that starts and ends mid-wait advances the wall clock only.
-    it("playNotes waits on audio time, not wall clock", async function () {
+    it('playNotes waits on audio time, not wall clock', async function () {
       const ctx = flock.audioEngine?._audioContext ?? flock.audioContext;
-      if (!ctx || ctx.state !== "running") this.skip();
+      if (!ctx || ctx.state !== 'running') this.skip();
       const wait = (ms) => new Promise((r) => setTimeout(r, ms));
-      const play = () =>
-        flock.playNotes("__everywhere__", { notes: [60], durations: [0.5] });
+      const play = () => flock.playNotes('__everywhere__', { notes: [60], durations: [0.5] });
 
       const t0 = performance.now();
       await play();
@@ -575,14 +562,14 @@ export function runSoundTests(flock) {
         await pending;
         elapsed = performance.now() - t1;
       } finally {
-        if (ctx.state !== "running") await ctx.resume().catch(() => {});
+        if (ctx.state !== 'running') await ctx.resume().catch(() => {});
       }
 
       // Without the audio-time deadline the 700 ms is absorbed.
       expect(elapsed).to.be.greaterThan(baseline + 400);
     });
 
-    it("stopAllSounds cancels speech", function () {
+    it('stopAllSounds cancels speech', function () {
       const synth = window.speechSynthesis;
       if (!synth) this.skip();
       const original = synth.cancel;
diff --git a/tests/sound2.test.js b/tests/sound2.test.js
index e5f09b4a6..34afc3f62 100644
--- a/tests/sound2.test.js
+++ b/tests/sound2.test.js
@@ -1,8 +1,8 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runSound2Tests(flock) {
-  describe("Sound API (BPM and speech) @sound2", function () {
-    describe("setBPM", function () {
+  describe('Sound API (BPM and speech) @sound2', function () {
+    describe('setBPM', function () {
       afterEach(function () {
         if (flock.scene.metadata) {
           delete flock.scene.metadata.bpm;
@@ -10,17 +10,17 @@ export function runSound2Tests(flock) {
       });
 
       it("should set bpm on scene metadata when meshName is '__everywhere__'", function () {
-        flock.setBPM("__everywhere__", 120);
+        flock.setBPM('__everywhere__', 120);
         expect(flock.scene.metadata.bpm).to.equal(120);
       });
 
-      it("should clamp invalid bpm to 60", function () {
-        flock.setBPM("__everywhere__", -5);
+      it('should clamp invalid bpm to 60', function () {
+        flock.setBPM('__everywhere__', -5);
         expect(flock.scene.metadata.bpm).to.equal(60);
       });
 
-      it("should set bpm on mesh metadata for a named mesh", async function () {
-        const id = "bpmTestBox";
+      it('should set bpm on mesh metadata for a named mesh', async function () {
+        const id = 'bpmTestBox';
         flock.createBox(id, {
           width: 1,
           height: 1,
@@ -36,7 +36,7 @@ export function runSound2Tests(flock) {
       });
     });
 
-    describe("speak", function () {
+    describe('speak', function () {
       // speak waits for speechSynthesis voices which never load in headless;
       // race against a short timeout — if no error is thrown before the
       // timeout, the test passes.
@@ -49,8 +49,8 @@ export function runSound2Tests(flock) {
         ]);
       }
 
-      it("should not throw when called with a mesh name and text", async function () {
-        const id = "speakTestBox";
+      it('should not throw when called with a mesh name and text', async function () {
+        const id = 'speakTestBox';
         flock.createBox(id, {
           width: 1,
           height: 1,
@@ -59,14 +59,14 @@ export function runSound2Tests(flock) {
         });
 
         try {
-          await speakWithTimeout(() => flock.speak(id, "hello"));
+          await speakWithTimeout(() => flock.speak(id, 'hello'));
         } finally {
           flock.dispose(id);
         }
       });
 
       it("should not throw when called with '__everywhere__'", async function () {
-        await speakWithTimeout(() => flock.speak("__everywhere__", "hi"));
+        await speakWithTimeout(() => flock.speak('__everywhere__', 'hi'));
       });
     });
   });
diff --git a/tests/status.test.js b/tests/status.test.js
index 841437f11..6ec37c14b 100644
--- a/tests/status.test.js
+++ b/tests/status.test.js
@@ -1,15 +1,15 @@
-import { expect } from "chai";
-import { showStatus, clearStatus } from "../ui/status.js";
+import { expect } from 'chai';
+import { showStatus, clearStatus } from '../ui/status.js';
 
 const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 
 export function runStatusTests() {
-  describe("ui/status editor status line", function () {
+  describe('ui/status editor status line', function () {
     let element;
 
     beforeEach(function () {
-      element = document.createElement("p");
-      element.id = "gizmoStatus";
+      element = document.createElement('p');
+      element.id = 'gizmoStatus';
       document.body.appendChild(element);
     });
 
@@ -18,133 +18,133 @@ export function runStatusTests() {
       element.remove();
     });
 
-    it("shows a plain message", function () {
-      showStatus("Click an object to delete it.");
-      expect(element.textContent).to.equal("Click an object to delete it.");
+    it('shows a plain message', function () {
+      showStatus('Click an object to delete it.');
+      expect(element.textContent).to.equal('Click an object to delete it.');
     });
 
-    it("replaces the previous message instead of stacking", function () {
-      showStatus("First");
-      showStatus("Second");
-      expect(element.textContent).to.equal("Second");
+    it('replaces the previous message instead of stacking', function () {
+      showStatus('First');
+      showStatus('Second');
+      expect(element.textContent).to.equal('Second');
       expect(element.childNodes.length).to.equal(1);
     });
 
-    it("clearStatus empties the line", function () {
-      showStatus("Transient");
+    it('clearStatus empties the line', function () {
+      showStatus('Transient');
       clearStatus();
-      expect(element.textContent).to.equal("");
+      expect(element.textContent).to.equal('');
     });
 
-    it("does not auto-hide a message with duration 0", async function () {
-      showStatus("Sticky prompt");
+    it('does not auto-hide a message with duration 0', async function () {
+      showStatus('Sticky prompt');
       await wait(60);
-      expect(element.textContent).to.equal("Sticky prompt");
+      expect(element.textContent).to.equal('Sticky prompt');
     });
 
-    it("hides a message once its duration elapses", async function () {
-      showStatus("Fades away", { duration: 0.05 });
-      expect(element.textContent).to.equal("Fades away");
+    it('hides a message once its duration elapses', async function () {
+      showStatus('Fades away', { duration: 0.05 });
+      expect(element.textContent).to.equal('Fades away');
       await wait(120);
-      expect(element.textContent).to.equal("");
+      expect(element.textContent).to.equal('');
     });
 
     it("does not let a replaced message's timer clear its successor", async function () {
-      showStatus("Old", { duration: 0.05 });
-      showStatus("New");
+      showStatus('Old', { duration: 0.05 });
+      showStatus('New');
       await wait(120);
-      expect(element.textContent).to.equal("New");
+      expect(element.textContent).to.equal('New');
     });
 
     it("leaves another owner's message alone", function () {
-      showStatus("Delete prompt", { owner: "scene-pick" });
-      clearStatus("placement");
-      expect(element.textContent).to.equal("Delete prompt");
+      showStatus('Delete prompt', { owner: 'scene-pick' });
+      clearStatus('placement');
+      expect(element.textContent).to.equal('Delete prompt');
     });
 
     it("clears its own owner's message", function () {
-      showStatus("Delete prompt", { owner: "scene-pick" });
-      clearStatus("scene-pick");
-      expect(element.textContent).to.equal("");
+      showStatus('Delete prompt', { owner: 'scene-pick' });
+      clearStatus('scene-pick');
+      expect(element.textContent).to.equal('');
     });
 
-    it("clears any message when no owner is given", function () {
-      showStatus("Delete prompt", { owner: "scene-pick" });
+    it('clears any message when no owner is given', function () {
+      showStatus('Delete prompt', { owner: 'scene-pick' });
       clearStatus();
-      expect(element.textContent).to.equal("");
+      expect(element.textContent).to.equal('');
     });
 
-    it("does not clear an unowned message by owner", function () {
-      showStatus("Unowned");
-      clearStatus("scene-pick");
-      expect(element.textContent).to.equal("Unowned");
+    it('does not clear an unowned message by owner', function () {
+      showStatus('Unowned');
+      clearStatus('scene-pick');
+      expect(element.textContent).to.equal('Unowned');
     });
 
-    it("releases the owner when a message is replaced", function () {
-      showStatus("First", { owner: "scene-pick" });
-      showStatus("Second", { owner: "axis" });
-      clearStatus("scene-pick");
-      expect(element.textContent).to.equal("Second");
+    it('releases the owner when a message is replaced', function () {
+      showStatus('First', { owner: 'scene-pick' });
+      showStatus('Second', { owner: 'axis' });
+      clearStatus('scene-pick');
+      expect(element.textContent).to.equal('Second');
     });
 
-    it("releases the owner once the message auto-hides", async function () {
-      showStatus("Timed", { owner: "axis", duration: 0.05 });
+    it('releases the owner once the message auto-hides', async function () {
+      showStatus('Timed', { owner: 'axis', duration: 0.05 });
       await wait(120);
-      showStatus("Later", { owner: "scene-pick" });
-      clearStatus("axis");
-      expect(element.textContent).to.equal("Later");
+      showStatus('Later', { owner: 'scene-pick' });
+      clearStatus('axis');
+      expect(element.textContent).to.equal('Later');
     });
 
-    it("applies the axis and pill classes and the inline border colour", function () {
+    it('applies the axis and pill classes and the inline border colour', function () {
       showStatus([
-        { text: "Position: " },
-        { text: "x", bold: true },
-        { text: ": " },
-        { text: "-5.3", borderColor: "#0072B2" },
+        { text: 'Position: ' },
+        { text: 'x', bold: true },
+        { text: ': ' },
+        { text: '-5.3', borderColor: '#0072B2' },
       ]);
-      expect(element.textContent).to.equal("Position: x: -5.3");
+      expect(element.textContent).to.equal('Position: x: -5.3');
 
-      const axis = element.querySelector(".gizmo-status__axis");
+      const axis = element.querySelector('.gizmo-status__axis');
       expect(axis).to.exist;
-      expect(axis.textContent).to.equal("x");
+      expect(axis.textContent).to.equal('x');
 
-      const pill = element.querySelector(".gizmo-status__pill");
+      const pill = element.querySelector('.gizmo-status__pill');
       expect(pill).to.exist;
-      expect(pill.textContent).to.equal("-5.3");
+      expect(pill.textContent).to.equal('-5.3');
 
       // Compare against a probe so the assertion survives the browser
       // normalising the hex to rgb().
-      const probe = document.createElement("span");
-      probe.style.borderColor = "#0072B2";
+      const probe = document.createElement('span');
+      probe.style.borderColor = '#0072B2';
       expect(pill.style.borderColor).to.equal(probe.style.borderColor);
     });
 
-    it("leaves plain segments as text nodes", function () {
-      showStatus([{ text: "just text" }]);
-      expect(element.querySelectorAll("span").length).to.equal(0);
-      expect(element.textContent).to.equal("just text");
+    it('leaves plain segments as text nodes', function () {
+      showStatus([{ text: 'just text' }]);
+      expect(element.querySelectorAll('span').length).to.equal(0);
+      expect(element.textContent).to.equal('just text');
     });
 
-    it("replaces segment content rather than appending to it", function () {
-      showStatus([{ text: "x", bold: true }]);
-      showStatus([{ text: "y", bold: true }]);
-      expect(element.textContent).to.equal("y");
-      expect(element.querySelectorAll(".gizmo-status__axis").length).to.equal(1);
+    it('replaces segment content rather than appending to it', function () {
+      showStatus([{ text: 'x', bold: true }]);
+      showStatus([{ text: 'y', bold: true }]);
+      expect(element.textContent).to.equal('y');
+      expect(element.querySelectorAll('.gizmo-status__axis').length).to.equal(1);
     });
 
-    it("treats message text as text, never as markup", function () {
-      showStatus("<b>not bold</b>");
-      expect(element.querySelector("b")).to.not.exist;
-      expect(element.textContent).to.equal("<b>not bold</b>");
+    it('treats message text as text, never as markup', function () {
+      showStatus('<b>not bold</b>');
+      expect(element.querySelector('b')).to.not.exist;
+      expect(element.textContent).to.equal('<b>not bold</b>');
 
-      showStatus([{ text: "<img src=x onerror=oops>", bold: true }]);
-      expect(element.querySelector("img")).to.not.exist;
-      expect(element.textContent).to.equal("<img src=x onerror=oops>");
+      showStatus([{ text: '<img src=x onerror=oops>', bold: true }]);
+      expect(element.querySelector('img')).to.not.exist;
+      expect(element.textContent).to.equal('<img src=x onerror=oops>');
     });
 
-    it("does nothing when the status element is absent", function () {
+    it('does nothing when the status element is absent', function () {
       element.remove();
-      expect(() => showStatus("No element")).to.not.throw();
+      expect(() => showStatus('No element')).to.not.throw();
       expect(() => clearStatus()).to.not.throw();
     });
   });
diff --git a/tests/tests.html b/tests/tests.html
index bae626b95..995bb4350 100644
--- a/tests/tests.html
+++ b/tests/tests.html
@@ -17,16 +17,16 @@
     <style>
       /* CSS Variables for test filtering */
 
-      #mocha-report[data-filter="failures"] .test.pass {
+      #mocha-report[data-filter='failures'] .test.pass {
         display: none !important;
       }
 
-      #mocha-report[data-filter="passes"] .test.fail {
+      #mocha-report[data-filter='passes'] .test.fail {
         display: none !important;
       }
 
-      #mocha-report[data-filter="all"] .test.fail,
-      #mocha-report[data-filter="all"] .test.pass {
+      #mocha-report[data-filter='all'] .test.fail,
+      #mocha-report[data-filter='all'] .test.pass {
         display: block !important;
       }
 
@@ -79,7 +79,7 @@ <h1>Flock Test Example</h1>
     <link rel="stylesheet" href="/node_modules/mocha/mocha.css" />
     <script src="/node_modules/mocha/mocha.js"></script>
     <script type="module">
-      import * as chai from "/node_modules/chai/index.js";
+      import * as chai from '/node_modules/chai/index.js';
       window.chai = chai;
     </script>
 
@@ -93,9 +93,7 @@ <h1>Flock Test Example</h1>
         <option value="all">:Run All Tests</option>
       </select>
       <button id="runTestBtn" style="padding: 5px 15px">Run Tests</button>
-      <button id="clearTestBtn" style="padding: 5px 15px; margin-left: 5px">
-        Clear Results
-      </button>
+      <button id="clearTestBtn" style="padding: 5px 15px; margin-left: 5px">Clear Results</button>
     </div>
     <div style="margin: 20px 0">
       <p>Test Filter (mocha grep): <span id="mochaFilter"></span></p>
@@ -114,441 +112,441 @@ <h1>Flock Test Example</h1>
       // alternatively, the array can be customised to run tagged tests or subsets of tests
       const testSuiteDefinitions = [
         {
-          id: "@new",
-          name: ":Run Tests tagged @new",
-          importPath: "",
-          importFn: "",
-          pattern: "@new",
+          id: '@new',
+          name: ':Run Tests tagged @new',
+          importPath: '',
+          importFn: '',
+          pattern: '@new',
         },
         {
-          id: "@notslow",
-          name: ":Run all except @slow",
-          importPath: "",
-          importFn: "",
-          pattern: "/^(?!.*@slow).*$/",
+          id: '@notslow',
+          name: ':Run all except @slow',
+          importPath: '',
+          importFn: '',
+          pattern: '/^(?!.*@slow).*$/',
         },
         {
-          id: "@onlyslow",
-          name: ":Run only @slow",
-          importPath: "",
-          importFn: "",
-          pattern: "@slow",
+          id: '@onlyslow',
+          name: ':Run only @slow',
+          importPath: '',
+          importFn: '',
+          pattern: '@slow',
         },
         {
-          id: "babylon",
-          name: "Basic Babylon Tests",
-          importPath: "./babylon.test.js",
-          importFn: "runTests",
-          pattern: "Flock API Tests",
+          id: 'babylon',
+          name: 'Basic Babylon Tests',
+          importPath: './babylon.test.js',
+          importFn: 'runTests',
+          pattern: 'Flock API Tests',
         },
         {
-          id: "scene",
-          name: "Scene API Tests",
-          importPath: "./scene.test.js",
-          importFn: "runSceneTests",
-          pattern: "Scene API Tests",
+          id: 'scene',
+          name: 'Scene API Tests',
+          importPath: './scene.test.js',
+          importFn: 'runSceneTests',
+          pattern: 'Scene API Tests',
         },
         {
-          id: "glide",
-          name: "Glide Animation Tests",
-          importPath: "./glide.test.js",
-          importFn: "runGlideToTests",
-          pattern: "glideTo function tests",
+          id: 'glide',
+          name: 'Glide Animation Tests',
+          importPath: './glide.test.js',
+          importFn: 'runGlideToTests',
+          pattern: 'glideTo function tests',
         },
         {
-          id: "glideToObject",
-          name: "glideToObject Tests",
-          importPath: "./glideToObject.test.js",
-          importFn: "runGlideToObjectTests",
-          pattern: "glideToObject function tests",
+          id: 'glideToObject',
+          name: 'glideToObject Tests',
+          importPath: './glideToObject.test.js',
+          importFn: 'runGlideToObjectTests',
+          pattern: 'glideToObject function tests',
         },
         {
-          id: "ui",
-          name: "UI Text/Button Tests",
-          importPath: "./uitextbutton.test.js",
-          importFn: "runUITests",
-          pattern: "UIText, UIButton, UIInput, and UISlider function tests",
+          id: 'ui',
+          name: 'UI Text/Button Tests',
+          importPath: './uitextbutton.test.js',
+          importFn: 'runUITests',
+          pattern: 'UIText, UIButton, UIInput, and UISlider function tests',
         },
         {
-          id: "printtext",
-          name: "printText Tests",
-          importPath: "./printtext.test.js",
-          importFn: "runPrintTextTests",
-          pattern: "printText function tests",
+          id: 'printtext',
+          name: 'printText Tests',
+          importPath: './printtext.test.js',
+          importFn: 'runPrintTextTests',
+          pattern: 'printText function tests',
         },
         {
-          id: "wasmsimd",
-          name: "WebAssembly SIMD Capability Tests",
-          importPath: "./wasmsimd.test.js",
-          importFn: "runWasmSimdTests",
-          pattern: "@wasmsimd",
+          id: 'wasmsimd',
+          name: 'WebAssembly SIMD Capability Tests',
+          importPath: './wasmsimd.test.js',
+          importFn: 'runWasmSimdTests',
+          pattern: '@wasmsimd',
         },
         {
-          id: "notifications",
-          name: "Error Notification Tests",
-          importPath: "./notifications.test.js",
-          importFn: "runNotificationTests",
-          pattern: "error notification banners",
+          id: 'notifications',
+          name: 'Error Notification Tests',
+          importPath: './notifications.test.js',
+          importFn: 'runNotificationTests',
+          pattern: 'error notification banners',
         },
         {
-          id: "status",
-          name: "Status Line Tests",
-          importPath: "./status.test.js",
-          importFn: "runStatusTests",
-          pattern: "ui/status editor status line",
+          id: 'status',
+          name: 'Status Line Tests',
+          importPath: './status.test.js',
+          importFn: 'runStatusTests',
+          pattern: 'ui/status editor status line',
         },
         {
-          id: "blocklyshadowutil",
-          name: "Blockly Shadow Util Tests",
-          importPath: "./blocklyshadowutil.test.js",
-          importFn: "runBlocklyShadowUtilTests",
-          pattern: "ui/blocklyshadowutil",
+          id: 'blocklyshadowutil',
+          name: 'Blockly Shadow Util Tests',
+          importPath: './blocklyshadowutil.test.js',
+          importFn: 'runBlocklyShadowUtilTests',
+          pattern: 'ui/blocklyshadowutil',
         },
         {
-          id: "colourvalidation",
-          name: "Colour Validation Tests",
-          importPath: "./colourvalidation.test.js",
-          importFn: "runColourValidationTests",
-          pattern: "blocks/colourvalidation",
+          id: 'colourvalidation',
+          name: 'Colour Validation Tests',
+          importPath: './colourvalidation.test.js',
+          importFn: 'runColourValidationTests',
+          pattern: 'blocks/colourvalidation',
         },
         {
-          id: "materialgenerators",
-          name: "Material Generator Tests",
-          importPath: "./generators-material.test.js",
-          importFn: "runMaterialGeneratorTests",
-          pattern: "generators/generators-material",
+          id: 'materialgenerators',
+          name: 'Material Generator Tests',
+          importPath: './generators-material.test.js',
+          importFn: 'runMaterialGeneratorTests',
+          pattern: 'generators/generators-material',
         },
         {
-          id: "axiskeyboard",
-          name: "Axis Keyboard Handler Tests",
-          importPath: "./axis-keyboard.test.js",
-          importFn: "runAxisKeyboardTests",
-          pattern: "ui/axis-keyboard",
+          id: 'axiskeyboard',
+          name: 'Axis Keyboard Handler Tests',
+          importPath: './axis-keyboard.test.js',
+          importFn: 'runAxisKeyboardTests',
+          pattern: 'ui/axis-keyboard',
         },
         {
-          id: "canvasutils",
-          name: "Canvas Utils Tests",
-          importPath: "./canvas-utils.test.js",
-          importFn: "runCanvasUtilsTests",
-          pattern: "ui/canvas-utils",
+          id: 'canvasutils',
+          name: 'Canvas Utils Tests',
+          importPath: './canvas-utils.test.js',
+          importFn: 'runCanvasUtilsTests',
+          pattern: 'ui/canvas-utils',
         },
         {
-          id: "gizmomobilehud",
-          name: "Gizmo Mobile HUD Tests",
-          importPath: "./gizmo-mobile-hud.test.js",
-          importFn: "runGizmoMobileHudTests",
-          pattern: "ui/gizmo-mobile-hud",
+          id: 'gizmomobilehud',
+          name: 'Gizmo Mobile HUD Tests',
+          importPath: './gizmo-mobile-hud.test.js',
+          importFn: 'runGizmoMobileHudTests',
+          pattern: 'ui/gizmo-mobile-hud',
         },
         {
-          id: "contextmenu",
-          name: "Context Menu Tests",
-          importPath: "./contextmenu.test.js",
-          importFn: "runContextMenuTests",
-          pattern: "ui/contextmenu",
+          id: 'contextmenu',
+          name: 'Context Menu Tests',
+          importPath: './contextmenu.test.js',
+          importFn: 'runContextMenuTests',
+          pattern: 'ui/contextmenu',
         },
         {
-          id: "keyboardui",
-          name: "Keyboard UI Tests",
-          importPath: "./keyboardui.test.js",
-          importFn: "runKeyboardUiTests",
-          pattern: "accessibility/keyboardui",
+          id: 'keyboardui',
+          name: 'Keyboard UI Tests',
+          importPath: './keyboardui.test.js',
+          importFn: 'runKeyboardUiTests',
+          pattern: 'accessibility/keyboardui',
         },
         {
-          id: "onscreencontrols",
-          name: "On-Screen Controls Tests",
-          importPath: "./onscreencontrols.test.js",
-          importFn: "runOnScreenControlsTests",
-          pattern: "onScreenControls function tests",
+          id: 'onscreencontrols',
+          name: 'On-Screen Controls Tests',
+          importPath: './onscreencontrols.test.js',
+          importFn: 'runOnScreenControlsTests',
+          pattern: 'onScreenControls function tests',
         },
         {
-          id: "stress",
-          name: "Stress Tests (Boxes)",
-          importPath: "./boxes.test.js",
-          importFn: "runStressTests",
-          pattern: "Stress test for many boxes",
+          id: 'stress',
+          name: 'Stress Tests (Boxes)',
+          importPath: './boxes.test.js',
+          importFn: 'runStressTests',
+          pattern: 'Stress test for many boxes',
         },
         {
-          id: "objects",
-          name: "Object Creation Tests",
-          importPath: "./objects.test.js",
-          importFn: "runCreateObjectTests",
-          pattern: "createObject tests",
+          id: 'objects',
+          name: 'Object Creation Tests',
+          importPath: './objects.test.js',
+          importFn: 'runCreateObjectTests',
+          pattern: 'createObject tests',
         },
         {
-          id: "models",
-          name: "Model Creation Tests",
-          importPath: "./objects.test.js",
-          importFn: "runCreateModelTests",
-          pattern: "createModel tests",
+          id: 'models',
+          name: 'Model Creation Tests',
+          importPath: './objects.test.js',
+          importFn: 'runCreateModelTests',
+          pattern: 'createModel tests',
         },
         {
-          id: "sound",
-          name: "Sound Tests",
-          importPath: "./sound.test.js",
-          importFn: "runSoundTests",
-          pattern: "@sound",
+          id: 'sound',
+          name: 'Sound Tests',
+          importPath: './sound.test.js',
+          importFn: 'runSoundTests',
+          pattern: '@sound',
         },
         {
-          id: "sound-integration",
-          name: "Sound Integration Tests",
-          importPath: "./sound-integration.test.js",
-          importFn: "runSoundIntegrationTests",
-          pattern: "@sound-integration",
+          id: 'sound-integration',
+          name: 'Sound Integration Tests',
+          importPath: './sound-integration.test.js',
+          importFn: 'runSoundIntegrationTests',
+          pattern: '@sound-integration',
         },
         {
-          id: "sound-verification",
-          name: "Sound Verification Tests",
-          importPath: "./sound-verification.test.js",
-          importFn: "runSoundVerificationTests",
-          pattern: "@sound-verification",
+          id: 'sound-verification',
+          name: 'Sound Verification Tests',
+          importPath: './sound-verification.test.js',
+          importFn: 'runSoundVerificationTests',
+          pattern: '@sound-verification',
         },
         {
-          id: "translation",
-          name: "Translation/Movement Tests",
-          importPath: "./transform.translate.test.js",
-          importFn: "runTranslationTests",
-          pattern: "@translation",
+          id: 'translation',
+          name: 'Translation/Movement Tests',
+          importPath: './transform.translate.test.js',
+          importFn: 'runTranslationTests',
+          pattern: '@translation',
         },
         {
-          id: "rotation",
-          name: "Rotation Tests",
-          importPath: "./transform.rotate.test.js",
-          importFn: "runRotationTests",
-          pattern: "@rotation",
+          id: 'rotation',
+          name: 'Rotation Tests',
+          importPath: './transform.rotate.test.js',
+          importFn: 'runRotationTests',
+          pattern: '@rotation',
         },
         {
-          id: "scale",
-          name: "Scale Tests",
-          importPath: "./transform.scale.test.js",
-          importFn: "runScaleTests",
-          pattern: "@scale",
+          id: 'scale',
+          name: 'Scale Tests',
+          importPath: './transform.scale.test.js',
+          importFn: 'runScaleTests',
+          pattern: '@scale',
         },
         {
-          id: "materials",
-          name: "Materials Tests",
-          importPath: "./materials.test.js",
-          importFn: "runMaterialsTests",
-          pattern: "@materials",
+          id: 'materials',
+          name: 'Materials Tests',
+          importPath: './materials.test.js',
+          importFn: 'runMaterialsTests',
+          pattern: '@materials',
         },
         {
-          id: "physics",
-          name: "Physics Tests",
-          importPath: "./physics.test.js",
-          importFn: "runPhysicsTests",
-          pattern: "@physics",
+          id: 'physics',
+          name: 'Physics Tests',
+          importPath: './physics.test.js',
+          importFn: 'runPhysicsTests',
+          pattern: '@physics',
         },
         {
-          id: "sound2",
-          name: "Sound2 Tests",
-          importPath: "./sound2.test.js",
-          importFn: "runSound2Tests",
-          pattern: "@sound2",
+          id: 'sound2',
+          name: 'Sound2 Tests',
+          importPath: './sound2.test.js',
+          importFn: 'runSound2Tests',
+          pattern: '@sound2',
         },
         {
-          id: "camera",
-          name: "Camera API Tests",
-          importPath: "./camera.test.js",
-          importFn: "runCameraTests",
-          pattern: "@camera",
+          id: 'camera',
+          name: 'Camera API Tests',
+          importPath: './camera.test.js',
+          importFn: 'runCameraTests',
+          pattern: '@camera',
         },
         {
-          id: "control",
-          name: "Control API Tests",
-          importPath: "./control.test.js",
-          importFn: "runControlTests",
-          pattern: "@control",
+          id: 'control',
+          name: 'Control API Tests',
+          importPath: './control.test.js',
+          importFn: 'runControlTests',
+          pattern: '@control',
         },
         {
-          id: "xr",
-          name: "XR API Tests",
-          importPath: "./xr.test.js",
-          importFn: "runXRTests",
-          pattern: "@xr",
+          id: 'xr',
+          name: 'XR API Tests',
+          importPath: './xr.test.js',
+          importFn: 'runXRTests',
+          pattern: '@xr',
         },
         {
-          id: "movement",
-          name: "Movement API Tests",
-          importPath: "./movement.test.js",
-          importFn: "runMovementTests",
-          pattern: "@movement",
+          id: 'movement',
+          name: 'Movement API Tests',
+          importPath: './movement.test.js',
+          importFn: 'runMovementTests',
+          pattern: '@movement',
         },
         {
-          id: "events",
-          name: "Events API Tests",
-          importPath: "./events.test.js",
-          importFn: "runEventsTests",
-          pattern: "Events API",
+          id: 'events',
+          name: 'Events API Tests',
+          importPath: './events.test.js',
+          importFn: 'runEventsTests',
+          pattern: 'Events API',
         },
         {
-          id: "effects",
-          name: "Effects Tests",
-          importPath: "./effects.test.js",
-          importFn: "runEffectsTests",
-          pattern: "Effects API",
+          id: 'effects',
+          name: 'Effects Tests',
+          importPath: './effects.test.js',
+          importFn: 'runEffectsTests',
+          pattern: 'Effects API',
         },
         {
-          id: "property",
-          name: "Sensing getProperty Tests",
-          importPath: "./getProperty.test.js",
-          importFn: "runGetPropertyTests",
-          pattern: "@property",
+          id: 'property',
+          name: 'Sensing getProperty Tests',
+          importPath: './getProperty.test.js',
+          importFn: 'runGetPropertyTests',
+          pattern: '@property',
         },
 
         {
-          id: "animate",
-          name: "Animation API Tests",
-          importPath: "./animate.test.js",
-          importFn: "runAnimateTests",
-          pattern: "Animation API Tests",
+          id: 'animate',
+          name: 'Animation API Tests',
+          importPath: './animate.test.js',
+          importFn: 'runAnimateTests',
+          pattern: 'Animation API Tests',
         },
         {
-          id: "characterAnimations",
-          name: "Character Animation API",
-          importPath: "./characterAnimations.test.js",
-          importFn: "runCharacterAnimationTests",
-          pattern: "Character Animation API",
+          id: 'characterAnimations',
+          name: 'Character Animation API',
+          importPath: './characterAnimations.test.js',
+          importFn: 'runCharacterAnimationTests',
+          pattern: 'Character Animation API',
         },
         {
-          id: "concurrency",
-          name: "Concurrency Tests",
-          importPath: "./concurrency.test.js",
-          importFn: "runConcurrencyTests",
-          pattern: "Concurrency and Stress Tests",
+          id: 'concurrency',
+          name: 'Concurrency Tests',
+          importPath: './concurrency.test.js',
+          importFn: 'runConcurrencyTests',
+          pattern: 'Concurrency and Stress Tests',
         },
         {
-          id: "blocks",
-          name: "Block Tests",
-          importPath: "./blocks.test.js",
-          importFn: "runBlocksTests",
-          pattern: "blocks.js tests",
+          id: 'blocks',
+          name: 'Block Tests',
+          importPath: './blocks.test.js',
+          importFn: 'runBlocksTests',
+          pattern: 'blocks.js tests',
         },
         {
-          id: "xr-export",
-          name: "XR Export Tests",
-          importPath: "./xr-export.test.js",
-          importFn: "runXRExportTests",
-          pattern: "XR exportMesh GLB tests",
+          id: 'xr-export',
+          name: 'XR Export Tests',
+          importPath: './xr-export.test.js',
+          importFn: 'runXRExportTests',
+          pattern: 'XR exportMesh GLB tests',
         },
         {
-          id: "meshhierarchy",
-          name: "Mesh Hierarchy Tests",
-          importPath: "./mesh-hierarchy.test.js",
-          importFn: "runMeshHierarchyTests",
-          pattern: "@meshhierarchy",
+          id: 'meshhierarchy',
+          name: 'Mesh Hierarchy Tests',
+          importPath: './mesh-hierarchy.test.js',
+          importFn: 'runMeshHierarchyTests',
+          pattern: '@meshhierarchy',
         },
         {
-          id: "math",
-          name: "Math API Tests",
-          importPath: "./math.test.js",
-          importFn: "runMathTests",
-          pattern: "@math",
+          id: 'math',
+          name: 'Math API Tests',
+          importPath: './math.test.js',
+          importFn: 'runMathTests',
+          pattern: '@math',
         },
         {
-          id: "shapes",
-          name: "Shapes API Tests",
-          importPath: "./shapes.test.js",
-          importFn: "runShapesTests",
-          pattern: "@shapes",
+          id: 'shapes',
+          name: 'Shapes API Tests',
+          importPath: './shapes.test.js',
+          importFn: 'runShapesTests',
+          pattern: '@shapes',
         },
         {
-          id: "sensing",
-          name: "Sensing API Tests",
-          importPath: "./sensing.test.js",
-          importFn: "runSensingTests",
-          pattern: "@sensing",
+          id: 'sensing',
+          name: 'Sensing API Tests',
+          importPath: './sensing.test.js',
+          importFn: 'runSensingTests',
+          pattern: '@sensing',
         },
         {
-          id: "nameregistry",
-          name: "Name Registry Tests",
-          importPath: "./nameRegistry.test.js",
-          importFn: "runNameRegistryTests",
-          pattern: "@nameregistry",
+          id: 'nameregistry',
+          name: 'Name Registry Tests',
+          importPath: './nameRegistry.test.js',
+          importFn: 'runNameRegistryTests',
+          pattern: '@nameregistry',
         },
         {
-          id: "nameregistrybench",
-          name: "Name Registry Benchmark",
-          importPath: "./nameRegistryBench.test.js",
-          importFn: "runNameRegistryBenchTests",
-          pattern: "@nameregistrybench",
+          id: 'nameregistrybench',
+          name: 'Name Registry Benchmark',
+          importPath: './nameRegistryBench.test.js',
+          importFn: 'runNameRegistryBenchTests',
+          pattern: '@nameregistrybench',
         },
         {
-          id: "input",
-          name: "Input Tests",
-          importPath: "./input/index.test.js",
-          importFn: "runInputTests",
-          pattern: "@input",
+          id: 'input',
+          name: 'Input Tests',
+          importPath: './input/index.test.js',
+          importFn: 'runInputTests',
+          pattern: '@input',
         },
         {
-          id: "gamepad",
-          name: "GamepadSource Tests",
-          importPath: "",
-          importFn: "",
-          pattern: "@gamepad",
+          id: 'gamepad',
+          name: 'GamepadSource Tests',
+          importPath: '',
+          importFn: '',
+          pattern: '@gamepad',
         },
         {
-          id: "interact-indicator",
-          name: "Interact Indicator Tests",
-          importPath: "./ui/interactIndicator.test.js",
-          importFn: "runInteractIndicatorTests",
-          pattern: "@interact-indicator",
+          id: 'interact-indicator',
+          name: 'Interact Indicator Tests',
+          importPath: './ui/interactIndicator.test.js',
+          importFn: 'runInteractIndicatorTests',
+          pattern: '@interact-indicator',
         },
         {
-          id: "accessibility",
-          name: "Accessibility Tests",
-          importPath: "./accessibility/index.test.js",
-          importFn: "runAccessibilityTests",
-          pattern: "@accessibility",
+          id: 'accessibility',
+          name: 'Accessibility Tests',
+          importPath: './accessibility/index.test.js',
+          importFn: 'runAccessibilityTests',
+          pattern: '@accessibility',
         },
         {
-          id: "gizmos",
-          name: "Gizmo Tests",
-          importPath: "./gizmos.test.js",
-          importFn: "runGizmoTests",
-          pattern: "@gizmos",
+          id: 'gizmos',
+          name: 'Gizmo Tests',
+          importPath: './gizmos.test.js',
+          importFn: 'runGizmoTests',
+          pattern: '@gizmos',
         },
         {
-          id: "microbit",
-          name: "micro:bit Tests",
-          importPath: "./microbit/index.test.js",
-          importFn: "runMicrobitTests",
-          pattern: "@microbit",
+          id: 'microbit',
+          name: 'micro:bit Tests',
+          importPath: './microbit/index.test.js',
+          importFn: 'runMicrobitTests',
+          pattern: '@microbit',
         },
         {
-          id: "security",
-          name: "Security Tests",
-          importPath: "./security/index.test.js",
-          importFn: "runSecurityTests",
-          pattern: "@security",
+          id: 'security',
+          name: 'Security Tests',
+          importPath: './security/index.test.js',
+          importFn: 'runSecurityTests',
+          pattern: '@security',
         },
       ];
 
-      import * as flockmodule from "../flock.js";
-      import "@babylonjs/core/Debug/debugLayer";
-      import "@babylonjs/inspector";
+      import * as flockmodule from '../flock.js';
+      import '@babylonjs/core/Debug/debugLayer';
+      import '@babylonjs/inspector';
 
       const flock = flockmodule.flock;
       window.__flockForLogging = flock; // Expose for test runner API logging
-      flock.modelPath = "../models/";
+      flock.modelPath = '../models/';
 
       await flock.initialize();
 
       // use standard mocha HTML reporter – note that paramaterised access to grep is turned off for this, as it conflicts with dropdown selection and cna leave tests confusingly not executing
       mocha.setup({
-        ui: "bdd",
-        reporter: "html",
+        ui: 'bdd',
+        reporter: 'html',
         cleanReferencesAfterRun: false, // allow tests to be re-run without re-registering the tests
       });
 
       try {
-        let iframe = document.getElementById("flock-iframe");
+        let iframe = document.getElementById('flock-iframe');
 
         if (iframe) {
           await iframe.contentWindow?.flock?.disposeOldScene();
         } else {
           // Step 3: If the iframe does not exist, create a new one
-          iframe = document.createElement("iframe");
-          iframe.id = "flock-iframe";
-          iframe.style.display = "none";
+          iframe = document.createElement('iframe');
+          iframe.id = 'flock-iframe';
+          iframe.style.display = 'none';
           document.body.appendChild(iframe);
         }
 
@@ -556,7 +554,7 @@ <h1>Flock Test Example</h1>
           iframe.onload = () => {
             resolve();
           };
-          iframe.src = "about:blank";
+          iframe.src = 'about:blank';
         });
 
         const iframeWindow = iframe.contentWindow;
@@ -573,17 +571,17 @@ <h1>Flock Test Example</h1>
         // Add an option for each test tag / suite, and try to import the module for a suite
         for (const suite of testSuiteDefinitions) {
           // add a new option element to testSelect with value=suite.id and text=suite.name
-          const option = document.createElement("option");
+          const option = document.createElement('option');
           option.value = suite.id;
           option.text = suite.name;
-          document.getElementById("testSelect").appendChild(option);
+          document.getElementById('testSelect').appendChild(option);
 
           // import the test module if an importPath is defined – some entries may be for tagged tests only
           if (suite.importPath) {
             try {
               const module = await import(suite.importPath);
               // Call the function to register tests with mocha, but don't run them yet
-              if (suite.id === "babylon") {
+              if (suite.id === 'babylon') {
                 module[suite.importFn](flock, chai.expect);
               } else {
                 module[suite.importFn](flock);
@@ -599,16 +597,16 @@ <h1>Flock Test Example</h1>
       await loadAllTests();
 
       // Setup test selection interface
-      const testSelect = document.getElementById("testSelect");
-      const runTestBtn = document.getElementById("runTestBtn");
-      const clearTestBtn = document.getElementById("clearTestBtn");
+      const testSelect = document.getElementById('testSelect');
+      const runTestBtn = document.getElementById('runTestBtn');
+      const clearTestBtn = document.getElementById('clearTestBtn');
 
       // set up (global for this script) selectedTest variable
       let selectedTest = null;
 
       function mentionMochaFilter(pattern, name) {
-        const info = `${pattern || "None"}`;
-        const filterSpan = document.getElementById("mochaFilter");
+        const info = `${pattern || 'None'}`;
+        const filterSpan = document.getElementById('mochaFilter');
         filterSpan.textContent = info;
       }
 
@@ -628,17 +626,17 @@ <h1>Flock Test Example</h1>
       }
 
       function setupFailuresLink() {
-        const mochaReport = document.getElementById("mocha-report");
-        const failuresLink = document.querySelector("#mocha-stats .failures a");
-        const passesLink = document.querySelector("#mocha-stats .passes a");
+        const mochaReport = document.getElementById('mocha-report');
+        const failuresLink = document.querySelector('#mocha-stats .failures a');
+        const passesLink = document.querySelector('#mocha-stats .passes a');
 
         const failuresLinkText = failuresLink.innerHTML;
-        const failuresLinkTextToggled = "(toggle) " + failuresLink.innerHTML;
+        const failuresLinkTextToggled = '(toggle) ' + failuresLink.innerHTML;
         const passesLinkText = passesLink.innerHTML;
-        const passesLinkTextToggled = "(toggle) " + passesLink.innerHTML;
+        const passesLinkTextToggled = '(toggle) ' + passesLink.innerHTML;
 
         function showFailures() {
-          mochaReport.dataset.filter = "failures";
+          mochaReport.dataset.filter = 'failures';
           failuresLink.innerHTML = failuresLinkTextToggled;
           failuresLink.onclick = showAll;
           passesLink.innerHTML = passesLinkText;
@@ -651,7 +649,7 @@ <h1>Flock Test Example</h1>
         }
 
         function showPasses() {
-          mochaReport.dataset.filter = "passes";
+          mochaReport.dataset.filter = 'passes';
           failuresLink.innerHTML = failuresLinkText;
           failuresLink.onclick = showFailures;
           passesLink.innerHTML = passesLinkTextToggled;
@@ -659,7 +657,7 @@ <h1>Flock Test Example</h1>
         }
 
         function showAll() {
-          mochaReport.dataset.filter = "all";
+          mochaReport.dataset.filter = 'all';
           failuresLink.innerHTML = failuresLinkText;
           failuresLink.onclick = showFailures;
           passesLink.innerHTML = passesLinkText;
@@ -674,21 +672,19 @@ <h1>Flock Test Example</h1>
         }
       }
 
-      testSelect.addEventListener("change", () => {
+      testSelect.addEventListener('change', () => {
         selectedTest = testSelect.value;
 
         // Clear previous results
-        document.getElementById("mocha").innerHTML = "";
+        document.getElementById('mocha').innerHTML = '';
 
         // Reset any previous grep pattern
         clearMochaFilter();
 
         // If a specific test suite / tag is selected (not "all")
-        if (selectedTest !== "all") {
+        if (selectedTest !== 'all') {
           // Find the pattern for the selected test suite
-          const testSuite = testSuiteDefinitions.find(
-            (suite) => suite.id === selectedTest,
-          );
+          const testSuite = testSuiteDefinitions.find((suite) => suite.id === selectedTest);
           if (testSuite && testSuite.pattern) {
             // Apply the grep pattern to filter tests
             setMochaFiter(testSuite.pattern, testSuite.name);
@@ -696,20 +692,20 @@ <h1>Flock Test Example</h1>
         }
       });
 
-      runTestBtn.addEventListener("click", () => {
+      runTestBtn.addEventListener('click', () => {
         if (!selectedTest) {
-          alert("Please select a test suite to run");
+          alert('Please select a test suite to run');
           return;
         }
 
         // Run the filtered tests
         let runner = mocha.run();
-        runner.on("end", setupFailuresLink);
+        runner.on('end', setupFailuresLink);
       });
 
-      clearTestBtn.addEventListener("click", () => {
+      clearTestBtn.addEventListener('click', () => {
         // workroomprds says: let's clarify what this is for. I'm concerned that we're introducing a covert state – and that may mean re-running tests produces different behavior becuase the tests are in a slightly different state
-        document.getElementById("mocha").innerHTML = "";
+        document.getElementById('mocha').innerHTML = '';
         testSelect.selectedIndex = 0;
         clearMochaFilter();
       });
@@ -722,7 +718,7 @@ <h1>Flock Test Example</h1>
           enablePopup: true,
         });
       } catch (error) {
-        console.error("Error showing debug layer:", error);
+        console.error('Error showing debug layer:', error);
       }
 
       // Don't run any tests by default - wait for user selection
diff --git a/tests/transform.rotate.test.js b/tests/transform.rotate.test.js
index 9aa5f36e9..f5ce961b9 100644
--- a/tests/transform.rotate.test.js
+++ b/tests/transform.rotate.test.js
@@ -1,12 +1,12 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runRotationTests(flock) {
-  describe("rotate API Tests @rotation", function () {
+  describe('rotate API Tests @rotation', function () {
     let boxId;
     beforeEach(function () {
       boxId = `box_${Date.now()}`;
       flock.createBox(boxId, {
-        color: "#FF00FF",
+        color: '#FF00FF',
         width: 2,
         height: 2,
         depth: 2,
@@ -17,11 +17,9 @@ export function runRotationTests(flock) {
       if (boxId) flock.dispose(boxId);
     });
 
-    it("should rotate a box around X axis", async function () {
+    it('should rotate a box around X axis', async function () {
       const box = flock.scene.getMeshByName(boxId);
-      const initialRotation = box.rotationQuaternion
-        ? box.rotationQuaternion.clone()
-        : null;
+      const initialRotation = box.rotationQuaternion ? box.rotationQuaternion.clone() : null;
 
       await flock.rotate(boxId, { x: 90, y: 0, z: 0 });
 
@@ -35,27 +33,24 @@ export function runRotationTests(flock) {
       expect(Math.abs(euler.x)).to.be.closeTo(Math.PI / 2, 0.1); // 90 degrees in radians
     });
 
-    it("should ignore rotate/rotateTo on a non-mesh target", async function () {
-      const group = new flock.BABYLON.AnimationGroup(
-        "rotateNonMeshGroup",
-        flock.scene,
-      );
+    it('should ignore rotate/rotateTo on a non-mesh target', async function () {
+      const group = new flock.BABYLON.AnimationGroup('rotateNonMeshGroup', flock.scene);
       const reported = [];
       const previousOnBlockError = flock.onBlockError;
       flock.onBlockError = (info) => reported.push(info);
       try {
-        await flock.rotate("rotateNonMeshGroup", { x: 90, y: 0, z: 0 });
-        await flock.rotateTo("rotateNonMeshGroup", { x: 90, y: 0, z: 0 });
+        await flock.rotate('rotateNonMeshGroup', { x: 90, y: 0, z: 0 });
+        await flock.rotateTo('rotateNonMeshGroup', { x: 90, y: 0, z: 0 });
 
         expect(reported).to.have.lengthOf(2);
-        expect(reported.every((r) => r.key === "target_not_a_mesh")).to.be.true;
+        expect(reported.every((r) => r.key === 'target_not_a_mesh')).to.be.true;
       } finally {
         flock.onBlockError = previousOnBlockError;
         group.dispose();
       }
     });
 
-    it("should recover when an Euler write has nulled the quaternion", async function () {
+    it('should recover when an Euler write has nulled the quaternion', async function () {
       const box = flock.scene.getMeshByName(boxId);
       // Babylon's rotation setter nulls the quaternion; rotate() must reseed.
       box.rotation = new flock.BABYLON.Vector3(0, Math.PI / 4, 0);
@@ -66,14 +61,14 @@ export function runRotationTests(flock) {
       expect(euler.y).to.be.closeTo(Math.PI / 2, 1e-6);
     });
 
-    it("round-trips Euler degrees through the quaternion helpers", function () {
+    it('round-trips Euler degrees through the quaternion helpers', function () {
       const result = flock.quatToEulerDegrees(flock.eulerDegreesToQuat(30, 60, 20));
       expect(result.x).to.be.closeTo(30, 1e-6);
       expect(result.y).to.be.closeTo(60, 1e-6);
       expect(result.z).to.be.closeTo(20, 1e-6);
     });
 
-    it("should rotate a box around Y axis", async function () {
+    it('should rotate a box around Y axis', async function () {
       const box = flock.scene.getMeshByName(boxId);
 
       await flock.rotate(boxId, { x: 0, y: 90, z: 0 });
@@ -83,7 +78,7 @@ export function runRotationTests(flock) {
       expect(Math.abs(euler.y)).to.be.closeTo(Math.PI / 2, 0.1); // 90 degrees in radians
     });
 
-    it("should rotate a box around Z axis", async function () {
+    it('should rotate a box around Z axis', async function () {
       const box = flock.scene.getMeshByName(boxId);
 
       await flock.rotate(boxId, { x: 0, y: 0, z: 90 });
@@ -93,7 +88,7 @@ export function runRotationTests(flock) {
       expect(Math.abs(euler.z)).to.be.closeTo(Math.PI / 2, 0.1); // 90 degrees in radians
     });
 
-    it("should rotate a box around multiple axes", async function () {
+    it('should rotate a box around multiple axes', async function () {
       const box = flock.scene.getMeshByName(boxId);
 
       await flock.rotate(boxId, { x: 45, y: 45, z: 45 });
@@ -101,12 +96,11 @@ export function runRotationTests(flock) {
       expect(box.rotationQuaternion).to.not.be.null;
       // For combined rotations, just verify that rotation was applied
       const euler = box.rotationQuaternion.toEulerAngles();
-      const totalRotation =
-        Math.abs(euler.x) + Math.abs(euler.y) + Math.abs(euler.z);
+      const totalRotation = Math.abs(euler.x) + Math.abs(euler.y) + Math.abs(euler.z);
       expect(totalRotation).to.be.greaterThan(0.1);
     });
 
-    it("should apply rotations cumulatively", async function () {
+    it('should apply rotations cumulatively', async function () {
       const box = flock.scene.getMeshByName(boxId);
 
       await flock.rotate(boxId, { x: 45, y: 0, z: 0 });
@@ -121,7 +115,7 @@ export function runRotationTests(flock) {
       expect(Math.abs(euler.x)).to.be.closeTo(Math.PI / 2, 0.1);
     });
 
-    it("should handle negative rotation values", async function () {
+    it('should handle negative rotation values', async function () {
       const box = flock.scene.getMeshByName(boxId);
 
       await flock.rotate(boxId, { x: -90, y: 0, z: 0 });
@@ -131,7 +125,7 @@ export function runRotationTests(flock) {
       expect(Math.abs(euler.x)).to.be.closeTo(Math.PI / 2, 0.1); // Magnitude should be same
     });
 
-    it("should handle partial rotation parameters", async function () {
+    it('should handle partial rotation parameters', async function () {
       const box = flock.scene.getMeshByName(boxId);
 
       await flock.rotate(boxId, { y: 90 }); // Only Y specified, X and Z default to 0
@@ -143,11 +137,9 @@ export function runRotationTests(flock) {
       expect(Math.abs(euler.z)).to.be.lessThan(0.1); // Should be close to 0
     });
 
-    it("should handle zero rotation (all defaults)", async function () {
+    it('should handle zero rotation (all defaults)', async function () {
       const box = flock.scene.getMeshByName(boxId);
-      const initialRotation = box.rotationQuaternion
-        ? box.rotationQuaternion.clone()
-        : null;
+      const initialRotation = box.rotationQuaternion ? box.rotationQuaternion.clone() : null;
 
       await flock.rotate(boxId); // All default to 0
 
@@ -164,7 +156,7 @@ export function runRotationTests(flock) {
       }
     });
 
-    it("should handle large rotation values", async function () {
+    it('should handle large rotation values', async function () {
       const box = flock.scene.getMeshByName(boxId);
 
       await flock.rotate(boxId, { x: 360, y: 0, z: 0 }); // Full rotation
@@ -186,16 +178,16 @@ export function runRotationTests(flock) {
 	  });*/
   });
 
-  describe("rotate Camera API Tests @rotation", function () {
-    it("should handle camera rotation without throwing errors", async function () {
+  describe('rotate Camera API Tests @rotation', function () {
+    it('should handle camera rotation without throwing errors', async function () {
       // This test assumes there's an active camera
       try {
-        await flock.rotate("__active_camera__", { x: 10, y: 15, z: 0 });
+        await flock.rotate('__active_camera__', { x: 10, y: 15, z: 0 });
         // If we get here without throwing, the test passes
         expect(true).to.be.true;
       } catch (error) {
         // If there's no active camera, we should get a specific error
-        expect(error.message).to.include("No active camera found");
+        expect(error.message).to.include('No active camera found');
       }
     });
 
@@ -213,16 +205,16 @@ export function runRotationTests(flock) {
 	  });*/
   });
 
-  describe("rotateTo camera pitch clamp @rotation", function () {
+  describe('rotateTo camera pitch clamp @rotation', function () {
     let prevActiveCamera;
     let freeCamera;
 
     beforeEach(function () {
       prevActiveCamera = flock.scene.activeCamera;
       freeCamera = new flock.BABYLON.FreeCamera(
-        "rotateToClampCamera",
+        'rotateToClampCamera',
         new flock.BABYLON.Vector3(0, 7, 0),
-        flock.scene,
+        flock.scene
       );
       flock.scene.activeCamera = freeCamera;
     });
@@ -232,39 +224,33 @@ export function runRotationTests(flock) {
       if (freeCamera && !freeCamera.isDisposed()) freeCamera.dispose();
     });
 
-    it("keeps a straight-down pitch just off the ±90° singularity", async function () {
-      await flock.rotateTo("__active_camera__", { x: 90, y: 0, z: 0 });
+    it('keeps a straight-down pitch just off the ±90° singularity', async function () {
+      await flock.rotateTo('__active_camera__', { x: 90, y: 0, z: 0 });
 
       const euler = freeCamera.rotationQuaternion.toEulerAngles();
-      expect(euler.x).to.be.closeTo(
-        flock.BABYLON.Tools.ToRadians(89.95),
-        1e-6,
-      );
+      expect(euler.x).to.be.closeTo(flock.BABYLON.Tools.ToRadians(89.95), 1e-6);
       expect(euler.x).to.be.below(Math.PI / 2);
     });
 
-    it("clamps straight-up pitch, including wrapped angles like 270°", async function () {
-      await flock.rotateTo("__active_camera__", { x: 270, y: 0, z: 0 });
+    it('clamps straight-up pitch, including wrapped angles like 270°', async function () {
+      await flock.rotateTo('__active_camera__', { x: 270, y: 0, z: 0 });
 
       const euler = freeCamera.rotationQuaternion.toEulerAngles();
-      expect(euler.x).to.be.closeTo(
-        flock.BABYLON.Tools.ToRadians(-89.95),
-        1e-6,
-      );
+      expect(euler.x).to.be.closeTo(flock.BABYLON.Tools.ToRadians(-89.95), 1e-6);
     });
 
-    it("applies increments on top of a mouse-look pose (radians in camera.rotation)", async function () {
+    it('applies increments on top of a mouse-look pose (radians in camera.rotation)', async function () {
       freeCamera.rotation.set(0, Math.PI / 4, 0); // dragged to look 45° right
 
-      await flock.rotate("__active_camera__", { x: 0, y: 10, z: 0 });
+      await flock.rotate('__active_camera__', { x: 0, y: 10, z: 0 });
 
       const euler = freeCamera.rotationQuaternion.toEulerAngles();
       expect(euler.y).to.be.closeTo(flock.BABYLON.Tools.ToRadians(55), 1e-6);
     });
 
-    it("yaws a pitched camera turntable-style without rolling the horizon", async function () {
-      await flock.rotateTo("__active_camera__", { x: 45, y: 0, z: 0 });
-      await flock.rotate("__active_camera__", { x: 0, y: 30, z: 0 });
+    it('yaws a pitched camera turntable-style without rolling the horizon', async function () {
+      await flock.rotateTo('__active_camera__', { x: 45, y: 0, z: 0 });
+      await flock.rotate('__active_camera__', { x: 0, y: 30, z: 0 });
 
       const euler = freeCamera.rotationQuaternion.toEulerAngles();
       expect(euler.x).to.be.closeTo(flock.BABYLON.Tools.ToRadians(45), 1e-6);
@@ -272,8 +258,8 @@ export function runRotationTests(flock) {
       expect(euler.z).to.be.closeTo(0, 1e-6);
     });
 
-    it("leaves ordinary pitches unchanged and syncs camera.rotation", async function () {
-      await flock.rotateTo("__active_camera__", { x: 45, y: 30, z: 0 });
+    it('leaves ordinary pitches unchanged and syncs camera.rotation', async function () {
+      await flock.rotateTo('__active_camera__', { x: 45, y: 30, z: 0 });
 
       const euler = freeCamera.rotationQuaternion.toEulerAngles();
       expect(euler.x).to.be.closeTo(flock.BABYLON.Tools.ToRadians(45), 1e-6);
@@ -283,12 +269,12 @@ export function runRotationTests(flock) {
     });
   });
 
-  describe("rotateTo API Tests @rotation", function () {
+  describe('rotateTo API Tests @rotation', function () {
     let boxId;
     beforeEach(function () {
       boxId = `box_${Date.now()}`;
       flock.createBox(boxId, {
-        color: "#FF00FF",
+        color: '#FF00FF',
         width: 2,
         height: 2,
         depth: 2,
@@ -309,7 +295,7 @@ export function runRotationTests(flock) {
       );
     }
 
-    it("should rotate a box to absolute X rotation", async function () {
+    it('should rotate a box to absolute X rotation', async function () {
       const box = flock.scene.getMeshByName(boxId);
 
       // First rotate to some position
@@ -323,13 +309,13 @@ export function runRotationTests(flock) {
       const expectedQuat = flock.BABYLON.Quaternion.RotationYawPitchRoll(
         flock.BABYLON.Tools.ToRadians(0), // y
         flock.BABYLON.Tools.ToRadians(90), // x
-        flock.BABYLON.Tools.ToRadians(0), // z
+        flock.BABYLON.Tools.ToRadians(0) // z
       ).normalize();
 
       expect(quaternionsEqual(finalRotation, expectedQuat)).to.be.true;
     });
 
-    it("should rotate a box to absolute Y rotation", async function () {
+    it('should rotate a box to absolute Y rotation', async function () {
       const box = flock.scene.getMeshByName(boxId);
 
       await flock.rotateTo(boxId, { x: 0, y: 180, z: 0 });
@@ -338,13 +324,13 @@ export function runRotationTests(flock) {
       const expectedQuat = flock.BABYLON.Quaternion.RotationYawPitchRoll(
         flock.BABYLON.Tools.ToRadians(180), // y
         flock.BABYLON.Tools.ToRadians(0), // x
-        flock.BABYLON.Tools.ToRadians(0), // z
+        flock.BABYLON.Tools.ToRadians(0) // z
       ).normalize();
 
       expect(quaternionsEqual(finalRotation, expectedQuat)).to.be.true;
     });
 
-    it("should rotate a box to absolute Z rotation", async function () {
+    it('should rotate a box to absolute Z rotation', async function () {
       const box = flock.scene.getMeshByName(boxId);
 
       await flock.rotateTo(boxId, { x: 0, y: 0, z: 45 });
@@ -353,13 +339,13 @@ export function runRotationTests(flock) {
       const expectedQuat = flock.BABYLON.Quaternion.RotationYawPitchRoll(
         flock.BABYLON.Tools.ToRadians(0), // y
         flock.BABYLON.Tools.ToRadians(0), // x
-        flock.BABYLON.Tools.ToRadians(45), // z
+        flock.BABYLON.Tools.ToRadians(45) // z
       ).normalize();
 
       expect(quaternionsEqual(finalRotation, expectedQuat)).to.be.true;
     });
 
-    it("should handle multiple absolute rotations correctly", async function () {
+    it('should handle multiple absolute rotations correctly', async function () {
       const box = flock.scene.getMeshByName(boxId);
 
       // Rotate to one position
@@ -372,13 +358,13 @@ export function runRotationTests(flock) {
       const expectedQuat = flock.BABYLON.Quaternion.RotationYawPitchRoll(
         flock.BABYLON.Tools.ToRadians(20), // y
         flock.BABYLON.Tools.ToRadians(10), // x
-        flock.BABYLON.Tools.ToRadians(30), // z
+        flock.BABYLON.Tools.ToRadians(30) // z
       ).normalize();
 
       expect(quaternionsEqual(finalRotation, expectedQuat)).to.be.true;
     });
 
-    it("should use default values when parameters are omitted", async function () {
+    it('should use default values when parameters are omitted', async function () {
       const box = flock.scene.getMeshByName(boxId);
 
       await flock.rotateTo(boxId, { x: 45 }); // y and z should default to 0
@@ -387,13 +373,13 @@ export function runRotationTests(flock) {
       const expectedQuat = flock.BABYLON.Quaternion.RotationYawPitchRoll(
         flock.BABYLON.Tools.ToRadians(0), // y
         flock.BABYLON.Tools.ToRadians(45), // x
-        flock.BABYLON.Tools.ToRadians(0), // z
+        flock.BABYLON.Tools.ToRadians(0) // z
       ).normalize();
 
       expect(quaternionsEqual(finalRotation, expectedQuat)).to.be.true;
     });
 
-    it("should work with empty object (all defaults)", async function () {
+    it('should work with empty object (all defaults)', async function () {
       const box = flock.scene.getMeshByName(boxId);
 
       // First rotate to some position
@@ -406,14 +392,14 @@ export function runRotationTests(flock) {
       const expectedQuat = flock.BABYLON.Quaternion.RotationYawPitchRoll(
         flock.BABYLON.Tools.ToRadians(0), // y
         flock.BABYLON.Tools.ToRadians(0), // x
-        flock.BABYLON.Tools.ToRadians(0), // z
+        flock.BABYLON.Tools.ToRadians(0) // z
       ).normalize();
 
       expect(quaternionsEqual(finalRotation, expectedQuat)).to.be.true;
     });
   });
 
-  describe("lookAt API Tests @rotation", function () {
+  describe('lookAt API Tests @rotation', function () {
     let mesh1Id, mesh2Id;
 
     beforeEach(function () {
@@ -422,7 +408,7 @@ export function runRotationTests(flock) {
 
       // Create first mesh (the one that will look)
       flock.createBox(mesh1Id, {
-        color: "#FF0000",
+        color: '#FF0000',
         width: 1,
         height: 1,
         depth: 1,
@@ -431,7 +417,7 @@ export function runRotationTests(flock) {
 
       // Create second mesh (the target)
       flock.createBox(mesh2Id, {
-        color: "#00FF00",
+        color: '#00FF00',
         width: 1,
         height: 1,
         depth: 1,
@@ -444,7 +430,7 @@ export function runRotationTests(flock) {
       if (mesh2Id) flock.dispose(mesh2Id);
     });
 
-    it("should make mesh1 look at mesh2", async function () {
+    it('should make mesh1 look at mesh2', async function () {
       const mesh1 = flock.scene.getMeshByName(mesh1Id);
       const initialRotation = mesh1.rotationQuaternion
         ? mesh1.rotationQuaternion.clone()
@@ -452,14 +438,12 @@ export function runRotationTests(flock) {
 
       await flock.lookAt(mesh1Id, { target: mesh2Id });
 
-      const finalRotation = mesh1.rotationQuaternion
-        ? mesh1.rotationQuaternion
-        : mesh1.rotation;
+      const finalRotation = mesh1.rotationQuaternion ? mesh1.rotationQuaternion : mesh1.rotation;
       expect(finalRotation.equals(initialRotation)).to.be.false;
       expect(mesh1.absolutePosition).to.be.ok;
     });
 
-    it("should handle useY parameter correctly", async function () {
+    it('should handle useY parameter correctly', async function () {
       const mesh1 = flock.scene.getMeshByName(mesh1Id);
 
       await flock.lookAt(mesh1Id, { target: mesh2Id, useY: true });
@@ -470,15 +454,13 @@ export function runRotationTests(flock) {
       mesh1.position.set(0, 0, 0);
 
       await flock.lookAt(mesh1Id, { target: mesh2Id, useY: false });
-      const finalRotation2 = mesh1.rotationQuaternion
-        ? mesh1.rotationQuaternion
-        : mesh1.rotation;
+      const finalRotation2 = mesh1.rotationQuaternion ? mesh1.rotationQuaternion : mesh1.rotation;
 
       expect(finalRotation1.equals(finalRotation2)).to.be.false;
     });
 
-    it("should work with physics-enabled objects", async function () {
-      await flock.setPhysics(mesh1Id, "DYNAMIC");
+    it('should work with physics-enabled objects', async function () {
+      await flock.setPhysics(mesh1Id, 'DYNAMIC');
       const mesh1 = flock.scene.getMeshByName(mesh1Id);
       const initialRotation = mesh1.rotationQuaternion
         ? mesh1.rotationQuaternion.clone()
@@ -486,21 +468,19 @@ export function runRotationTests(flock) {
 
       await flock.lookAt(mesh1Id, { target: mesh2Id });
 
-      const finalRotation = mesh1.rotationQuaternion
-        ? mesh1.rotationQuaternion
-        : mesh1.rotation;
+      const finalRotation = mesh1.rotationQuaternion ? mesh1.rotationQuaternion : mesh1.rotation;
 
       expect(finalRotation.equals(initialRotation)).to.be.false;
       expect(mesh1.physics).to.be.ok;
     });
 
-    it("should handle default useY parameter", async function () {
+    it('should handle default useY parameter', async function () {
       const mesh1 = flock.scene.getMeshByName(mesh1Id);
       await flock.lookAt(mesh1Id, { target: mesh2Id });
       expect(mesh1.absolutePosition).to.be.ok;
     });
 
-    it("should handle objects at different heights", async function () {
+    it('should handle objects at different heights', async function () {
       const mesh2 = flock.scene.getMeshByName(mesh2Id);
       mesh2.position.y = 10;
 
@@ -510,14 +490,12 @@ export function runRotationTests(flock) {
         : mesh1.rotation.clone();
 
       await flock.lookAt(mesh1Id, { target: mesh2Id, useY: true });
-      const finalRotation = mesh1.rotationQuaternion
-        ? mesh1.rotationQuaternion
-        : mesh1.rotation;
+      const finalRotation = mesh1.rotationQuaternion ? mesh1.rotationQuaternion : mesh1.rotation;
 
       expect(finalRotation.equals(initialRotation)).to.be.false;
     });
 
-    it("should work with same Y level when useY is false", async function () {
+    it('should work with same Y level when useY is false', async function () {
       const mesh2 = flock.scene.getMeshByName(mesh2Id);
       mesh2.position.y = 10;
 
@@ -527,14 +505,12 @@ export function runRotationTests(flock) {
         : mesh1.rotation.clone();
 
       await flock.lookAt(mesh1Id, { target: mesh2Id, useY: false });
-      const finalRotation = mesh1.rotationQuaternion
-        ? mesh1.rotationQuaternion
-        : mesh1.rotation;
+      const finalRotation = mesh1.rotationQuaternion ? mesh1.rotationQuaternion : mesh1.rotation;
 
       expect(finalRotation.equals(initialRotation)).to.be.false;
     });
 
-    it("should handle meshes at the same position", async function () {
+    it('should handle meshes at the same position', async function () {
       const mesh2 = flock.scene.getMeshByName(mesh2Id);
       mesh2.position.set(0, 0, 0);
 
diff --git a/tests/transform.scale.test.js b/tests/transform.scale.test.js
index 0d1e8a975..6d2872e95 100644
--- a/tests/transform.scale.test.js
+++ b/tests/transform.scale.test.js
@@ -1,9 +1,9 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runScaleTests(flock) {
-  describe("Scale function tests @scale", function () {
+  describe('Scale function tests @scale', function () {
     const testBoxIds = [];
-    const testColors = ["#FF0000", "#00FF00", "#0000FF", "#FFFF00"];
+    const testColors = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00'];
 
     // Set up the scene before each test
     beforeEach(async function () {
@@ -13,10 +13,8 @@ export function runScaleTests(flock) {
     // Clean up after each test
     afterEach(function () {
       testBoxIds.forEach((boxId) => {
-        if (typeof boxId !== "string") {
-          throw new Error(
-            `Invalid ID: Expected a string, but got ${typeof boxId}`,
-          );
+        if (typeof boxId !== 'string') {
+          throw new Error(`Invalid ID: Expected a string, but got ${typeof boxId}`);
         }
         console.log(`Cleaning up box with ID: ${boxId}`);
         flock.dispose(boxId);
@@ -24,8 +22,8 @@ export function runScaleTests(flock) {
       testBoxIds.length = 0;
     });
 
-    it("should scale uniformly when all scale factors are equal", async function () {
-      const boxId = flock.createBox("test-box-uniform", {
+    it('should scale uniformly when all scale factors are equal', async function () {
+      const boxId = flock.createBox('test-box-uniform', {
         color: testColors[0],
         width: 2,
         height: 2,
@@ -42,8 +40,8 @@ export function runScaleTests(flock) {
       expect(mesh.scaling.z).to.equal(2);
     });
 
-    it("should scale non-uniformly with different factors", async function () {
-      const boxId = flock.createBox("test-box-nonuniform", {
+    it('should scale non-uniformly with different factors', async function () {
+      const boxId = flock.createBox('test-box-nonuniform', {
         color: testColors[1],
         width: 1,
         height: 1,
@@ -60,8 +58,8 @@ export function runScaleTests(flock) {
       expect(mesh.scaling.z).to.equal(0.5);
     });
 
-    it("should maintain position with different origin points", async function () {
-      const boxId = flock.createBox("test-box-origins", {
+    it('should maintain position with different origin points', async function () {
+      const boxId = flock.createBox('test-box-origins', {
         color: testColors[2],
         width: 2,
         height: 2,
@@ -73,7 +71,7 @@ export function runScaleTests(flock) {
       const originalBounds = flock.scene.getMeshByID(boxId).getBoundingInfo();
       const originalBottom = originalBounds.boundingBox.minimumWorld.y;
 
-      await flock.scale(boxId, { x: 2, y: 2, z: 2, yOrigin: "BASE" });
+      await flock.scale(boxId, { x: 2, y: 2, z: 2, yOrigin: 'BASE' });
 
       const newBounds = flock.scene.getMeshByID(boxId).getBoundingInfo();
       const newBottom = newBounds.boundingBox.minimumWorld.y;
@@ -81,8 +79,8 @@ export function runScaleTests(flock) {
       expect(Math.abs(newBottom - originalBottom)).to.be.lessThan(0.001);
     });
 
-    it("should clamp zero scaling to the minimum floor", async function () {
-      const boxId = flock.createBox("test-box-zero", {
+    it('should clamp zero scaling to the minimum floor', async function () {
+      const boxId = flock.createBox('test-box-zero', {
         color: testColors[3],
         width: 1,
         height: 1,
@@ -98,8 +96,8 @@ export function runScaleTests(flock) {
       expect(mesh.scaling.y).to.equal(0.01);
     });
 
-    it("should use default values when parameters are omitted", async function () {
-      const boxId = flock.createBox("test-box-defaults", {
+    it('should use default values when parameters are omitted', async function () {
+      const boxId = flock.createBox('test-box-defaults', {
         color: testColors[0],
         width: 1,
         height: 1,
@@ -117,9 +115,9 @@ export function runScaleTests(flock) {
     });
   });
 
-  describe("Resize function tests @scale", function () {
+  describe('Resize function tests @scale', function () {
     const testBoxIds = [];
-    const testColors = ["#FF6600", "#66FF00", "#0066FF", "#FF0066"];
+    const testColors = ['#FF6600', '#66FF00', '#0066FF', '#FF0066'];
 
     // Set up the scene before each test
     beforeEach(async function () {
@@ -129,10 +127,8 @@ export function runScaleTests(flock) {
     // Clean up after each test
     afterEach(function () {
       testBoxIds.forEach((boxId) => {
-        if (typeof boxId !== "string") {
-          throw new Error(
-            `Invalid ID: Expected a string, but got ${typeof boxId}`,
-          );
+        if (typeof boxId !== 'string') {
+          throw new Error(`Invalid ID: Expected a string, but got ${typeof boxId}`);
         }
         console.log(`Cleaning up box with ID: ${boxId}`);
         flock.dispose(boxId);
@@ -140,8 +136,8 @@ export function runScaleTests(flock) {
       testBoxIds.length = 0;
     });
 
-    it("should resize to exact dimensions", async function () {
-      const boxId = flock.createBox("test-box-exact", {
+    it('should resize to exact dimensions', async function () {
+      const boxId = flock.createBox('test-box-exact', {
         color: testColors[0],
         width: 2,
         height: 3,
@@ -153,20 +149,17 @@ export function runScaleTests(flock) {
       await flock.resize(boxId, { width: 10, height: 5, depth: 8 });
 
       const bounds = flock.scene.getMeshByID(boxId).getBoundingInfo();
-      const actualWidth =
-        bounds.boundingBox.maximumWorld.x - bounds.boundingBox.minimumWorld.x;
-      const actualHeight =
-        bounds.boundingBox.maximumWorld.y - bounds.boundingBox.minimumWorld.y;
-      const actualDepth =
-        bounds.boundingBox.maximumWorld.z - bounds.boundingBox.minimumWorld.z;
+      const actualWidth = bounds.boundingBox.maximumWorld.x - bounds.boundingBox.minimumWorld.x;
+      const actualHeight = bounds.boundingBox.maximumWorld.y - bounds.boundingBox.minimumWorld.y;
+      const actualDepth = bounds.boundingBox.maximumWorld.z - bounds.boundingBox.minimumWorld.z;
 
       expect(Math.abs(actualWidth - 10)).to.be.lessThan(0.001);
       expect(Math.abs(actualHeight - 5)).to.be.lessThan(0.001);
       expect(Math.abs(actualDepth - 8)).to.be.lessThan(0.001);
     });
 
-    it("should maintain anchor points with different origins", async function () {
-      const boxId = flock.createBox("test-box-anchor", {
+    it('should maintain anchor points with different origins', async function () {
+      const boxId = flock.createBox('test-box-anchor', {
         color: testColors[1],
         width: 4,
         height: 2,
@@ -175,21 +168,21 @@ export function runScaleTests(flock) {
       });
       testBoxIds.push(boxId);
 
-      const originalBase = flock.getProperty(boxId, "MIN_Y");
+      const originalBase = flock.getProperty(boxId, 'MIN_Y');
 
       await flock.resize(boxId, {
         width: 4,
         height: 6,
         depth: 3,
-        yOrigin: "BASE",
+        yOrigin: 'BASE',
       });
-      const newBase = flock.getProperty(boxId, "MIN_Y");
+      const newBase = flock.getProperty(boxId, 'MIN_Y');
 
       expect(Math.abs(newBase - originalBase)).to.be.lessThan(0.001);
     });
 
-    it("should handle partial resizing (null dimensions)", async function () {
-      const boxId = flock.createBox("test-box-partial", {
+    it('should handle partial resizing (null dimensions)', async function () {
+      const boxId = flock.createBox('test-box-partial', {
         color: testColors[2],
         width: 3,
         height: 4,
@@ -200,25 +193,20 @@ export function runScaleTests(flock) {
 
       const originalBounds = flock.scene.getMeshByID(boxId).getBoundingInfo();
       const originalHeight =
-        originalBounds.boundingBox.maximumWorld.y -
-        originalBounds.boundingBox.minimumWorld.y;
+        originalBounds.boundingBox.maximumWorld.y - originalBounds.boundingBox.minimumWorld.y;
 
       await flock.resize(boxId, { width: 6 }); // Only resize width
 
       const newBounds = flock.scene.getMeshByID(boxId).getBoundingInfo();
-      const newWidth =
-        newBounds.boundingBox.maximumWorld.x -
-        newBounds.boundingBox.minimumWorld.x;
-      const newHeight =
-        newBounds.boundingBox.maximumWorld.y -
-        newBounds.boundingBox.minimumWorld.y;
+      const newWidth = newBounds.boundingBox.maximumWorld.x - newBounds.boundingBox.minimumWorld.x;
+      const newHeight = newBounds.boundingBox.maximumWorld.y - newBounds.boundingBox.minimumWorld.y;
 
       expect(Math.abs(newWidth - 6)).to.be.lessThan(0.001);
       expect(Math.abs(newHeight - originalHeight)).to.be.lessThan(0.001); // Should remain unchanged
     });
 
-    it("should preserve original dimensions for future resizing", async function () {
-      const boxId = flock.createBox("test-box-preserve", {
+    it('should preserve original dimensions for future resizing', async function () {
+      const boxId = flock.createBox('test-box-preserve', {
         color: testColors[3],
         width: 2,
         height: 3,
@@ -234,20 +222,17 @@ export function runScaleTests(flock) {
       await flock.resize(boxId, { width: 2, height: 3, depth: 4 });
 
       const bounds = flock.scene.getMeshByID(boxId).getBoundingInfo();
-      const actualWidth =
-        bounds.boundingBox.maximumWorld.x - bounds.boundingBox.minimumWorld.x;
-      const actualHeight =
-        bounds.boundingBox.maximumWorld.y - bounds.boundingBox.minimumWorld.y;
-      const actualDepth =
-        bounds.boundingBox.maximumWorld.z - bounds.boundingBox.minimumWorld.z;
+      const actualWidth = bounds.boundingBox.maximumWorld.x - bounds.boundingBox.minimumWorld.x;
+      const actualHeight = bounds.boundingBox.maximumWorld.y - bounds.boundingBox.minimumWorld.y;
+      const actualDepth = bounds.boundingBox.maximumWorld.z - bounds.boundingBox.minimumWorld.z;
 
       expect(Math.abs(actualWidth - 2)).to.be.lessThan(0.001);
       expect(Math.abs(actualHeight - 3)).to.be.lessThan(0.001);
       expect(Math.abs(actualDepth - 4)).to.be.lessThan(0.001);
     });
 
-    it("should handle very small and very large dimensions", async function () {
-      const boxId = flock.createBox("test-box-extreme", {
+    it('should handle very small and very large dimensions', async function () {
+      const boxId = flock.createBox('test-box-extreme', {
         color: testColors[0],
         width: 1,
         height: 1,
@@ -263,8 +248,7 @@ export function runScaleTests(flock) {
         depth: 0.001,
       });
       let bounds = flock.scene.getMeshByID(boxId).getBoundingInfo();
-      let actualWidth =
-        bounds.boundingBox.maximumWorld.x - bounds.boundingBox.minimumWorld.x;
+      let actualWidth = bounds.boundingBox.maximumWorld.x - bounds.boundingBox.minimumWorld.x;
       // Dimensions below the 0.01 scaling floor are clamped up to it.
       expect(Math.abs(actualWidth - 0.01)).to.be.lessThan(0.0001);
 
@@ -275,16 +259,15 @@ export function runScaleTests(flock) {
         depth: 1000,
       });
       bounds = flock.scene.getMeshByID(boxId).getBoundingInfo();
-      actualWidth =
-        bounds.boundingBox.maximumWorld.x - bounds.boundingBox.minimumWorld.x;
+      actualWidth = bounds.boundingBox.maximumWorld.x - bounds.boundingBox.minimumWorld.x;
       expect(Math.abs(actualWidth - 1000)).to.be.lessThan(0.1);
     });
   });
 
-  describe("setAnchor function tests @scale", function () {
+  describe('setAnchor function tests @scale', function () {
     const testBoxIds = [];
-    const testColors = ["#FF0000", "#00FF00", "#0000FF", "#FFFF00"];
-    const pivotPositions = ["MIN", "CENTER", "MAX"];
+    const testColors = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00'];
+    const pivotPositions = ['MIN', 'CENTER', 'MAX'];
 
     // Set up the scene before each test
     beforeEach(async function () {
@@ -294,10 +277,8 @@ export function runScaleTests(flock) {
     // Clean up after each test
     afterEach(function () {
       testBoxIds.forEach((boxId) => {
-        if (typeof boxId !== "string") {
-          throw new Error(
-            `Invalid ID: Expected a string, but got ${typeof boxId}`,
-          );
+        if (typeof boxId !== 'string') {
+          throw new Error(`Invalid ID: Expected a string, but got ${typeof boxId}`);
         }
         console.log(`Cleaning up box with ID: ${boxId}`);
         flock.dispose(boxId);
@@ -305,8 +286,8 @@ export function runScaleTests(flock) {
       testBoxIds.length = 0;
     });
 
-    it("should default to CENTER on X/Z and MIN (BASE) on Y", async function () {
-      const boxId = flock.createBox("test-box-default-pivot", {
+    it('should default to CENTER on X/Z and MIN (BASE) on Y', async function () {
+      const boxId = flock.createBox('test-box-default-pivot', {
         color: testColors[0],
         width: 2,
         height: 2,
@@ -318,13 +299,13 @@ export function runScaleTests(flock) {
       await flock.setAnchor(boxId);
       const mesh = flock.scene.getMeshByID(boxId);
 
-      expect(mesh.metadata.pivotSettings.x).to.equal("CENTER");
-      expect(mesh.metadata.pivotSettings.y).to.equal("MIN"); // <-- fixed
-      expect(mesh.metadata.pivotSettings.z).to.equal("CENTER");
+      expect(mesh.metadata.pivotSettings.x).to.equal('CENTER');
+      expect(mesh.metadata.pivotSettings.y).to.equal('MIN'); // <-- fixed
+      expect(mesh.metadata.pivotSettings.z).to.equal('CENTER');
     });
 
-    it("should set pivot point with string values", async function () {
-      const boxId = flock.createBox("test-box-string-pivot", {
+    it('should set pivot point with string values', async function () {
+      const boxId = flock.createBox('test-box-string-pivot', {
         color: testColors[1],
         width: 2,
         height: 2,
@@ -334,19 +315,19 @@ export function runScaleTests(flock) {
       testBoxIds.push(boxId);
 
       await flock.setAnchor(boxId, {
-        xPivot: "MIN",
-        yPivot: "MAX",
-        zPivot: "CENTER",
+        xPivot: 'MIN',
+        yPivot: 'MAX',
+        zPivot: 'CENTER',
       });
 
       const mesh = flock.scene.getMeshByID(boxId);
-      expect(mesh.metadata.pivotSettings.x).to.equal("MIN");
-      expect(mesh.metadata.pivotSettings.y).to.equal("MAX");
-      expect(mesh.metadata.pivotSettings.z).to.equal("CENTER");
+      expect(mesh.metadata.pivotSettings.x).to.equal('MIN');
+      expect(mesh.metadata.pivotSettings.y).to.equal('MAX');
+      expect(mesh.metadata.pivotSettings.z).to.equal('CENTER');
     });
 
-    it("should set pivot point with numeric values", async function () {
-      const boxId = flock.createBox("test-box-numeric-pivot", {
+    it('should set pivot point with numeric values', async function () {
+      const boxId = flock.createBox('test-box-numeric-pivot', {
         color: testColors[2],
         width: 2,
         height: 2,
@@ -367,8 +348,8 @@ export function runScaleTests(flock) {
       expect(mesh.metadata.pivotSettings.z).to.equal(2.0);
     });
 
-    it("should set pivot point with mixed string and numeric values", async function () {
-      const boxId = flock.createBox("test-box-mixed-pivot", {
+    it('should set pivot point with mixed string and numeric values', async function () {
+      const boxId = flock.createBox('test-box-mixed-pivot', {
         color: testColors[3],
         width: 2,
         height: 2,
@@ -378,19 +359,19 @@ export function runScaleTests(flock) {
       testBoxIds.push(boxId);
 
       await flock.setAnchor(boxId, {
-        xPivot: "MIN",
+        xPivot: 'MIN',
         yPivot: 1.0,
-        zPivot: "MAX",
+        zPivot: 'MAX',
       });
 
       const mesh = flock.scene.getMeshByID(boxId);
-      expect(mesh.metadata.pivotSettings.x).to.equal("MIN");
+      expect(mesh.metadata.pivotSettings.x).to.equal('MIN');
       expect(mesh.metadata.pivotSettings.y).to.equal(1.0);
-      expect(mesh.metadata.pivotSettings.z).to.equal("MAX");
+      expect(mesh.metadata.pivotSettings.z).to.equal('MAX');
     });
 
-    it("should set partial pivot point parameters", async function () {
-      const boxId = flock.createBox("test-box-partial-pivot", {
+    it('should set partial pivot point parameters', async function () {
+      const boxId = flock.createBox('test-box-partial-pivot', {
         color: testColors[0],
         width: 2,
         height: 2,
@@ -399,16 +380,16 @@ export function runScaleTests(flock) {
       });
       testBoxIds.push(boxId);
 
-      await flock.setAnchor(boxId, { xPivot: "MIN" });
+      await flock.setAnchor(boxId, { xPivot: 'MIN' });
 
       const mesh = flock.scene.getMeshByID(boxId);
-      expect(mesh.metadata.pivotSettings.x).to.equal("MIN");
-      expect(mesh.metadata.pivotSettings.y).to.equal("MIN"); // <- was CENTER
-      expect(mesh.metadata.pivotSettings.z).to.equal("CENTER");
+      expect(mesh.metadata.pivotSettings.x).to.equal('MIN');
+      expect(mesh.metadata.pivotSettings.y).to.equal('MIN'); // <- was CENTER
+      expect(mesh.metadata.pivotSettings.z).to.equal('CENTER');
     });
 
-    it("should handle invalid string values by defaulting to CENTER", async function () {
-      const boxId = flock.createBox("test-box-invalid-pivot", {
+    it('should handle invalid string values by defaulting to CENTER', async function () {
+      const boxId = flock.createBox('test-box-invalid-pivot', {
         color: testColors[1],
         width: 2,
         height: 2,
@@ -418,19 +399,19 @@ export function runScaleTests(flock) {
       testBoxIds.push(boxId);
 
       await flock.setAnchor(boxId, {
-        xPivot: "INVALID_VALUE",
-        yPivot: "ANOTHER_INVALID",
-        zPivot: "CENTER",
+        xPivot: 'INVALID_VALUE',
+        yPivot: 'ANOTHER_INVALID',
+        zPivot: 'CENTER',
       });
 
       const mesh = flock.scene.getMeshByID(boxId);
-      expect(mesh.metadata.pivotSettings.x).to.equal("INVALID_VALUE");
-      expect(mesh.metadata.pivotSettings.y).to.equal("ANOTHER_INVALID");
-      expect(mesh.metadata.pivotSettings.z).to.equal("CENTER");
+      expect(mesh.metadata.pivotSettings.x).to.equal('INVALID_VALUE');
+      expect(mesh.metadata.pivotSettings.y).to.equal('ANOTHER_INVALID');
+      expect(mesh.metadata.pivotSettings.z).to.equal('CENTER');
     });
 
-    it("should apply pivot point to child meshes", async function () {
-      const boxId = flock.createBox("test-box-with-children", {
+    it('should apply pivot point to child meshes', async function () {
+      const boxId = flock.createBox('test-box-with-children', {
         color: testColors[2],
         width: 2,
         height: 2,
@@ -441,9 +422,9 @@ export function runScaleTests(flock) {
 
       // Assuming there's a way to add child meshes or they exist
       await flock.setAnchor(boxId, {
-        xPivot: "MIN",
-        yPivot: "MIN",
-        zPivot: "MIN",
+        xPivot: 'MIN',
+        yPivot: 'MIN',
+        zPivot: 'MIN',
       });
 
       const mesh = flock.scene.getMeshByID(boxId);
@@ -483,8 +464,8 @@ export function runScaleTests(flock) {
       });
     });
 
-    it("should preserve existing metadata when setting pivot", async function () {
-      const boxId = flock.createBox("test-box-preserve-metadata", {
+    it('should preserve existing metadata when setting pivot', async function () {
+      const boxId = flock.createBox('test-box-preserve-metadata', {
         color: testColors[3],
         width: 2,
         height: 2,
@@ -495,12 +476,12 @@ export function runScaleTests(flock) {
 
       const mesh = flock.scene.getMeshByID(boxId);
       mesh.metadata = mesh.metadata || {};
-      mesh.metadata.customProperty = "test-value";
+      mesh.metadata.customProperty = 'test-value';
 
-      await flock.setAnchor(boxId, { xPivot: "MAX" });
+      await flock.setAnchor(boxId, { xPivot: 'MAX' });
 
-      expect(mesh.metadata.customProperty).to.equal("test-value");
-      expect(mesh.metadata.pivotSettings.x).to.equal("MAX");
+      expect(mesh.metadata.customProperty).to.equal('test-value');
+      expect(mesh.metadata.pivotSettings.x).to.equal('MAX');
     });
   });
 }
diff --git a/tests/transform.translate.test.js b/tests/transform.translate.test.js
index ede5203c3..7e48e7173 100644
--- a/tests/transform.translate.test.js
+++ b/tests/transform.translate.test.js
@@ -1,13 +1,13 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runTranslationTests(flock) {
-  describe("Translation API Tests @translation @slow", function () {
+  describe('Translation API Tests @translation @slow', function () {
     let boxId;
 
     beforeEach(async function () {
       boxId = `box_${Date.now()}`;
       flock.createBox(boxId, {
-        color: "#FF00FF",
+        color: '#FF00FF',
         width: 1,
         height: 2,
         depth: 1,
@@ -25,7 +25,7 @@ export function runTranslationTests(flock) {
       }
     });
 
-    it("should position a box so its pivot (BASE) is at the specified coordinates by default", async function () {
+    it('should position a box so its pivot (BASE) is at the specified coordinates by default', async function () {
       await flock.positionAt(boxId, { x: 5, y: 3, z: -2 });
 
       const box = flock.scene.getMeshByName(boxId);
@@ -36,12 +36,12 @@ export function runTranslationTests(flock) {
       expect(pivotWorld.z).to.be.closeTo(-2, 0.01);
     });
 
-    it("should position a box so its pivot is at the specified coordinates when yReference: CENTER is passed (current pivot-based semantics)", async function () {
+    it('should position a box so its pivot is at the specified coordinates when yReference: CENTER is passed (current pivot-based semantics)', async function () {
       await flock.positionAt(boxId, {
         x: 1,
         y: 2,
         z: 3,
-        yReference: "CENTER", // currently ignored; treated like default
+        yReference: 'CENTER', // currently ignored; treated like default
       });
 
       const box = flock.scene.getMeshByName(boxId);
@@ -52,12 +52,12 @@ export function runTranslationTests(flock) {
       expect(pivotWorld.z).to.be.closeTo(3, 0.01);
     });
 
-    it("should position a box so its pivot is at the specified coordinates when yReference: TOP is passed (current pivot-based semantics)", async function () {
+    it('should position a box so its pivot is at the specified coordinates when yReference: TOP is passed (current pivot-based semantics)', async function () {
       await flock.positionAt(boxId, {
         x: -1,
         y: -2,
         z: 4,
-        yReference: "TOP", // currently ignored; treated like default
+        yReference: 'TOP', // currently ignored; treated like default
       });
 
       const box = flock.scene.getMeshByName(boxId);
@@ -68,13 +68,10 @@ export function runTranslationTests(flock) {
       expect(pivotWorld.z).to.be.closeTo(4, 0.01);
     });
 
-    it("should ignore Y when useY is false (pivot stays at original Y)", async function () {
+    it('should ignore Y when useY is false (pivot stays at original Y)', async function () {
       // First, move pivot somewhere with a known Y
       await flock.positionAt(boxId, { x: 0, y: 10, z: 0 });
-      const initialPivot = flock.scene
-        .getMeshByName(boxId)
-        .getAbsolutePivotPoint()
-        .clone();
+      const initialPivot = flock.scene.getMeshByName(boxId).getAbsolutePivotPoint().clone();
 
       // Now move with useY: false
       await flock.positionAt(boxId, { x: 5, y: 99, z: 5, useY: false });
@@ -87,12 +84,12 @@ export function runTranslationTests(flock) {
       expect(pivotWorld.z).to.be.closeTo(5, 0.01);
     });
 
-    it("should handle invalid yReference gracefully (same as default BASE pivot positioning)", async function () {
+    it('should handle invalid yReference gracefully (same as default BASE pivot positioning)', async function () {
       await flock.positionAt(boxId, {
         x: 7,
         y: 3,
         z: 1,
-        yReference: "INVALID",
+        yReference: 'INVALID',
       });
 
       const box = flock.scene.getMeshByName(boxId);
@@ -103,8 +100,8 @@ export function runTranslationTests(flock) {
       expect(pivotWorld.z).to.be.closeTo(1, 0.01);
     });
 
-    it("should position a camera at specified coordinates", async function () {
-      await flock.positionAt("__active_camera__", { x: 10, y: 5, z: -3 });
+    it('should position a camera at specified coordinates', async function () {
+      await flock.positionAt('__active_camera__', { x: 10, y: 5, z: -3 });
 
       const camera = flock.scene.activeCamera;
       expect(camera.position.x).to.be.closeTo(10, 0.01);
@@ -113,13 +110,13 @@ export function runTranslationTests(flock) {
     });
   });
 
-  describe("Current inspector-vs-block placement semantics @translation", function () {
+  describe('Current inspector-vs-block placement semantics @translation', function () {
     let boxId;
 
     beforeEach(async function () {
       boxId = `box_semantics_${Date.now()}`;
       flock.createBox(boxId, {
-        color: "#00AAFF",
+        color: '#00AAFF',
         width: 2,
         height: 2,
         depth: 2,
@@ -127,9 +124,9 @@ export function runTranslationTests(flock) {
       });
 
       await flock.setAnchor(boxId, {
-        xPivot: "CENTER",
-        yPivot: "MIN",
-        zPivot: "CENTER",
+        xPivot: 'CENTER',
+        yPivot: 'MIN',
+        zPivot: 'CENTER',
       });
     });
 
@@ -137,7 +134,7 @@ export function runTranslationTests(flock) {
       if (boxId) flock.dispose(boxId);
     });
 
-    it("should keep requested Y aligned to base/pivot while mesh.position.y stays offset", async function () {
+    it('should keep requested Y aligned to base/pivot while mesh.position.y stays offset', async function () {
       await flock.positionAt(boxId, { x: 2, y: 3, z: 4, useY: true });
 
       const box = flock.scene.getMeshByName(boxId);
@@ -150,7 +147,7 @@ export function runTranslationTests(flock) {
       expect(box.position.y).to.be.lessThan(4.1);
     });
 
-    it("should preserve existing Y offset semantics when useY is false", async function () {
+    it('should preserve existing Y offset semantics when useY is false', async function () {
       await flock.positionAt(boxId, { x: 0, y: 10, z: 0, useY: true });
 
       const box = flock.scene.getMeshByName(boxId);
@@ -170,7 +167,7 @@ export function runTranslationTests(flock) {
     });
   });
 
-  describe("moveTo API Tests @translation", function () {
+  describe('moveTo API Tests @translation', function () {
     let box1Id, box2Id;
 
     beforeEach(function () {
@@ -178,7 +175,7 @@ export function runTranslationTests(flock) {
       box2Id = `box2_${Date.now()}`;
 
       flock.createBox(box1Id, {
-        color: "#FF00FF",
+        color: '#FF00FF',
         width: 1,
         height: 2,
         depth: 1,
@@ -186,7 +183,7 @@ export function runTranslationTests(flock) {
       });
 
       flock.createBox(box2Id, {
-        color: "#00FF00",
+        color: '#00FF00',
         width: 1,
         height: 4,
         depth: 1,
@@ -199,27 +196,18 @@ export function runTranslationTests(flock) {
       if (box2Id) flock.dispose(box2Id);
     });
 
-    it("should move a box to the target box centre position when useY is true (default)", async function () {
+    it('should move a box to the target box centre position when useY is true (default)', async function () {
       await flock.moveTo(box1Id, { target: box2Id, useY: true });
 
       const box1 = flock.scene.getMeshByName(box1Id);
       const box2 = flock.scene.getMeshByName(box2Id);
 
-      expect(box1.getAbsolutePosition().x).to.be.closeTo(
-        box2.getAbsolutePosition().x,
-        0.01,
-      );
-      expect(box1.getAbsolutePosition().y).to.be.closeTo(
-        box2.getAbsolutePosition().y,
-        0.01,
-      );
-      expect(box1.getAbsolutePosition().z).to.be.closeTo(
-        box2.getAbsolutePosition().z,
-        0.01,
-      );
-    });
-
-    it("should move a box to the target box centre position without changing Y when useY is false @slow", function (done) {
+      expect(box1.getAbsolutePosition().x).to.be.closeTo(box2.getAbsolutePosition().x, 0.01);
+      expect(box1.getAbsolutePosition().y).to.be.closeTo(box2.getAbsolutePosition().y, 0.01);
+      expect(box1.getAbsolutePosition().z).to.be.closeTo(box2.getAbsolutePosition().z, 0.01);
+    });
+
+    it('should move a box to the target box centre position without changing Y when useY is false @slow', function (done) {
       flock.positionAt(box1Id, { x: 0, y: 10, z: 0 });
 
       setTimeout(() => {
@@ -241,12 +229,12 @@ export function runTranslationTests(flock) {
     });
   });
 
-  describe("moveByVector API Tests @translation", function () {
+  describe('moveByVector API Tests @translation', function () {
     let boxId;
     beforeEach(function () {
       boxId = `box_${Date.now()}`;
       flock.createBox(boxId, {
-        color: "#00FF00",
+        color: '#00FF00',
         width: 1,
         height: 2,
         depth: 1,
@@ -257,7 +245,7 @@ export function runTranslationTests(flock) {
       if (boxId) flock.dispose(boxId);
     });
 
-    it("should move a box by the specified vector", async function () {
+    it('should move a box by the specified vector', async function () {
       const box = flock.scene.getMeshByName(boxId);
       const initialPosition = box.position.clone();
 
@@ -268,7 +256,7 @@ export function runTranslationTests(flock) {
       expect(box.position.z).to.be.closeTo(initialPosition.z + 4, 0.01);
     });
 
-    it("should move a box by negative vector values", async function () {
+    it('should move a box by negative vector values', async function () {
       const box = flock.scene.getMeshByName(boxId);
       const initialPosition = box.position.clone();
 
@@ -279,7 +267,7 @@ export function runTranslationTests(flock) {
       expect(box.position.z).to.be.closeTo(initialPosition.z - 3, 0.01);
     });
 
-    it("should move a box with partial vector (only x and z)", async function () {
+    it('should move a box with partial vector (only x and z)', async function () {
       const box = flock.scene.getMeshByName(boxId);
       const initialPosition = box.position.clone();
 
@@ -290,7 +278,7 @@ export function runTranslationTests(flock) {
       expect(box.position.z).to.be.closeTo(initialPosition.z + 7, 0.01);
     });
 
-    it("should handle zero movement (all defaults)", async function () {
+    it('should handle zero movement (all defaults)', async function () {
       const box = flock.scene.getMeshByName(boxId);
       const initialPosition = box.position.clone();
 
@@ -301,7 +289,7 @@ export function runTranslationTests(flock) {
       expect(box.position.z).to.be.closeTo(initialPosition.z, 0.01);
     });
 
-    it("should move a box multiple times cumulatively", async function () {
+    it('should move a box multiple times cumulatively', async function () {
       const box = flock.scene.getMeshByName(boxId);
       const initialPosition = box.position.clone();
 
@@ -314,7 +302,7 @@ export function runTranslationTests(flock) {
     });
   });
 
-  describe("distanceTo API Tests @translation", function () {
+  describe('distanceTo API Tests @translation', function () {
     let box1Id, box2Id, box3Id;
     beforeEach(function () {
       box1Id = `box1_${Date.now()}`;
@@ -322,21 +310,21 @@ export function runTranslationTests(flock) {
       box3Id = `box3_${Date.now()}`;
 
       flock.createBox(box1Id, {
-        color: "#FF00FF",
+        color: '#FF00FF',
         width: 1,
         height: 1,
         depth: 1,
         position: [0, 0, 0],
       });
       flock.createBox(box2Id, {
-        color: "#00FF00",
+        color: '#00FF00',
         width: 1,
         height: 1,
         depth: 1,
         position: [3, 4, 0], // Distance should be 5 (3-4-5 triangle)
       });
       flock.createBox(box3Id, {
-        color: "#0000FF",
+        color: '#0000FF',
         width: 1,
         height: 1,
         depth: 1,
@@ -349,74 +337,74 @@ export function runTranslationTests(flock) {
       if (box3Id) flock.dispose(box3Id);
     });
 
-    it("should calculate correct distance between two boxes", function () {
+    it('should calculate correct distance between two boxes', function () {
       const distance = flock.distanceTo(box1Id, box2Id);
       expect(distance).to.be.closeTo(5, 0.01); // 3-4-5 triangle
     });
 
-    it("should calculate distance along single axis", function () {
+    it('should calculate distance along single axis', function () {
       const distance = flock.distanceTo(box1Id, box3Id);
       expect(distance).to.be.closeTo(10, 0.01); // Pure X-axis distance
     });
 
-    it("should return same distance regardless of parameter order", function () {
+    it('should return same distance regardless of parameter order', function () {
       const distance1 = flock.distanceTo(box1Id, box2Id);
       const distance2 = flock.distanceTo(box2Id, box1Id);
       expect(distance1).to.be.closeTo(distance2, 0.01);
     });
 
-    it("should return zero distance for same mesh", function () {
+    it('should return zero distance for same mesh', function () {
       const distance = flock.distanceTo(box1Id, box1Id);
       expect(distance).to.be.closeTo(0, 0.01);
     });
 
-    it("should calculate distance after mesh movement", async function () {
+    it('should calculate distance after mesh movement', async function () {
       // Move box2 to a new position
       await flock.positionAt(box2Id, { x: 6, y: 8, z: 0 });
       const distance = flock.distanceTo(box1Id, box2Id);
       expect(distance).to.be.closeTo(10, 0.01); // 6-8-10 triangle
     });
 
-    it("should calculate 3D distance correctly", async function () {
+    it('should calculate 3D distance correctly', async function () {
       // Position box2 at (3, 4, 12) for a 3-4-12-13 right triangle
       await flock.positionAt(box2Id, { x: 3, y: 4, z: 12 });
       const distance = flock.distanceTo(box1Id, box2Id);
       expect(distance).to.be.closeTo(13, 0.01); // sqrt(3² + 4² + 12²) = 13
     });
 
-    it("should throw error when first mesh does not exist", function () {
+    it('should throw error when first mesh does not exist', function () {
       expect(() => {
-        flock.distanceTo("nonexistent1", box2Id);
+        flock.distanceTo('nonexistent1', box2Id);
       }).to.throw("First mesh 'nonexistent1' not found");
     });
 
-    it("should throw error when second mesh does not exist", function () {
+    it('should throw error when second mesh does not exist', function () {
       expect(() => {
-        flock.distanceTo(box1Id, "nonexistent2");
+        flock.distanceTo(box1Id, 'nonexistent2');
       }).to.throw("Second mesh 'nonexistent2' not found");
     });
 
-    it("should throw error when both meshes do not exist", function () {
+    it('should throw error when both meshes do not exist', function () {
       expect(() => {
-        flock.distanceTo("nonexistent1", "nonexistent2");
+        flock.distanceTo('nonexistent1', 'nonexistent2');
       }).to.throw("First mesh 'nonexistent1' not found");
     });
 
-    it("should work with meshes at negative coordinates", async function () {
+    it('should work with meshes at negative coordinates', async function () {
       await flock.positionAt(box1Id, { x: -5, y: -5, z: 0 });
       await flock.positionAt(box2Id, { x: 5, y: 5, z: 0 });
       const distance = flock.distanceTo(box1Id, box2Id);
       expect(distance).to.be.closeTo(14.14, 0.01); // sqrt(10² + 10²) ≈ 14.14
     });
 
-    it("should handle very small distances", async function () {
+    it('should handle very small distances', async function () {
       await flock.positionAt(box2Id, { x: 0.001, y: 0.001, z: 0 });
       const distance = flock.distanceTo(box1Id, box2Id);
       expect(distance).to.be.closeTo(0.00141, 0.0001); // sqrt(0.001² + 0.001²)
     });
   });
 
-  describe("positionAtSingleCoordinate @translation", function () {
+  describe('positionAtSingleCoordinate @translation', function () {
     let boxId;
 
     beforeEach(async function () {
@@ -437,22 +425,22 @@ export function runTranslationTests(flock) {
       }
     });
 
-    it("should set only the x coordinate", async function () {
-      await flock.positionAtSingleCoordinate(boxId, "x_coordinate", 7);
+    it('should set only the x coordinate', async function () {
+      await flock.positionAtSingleCoordinate(boxId, 'x_coordinate', 7);
       const mesh = flock.scene.getMeshByName(boxId);
       expect(mesh.position.x).to.be.closeTo(7, 0.01);
     });
 
-    it("should set only the y coordinate", async function () {
-      await flock.positionAtSingleCoordinate(boxId, "y_coordinate", 4);
+    it('should set only the y coordinate', async function () {
+      await flock.positionAtSingleCoordinate(boxId, 'y_coordinate', 4);
       const mesh = flock.scene.getMeshByName(boxId);
       mesh.computeWorldMatrix(true);
       const minWorldY = mesh.getBoundingInfo().boundingBox.minimumWorld.y;
       expect(minWorldY).to.be.closeTo(4, 0.01);
     });
 
-    it("should set only the z coordinate", async function () {
-      await flock.positionAtSingleCoordinate(boxId, "z_coordinate", -3);
+    it('should set only the z coordinate', async function () {
+      await flock.positionAtSingleCoordinate(boxId, 'z_coordinate', -3);
       const mesh = flock.scene.getMeshByName(boxId);
       expect(mesh.position.z).to.be.closeTo(-3, 0.01);
     });
diff --git a/tests/ui/interactIndicator.test.js b/tests/ui/interactIndicator.test.js
index 02cf46f4f..c7e4d2935 100644
--- a/tests/ui/interactIndicator.test.js
+++ b/tests/ui/interactIndicator.test.js
@@ -1,14 +1,14 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 import {
   attachInteractIndicator,
   detachInteractIndicator,
   setInteractIndicatorEnabled,
-} from "../../ui/interactIndicator.js";
+} from '../../ui/interactIndicator.js';
 
-const ICON_MESH_NAME = "__flock_interact_indicator";
+const ICON_MESH_NAME = '__flock_interact_indicator';
 
 export function runInteractIndicatorTests(flock) {
-  describe("interact indicator @interact-indicator", function () {
+  describe('interact indicator @interact-indicator', function () {
     let testMeshes = [];
 
     function getIcon() {
@@ -20,11 +20,7 @@ export function runInteractIndicatorTests(flock) {
     }
 
     function makeMesh(name, position) {
-      const mesh = flock.BABYLON.MeshBuilder.CreateBox(
-        name,
-        { size: 1 },
-        flock.scene,
-      );
+      const mesh = flock.BABYLON.MeshBuilder.CreateBox(name, { size: 1 }, flock.scene);
       mesh.position.copyFromFloats(...position);
       mesh.computeWorldMatrix(true);
       testMeshes.push(mesh);
@@ -37,10 +33,7 @@ export function runInteractIndicatorTests(flock) {
     function makeInteractable(mesh) {
       mesh.actionManager = new flock.BABYLON.ActionManager(flock.scene);
       mesh.actionManager.registerAction(
-        new flock.BABYLON.ExecuteCodeAction(
-          flock.BABYLON.ActionManager.OnPickTrigger,
-          () => {},
-        ),
+        new flock.BABYLON.ExecuteCodeAction(flock.BABYLON.ActionManager.OnPickTrigger, () => {})
       );
       return mesh;
     }
@@ -77,18 +70,18 @@ export function runInteractIndicatorTests(flock) {
       if (cam?.metadata) cam.metadata.following = null;
     });
 
-    it("icon is not visible when no meshes have an actionManager", function () {
+    it('icon is not visible when no meshes have an actionManager', function () {
       fireFrame();
       expect(getIcon().isVisible).to.be.false;
     });
 
-    it("icon mesh is removed from the scene after detach", function () {
+    it('icon mesh is removed from the scene after detach', function () {
       expect(getIcon()).to.exist;
       detachInteractIndicator();
       expect(flock.scene.getMeshByName(ICON_MESH_NAME)).to.be.null;
     });
 
-    it("repeated attach and detach does not leak meshes", function () {
+    it('repeated attach and detach does not leak meshes', function () {
       detachInteractIndicator();
       const baseline = flock.scene.meshes.length;
 
@@ -100,8 +93,8 @@ export function runInteractIndicatorTests(flock) {
       expect(flock.scene.meshes.length).to.equal(baseline);
     });
 
-    it("BUTTON2 with no interactable does not call processTrigger", function () {
-      const mesh = makeMesh("_test_no_target", [0, 0, 0]);
+    it('BUTTON2 with no interactable does not call processTrigger', function () {
+      const mesh = makeMesh('_test_no_target', [0, 0, 0]);
 
       // Frame fires with no interactables → _currentTarget stays null
       fireFrame();
@@ -115,13 +108,13 @@ export function runInteractIndicatorTests(flock) {
         orig(trigger, evt);
       };
 
-      flock.inputManager._setKey("e", true);
+      flock.inputManager._setKey('e', true);
 
       expect(triggered).to.be.empty;
     });
 
     // Tests that require the camera at (0,0,-3) aimed along +Z at the origin.
-    describe("with camera aimed along +Z", function () {
+    describe('with camera aimed along +Z', function () {
       let restoreCamera;
 
       beforeEach(function () {
@@ -132,32 +125,29 @@ export function runInteractIndicatorTests(flock) {
         restoreCamera();
       });
 
-      it("icon is visible and near the only interactable mesh", function () {
-        const mesh = makeMesh("_test_single", [0, 0, 0]);
+      it('icon is visible and near the only interactable mesh', function () {
+        const mesh = makeMesh('_test_single', [0, 0, 0]);
         makeInteractable(mesh);
 
         fireFrame();
 
         const icon = getIcon();
         expect(icon.isVisible).to.be.true;
-        const dist = flock.BABYLON.Vector3.Distance(
-          icon.position,
-          mesh.getAbsolutePosition(),
-        );
+        const dist = flock.BABYLON.Vector3.Distance(icon.position, mesh.getAbsolutePosition());
         expect(dist).to.be.lessThan(2);
       });
 
-      it("mesh with only an intersection-trigger actionManager is not targeted", function () {
+      it('mesh with only an intersection-trigger actionManager is not targeted', function () {
         // onIntersect attaches an actionManager with no pick trigger — clicking
         // it does nothing, so the indicator must not flag it. Regression for a
         // spurious indicator appearing over non-clickable collision meshes.
-        const mesh = makeMesh("_test_intersect_only", [0, 0, 0]);
+        const mesh = makeMesh('_test_intersect_only', [0, 0, 0]);
         mesh.actionManager = new flock.BABYLON.ActionManager(flock.scene);
         mesh.actionManager.registerAction(
           new flock.BABYLON.ExecuteCodeAction(
             flock.BABYLON.ActionManager.OnIntersectionEnterTrigger,
-            () => {},
-          ),
+            () => {}
+          )
         );
 
         fireFrame();
@@ -165,44 +155,38 @@ export function runInteractIndicatorTests(flock) {
         expect(getIcon().isVisible).to.be.false;
       });
 
-      it("ray hits an interactable: that mesh becomes the target", function () {
+      it('ray hits an interactable: that mesh becomes the target', function () {
         // Mesh at origin, camera at (0,0,-3) looking along +Z — ray hits mesh.
-        const mesh = makeMesh("_test_ray_hit", [0, 0, 0]);
+        const mesh = makeMesh('_test_ray_hit', [0, 0, 0]);
         makeInteractable(mesh);
 
         fireFrame();
 
         expect(getIcon().isVisible).to.be.true;
         // Icon should be near the mesh, not some other location.
-        const dist = flock.BABYLON.Vector3.Distance(
-          getIcon().position,
-          mesh.getAbsolutePosition(),
-        );
+        const dist = flock.BABYLON.Vector3.Distance(getIcon().position, mesh.getAbsolutePosition());
         expect(dist).to.be.lessThan(2);
       });
 
-      it("ray hits nothing, fallback selects interactable within forward cone and range", function () {
+      it('ray hits nothing, fallback selects interactable within forward cone and range', function () {
         // Mesh slightly off-center but within 10° of camera forward (+Z) and within 4 units.
         // Camera at (0,0,-3): a mesh at (0.05, 0, 0) is off the ray but within a small angle.
         // Angle ≈ atan(0.05/3) ≈ 0.95° — well inside 10°.
-        const mesh = makeMesh("_test_fallback", [0.05, 0, 0]);
+        const mesh = makeMesh('_test_fallback', [0.05, 0, 0]);
         makeInteractable(mesh);
 
         fireFrame();
 
         // Icon should be visible — fallback should have picked the mesh.
         expect(getIcon().isVisible).to.be.true;
-        const dist = flock.BABYLON.Vector3.Distance(
-          getIcon().position,
-          mesh.getAbsolutePosition(),
-        );
+        const dist = flock.BABYLON.Vector3.Distance(getIcon().position, mesh.getAbsolutePosition());
         expect(dist).to.be.lessThan(2);
       });
 
-      it("ray hits nothing, no interactable in forward cone: target is null and icon hidden", function () {
+      it('ray hits nothing, no interactable in forward cone: target is null and icon hidden', function () {
         // Mesh far to the side — beyond 45° of camera forward.
         // Camera at (0,0,-3), mesh at (4, 0, 0). Angle from +Z ≈ atan(4/3) ≈ 53°.
-        const mesh = makeMesh("_test_wide", [4, 0, 0]);
+        const mesh = makeMesh('_test_wide', [4, 0, 0]);
         makeInteractable(mesh);
 
         fireFrame();
@@ -210,12 +194,12 @@ export function runInteractIndicatorTests(flock) {
         expect(getIcon().isVisible).to.be.false;
       });
 
-      it("target outside 4-unit range from player: target is null and icon hidden", function () {
+      it('target outside 4-unit range from player: target is null and icon hidden', function () {
         // Player at origin, interactable at (0,0,5): 5 units from player → out of range.
-        const player = makeMesh("_test_range_player", [0, 0, 0]);
+        const player = makeMesh('_test_range_player', [0, 0, 0]);
         flock.scene.activeCamera.metadata = { following: player };
 
-        const mesh = makeMesh("_test_far", [0, 0, 5]);
+        const mesh = makeMesh('_test_far', [0, 0, 5]);
         makeInteractable(mesh);
 
         fireFrame();
@@ -223,8 +207,8 @@ export function runInteractIndicatorTests(flock) {
         expect(getIcon().isVisible).to.be.false;
       });
 
-      it("player mesh with actionManager is never targeted", function () {
-        const player = makeMesh("_test_pawn", [0, 0, 0]);
+      it('player mesh with actionManager is never targeted', function () {
+        const player = makeMesh('_test_pawn', [0, 0, 0]);
         flock.scene.activeCamera.metadata = { following: player };
         makeInteractable(player);
 
@@ -234,11 +218,11 @@ export function runInteractIndicatorTests(flock) {
         expect(getIcon().isVisible).to.be.false;
       });
 
-      it("descendant of player mesh with actionManager is never targeted", function () {
-        const player = makeMesh("_test_pawn2", [0, 0, 0]);
+      it('descendant of player mesh with actionManager is never targeted', function () {
+        const player = makeMesh('_test_pawn2', [0, 0, 0]);
         flock.scene.activeCamera.metadata = { following: player };
 
-        const child = makeMesh("_test_child", [0, 0, 0]);
+        const child = makeMesh('_test_child', [0, 0, 0]);
         child.parent = player;
         makeInteractable(child);
 
@@ -247,13 +231,13 @@ export function runInteractIndicatorTests(flock) {
         expect(getIcon().isVisible).to.be.false;
       });
 
-      it("player mesh under aim ray does not block interactable behind it", function () {
+      it('player mesh under aim ray does not block interactable behind it', function () {
         // Player at (0,0,-1), interactable at (0,0,0). Both along +Z ray from (0,0,-3).
         // Ray predicate excludes player → interactable is picked.
-        const player = makeMesh("_test_pawn3", [0, 0, -1]);
+        const player = makeMesh('_test_pawn3', [0, 0, -1]);
         flock.scene.activeCamera.metadata = { following: player };
 
-        const interactable = makeMesh("_test_behind", [0, 0, 0]);
+        const interactable = makeMesh('_test_behind', [0, 0, 0]);
         makeInteractable(interactable);
 
         fireFrame();
@@ -261,18 +245,18 @@ export function runInteractIndicatorTests(flock) {
         expect(getIcon().isVisible).to.be.true;
         const dist = flock.BABYLON.Vector3.Distance(
           getIcon().position,
-          interactable.getAbsolutePosition(),
+          interactable.getAbsolutePosition()
         );
         expect(dist).to.be.lessThan(2);
       });
 
-      it("with a player mesh, range anchor is the player position", function () {
+      it('with a player mesh, range anchor is the player position', function () {
         // Camera at (0,0,-3). Interactable at (0,0,20): 23 units from camera,
         // beyond the 12-unit free-camera cap. Player at (0,0,18): 2 units from
         // the interactable, within the 4-unit player range.
         // Without player: out of camera range → icon hidden.
         // With player: within player range → icon visible (range anchors on the player).
-        const interactable = makeMesh("_test_range_i", [0, 0, 20]);
+        const interactable = makeMesh('_test_range_i', [0, 0, 20]);
         makeInteractable(interactable);
 
         // First verify: no player → out of camera range, icon hidden.
@@ -280,7 +264,7 @@ export function runInteractIndicatorTests(flock) {
         expect(getIcon().isVisible).to.be.false;
 
         // Add player near the interactable.
-        const player = makeMesh("_test_range_p", [0, 0, 18]);
+        const player = makeMesh('_test_range_p', [0, 0, 18]);
         flock.scene.activeCamera.metadata = { following: player };
 
         fireFrame();
@@ -288,12 +272,12 @@ export function runInteractIndicatorTests(flock) {
         expect(getIcon().isVisible).to.be.true;
       });
 
-      it("without a player mesh, an aimed-at interactable beyond the free-camera range is hidden", function () {
+      it('without a player mesh, an aimed-at interactable beyond the free-camera range is hidden', function () {
         // No player: the range filter anchors at the camera with the 12-unit
         // free-camera cap. A mesh aimed straight at but ~23 units away is out of
         // range, so the icon stays hidden. (Within-range free-camera targeting
         // is covered by the single-mesh tests above.)
-        const mesh = makeMesh("_test_cam_anchor", [0, 0, 20]);
+        const mesh = makeMesh('_test_cam_anchor', [0, 0, 20]);
         makeInteractable(mesh);
 
         fireFrame();
@@ -301,8 +285,8 @@ export function runInteractIndicatorTests(flock) {
         expect(getIcon().isVisible).to.be.false;
       });
 
-      it("BUTTON2 fires OnPickTrigger on the target mesh", function () {
-        const mesh = makeMesh("_test_btn2_pick", [0, 0, 0]);
+      it('BUTTON2 fires OnPickTrigger on the target mesh', function () {
+        const mesh = makeMesh('_test_btn2_pick', [0, 0, 0]);
         makeInteractable(mesh);
 
         const triggered = [];
@@ -313,13 +297,13 @@ export function runInteractIndicatorTests(flock) {
         };
 
         fireFrame();
-        flock.inputManager._setKey("e", true);
+        flock.inputManager._setKey('e', true);
 
         expect(triggered).to.include(flock.BABYLON.ActionManager.OnPickTrigger);
       });
 
-      it("BUTTON2 fires OnLeftPickTrigger on the target mesh", function () {
-        const mesh = makeMesh("_test_btn2_leftpick", [0, 0, 0]);
+      it('BUTTON2 fires OnLeftPickTrigger on the target mesh', function () {
+        const mesh = makeMesh('_test_btn2_leftpick', [0, 0, 0]);
         makeInteractable(mesh);
 
         const triggered = [];
@@ -330,31 +314,30 @@ export function runInteractIndicatorTests(flock) {
         };
 
         fireFrame();
-        flock.inputManager._setKey("e", true);
+        flock.inputManager._setKey('e', true);
 
         expect(triggered).to.include(flock.BABYLON.ActionManager.OnLeftPickTrigger);
       });
 
-      it("when_clicked handler on target mesh runs when BUTTON2 fires", function () {
-        const mesh = makeMesh("_test_btn2_handler", [0, 0, 0]);
+      it('when_clicked handler on target mesh runs when BUTTON2 fires', function () {
+        const mesh = makeMesh('_test_btn2_handler', [0, 0, 0]);
         makeInteractable(mesh);
 
         let clicked = 0;
         mesh.actionManager.registerAction(
-          new flock.BABYLON.ExecuteCodeAction(
-            flock.BABYLON.ActionManager.OnPickTrigger,
-            () => { clicked++; },
-          ),
+          new flock.BABYLON.ExecuteCodeAction(flock.BABYLON.ActionManager.OnPickTrigger, () => {
+            clicked++;
+          })
         );
 
         fireFrame();
-        flock.inputManager._setKey("e", true);
+        flock.inputManager._setKey('e', true);
 
         expect(clicked).to.equal(1);
       });
 
-      it("after detachInteractIndicator BUTTON2 does not trigger the mesh", function () {
-        const mesh = makeMesh("_test_btn2_detach", [0, 0, 0]);
+      it('after detachInteractIndicator BUTTON2 does not trigger the mesh', function () {
+        const mesh = makeMesh('_test_btn2_detach', [0, 0, 0]);
         makeInteractable(mesh);
 
         const triggered = [];
@@ -366,13 +349,13 @@ export function runInteractIndicatorTests(flock) {
 
         fireFrame();
         detachInteractIndicator();
-        flock.inputManager._setKey("e", true);
+        flock.inputManager._setKey('e', true);
 
         expect(triggered).to.be.empty;
       });
 
-      it("after setActionKey on BUTTON2, icon is hidden and bound key does not invoke processTrigger", function () {
-        const mesh = makeMesh("_test_override", [0, 0, 0]);
+      it('after setActionKey on BUTTON2, icon is hidden and bound key does not invoke processTrigger', function () {
+        const mesh = makeMesh('_test_override', [0, 0, 0]);
         makeInteractable(mesh);
 
         const triggered = [];
@@ -382,17 +365,17 @@ export function runInteractIndicatorTests(flock) {
           orig(trigger, evt);
         };
 
-        flock.inputManager.setActionKey("BUTTON2", "q");
+        flock.inputManager.setActionKey('BUTTON2', 'q');
 
         fireFrame();
         expect(getIcon().isVisible).to.be.false;
 
-        flock.inputManager._setKey("q", true);
+        flock.inputManager._setKey('q', true);
         expect(triggered).to.be.empty;
       });
 
-      it("after resetActionKeys, icon reappears and BUTTON2 fires the click", function () {
-        const mesh = makeMesh("_test_reset", [0, 0, 0]);
+      it('after resetActionKeys, icon reappears and BUTTON2 fires the click', function () {
+        const mesh = makeMesh('_test_reset', [0, 0, 0]);
         makeInteractable(mesh);
 
         const triggered = [];
@@ -402,7 +385,7 @@ export function runInteractIndicatorTests(flock) {
           orig(trigger, evt);
         };
 
-        flock.inputManager.setActionKey("BUTTON2", "q");
+        flock.inputManager.setActionKey('BUTTON2', 'q');
         fireFrame();
         expect(getIcon().isVisible).to.be.false;
 
@@ -410,12 +393,12 @@ export function runInteractIndicatorTests(flock) {
         fireFrame();
         expect(getIcon().isVisible).to.be.true;
 
-        flock.inputManager._setKey("e", true);
+        flock.inputManager._setKey('e', true);
         expect(triggered).to.include(flock.BABYLON.ActionManager.OnPickTrigger);
       });
 
-      it("when disabled, the icon stays hidden for an aimed-at interactable", function () {
-        const mesh = makeMesh("_test_disabled", [0, 0, 0]);
+      it('when disabled, the icon stays hidden for an aimed-at interactable', function () {
+        const mesh = makeMesh('_test_disabled', [0, 0, 0]);
         makeInteractable(mesh);
 
         // Enabled by default → visible.
@@ -429,8 +412,8 @@ export function runInteractIndicatorTests(flock) {
         expect(getIcon().isVisible).to.be.false;
       });
 
-      it("re-enabling restores the icon for an aimed-at interactable", function () {
-        const mesh = makeMesh("_test_reenable", [0, 0, 0]);
+      it('re-enabling restores the icon for an aimed-at interactable', function () {
+        const mesh = makeMesh('_test_reenable', [0, 0, 0]);
         makeInteractable(mesh);
 
         setInteractIndicatorEnabled(false);
@@ -442,8 +425,8 @@ export function runInteractIndicatorTests(flock) {
         expect(getIcon().isVisible).to.be.true;
       });
 
-      it("when disabled, BUTTON2 does not trigger the mesh", function () {
-        const mesh = makeMesh("_test_disabled_btn2", [0, 0, 0]);
+      it('when disabled, BUTTON2 does not trigger the mesh', function () {
+        const mesh = makeMesh('_test_disabled_btn2', [0, 0, 0]);
         makeInteractable(mesh);
 
         const triggered = [];
@@ -455,18 +438,18 @@ export function runInteractIndicatorTests(flock) {
 
         setInteractIndicatorEnabled(false);
         fireFrame();
-        flock.inputManager._setKey("e", true);
+        flock.inputManager._setKey('e', true);
 
         expect(triggered).to.be.empty;
       });
 
-      it("attach resets the enabled state to on", function () {
+      it('attach resets the enabled state to on', function () {
         setInteractIndicatorEnabled(false);
         // Re-attach (as a fresh scene would) and confirm the indicator is back on.
         detachInteractIndicator();
         attachInteractIndicator(flock.scene, flock.inputManager);
 
-        const mesh = makeMesh("_test_attach_reset", [0, 0, 0]);
+        const mesh = makeMesh('_test_attach_reset', [0, 0, 0]);
         makeInteractable(mesh);
 
         fireFrame();
diff --git a/tests/uitextbutton.test.js b/tests/uitextbutton.test.js
index 1e30ca45d..4e3af7468 100644
--- a/tests/uitextbutton.test.js
+++ b/tests/uitextbutton.test.js
@@ -1,14 +1,13 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 // Test suite for UI controls
 export function runUITests(flock) {
-  describe("UIText, UIButton, UIInput, and UISlider function tests", function () {
+  describe('UIText, UIButton, UIInput, and UISlider function tests', function () {
     // Set up the scene before each test
     beforeEach(async function () {
       flock.scene ??= {};
       flock.GUI ??= {};
-      flock.scene.UITexture ??=
-        flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI("UI");
+      flock.scene.UITexture ??= flock.GUI.AdvancedDynamicTexture.CreateFullscreenUI('UI');
       flock.scene.UITexture.controls ??= [];
       flock.abortController ??= new AbortController();
     });
@@ -21,137 +20,135 @@ export function runUITests(flock) {
     });
 
     // UIText Tests
-    describe("UIText function tests", function () {
-      it("should create a new text block with the correct properties", function () {
+    describe('UIText function tests', function () {
+      it('should create a new text block with the correct properties', function () {
         const textId = flock.UIText({
-          text: "Hello, World!",
+          text: 'Hello, World!',
           x: 100,
           y: 100,
           fontSize: 24,
-          color: "red",
+          color: 'red',
           duration: 0,
-          id: "myText",
+          id: 'myText',
         });
         const textBlock = flock.scene.UITexture.getControlByName(textId);
         const bg = flock.scene.UITexture.getControlByName(`${textId}_bg`);
 
         expect(textBlock).to.exist;
-        expect(textBlock.text).to.equal("Hello, World!");
-        expect(textBlock.color).to.equal("red");
+        expect(textBlock.text).to.equal('Hello, World!');
+        expect(textBlock.color).to.equal('red');
         expect(textBlock.fontSize).to.equal(`${24 * flock.displayScale}px`);
         expect(textBlock.isVisible).to.be.true;
 
         expect(bg).to.exist;
-        expect(bg.left).to.equal("100px");
-        expect(bg.top).to.equal("100px");
+        expect(bg.left).to.equal('100px');
+        expect(bg.top).to.equal('100px');
         // Defaults to an opaque white background.
-        expect(bg.background).to.equal("rgba(255, 255, 255, 1)");
+        expect(bg.background).to.equal('rgba(255, 255, 255, 1)');
       });
 
-      it("should apply a custom background color and alpha", function () {
+      it('should apply a custom background color and alpha', function () {
         const textId = flock.UIText({
-          text: "Hello, World!",
+          text: 'Hello, World!',
           x: 100,
           y: 100,
           duration: 0,
-          backgroundColor: "#0000ff",
+          backgroundColor: '#0000ff',
           alpha: 0.5,
-          id: "myText",
+          id: 'myText',
         });
         const bg = flock.scene.UITexture.getControlByName(`${textId}_bg`);
 
-        expect(bg.background).to.equal("rgba(0, 0, 255, 0.5)");
+        expect(bg.background).to.equal('rgba(0, 0, 255, 0.5)');
       });
 
-      it("should reuse and update an existing text block", function () {
+      it('should reuse and update an existing text block', function () {
         flock.UIText({
-          text: "Hello, World!",
+          text: 'Hello, World!',
           x: 100,
           y: 100,
           fontSize: 24,
-          color: "red",
+          color: 'red',
           duration: 0,
-          id: "myText",
+          id: 'myText',
         });
 
         flock.UIText({
-          text: "Updated Text!",
+          text: 'Updated Text!',
           x: 200,
           y: 200,
           fontSize: 30,
-          color: "blue",
+          color: 'blue',
           duration: 0,
-          id: "myText",
+          id: 'myText',
         });
-        const textBlock = flock.scene.UITexture.getControlByName("myText");
-        const bg = flock.scene.UITexture.getControlByName("myText_bg");
+        const textBlock = flock.scene.UITexture.getControlByName('myText');
+        const bg = flock.scene.UITexture.getControlByName('myText_bg');
 
-        expect(textBlock.text).to.equal("Updated Text!");
-        expect(textBlock.color).to.equal("blue");
+        expect(textBlock.text).to.equal('Updated Text!');
+        expect(textBlock.color).to.equal('blue');
         expect(textBlock.fontSize).to.equal(`${30 * flock.displayScale}px`);
-        expect(bg.left).to.equal("200px");
-        expect(bg.top).to.equal("200px");
+        expect(bg.left).to.equal('200px');
+        expect(bg.top).to.equal('200px');
         expect(textBlock.isVisible).to.be.true;
       });
 
-      it("should dispose the text block after the specified duration @slow", function (done) {
+      it('should dispose the text block after the specified duration @slow', function (done) {
         this.timeout(5000);
 
         flock.UIText({
-          text: "Hello, World!",
+          text: 'Hello, World!',
           x: 100,
           y: 100,
           duration: 2,
-          id: "myText",
+          id: 'myText',
         });
 
         setTimeout(() => {
-          const textBlock = flock.scene.UITexture.getControlByName("myText");
+          const textBlock = flock.scene.UITexture.getControlByName('myText');
           // The control should be disposed (null) after the duration expires.
           expect(textBlock).to.be.null;
           done();
         }, 2500);
       });
 
-      it("should hide and then show a text block", function () {
+      it('should hide and then show a text block', function () {
         flock.UIText({
-          text: "Hello, World!",
+          text: 'Hello, World!',
           x: 100,
           y: 100,
           duration: 0, // No duration, so it persists
-          id: "myText",
+          id: 'myText',
         });
 
         // Hide the control
-        flock.hide("myText");
-        let textBlock = flock.scene.UITexture.getControlByName("myText");
+        flock.hide('myText');
+        let textBlock = flock.scene.UITexture.getControlByName('myText');
         expect(textBlock.isVisible).to.be.false;
 
         // Show the control again
-        flock.show("myText");
-        textBlock = flock.scene.UITexture.getControlByName("myText");
+        flock.show('myText');
+        textBlock = flock.scene.UITexture.getControlByName('myText');
         expect(textBlock.isVisible).to.be.true;
       });
 
-      it("should handle frequent updates without errors", function () {
+      it('should handle frequent updates without errors', function () {
         this.timeout(10000);
 
-        const textId = "stressTestText";
+        const textId = 'stressTestText';
         const iterations = 100;
-        let lastText = "";
+        let lastText = '';
         let lastX = 0;
         let lastY = 0;
         let lastFontSize = 0;
-        let lastColor = "";
+        let lastColor = '';
 
         for (let i = 0; i < iterations; i++) {
           const newText = `Update ${i + 1}`;
           const newX = Math.floor(Math.random() * 800);
           const newY = Math.floor(Math.random() * 600);
           const newFontSize = 10 + Math.floor(Math.random() * 20);
-          const newColor = ["red", "blue", "green", "yellow"][
-            Math.floor(Math.random() * 4)
-          ];
+          const newColor = ['red', 'blue', 'green', 'yellow'][Math.floor(Math.random() * 4)];
 
           flock.UIText({
             text: newText,
@@ -184,75 +181,75 @@ export function runUITests(flock) {
     });
 
     // UIButton Tests
-    describe("UIButton function tests", function () {
-      it("should create a new button with the correct properties", function () {
+    describe('UIButton function tests', function () {
+      it('should create a new button with the correct properties', function () {
         const buttonId = flock.UIButton({
-          text: "Click Me",
+          text: 'Click Me',
           x: 100,
           y: 100,
-          width: "MEDIUM",
+          width: 'MEDIUM',
           textSize: 20,
-          textColor: "black",
-          backgroundColor: "yellow",
-          buttonId: "myButton",
+          textColor: 'black',
+          backgroundColor: 'yellow',
+          buttonId: 'myButton',
         });
         const button = flock.scene.UITexture.getControlByName(buttonId);
 
         expect(button).to.exist;
-        expect(button.name).to.equal("myButton");
+        expect(button.name).to.equal('myButton');
         // MEDIUM size (150x50) scaled by displayScale
         expect(button.width).to.equal(`${Math.round(150 * flock.displayScale)}px`);
         expect(button.height).to.equal(`${Math.round(50 * flock.displayScale)}px`);
-        expect(button.color).to.equal("black");
-        expect(button.background).to.equal("yellow");
-        expect(button.left).to.equal("100px");
-        expect(button.top).to.equal("100px");
+        expect(button.color).to.equal('black');
+        expect(button.background).to.equal('yellow');
+        expect(button.left).to.equal('100px');
+        expect(button.top).to.equal('100px');
         expect(button.isVisible).to.be.true;
       });
 
-      it("should hide the button using the hide function", function () {
+      it('should hide the button using the hide function', function () {
         flock.UIButton({
-          text: "Click Me",
+          text: 'Click Me',
           x: 100,
           y: 100,
-          width: "MEDIUM",
+          width: 'MEDIUM',
           textSize: 20,
-          textColor: "black",
-          backgroundColor: "yellow",
-          buttonId: "myButton",
+          textColor: 'black',
+          backgroundColor: 'yellow',
+          buttonId: 'myButton',
         });
 
-        flock.hide("myButton");
+        flock.hide('myButton');
 
-        const button = flock.scene.UITexture.getControlByName("myButton");
+        const button = flock.scene.UITexture.getControlByName('myButton');
         expect(button.isVisible).to.be.false;
       });
 
-      it("should show the button again using the show function", function () {
+      it('should show the button again using the show function', function () {
         flock.UIButton({
-          text: "Click Me",
+          text: 'Click Me',
           x: 100,
           y: 100,
-          width: "MEDIUM",
+          width: 'MEDIUM',
           textSize: 20,
-          textColor: "black",
-          backgroundColor: "yellow",
-          buttonId: "myButton",
+          textColor: 'black',
+          backgroundColor: 'yellow',
+          buttonId: 'myButton',
         });
 
-        flock.hide("myButton");
-        flock.show("myButton");
+        flock.hide('myButton');
+        flock.show('myButton');
 
-        const button = flock.scene.UITexture.getControlByName("myButton");
+        const button = flock.scene.UITexture.getControlByName('myButton');
         expect(button.isVisible).to.be.true;
       });
     });
 
     // UISlider Tests
-    describe("UISlider function tests", function () {
-      it("should create a slider with the correct min, max, and value", function () {
+    describe('UISlider function tests', function () {
+      it('should create a slider with the correct min, max, and value', function () {
         const slider = flock.UISlider({
-          id: "mySlider",
+          id: 'mySlider',
           min: 0,
           max: 100,
           value: 50,
@@ -266,9 +263,9 @@ export function runUITests(flock) {
         expect(slider.value).to.equal(50);
       });
 
-      it("should use MEDIUM dimensions by default", function () {
+      it('should use MEDIUM dimensions by default', function () {
         const slider = flock.UISlider({
-          id: "mySlider",
+          id: 'mySlider',
           min: 0,
           max: 10,
           value: 5,
@@ -276,44 +273,44 @@ export function runUITests(flock) {
           y: 100,
         });
 
-        expect(slider.width).to.equal("200px");
-        expect(slider.height).to.equal("30px");
+        expect(slider.width).to.equal('200px');
+        expect(slider.height).to.equal('30px');
       });
 
-      it("should use SMALL dimensions when specified", function () {
+      it('should use SMALL dimensions when specified', function () {
         const slider = flock.UISlider({
-          id: "mySlider",
+          id: 'mySlider',
           min: 0,
           max: 10,
           value: 5,
           x: 100,
           y: 100,
-          size: "SMALL",
+          size: 'SMALL',
         });
 
-        expect(slider.width).to.equal("100px");
-        expect(slider.height).to.equal("20px");
+        expect(slider.width).to.equal('100px');
+        expect(slider.height).to.equal('20px');
       });
 
-      it("should apply the specified colors", function () {
+      it('should apply the specified colors', function () {
         const slider = flock.UISlider({
-          id: "mySlider",
+          id: 'mySlider',
           min: 0,
           max: 10,
           value: 5,
           x: 100,
           y: 100,
-          textColor: "blue",
-          backgroundColor: "lightgray",
+          textColor: 'blue',
+          backgroundColor: 'lightgray',
         });
 
-        expect(slider.color).to.equal("blue");
-        expect(slider.background).to.equal("lightgray");
+        expect(slider.color).to.equal('blue');
+        expect(slider.background).to.equal('lightgray');
       });
 
-      it("should use right alignment for negative x", function () {
+      it('should use right alignment for negative x', function () {
         const slider = flock.UISlider({
-          id: "mySlider",
+          id: 'mySlider',
           min: 0,
           max: 10,
           value: 5,
@@ -321,14 +318,12 @@ export function runUITests(flock) {
           y: 100,
         });
 
-        expect(slider.horizontalAlignment).to.equal(
-          flock.GUI.Control.HORIZONTAL_ALIGNMENT_RIGHT,
-        );
+        expect(slider.horizontalAlignment).to.equal(flock.GUI.Control.HORIZONTAL_ALIGNMENT_RIGHT);
       });
 
-      it("should reuse and update an existing slider", function () {
+      it('should reuse and update an existing slider', function () {
         flock.UISlider({
-          id: "mySlider",
+          id: 'mySlider',
           min: 0,
           max: 10,
           value: 5,
@@ -337,7 +332,7 @@ export function runUITests(flock) {
         });
 
         const slider = flock.UISlider({
-          id: "mySlider",
+          id: 'mySlider',
           min: 0,
           max: 20,
           value: 15,
@@ -349,132 +344,128 @@ export function runUITests(flock) {
         expect(slider.maximum).to.equal(20);
         expect(slider.value).to.equal(15);
         // Only one slider with this id should exist
-        expect(
-          flock.scene.UITexture.getControlByName("mySlider"),
-        ).to.equal(slider);
+        expect(flock.scene.UITexture.getControlByName('mySlider')).to.equal(slider);
       });
     });
 
     // UIInput Tests
-    describe("UIInput function tests", function () {
-      it("should create an input and submit button in START mode", async function () {
+    describe('UIInput function tests', function () {
+      it('should create an input and submit button in START mode', async function () {
         const inputId = await flock.UIInput({
-          text: "Enter name",
+          text: 'Enter name',
           x: 100,
           y: 100,
-          id: "myInput",
-          mode: "START",
+          id: 'myInput',
+          mode: 'START',
         });
 
         const input = flock.scene.UITexture.getControlByName(inputId);
-        const button = flock.scene.UITexture.getControlByName(
-          `submit_${inputId}`,
-        );
+        const button = flock.scene.UITexture.getControlByName(`submit_${inputId}`);
 
         expect(input).to.exist;
         expect(button).to.exist;
       });
 
-      it("should set the placeholder text on the input", async function () {
+      it('should set the placeholder text on the input', async function () {
         await flock.UIInput({
-          text: "Enter name",
+          text: 'Enter name',
           x: 100,
           y: 100,
-          id: "myInput",
-          mode: "START",
+          id: 'myInput',
+          mode: 'START',
         });
 
-        const input = flock.scene.UITexture.getControlByName("myInput");
-        expect(input.placeholderText).to.equal("Enter name");
+        const input = flock.scene.UITexture.getControlByName('myInput');
+        expect(input.placeholderText).to.equal('Enter name');
       });
 
-      it("should apply colors and font size to the input", async function () {
+      it('should apply colors and font size to the input', async function () {
         await flock.UIInput({
-          text: "placeholder",
+          text: 'placeholder',
           x: 100,
           y: 100,
-          id: "myInput",
+          id: 'myInput',
           fontSize: 18,
-          textColor: "red",
-          backgroundColor: "lightyellow",
-          mode: "START",
+          textColor: 'red',
+          backgroundColor: 'lightyellow',
+          mode: 'START',
         });
 
-        const input = flock.scene.UITexture.getControlByName("myInput");
-        expect(input.color).to.equal("red");
-        expect(input.background).to.equal("lightyellow");
+        const input = flock.scene.UITexture.getControlByName('myInput');
+        expect(input.color).to.equal('red');
+        expect(input.background).to.equal('lightyellow');
         expect(input.fontSize).to.equal(`${Math.round(18 * flock.displayScale)}px`);
       });
 
-      it("should use MEDIUM dimensions by default", async function () {
+      it('should use MEDIUM dimensions by default', async function () {
         await flock.UIInput({
-          text: "placeholder",
+          text: 'placeholder',
           x: 100,
           y: 100,
-          id: "myInput",
-          mode: "START",
+          id: 'myInput',
+          mode: 'START',
         });
 
-        const input = flock.scene.UITexture.getControlByName("myInput");
+        const input = flock.scene.UITexture.getControlByName('myInput');
         // MEDIUM size (300x50) scaled by displayScale
         expect(input.width).to.equal(`${Math.round(300 * flock.displayScale)}px`);
         expect(input.height).to.equal(`${Math.round(50 * flock.displayScale)}px`);
       });
 
-      it("should position the submit button to the right of the input", async function () {
+      it('should position the submit button to the right of the input', async function () {
         await flock.UIInput({
-          text: "placeholder",
+          text: 'placeholder',
           x: 100,
           y: 100,
-          id: "myInput",
-          mode: "START",
+          id: 'myInput',
+          mode: 'START',
         });
 
-        const button = flock.scene.UITexture.getControlByName("submit_myInput");
+        const button = flock.scene.UITexture.getControlByName('submit_myInput');
         // x (100) + scaled MEDIUM input width (300) + scaled spacing (10), each
         // scaled by displayScale and rounded to match the UIInput layout maths.
         const scaledInputWidth = Math.round(300 * flock.displayScale);
         const scaledSpacing = Math.round(10 * flock.displayScale);
         expect(button.left).to.equal(`${100 + scaledInputWidth + scaledSpacing}px`);
-        expect(button.top).to.equal("100px");
+        expect(button.top).to.equal('100px');
       });
 
-      it("should resolve with the input text when submit button is clicked", async function () {
+      it('should resolve with the input text when submit button is clicked', async function () {
         const promise = flock.UIInput({
-          text: "placeholder",
+          text: 'placeholder',
           x: 100,
           y: 100,
-          id: "myInput",
+          id: 'myInput',
         });
 
-        const input = flock.scene.UITexture.getControlByName("myInput");
-        const button = flock.scene.UITexture.getControlByName("submit_myInput");
+        const input = flock.scene.UITexture.getControlByName('myInput');
+        const button = flock.scene.UITexture.getControlByName('submit_myInput');
 
-        input.text = "hello";
+        input.text = 'hello';
         button.onPointerUpObservable.notifyObservers(null);
 
         const result = await promise;
-        expect(result).to.equal("hello");
+        expect(result).to.equal('hello');
       });
 
-      it("should resolve with the input text when Enter is pressed", async function () {
+      it('should resolve with the input text when Enter is pressed', async function () {
         const promise = flock.UIInput({
-          text: "placeholder",
+          text: 'placeholder',
           x: 100,
           y: 100,
-          id: "myInput",
+          id: 'myInput',
         });
 
-        const input = flock.scene.UITexture.getControlByName("myInput");
+        const input = flock.scene.UITexture.getControlByName('myInput');
 
-        input.text = "world";
+        input.text = 'world';
         input.onKeyboardEventProcessedObservable.notifyObservers({
-          type: "keydown",
-          key: "Enter",
+          type: 'keydown',
+          key: 'Enter',
         });
 
         const result = await promise;
-        expect(result).to.equal("world");
+        expect(result).to.equal('world');
       });
     });
   });
diff --git a/tests/utils/audioTestUtils.js b/tests/utils/audioTestUtils.js
index 37e65e1ac..059c690a9 100644
--- a/tests/utils/audioTestUtils.js
+++ b/tests/utils/audioTestUtils.js
@@ -13,12 +13,7 @@
  * @param {number} sampleRate - Sample rate (default: 44100)
  * @returns {AudioBuffer} - Generated audio buffer
  */
-export function generateTestTone(
-  audioContext,
-  frequency,
-  duration,
-  sampleRate = 44100,
-) {
+export function generateTestTone(audioContext, frequency, duration, sampleRate = 44100) {
   const numSamples = duration * sampleRate;
   const audioBuffer = audioContext.createBuffer(1, numSamples, sampleRate);
   const channelData = audioBuffer.getChannelData(0);
@@ -67,11 +62,11 @@ export async function audioBufferToBlob(audioBuffer) {
       }
     };
 
-    writeString("RIFF");
+    writeString('RIFF');
     view.setUint32(pos, 36, true);
     pos += 4; // File size - 8
-    writeString("WAVE");
-    writeString("fmt ");
+    writeString('WAVE');
+    writeString('fmt ');
     view.setUint32(pos, 16, true);
     pos += 4;
     view.setUint16(pos, 1, true);
@@ -86,10 +81,10 @@ export async function audioBufferToBlob(audioBuffer) {
     pos += 2;
     view.setUint16(pos, 16, true);
     pos += 2;
-    writeString("data");
+    writeString('data');
     view.setUint32(pos, 0, true); // Zero data length
 
-    return new Blob([buffer], { type: "audio/wav" });
+    return new Blob([buffer], { type: 'audio/wav' });
   }
 
   const buffer = new ArrayBuffer(44 + length);
@@ -105,11 +100,11 @@ export async function audioBufferToBlob(audioBuffer) {
     }
   };
 
-  writeString("RIFF");
+  writeString('RIFF');
   view.setUint32(pos, 36 + length, true);
   pos += 4;
-  writeString("WAVE");
-  writeString("fmt ");
+  writeString('WAVE');
+  writeString('fmt ');
   view.setUint32(pos, 16, true);
   pos += 4; // fmt chunk size
   view.setUint16(pos, 1, true);
@@ -124,7 +119,7 @@ export async function audioBufferToBlob(audioBuffer) {
   pos += 2;
   view.setUint16(pos, 16, true);
   pos += 2;
-  writeString("data");
+  writeString('data');
   view.setUint32(pos, length, true);
   pos += 4;
 
@@ -142,7 +137,7 @@ export async function audioBufferToBlob(audioBuffer) {
     offset++;
   }
 
-  return new Blob([buffer], { type: "audio/wav" });
+  return new Blob([buffer], { type: 'audio/wav' });
 }
 
 /**
@@ -228,7 +223,7 @@ export function hasFrequency(
   targetFrequency,
   sampleRate,
   tolerance = 50,
-  threshold = -50,
+  threshold = -50
 ) {
   const binWidth = sampleRate / (2 * frequencyData.length);
   const targetBin = Math.floor(targetFrequency / binWidth);
@@ -272,8 +267,7 @@ export function detectClipping(audioBuffer, threshold = 0.99) {
     hasClipping: clippedCount > 0,
     clippedCount: clippedCount,
     totalSamples: totalSamples,
-    clippingPercentage:
-      totalSamples > 0 ? (clippedCount / totalSamples) * 100 : 0,
+    clippingPercentage: totalSamples > 0 ? (clippedCount / totalSamples) * 100 : 0,
   };
 }
 
diff --git a/tests/xr-export.test.js b/tests/xr-export.test.js
index 789e97284..cd106c163 100644
--- a/tests/xr-export.test.js
+++ b/tests/xr-export.test.js
@@ -1,4 +1,4 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 function waitForModel(flock, meshName) {
   return new Promise((resolve) => {
@@ -7,17 +7,17 @@ function waitForModel(flock, meshName) {
 }
 
 export function runXRExportTests(flock) {
-  describe("XR exportMesh GLB tests @new", function () {
+  describe('XR exportMesh GLB tests @new', function () {
     this.timeout(20000);
 
-    it("preserves attached children when exporting a wrapper model", async function () {
+    it('preserves attached children when exporting a wrapper model', async function () {
       const hutId = flock.createObject({
-        modelName: "hut.glb",
+        modelName: 'hut.glb',
         modelId: `hut.glb__export_parent_${Date.now()}`,
         position: { x: 0, y: 0, z: 0 },
       });
       const treeId = flock.createObject({
-        modelName: "tree.glb",
+        modelName: 'tree.glb',
         modelId: `tree.glb__export_child_${Date.now()}`,
         position: { x: 2, y: 0, z: 0 },
       });
@@ -28,31 +28,23 @@ export function runXRExportTests(flock) {
       ]);
       await flock.setParent(hutId, treeId);
 
-      const hutRootChild = hutMesh
-        .getChildMeshes()
-        .find((child) => child.name === "__root__");
-      const treeRootChild = treeMesh
-        .getChildMeshes()
-        .find((child) => child.name === "__root__");
+      const hutRootChild = hutMesh.getChildMeshes().find((child) => child.name === '__root__');
+      const treeRootChild = treeMesh.getChildMeshes().find((child) => child.name === '__root__');
 
       const originalGLBAsync = flock.EXPORT.GLTF2Export.GLBAsync;
       let shouldExportNode;
-      flock.EXPORT.GLTF2Export.GLBAsync = async (
-        _scene,
-        _filename,
-        options,
-      ) => {
+      flock.EXPORT.GLTF2Export.GLBAsync = async (_scene, _filename, options) => {
         shouldExportNode = options?.shouldExportNode;
         return { downloadFiles() {} };
       };
 
       try {
-        await flock.exportMesh(hutId, "GLB");
+        await flock.exportMesh(hutId, 'GLB');
       } finally {
         flock.EXPORT.GLTF2Export.GLBAsync = originalGLBAsync;
       }
 
-      expect(shouldExportNode).to.be.a("function");
+      expect(shouldExportNode).to.be.a('function');
       if (hutRootChild) {
         expect(shouldExportNode(hutMesh)).to.equal(true);
         expect(shouldExportNode(hutRootChild)).to.equal(true);
@@ -67,9 +59,9 @@ export function runXRExportTests(flock) {
       }
     });
 
-    it("keeps regular single-model export coverage", async function () {
+    it('keeps regular single-model export coverage', async function () {
       const treeId = flock.createObject({
-        modelName: "tree.glb",
+        modelName: 'tree.glb',
         modelId: `tree.glb__single_export_${Date.now()}`,
         position: { x: -2, y: 0, z: 0 },
       });
@@ -77,25 +69,19 @@ export function runXRExportTests(flock) {
 
       const originalGLBAsync = flock.EXPORT.GLTF2Export.GLBAsync;
       let shouldExportNode;
-      flock.EXPORT.GLTF2Export.GLBAsync = async (
-        _scene,
-        _filename,
-        options,
-      ) => {
+      flock.EXPORT.GLTF2Export.GLBAsync = async (_scene, _filename, options) => {
         shouldExportNode = options?.shouldExportNode;
         return { downloadFiles() {} };
       };
 
       try {
-        await flock.exportMesh(treeId, "GLB");
+        await flock.exportMesh(treeId, 'GLB');
       } finally {
         flock.EXPORT.GLTF2Export.GLBAsync = originalGLBAsync;
       }
 
-      expect(shouldExportNode).to.be.a("function");
-      const treeRootChild = treeMesh
-        .getChildMeshes()
-        .find((child) => child.name === "__root__");
+      expect(shouldExportNode).to.be.a('function');
+      const treeRootChild = treeMesh.getChildMeshes().find((child) => child.name === '__root__');
       if (treeRootChild) {
         expect(shouldExportNode(treeMesh)).to.equal(true);
         expect(shouldExportNode(treeRootChild)).to.equal(true);
diff --git a/tests/xr.test.js b/tests/xr.test.js
index c2f23dc0a..444b543c7 100644
--- a/tests/xr.test.js
+++ b/tests/xr.test.js
@@ -1,18 +1,18 @@
-import { expect } from "chai";
+import { expect } from 'chai';
 
 export function runXRTests(flock) {
-  describe("XR API @xr", function () {
-    describe("setCameraBackground", function () {
+  describe('XR API @xr', function () {
+    describe('setCameraBackground', function () {
       it("should not throw when called with 'user'", function () {
-        expect(() => flock.setCameraBackground("user")).to.not.throw();
+        expect(() => flock.setCameraBackground('user')).to.not.throw();
       });
 
       it("should not throw when called with 'environment'", function () {
-        expect(() => flock.setCameraBackground("environment")).to.not.throw();
+        expect(() => flock.setCameraBackground('environment')).to.not.throw();
       });
     });
 
-    describe("setXRMode", function () {
+    describe('setXRMode', function () {
       let originalInitializeXR;
       let originalPrintText;
 
@@ -31,12 +31,12 @@ export function runXRTests(flock) {
         delete window.translate;
       });
 
-      it("should not throw for VR mode", async function () {
-        await flock.setXRMode("VR");
+      it('should not throw for VR mode', async function () {
+        await flock.setXRMode('VR');
       });
 
-      it("should not throw for AR mode", async function () {
-        await flock.setXRMode("AR");
+      it('should not throw for AR mode', async function () {
+        await flock.setXRMode('AR');
       });
     });
   });
diff --git a/toolbox.js b/toolbox.js
index 990b2583f..e52e704f1 100644
--- a/toolbox.js
+++ b/toolbox.js
@@ -1,5 +1,5 @@
-import * as Blockly from "blockly";
-import "@blockly/toolbox-search";
+import * as Blockly from 'blockly';
+import '@blockly/toolbox-search';
 
 export const categoryColours = {
   Events: 5,
@@ -10,36 +10,36 @@ export const categoryColours = {
   Sound: 25,
   Sensing: 180,
   Snippets: 200,
-  Control: "%{BKY_LOOPS_HUE}",
-  Logic: "%{BKY_LOGIC_HUE}",
-  Variables: "%{BKY_VARIABLES_HUE}",
-  Text: "%{BKY_TEXTS_HUE}",
-  Lists: "%{BKY_LISTS_HUE}",
-  Math: "%{BKY_MATH_HUE}",
-  Procedures: "%{BKY_PROCEDURES_HUE}",
+  Control: '%{BKY_LOOPS_HUE}',
+  Logic: '%{BKY_LOGIC_HUE}',
+  Variables: '%{BKY_VARIABLES_HUE}',
+  Text: '%{BKY_TEXTS_HUE}',
+  Lists: '%{BKY_LISTS_HUE}',
+  Math: '%{BKY_MATH_HUE}',
+  Procedures: '%{BKY_PROCEDURES_HUE}',
 };
 
 const toolboxSearch = {
-  kind: "search",
-  name: "Search",
+  kind: 'search',
+  name: 'Search',
   contents: [],
 };
 
 const toolboxSceneMeshes = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_MESHES}",
-  icon: "./images/meshes.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_MESHES}',
+  icon: './images/meshes.svg',
   //colour: categoryColours["Scene"],
-  categorystyle: "scene_category",
+  categorystyle: 'scene_category',
   contents: [
     {
-      kind: "block",
-      type: "load_model",
-      keyword: "model",
+      kind: 'block',
+      type: 'load_model',
+      keyword: 'model',
       inputs: {
         SCALE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -47,7 +47,7 @@ const toolboxSceneMeshes = {
         },
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -55,7 +55,7 @@ const toolboxSceneMeshes = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -63,7 +63,7 @@ const toolboxSceneMeshes = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -72,13 +72,13 @@ const toolboxSceneMeshes = {
       },
     },
     {
-      kind: "block",
-      type: "load_character",
-      keyword: "character",
+      kind: 'block',
+      type: 'load_character',
+      keyword: 'character',
       inputs: {
         SCALE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -86,7 +86,7 @@ const toolboxSceneMeshes = {
         },
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -94,7 +94,7 @@ const toolboxSceneMeshes = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -102,7 +102,7 @@ const toolboxSceneMeshes = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -110,70 +110,70 @@ const toolboxSceneMeshes = {
         },
         HAIR_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#000000",
+              COLOR: '#000000',
             },
           },
         },
         SKIN_COLOR: {
           shadow: {
-            type: "skin_colour",
+            type: 'skin_colour',
             fields: {
-              COLOR: "A15C33",
+              COLOR: 'A15C33',
             },
           },
         },
         EYES_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#000000",
+              COLOR: '#000000',
             },
           },
         },
         SLEEVES_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#008B8B",
+              COLOR: '#008B8B',
             },
           },
         },
         SHORTS_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "00008B",
+              COLOR: '00008B',
             },
           },
         },
         TSHIRT_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#FF8F60",
+              COLOR: '#FF8F60',
             },
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "load_object",
-      keyword: "object",
+      kind: 'block',
+      type: 'load_object',
+      keyword: 'object',
       inputs: {
         COLOR: {
           shadow: {
-            type: "colour", // Correct type for color field
+            type: 'colour', // Correct type for color field
             fields: {
-              COLOR: "#FFD700", // Gold
+              COLOR: '#FFD700', // Gold
             },
           },
         },
         SCALE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -181,7 +181,7 @@ const toolboxSceneMeshes = {
         },
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -189,7 +189,7 @@ const toolboxSceneMeshes = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -197,7 +197,7 @@ const toolboxSceneMeshes = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -206,13 +206,13 @@ const toolboxSceneMeshes = {
       },
     },
     {
-      kind: "block",
-      type: "load_multi_object",
-      keyword: "multi",
+      kind: 'block',
+      type: 'load_multi_object',
+      keyword: 'multi',
       inputs: {
         SCALE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -220,7 +220,7 @@ const toolboxSceneMeshes = {
         },
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -228,7 +228,7 @@ const toolboxSceneMeshes = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -236,7 +236,7 @@ const toolboxSceneMeshes = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -244,23 +244,23 @@ const toolboxSceneMeshes = {
         },
         COLORS: {
           shadow: {
-            type: "lists_create_with",
+            type: 'lists_create_with',
             extraState: { itemCount: 2 },
             inline: true,
             inputs: {
               ADD0: {
                 shadow: {
-                  type: "colour",
+                  type: 'colour',
                   fields: {
-                    COLOR: "#66CDAA",
+                    COLOR: '#66CDAA',
                   },
                 },
               },
               ADD1: {
                 shadow: {
-                  type: "colour",
+                  type: 'colour',
                   fields: {
-                    COLOR: "#CD853F",
+                    COLOR: '#CD853F',
                   },
                 },
               },
@@ -270,21 +270,21 @@ const toolboxSceneMeshes = {
       },
     },
     {
-      kind: "block",
-      type: "create_box",
-      keyword: "box",
+      kind: 'block',
+      type: 'create_box',
+      keyword: 'box',
       inputs: {
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#6666cc",
+              COLOR: '#6666cc',
             },
           },
         },
         WIDTH: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -292,7 +292,7 @@ const toolboxSceneMeshes = {
         },
         HEIGHT: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -300,7 +300,7 @@ const toolboxSceneMeshes = {
         },
         DEPTH: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -308,7 +308,7 @@ const toolboxSceneMeshes = {
         },
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -316,7 +316,7 @@ const toolboxSceneMeshes = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -324,7 +324,7 @@ const toolboxSceneMeshes = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -333,21 +333,21 @@ const toolboxSceneMeshes = {
       },
     },
     {
-      kind: "block",
-      type: "create_sphere",
-      keyword: "sphere",
+      kind: 'block',
+      type: 'create_sphere',
+      keyword: 'sphere',
       inputs: {
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#ff6666",
+              COLOR: '#ff6666',
             },
           },
         },
         DIAMETER_X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -355,7 +355,7 @@ const toolboxSceneMeshes = {
         },
         DIAMETER_Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -363,7 +363,7 @@ const toolboxSceneMeshes = {
         },
         DIAMETER_Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -371,7 +371,7 @@ const toolboxSceneMeshes = {
         },
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -379,7 +379,7 @@ const toolboxSceneMeshes = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -387,7 +387,7 @@ const toolboxSceneMeshes = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -396,21 +396,21 @@ const toolboxSceneMeshes = {
       },
     },
     {
-      kind: "block",
-      type: "create_cylinder",
-      keyword: "cylinder",
+      kind: 'block',
+      type: 'create_cylinder',
+      keyword: 'cylinder',
       inputs: {
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#ffcc00",
+              COLOR: '#ffcc00',
             },
           },
         },
         HEIGHT: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -418,7 +418,7 @@ const toolboxSceneMeshes = {
         },
         DIAMETER_TOP: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -426,7 +426,7 @@ const toolboxSceneMeshes = {
         },
         DIAMETER_BOTTOM: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -435,7 +435,7 @@ const toolboxSceneMeshes = {
         TESSELLATIONS: {
           // Add the tessellations input
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 24, // Default tessellation value
             },
@@ -443,7 +443,7 @@ const toolboxSceneMeshes = {
         },
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -451,7 +451,7 @@ const toolboxSceneMeshes = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0.5,
             },
@@ -459,7 +459,7 @@ const toolboxSceneMeshes = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -468,21 +468,21 @@ const toolboxSceneMeshes = {
       },
     },
     {
-      kind: "block",
-      type: "create_capsule",
-      keyword: "capsule",
+      kind: 'block',
+      type: 'create_capsule',
+      keyword: 'capsule',
       inputs: {
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#339999",
+              COLOR: '#339999',
             },
           },
         },
         DIAMETER: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -490,7 +490,7 @@ const toolboxSceneMeshes = {
         },
         HEIGHT: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 2,
             },
@@ -498,7 +498,7 @@ const toolboxSceneMeshes = {
         },
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -506,7 +506,7 @@ const toolboxSceneMeshes = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -514,7 +514,7 @@ const toolboxSceneMeshes = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -523,21 +523,21 @@ const toolboxSceneMeshes = {
       },
     },
     {
-      kind: "block",
-      type: "create_plane",
-      keyword: "plane",
+      kind: 'block',
+      type: 'create_plane',
+      keyword: 'plane',
       inputs: {
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#cc33cc",
+              COLOR: '#cc33cc',
             },
           },
         },
         WIDTH: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 2,
             },
@@ -545,7 +545,7 @@ const toolboxSceneMeshes = {
         },
         HEIGHT: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 2,
             },
@@ -553,7 +553,7 @@ const toolboxSceneMeshes = {
         },
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -561,7 +561,7 @@ const toolboxSceneMeshes = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -569,7 +569,7 @@ const toolboxSceneMeshes = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -578,43 +578,43 @@ const toolboxSceneMeshes = {
       },
     },
     {
-      kind: "block",
-      type: "clone_mesh",
-      keyword: "clone",
+      kind: 'block',
+      type: 'clone_mesh',
+      keyword: 'clone',
     },
   ],
 };
 
 const toolboxSceneXR = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_XR}",
-  icon: "./images/xr.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_XR}',
+  icon: './images/xr.svg',
   //colour: categoryColours["Scene"],
-  categorystyle: "scene_category",
+  categorystyle: 'scene_category',
   contents: [
     {
-      kind: "block",
-      type: "device_camera_background",
-      keyword: "devcam",
+      kind: 'block',
+      type: 'device_camera_background',
+      keyword: 'devcam',
     },
     {
-      kind: "block",
-      type: "set_xr_mode",
-      keyword: "xr",
+      kind: 'block',
+      type: 'set_xr_mode',
+      keyword: 'xr',
     },
     {
-      kind: "block",
-      type: "export_mesh",
-      keyword: "export",
+      kind: 'block',
+      type: 'export_mesh',
+      keyword: 'export',
     },
     {
-      kind: "block",
-      type: "add_microbit",
-      keyword: "microbit",
+      kind: 'block',
+      type: 'add_microbit',
+      keyword: 'microbit',
       inputs: {
         CHANNEL: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -623,20 +623,20 @@ const toolboxSceneXR = {
       },
     },
     {
-      kind: "block",
-      type: "microbit_show_image",
-      keyword: "leds",
+      kind: 'block',
+      type: 'microbit_show_image',
+      keyword: 'leds',
     },
     {
-      kind: "block",
-      type: "microbit_scroll_text",
-      keyword: "scroll",
+      kind: 'block',
+      type: 'microbit_scroll_text',
+      keyword: 'scroll',
       inputs: {
         TEXT: {
           shadow: {
-            type: "text",
+            type: 'text',
             fields: {
-              TEXT: "Hello",
+              TEXT: 'Hello',
             },
           },
         },
@@ -713,20 +713,20 @@ const toolboxSceneXR = {
 };
 
 const toolboxSceneLights = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_EFFECTS}",
-  icon: "./images/lights.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_EFFECTS}',
+  icon: './images/lights.svg',
   //colour: categoryColours["Scene"],
-  categorystyle: "scene_category",
+  categorystyle: 'scene_category',
   contents: [
     {
-      kind: "block",
-      type: "main_light",
-      keyword: "intensity",
+      kind: 'block',
+      type: 'main_light',
+      keyword: 'intensity',
       inputs: {
         INTENSITY: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -734,40 +734,40 @@ const toolboxSceneLights = {
         },
         DIFFUSE: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#FFFFFF",
+              COLOR: '#FFFFFF',
             },
           },
         },
         GROUND_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#808080",
+              COLOR: '#808080',
             },
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "get_light",
-      keyword: "light",
+      kind: 'block',
+      type: 'get_light',
+      keyword: 'light',
     },
     {
-      kind: "block",
-      type: "enable_shadows",
-      keyword: "shadows",
+      kind: 'block',
+      type: 'enable_shadows',
+      keyword: 'shadows',
     },
     {
-      kind: "block",
-      type: "create_particle_effect",
-      keyword: "particle",
+      kind: 'block',
+      type: 'create_particle_effect',
+      keyword: 'particle',
       inputs: {
         RATE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 20,
             },
@@ -775,7 +775,7 @@ const toolboxSceneLights = {
         },
         MIN_SIZE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0.1,
             },
@@ -783,7 +783,7 @@ const toolboxSceneLights = {
         },
         MAX_SIZE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -791,23 +791,23 @@ const toolboxSceneLights = {
         },
         START_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#FFFFFF",
+              COLOR: '#FFFFFF',
             },
           },
         },
         END_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#00ffff",
+              COLOR: '#00ffff',
             },
           },
         },
         START_ALPHA: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -815,7 +815,7 @@ const toolboxSceneLights = {
         },
         END_ALPHA: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -824,7 +824,7 @@ const toolboxSceneLights = {
 
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -832,7 +832,7 @@ const toolboxSceneLights = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 2,
             },
@@ -840,7 +840,7 @@ const toolboxSceneLights = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -848,7 +848,7 @@ const toolboxSceneLights = {
         },
         MIN_LIFETIME: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -856,7 +856,7 @@ const toolboxSceneLights = {
         },
         MAX_LIFETIME: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 3,
             },
@@ -864,7 +864,7 @@ const toolboxSceneLights = {
         },
         MIN_ANGULAR_SPEED: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -872,7 +872,7 @@ const toolboxSceneLights = {
         },
         MAX_ANGULAR_SPEED: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -880,7 +880,7 @@ const toolboxSceneLights = {
         },
         MIN_INITIAL_ROTATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -888,7 +888,7 @@ const toolboxSceneLights = {
         },
         MAX_INITIAL_ROTATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -897,27 +897,27 @@ const toolboxSceneLights = {
       },
     },
     {
-      kind: "block",
-      type: "control_particle_system",
-      keyword: "cps",
+      kind: 'block',
+      type: 'control_particle_system',
+      keyword: 'cps',
       inputsInline: true,
     },
     {
-      kind: "block",
-      type: "set_fog",
-      keyword: "fog",
+      kind: 'block',
+      type: 'set_fog',
+      keyword: 'fog',
       inputs: {
         FOG_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#ffffff",
+              COLOR: '#ffffff',
             },
           },
         },
         DENSITY: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0.1,
             },
@@ -925,7 +925,7 @@ const toolboxSceneLights = {
         },
         START: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 50,
             },
@@ -933,7 +933,7 @@ const toolboxSceneLights = {
         },
         END: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 100,
             },
@@ -945,25 +945,25 @@ const toolboxSceneLights = {
 };
 
 const toolboxSceneCamera = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_CAMERA}",
-  icon: "./images/camera.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_CAMERA}',
+  icon: './images/camera.svg',
   //colour: categoryColours["Scene"],
-  categorystyle: "scene_category",
+  categorystyle: 'scene_category',
   contents: [
     {
-      kind: "block",
-      type: "get_camera",
-      keyword: "cam",
+      kind: 'block',
+      type: 'get_camera',
+      keyword: 'cam',
     },
     {
-      kind: "block",
-      type: "camera_follow",
-      keyword: "camfollow",
+      kind: 'block',
+      type: 'camera_follow',
+      keyword: 'camfollow',
       inputs: {
         RADIUS: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 7,
             },
@@ -972,30 +972,30 @@ const toolboxSceneCamera = {
       },
     },
     {
-      kind: "block",
-      type: "camera_control",
-      keyword: "cc",
+      kind: 'block',
+      type: 'camera_control',
+      keyword: 'cc',
     },
   ],
 };
 
 const toolboxScene = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_SCENE}",
-  icon: "./images/scene.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_SCENE}',
+  icon: './images/scene.svg',
   //colour: categoryColours["Scene"],
-  categorystyle: "scene_category",
+  categorystyle: 'scene_category',
   contents: [
     {
-      kind: "block",
-      type: "set_sky_color",
-      keyword: "sky",
+      kind: 'block',
+      type: 'set_sky_color',
+      keyword: 'sky',
       inputs: {
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#6495ED",
+              COLOR: '#6495ED',
             },
           },
         },
@@ -1017,26 +1017,26 @@ const toolboxScene = {
                         },
                 },*/
     {
-      kind: "block",
-      type: "create_map",
-      keyword: "map",
+      kind: 'block',
+      type: 'create_map',
+      keyword: 'map',
       inputs: {
         MATERIAL: {
           shadow: {
-            type: "material",
+            type: 'material',
             inputs: {
               BASE_COLOR: {
                 shadow: {
-                  type: "colour",
+                  type: 'colour',
                   fields: {
-                    COLOR: "#71BC78",
+                    COLOR: '#71BC78',
                   },
                 },
               },
 
               ALPHA: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 1.0, // Default alpha value: 1 (fully opaque)
                   },
@@ -1048,15 +1048,15 @@ const toolboxScene = {
       },
     },
     {
-      kind: "block",
-      type: "set_background_color",
-      keyword: "background",
+      kind: 'block',
+      type: 'set_background_color',
+      keyword: 'background',
       inputs: {
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#6495ED",
+              COLOR: '#6495ED',
             },
           },
         },
@@ -1078,19 +1078,19 @@ const toolboxScene = {
                         },
                 },*/
     {
-      kind: "block",
-      type: "show",
-      keyword: "show",
+      kind: 'block',
+      type: 'show',
+      keyword: 'show',
     },
     {
-      kind: "block",
-      type: "hide",
-      keyword: "hide",
+      kind: 'block',
+      type: 'hide',
+      keyword: 'hide',
     },
     {
-      kind: "block",
-      type: "dispose",
-      keyword: "dispose",
+      kind: 'block',
+      type: 'dispose',
+      keyword: 'dispose',
     },
     toolboxSceneMeshes,
     toolboxSceneLights,
@@ -1100,31 +1100,31 @@ const toolboxScene = {
 };
 
 const toolboxEvents = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_EVENTS}",
-  icon: "./images/events.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_EVENTS}',
+  icon: './images/events.svg',
   //colour: categoryColours["Events"],
-  categorystyle: "events_category",
+  categorystyle: 'events_category',
   contents: [
     {
-      kind: "block",
-      type: "start",
-      keyword: "start",
+      kind: 'block',
+      type: 'start',
+      keyword: 'start',
     },
     {
-      kind: "block",
-      type: "forever",
-      keyword: "ever",
+      kind: 'block',
+      type: 'forever',
+      keyword: 'ever',
     },
     {
-      kind: "block",
-      type: "when_clicked",
-      keyword: "click",
+      kind: 'block',
+      type: 'when_clicked',
+      keyword: 'click',
     },
     {
-      kind: "block",
-      type: "on_collision",
-      keyword: "collision",
+      kind: 'block',
+      type: 'on_collision',
+      keyword: 'collision',
     },
     /*{
                         kind: "block",
@@ -1132,35 +1132,35 @@ const toolboxEvents = {
                         keyword: "press",
                 },*/
     {
-      kind: "block",
-      type: "when_action_event",
-      keyword: "whenpressed",
+      kind: 'block',
+      type: 'when_action_event',
+      keyword: 'whenpressed',
     },
     {
-      kind: "block",
-      type: "broadcast_event",
-      keyword: "broadcast",
+      kind: 'block',
+      type: 'broadcast_event',
+      keyword: 'broadcast',
       inputs: {
         EVENT_NAME: {
           shadow: {
-            type: "text",
+            type: 'text',
             fields: {
-              TEXT: "go",
+              TEXT: 'go',
             },
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "on_event",
-      keyword: "on",
+      kind: 'block',
+      type: 'on_event',
+      keyword: 'on',
       inputs: {
         EVENT_NAME: {
           shadow: {
-            type: "text",
+            type: 'text',
             fields: {
-              TEXT: "go",
+              TEXT: 'go',
             },
           },
         },
@@ -1170,30 +1170,30 @@ const toolboxEvents = {
 };
 
 const toolboxTransformPhysics = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_PHYSICS}",
-  icon: "./images/physics.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_PHYSICS}',
+  icon: './images/physics.svg',
   //colour: categoryColours["Transform"],
-  categorystyle: "transform_category",
+  categorystyle: 'transform_category',
   contents: [
     {
-      kind: "block",
-      type: "add_physics",
-      keyword: "physics",
+      kind: 'block',
+      type: 'add_physics',
+      keyword: 'physics',
     },
     {
-      kind: "block",
-      type: "add_physics_shape",
-      keyword: "collider",
+      kind: 'block',
+      type: 'add_physics_shape',
+      keyword: 'collider',
     },
     {
-      kind: "block",
-      type: "apply_force",
-      keyword: "push",
+      kind: 'block',
+      type: 'apply_force',
+      keyword: 'push',
       inputs: {
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1201,7 +1201,7 @@ const toolboxTransformPhysics = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 2,
             },
@@ -1209,7 +1209,7 @@ const toolboxTransformPhysics = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1218,13 +1218,13 @@ const toolboxTransformPhysics = {
       },
     },
     {
-      kind: "block",
-      type: "jump",
-      keyword: "jump",
+      kind: 'block',
+      type: 'jump',
+      keyword: 'jump',
       inputs: {
         JUMP_HEIGHT: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1.5,
             },
@@ -1233,13 +1233,13 @@ const toolboxTransformPhysics = {
       },
     },
     {
-      kind: "block",
-      type: "set_speed",
-      keyword: "speed",
+      kind: 'block',
+      type: 'set_speed',
+      keyword: 'speed',
       inputs: {
         SPEED: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 5,
             },
@@ -1248,13 +1248,13 @@ const toolboxTransformPhysics = {
       },
     },
     {
-      kind: "block",
-      type: "set_bounciness",
-      keyword: "bouncy",
+      kind: 'block',
+      type: 'set_bounciness',
+      keyword: 'bouncy',
       inputs: {
         BOUNCINESS: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0.7,
             },
@@ -1263,18 +1263,18 @@ const toolboxTransformPhysics = {
       },
     },
     {
-      kind: "block",
-      type: "show_physics",
-      keyword: "colliders",
+      kind: 'block',
+      type: 'show_physics',
+      keyword: 'colliders',
     },
     {
-      kind: "block",
-      type: "move_forward",
-      keyword: "forward",
+      kind: 'block',
+      type: 'move_forward',
+      keyword: 'forward',
       inputs: {
         SPEED: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 3,
             },
@@ -1286,25 +1286,25 @@ const toolboxTransformPhysics = {
 };
 
 const toolboxTransformConnect = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_CONNECT}",
-  icon: "./images/connect.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_CONNECT}',
+  icon: './images/connect.svg',
   //colour: categoryColours["Transform"],
-  categorystyle: "transform_category",
+  categorystyle: 'transform_category',
   contents: [
     {
-      kind: "block",
-      type: "parent",
-      keyword: "parent",
+      kind: 'block',
+      type: 'parent',
+      keyword: 'parent',
     },
     {
-      kind: "block",
-      type: "parent_child",
-      keyword: "parch",
+      kind: 'block',
+      type: 'parent_child',
+      keyword: 'parch',
       inputs: {
         X_OFFSET: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1312,7 +1312,7 @@ const toolboxTransformConnect = {
         },
         Y_OFFSET: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1320,7 +1320,7 @@ const toolboxTransformConnect = {
         },
         Z_OFFSET: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1329,18 +1329,18 @@ const toolboxTransformConnect = {
       },
     },
     {
-      kind: "block",
-      type: "remove_parent",
-      keyword: "noparent",
+      kind: 'block',
+      type: 'remove_parent',
+      keyword: 'noparent',
     },
     {
-      kind: "block",
-      type: "follow",
-      keyword: "follow",
+      kind: 'block',
+      type: 'follow',
+      keyword: 'follow',
       inputs: {
         X_OFFSET: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1348,7 +1348,7 @@ const toolboxTransformConnect = {
         },
         Y_OFFSET: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1356,7 +1356,7 @@ const toolboxTransformConnect = {
         },
         Z_OFFSET: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1365,9 +1365,9 @@ const toolboxTransformConnect = {
       },
     },
     {
-      kind: "block",
-      type: "stop_follow",
-      keyword: "fstop",
+      kind: 'block',
+      type: 'stop_follow',
+      keyword: 'fstop',
     },
     /*{
                         kind: "block",
@@ -1401,13 +1401,13 @@ const toolboxTransformConnect = {
                         },
                 },*/
     {
-      kind: "block",
-      type: "attach",
-      keyword: "hold",
+      kind: 'block',
+      type: 'attach',
+      keyword: 'hold',
       inputs: {
         X_OFFSET: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1415,7 +1415,7 @@ const toolboxTransformConnect = {
         },
         Y_OFFSET: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1423,7 +1423,7 @@ const toolboxTransformConnect = {
         },
         Z_OFFSET: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1432,29 +1432,29 @@ const toolboxTransformConnect = {
       },
     },
     {
-      kind: "block",
-      type: "drop",
-      keyword: "drop",
+      kind: 'block',
+      type: 'drop',
+      keyword: 'drop',
     },
   ],
 };
 
 const toolboxTransformCombine = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_COMBINE}",
-  icon: "./images/combine.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_COMBINE}',
+  icon: './images/combine.svg',
   //colour: categoryColours["Transform"],
-  categorystyle: "transform_category",
+  categorystyle: 'transform_category',
   contents: [
     {
-      kind: "block",
-      type: "merge_meshes",
-      keyword: "merge",
+      kind: 'block',
+      type: 'merge_meshes',
+      keyword: 'merge',
       inputsInline: true,
       inputs: {
         MESH_LIST: {
           block: {
-            type: "lists_create_with",
+            type: 'lists_create_with',
             inline: true,
             extraState: {
               itemCount: 1,
@@ -1462,9 +1462,9 @@ const toolboxTransformCombine = {
             inputs: {
               ADD0: {
                 block: {
-                  type: "variables_get",
+                  type: 'variables_get',
                   fields: {
-                    VAR: "mesh1", // Default variable for a mesh
+                    VAR: 'mesh1', // Default variable for a mesh
                   },
                 },
               },
@@ -1474,14 +1474,14 @@ const toolboxTransformCombine = {
       },
     },
     {
-      kind: "block",
-      type: "subtract_meshes",
-      keyword: "subtract",
+      kind: 'block',
+      type: 'subtract_meshes',
+      keyword: 'subtract',
       inputsInline: true,
       inputs: {
         MESH_LIST: {
           block: {
-            type: "lists_create_with",
+            type: 'lists_create_with',
             inline: true,
             extraState: {
               itemCount: 1,
@@ -1489,9 +1489,9 @@ const toolboxTransformCombine = {
             inputs: {
               ADD0: {
                 block: {
-                  type: "variables_get",
+                  type: 'variables_get',
                   fields: {
-                    VAR: "object2", // Default variable for a mesh to subtract
+                    VAR: 'object2', // Default variable for a mesh to subtract
                   },
                 },
               },
@@ -1501,14 +1501,14 @@ const toolboxTransformCombine = {
       },
     },
     {
-      kind: "block",
-      type: "intersection_meshes",
-      keyword: "intersect",
+      kind: 'block',
+      type: 'intersection_meshes',
+      keyword: 'intersect',
       inputsInline: true,
       inputs: {
         MESH_LIST: {
           block: {
-            type: "lists_create_with",
+            type: 'lists_create_with',
             inline: true,
             extraState: {
               itemCount: 1,
@@ -1516,9 +1516,9 @@ const toolboxTransformCombine = {
             inputs: {
               ADD0: {
                 block: {
-                  type: "variables_get",
+                  type: 'variables_get',
                   fields: {
-                    VAR: "mesh1", // Default variable for a mesh
+                    VAR: 'mesh1', // Default variable for a mesh
                   },
                 },
               },
@@ -1528,14 +1528,14 @@ const toolboxTransformCombine = {
       },
     },
     {
-      kind: "block",
-      type: "hull_meshes",
-      keyword: "hull",
+      kind: 'block',
+      type: 'hull_meshes',
+      keyword: 'hull',
       inputsInline: true,
       inputs: {
         MESH_LIST: {
           block: {
-            type: "lists_create_with",
+            type: 'lists_create_with',
             inline: true,
             extraState: {
               itemCount: 1,
@@ -1543,9 +1543,9 @@ const toolboxTransformCombine = {
             inputs: {
               ADD0: {
                 block: {
-                  type: "variables_get",
+                  type: 'variables_get',
                   fields: {
-                    VAR: "mesh1", // Default variable for a mesh
+                    VAR: 'mesh1', // Default variable for a mesh
                   },
                 },
               },
@@ -1558,20 +1558,20 @@ const toolboxTransformCombine = {
 };
 
 const toolboxTransform = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_TRANSFORM}",
-  icon: "./images/motion.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_TRANSFORM}',
+  icon: './images/motion.svg',
   //colour: categoryColours["Transform"],
-  categorystyle: "transform_category",
+  categorystyle: 'transform_category',
   contents: [
     {
-      kind: "block",
-      type: "move_by_xyz",
-      keyword: "movexyz",
+      kind: 'block',
+      type: 'move_by_xyz',
+      keyword: 'movexyz',
       inputs: {
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -1579,7 +1579,7 @@ const toolboxTransform = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1587,7 +1587,7 @@ const toolboxTransform = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1596,13 +1596,13 @@ const toolboxTransform = {
       },
     },
     {
-      kind: "block",
-      type: "move_by_xyz_single",
-      keyword: "move",
+      kind: 'block',
+      type: 'move_by_xyz_single',
+      keyword: 'move',
       inputs: {
         VALUE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -1611,13 +1611,13 @@ const toolboxTransform = {
       },
     },
     {
-      kind: "block",
-      type: "move_to_xyz",
-      keyword: "posxyz",
+      kind: 'block',
+      type: 'move_to_xyz',
+      keyword: 'posxyz',
       inputs: {
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1625,7 +1625,7 @@ const toolboxTransform = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1633,7 +1633,7 @@ const toolboxTransform = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1642,13 +1642,13 @@ const toolboxTransform = {
       },
     },
     {
-      kind: "block",
-      type: "move_to_xyz_single",
-      keyword: "pos",
+      kind: 'block',
+      type: 'move_to_xyz_single',
+      keyword: 'pos',
       inputs: {
         VALUE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1657,18 +1657,18 @@ const toolboxTransform = {
       },
     },
     {
-      kind: "block",
-      type: "move_to",
-      keyword: "goto",
+      kind: 'block',
+      type: 'move_to',
+      keyword: 'goto',
     },
     {
-      kind: "block",
-      type: "rotate_model_xyz",
-      keyword: "rotatexyz",
+      kind: 'block',
+      type: 'rotate_model_xyz',
+      keyword: 'rotatexyz',
       inputs: {
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1676,7 +1676,7 @@ const toolboxTransform = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 45,
             },
@@ -1684,7 +1684,7 @@ const toolboxTransform = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1693,13 +1693,13 @@ const toolboxTransform = {
       },
     },
     {
-      kind: "block",
-      type: "rotate_to",
-      keyword: "rxyz",
+      kind: 'block',
+      type: 'rotate_to',
+      keyword: 'rxyz',
       inputs: {
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1707,7 +1707,7 @@ const toolboxTransform = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1715,7 +1715,7 @@ const toolboxTransform = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1724,18 +1724,18 @@ const toolboxTransform = {
       },
     },
     {
-      kind: "block",
-      type: "look_at",
-      keyword: "look",
+      kind: 'block',
+      type: 'look_at',
+      keyword: 'look',
     },
     {
-      kind: "block",
-      type: "scale",
-      keyword: "scale",
+      kind: 'block',
+      type: 'scale',
+      keyword: 'scale',
       inputs: {
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -1743,7 +1743,7 @@ const toolboxTransform = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -1751,7 +1751,7 @@ const toolboxTransform = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -1760,13 +1760,13 @@ const toolboxTransform = {
       },
     },
     {
-      kind: "block",
-      type: "resize",
-      keyword: "resize",
+      kind: 'block',
+      type: 'resize',
+      keyword: 'resize',
       inputs: {
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -1774,7 +1774,7 @@ const toolboxTransform = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -1782,7 +1782,7 @@ const toolboxTransform = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -1821,31 +1821,31 @@ const toolboxTransform = {
                         },
                 },*/
     {
-      kind: "block",
-      type: "set_pivot",
-      keyword: "pivot",
+      kind: 'block',
+      type: 'set_pivot',
+      keyword: 'pivot',
       inputs: {
         X_PIVOT: {
           shadow: {
-            type: "min_centre_max",
+            type: 'min_centre_max',
             fields: {
-              PIVOT_OPTION: "CENTER",
+              PIVOT_OPTION: 'CENTER',
             },
           },
         },
         Y_PIVOT: {
           shadow: {
-            type: "min_centre_max",
+            type: 'min_centre_max',
             fields: {
-              PIVOT_OPTION: "CENTER",
+              PIVOT_OPTION: 'CENTER',
             },
           },
         },
         Z_PIVOT: {
           shadow: {
-            type: "min_centre_max",
+            type: 'min_centre_max',
             fields: {
-              PIVOT_OPTION: "CENTER",
+              PIVOT_OPTION: 'CENTER',
             },
           },
         },
@@ -1858,40 +1858,40 @@ const toolboxTransform = {
 };
 
 const toolboxAnimateKeyframe = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_KEYFRAME}",
-  icon: "./images/keyframe.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_KEYFRAME}',
+  icon: './images/keyframe.svg',
   //colour: categoryColours["Animate"],
-  categorystyle: "animate_category",
+  categorystyle: 'animate_category',
   contents: [
     {
-      kind: "block",
-      type: "animation",
-      keyword: "animation",
+      kind: 'block',
+      type: 'animation',
+      keyword: 'animation',
       inputsInline: true, // Set lists to be inline
       inputs: {
         KEYFRAMES: {
           block: {
-            type: "lists_create_with",
+            type: 'lists_create_with',
             extraState: {
               itemCount: 1,
             },
             inputs: {
               ADD0: {
                 block: {
-                  type: "colour_keyframe", // Reusing your `colour_keyframe` block
+                  type: 'colour_keyframe', // Reusing your `colour_keyframe` block
                   inputs: {
                     VALUE: {
                       shadow: {
-                        type: "colour",
+                        type: 'colour',
                         fields: {
-                          COLOR: "#ff0000", // Default colour: Red
+                          COLOR: '#ff0000', // Default colour: Red
                         },
                       },
                     },
                     DURATION: {
                       shadow: {
-                        type: "math_number",
+                        type: 'math_number',
                         fields: {
                           NUM: 1, // Default duration: 1 second
                         },
@@ -1906,19 +1906,19 @@ const toolboxAnimateKeyframe = {
       },
     },
     {
-      kind: "block",
-      type: "control_animation_group",
-      keyword: "group",
+      kind: 'block',
+      type: 'control_animation_group',
+      keyword: 'group',
       inputsInline: true,
     },
     {
-      kind: "block",
-      type: "animate_from",
-      keyword: "animfrom",
+      kind: 'block',
+      type: 'animate_from',
+      keyword: 'animfrom',
       inputs: {
         TIME: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1.0, // Default time in seconds
             },
@@ -1927,21 +1927,21 @@ const toolboxAnimateKeyframe = {
       },
     },
     {
-      kind: "block",
-      type: "colour_keyframe",
-      keyword: "colkey",
+      kind: 'block',
+      type: 'colour_keyframe',
+      keyword: 'colkey',
       inputs: {
         VALUE: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#000080",
+              COLOR: '#000080',
             },
           },
         },
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 5,
             },
@@ -1950,13 +1950,13 @@ const toolboxAnimateKeyframe = {
       },
     },
     {
-      kind: "block",
-      type: "number_keyframe",
-      keyword: "numkey",
+      kind: 'block',
+      type: 'number_keyframe',
+      keyword: 'numkey',
       inputs: {
         VALUE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -1964,7 +1964,7 @@ const toolboxAnimateKeyframe = {
         },
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -1973,13 +1973,13 @@ const toolboxAnimateKeyframe = {
       },
     },
     {
-      kind: "block",
-      type: "xyz_keyframe",
-      keyword: "xyzkey",
+      kind: 'block',
+      type: 'xyz_keyframe',
+      keyword: 'xyzkey',
       inputs: {
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1987,7 +1987,7 @@ const toolboxAnimateKeyframe = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -1995,7 +1995,7 @@ const toolboxAnimateKeyframe = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -2003,7 +2003,7 @@ const toolboxAnimateKeyframe = {
         },
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -2020,49 +2020,49 @@ const toolboxAnimateKeyframe = {
 };
 
 const toolboxAnimate = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_ANIMATE}",
-  icon: "./images/animate.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_ANIMATE}',
+  icon: './images/animate.svg',
   //colour: categoryColours["Animate"],
-  categorystyle: "animate_category",
+  categorystyle: 'animate_category',
   contents: [
     {
-      kind: "block",
-      type: "switch_animation",
-      keyword: "switch",
+      kind: 'block',
+      type: 'switch_animation',
+      keyword: 'switch',
       inputs: {
         ANIMATION_NAME: {
           shadow: {
-            type: "animation_name",
+            type: 'animation_name',
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "play_animation",
-      keyword: "play",
+      kind: 'block',
+      type: 'play_animation',
+      keyword: 'play',
       inputs: {
         ANIMATION_NAME: {
           shadow: {
-            type: "animation_name",
+            type: 'animation_name',
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "animation_name",
-      keyword: "clip",
+      kind: 'block',
+      type: 'animation_name',
+      keyword: 'clip',
     },
     {
-      kind: "block",
-      type: "glide_to_seconds",
-      keyword: "glide",
+      kind: 'block',
+      type: 'glide_to_seconds',
+      keyword: 'glide',
       inputs: {
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -2070,7 +2070,7 @@ const toolboxAnimate = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -2078,7 +2078,7 @@ const toolboxAnimate = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -2086,7 +2086,7 @@ const toolboxAnimate = {
         },
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -2095,13 +2095,13 @@ const toolboxAnimate = {
       },
     },
     {
-      kind: "block",
-      type: "glide_to_object",
-      keyword: "glideto",
+      kind: 'block',
+      type: 'glide_to_object',
+      keyword: 'glideto',
       inputs: {
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -2110,13 +2110,13 @@ const toolboxAnimate = {
       },
     },
     {
-      kind: "block",
-      type: "glide_to_axis",
-      keyword: "glideaxis",
+      kind: 'block',
+      type: 'glide_to_axis',
+      keyword: 'glideaxis',
       inputs: {
         TARGET: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -2124,7 +2124,7 @@ const toolboxAnimate = {
         },
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -2133,13 +2133,13 @@ const toolboxAnimate = {
       },
     },
     {
-      kind: "block",
-      type: "rotate_anim_seconds",
-      keyword: "spin",
+      kind: 'block',
+      type: 'rotate_anim_seconds',
+      keyword: 'spin',
       inputs: {
         ROT_X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0, // Default rotation for X-axis
             },
@@ -2147,7 +2147,7 @@ const toolboxAnimate = {
         },
         ROT_Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0, // Default rotation for Y-axis
             },
@@ -2155,7 +2155,7 @@ const toolboxAnimate = {
         },
         ROT_Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0, // Default rotation for Z-axis
             },
@@ -2163,7 +2163,7 @@ const toolboxAnimate = {
         },
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -2172,13 +2172,13 @@ const toolboxAnimate = {
       },
     },
     {
-      kind: "block",
-      type: "rotate_to_object",
-      keyword: "rotateto",
+      kind: 'block',
+      type: 'rotate_to_object',
+      keyword: 'rotateto',
       inputs: {
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -2187,29 +2187,29 @@ const toolboxAnimate = {
       },
     },
     {
-      kind: "block",
-      type: "stop_animations",
-      keyword: "anistop",
+      kind: 'block',
+      type: 'stop_animations',
+      keyword: 'anistop',
     },
     toolboxAnimateKeyframe,
   ],
 };
 
 const toolboxControl = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_CONTROL}",
-  icon: "./images/control.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_CONTROL}',
+  icon: './images/control.svg',
   //colour: categoryColours["Control"],
-  categorystyle: "control_category",
+  categorystyle: 'control_category',
   contents: [
     {
-      kind: "block",
-      type: "wait_seconds",
-      keyword: "waits",
+      kind: 'block',
+      type: 'wait_seconds',
+      keyword: 'waits',
       inputs: {
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -2218,18 +2218,18 @@ const toolboxControl = {
       },
     },
     {
-      kind: "block",
-      type: "wait_until",
-      keyword: "until",
+      kind: 'block',
+      type: 'wait_until',
+      keyword: 'until',
     },
     {
-      kind: "block",
-      type: "controls_repeat_ext",
-      keyword: "repeat",
+      kind: 'block',
+      type: 'controls_repeat_ext',
+      keyword: 'repeat',
       inputs: {
         TIMES: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 10,
             },
@@ -2238,18 +2238,18 @@ const toolboxControl = {
       },
     },
     {
-      kind: "block",
-      type: "controls_whileUntil",
-      keyword: "while",
+      kind: 'block',
+      type: 'controls_whileUntil',
+      keyword: 'while',
     },
     {
-      kind: "block",
-      type: "controls_for",
-      keyword: "for",
+      kind: 'block',
+      type: 'controls_for',
+      keyword: 'for',
       inputs: {
         FROM: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -2257,7 +2257,7 @@ const toolboxControl = {
         },
         TO: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 9,
             },
@@ -2265,7 +2265,7 @@ const toolboxControl = {
         },
         BY: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -2306,28 +2306,28 @@ const toolboxControl = {
                         }
                 },*/
     {
-      kind: "block",
-      type: "controls_forEach",
-      keyword: "each",
+      kind: 'block',
+      type: 'controls_forEach',
+      keyword: 'each',
     },
     {
-      kind: "block",
-      type: "controls_flow_statements",
-      keyword: "break",
+      kind: 'block',
+      type: 'controls_flow_statements',
+      keyword: 'break',
     },
     {
-      kind: "block",
-      type: "local_variable",
-      keyword: "local",
+      kind: 'block',
+      type: 'local_variable',
+      keyword: 'local',
     },
     {
-      kind: "block",
-      type: "wait",
-      keyword: "wait",
+      kind: 'block',
+      type: 'wait',
+      keyword: 'wait',
       inputs: {
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1000,
             },
@@ -2339,11 +2339,11 @@ const toolboxControl = {
 };
 
 const toolboxCondition = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_CONDITION}",
-  icon: "./images/conditions.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_CONDITION}',
+  icon: './images/conditions.svg',
   //colour: categoryColours["Logic"],
-  categorystyle: "logic_category",
+  categorystyle: 'logic_category',
   contents: [
     // {
     //         kind: "block",
@@ -2351,59 +2351,59 @@ const toolboxCondition = {
     //         keyword: "if",
     // },
     {
-      kind: "block",
-      type: "if_clause",
-      keyword: "if",
+      kind: 'block',
+      type: 'if_clause',
+      keyword: 'if',
     },
     {
-      kind: "block",
-      type: "logic_compare",
-      keyword: "compare",
+      kind: 'block',
+      type: 'logic_compare',
+      keyword: 'compare',
       inputs: {
         B: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
-              NUM: "0",
+              NUM: '0',
             },
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "logic_operation",
-      keyword: "op",
+      kind: 'block',
+      type: 'logic_operation',
+      keyword: 'op',
     },
     {
-      kind: "block",
-      type: "logic_negate",
-      keyword: "not",
+      kind: 'block',
+      type: 'logic_negate',
+      keyword: 'not',
     },
     {
-      kind: "block",
-      type: "logic_boolean",
-      keyword: "bool",
+      kind: 'block',
+      type: 'logic_boolean',
+      keyword: 'bool',
     },
     {
-      kind: "block",
-      type: "logic_null",
-      keyword: "null",
+      kind: 'block',
+      type: 'logic_null',
+      keyword: 'null',
     },
     {
-      kind: "block",
-      type: "logic_ternary",
-      keyword: "ternary",
+      kind: 'block',
+      type: 'logic_ternary',
+      keyword: 'ternary',
     },
   ],
 };
 
 const toolboxSensing = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_SENSING}",
-  icon: "./images/sensing.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_SENSING}',
+  icon: './images/sensing.svg',
   //colour: categoryColours["Sensing"],
-  categorystyle: "sensing_category",
+  categorystyle: 'sensing_category',
   contents: [
     /*{
                         kind: "block",
@@ -2411,70 +2411,70 @@ const toolboxSensing = {
                         keyword: "ispressed",
                 },*/
     {
-      kind: "block",
-      type: "action_pressed",
-      keyword: "pressed",
+      kind: 'block',
+      type: 'action_pressed',
+      keyword: 'pressed',
     },
     {
-      kind: "block",
-      type: "set_action_key",
-      keyword: "setactionkey",
+      kind: 'block',
+      type: 'set_action_key',
+      keyword: 'setactionkey',
     },
     {
-      kind: "block",
-      type: "mesh_exists",
-      keyword: "exists",
+      kind: 'block',
+      type: 'mesh_exists',
+      keyword: 'exists',
     },
     {
-      kind: "block",
-      type: "touching_surface",
-      keyword: "surface",
+      kind: 'block',
+      type: 'touching_surface',
+      keyword: 'surface',
     },
     {
-      kind: "block",
-      type: "meshes_touching",
-      keyword: "istouching",
+      kind: 'block',
+      type: 'meshes_touching',
+      keyword: 'istouching',
     },
     {
-      kind: "block",
-      type: "get_property",
-      keyword: "get",
+      kind: 'block',
+      type: 'get_property',
+      keyword: 'get',
     },
     {
-      kind: "block",
-      type: "distance_to",
-      keyword: "dist",
+      kind: 'block',
+      type: 'distance_to',
+      keyword: 'dist',
     },
     {
-      kind: "block",
-      type: "ground_level",
-      keyword: "ground",
+      kind: 'block',
+      type: 'ground_level',
+      keyword: 'ground',
     },
     {
-      kind: "block",
-      type: "time",
-      keyword: "time",
+      kind: 'block',
+      type: 'time',
+      keyword: 'time',
     },
     {
-      kind: "block",
-      type: "canvas_controls",
-      keyword: "canvas",
+      kind: 'block',
+      type: 'canvas_controls',
+      keyword: 'canvas',
     },
     {
-      kind: "block",
-      type: "interact_indicator",
-      keyword: "indicator",
+      kind: 'block',
+      type: 'interact_indicator',
+      keyword: 'indicator',
     },
     {
-      kind: "block",
-      type: "on_screen_controls",
-      keyword: "onscreen",
+      kind: 'block',
+      type: 'on_screen_controls',
+      keyword: 'onscreen',
       inputs: {
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#FFFFFF",
+              COLOR: '#FFFFFF',
             },
           },
         },
@@ -2483,39 +2483,39 @@ const toolboxSensing = {
     {
       // Keyword lookup is exact-match, first-wins, so this must not reuse
       // add_microbit's "microbit".
-      kind: "block",
-      type: "microbit_input",
-      keyword: "microbitinput",
+      kind: 'block',
+      type: 'microbit_input',
+      keyword: 'microbitinput',
     },
   ],
 };
 
 const toolboxText = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_TEXT}",
-  icon: "./images/text.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_TEXT}',
+  icon: './images/text.svg',
   //colour: categoryColours["Text"],
-  categorystyle: "text_category",
+  categorystyle: 'text_category',
   contents: [
     {
-      kind: "block",
-      type: "print_text",
-      keyword: "print",
+      kind: 'block',
+      type: 'print_text',
+      keyword: 'print',
       inputs: {
         TEXT: {
           // Shadow text_join: print_text's onChange promotes it to a real
           // block on the canvas (so you can drop variables/blocks into the
           // items) and respawns it when dragged out, like set_material.
           shadow: {
-            type: "text_join",
+            type: 'text_join',
             extraState: { itemCount: 1 },
             inline: true,
             inputs: {
               ADD0: {
                 shadow: {
-                  type: "text",
+                  type: 'text',
                   fields: {
-                    TEXT: "Hello 🌈",
+                    TEXT: 'Hello 🌈',
                   },
                 },
               },
@@ -2524,7 +2524,7 @@ const toolboxText = {
         },
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 30,
             },
@@ -2532,30 +2532,30 @@ const toolboxText = {
         },
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#000080",
+              COLOR: '#000080',
             },
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "subtitle",
-      keyword: "subtitle",
+      kind: 'block',
+      type: 'subtitle',
+      keyword: 'subtitle',
       inputs: {
         TEXT: {
           shadow: {
-            type: "text",
+            type: 'text',
             fields: {
-              TEXT: "Hello",
+              TEXT: 'Hello',
             },
           },
         },
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -2564,21 +2564,21 @@ const toolboxText = {
       },
     },
     {
-      kind: "block",
-      type: "say",
-      keyword: "say",
+      kind: 'block',
+      type: 'say',
+      keyword: 'say',
       inputs: {
         TEXT: {
           shadow: {
-            type: "text",
+            type: 'text',
             fields: {
-              TEXT: "Hello",
+              TEXT: 'Hello',
             },
           },
         },
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 3,
             },
@@ -2586,7 +2586,7 @@ const toolboxText = {
         },
         ALPHA: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -2594,7 +2594,7 @@ const toolboxText = {
         },
         SIZE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 20,
             },
@@ -2602,41 +2602,41 @@ const toolboxText = {
         },
         TEXT_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#000000",
+              COLOR: '#000000',
             },
           },
         },
         BACKGROUND_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#ffffff",
+              COLOR: '#ffffff',
             },
           },
         },
       },
       fields: {
-        MODE: "ADD",
+        MODE: 'ADD',
       },
     },
     {
-      kind: "block",
-      type: "ui_text",
-      keyword: "uitext",
+      kind: 'block',
+      type: 'ui_text',
+      keyword: 'uitext',
       inputs: {
         TEXT: {
           shadow: {
-            type: "text",
+            type: 'text',
             fields: {
-              TEXT: "Info",
+              TEXT: 'Info',
             },
           },
         },
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -2644,15 +2644,15 @@ const toolboxText = {
         },
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#000080",
+              COLOR: '#000080',
             },
           },
         },
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 100,
             },
@@ -2660,7 +2660,7 @@ const toolboxText = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 50,
             },
@@ -2668,7 +2668,7 @@ const toolboxText = {
         },
         FONT_SIZE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 24,
             },
@@ -2676,15 +2676,15 @@ const toolboxText = {
         },
         BACKGROUND_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#ffffff",
+              COLOR: '#ffffff',
             },
           },
         },
         ALPHA: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -2693,21 +2693,21 @@ const toolboxText = {
       },
     },
     {
-      kind: "block",
-      type: "ui_button",
-      keyword: "uibutton",
+      kind: 'block',
+      type: 'ui_button',
+      keyword: 'uibutton',
       inputs: {
         TEXT: {
           shadow: {
-            type: "text",
+            type: 'text',
             fields: {
-              TEXT: "Click Me",
+              TEXT: 'Click Me',
             },
           },
         },
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 100,
             },
@@ -2715,7 +2715,7 @@ const toolboxText = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 50,
             },
@@ -2723,30 +2723,30 @@ const toolboxText = {
         },
         TEXT_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#FFFFFF", // Using "COLOR" to match your example
+              COLOR: '#FFFFFF', // Using "COLOR" to match your example
             },
           },
         },
         BACKGROUND_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#007ACC", // Using "COLOR" to match your example
+              COLOR: '#007ACC', // Using "COLOR" to match your example
             },
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "ui_input",
-      keyword: "uiinput",
+      kind: 'block',
+      type: 'ui_input',
+      keyword: 'uiinput',
       inputs: {
         TEXT: {
           shadow: {
-            type: "text",
+            type: 'text',
             fields: {
               TEXT: "What's your name?",
             },
@@ -2754,7 +2754,7 @@ const toolboxText = {
         },
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 100,
             },
@@ -2762,7 +2762,7 @@ const toolboxText = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 50,
             },
@@ -2770,7 +2770,7 @@ const toolboxText = {
         },
         TEXT_SIZE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 24,
             },
@@ -2778,33 +2778,33 @@ const toolboxText = {
         },
         TEXT_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#ffffff",
+              COLOR: '#ffffff',
             },
           },
         },
         BACKGROUND_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#000080",
+              COLOR: '#000080',
             },
           },
         },
       },
       fields: {
-        SIZE: "MEDIUM",
+        SIZE: 'MEDIUM',
       },
     },
     {
-      kind: "block",
-      type: "ui_slider",
-      keyword: "uislider",
+      kind: 'block',
+      type: 'ui_slider',
+      keyword: 'uislider',
       inputs: {
         MIN: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -2812,7 +2812,7 @@ const toolboxText = {
         },
         MAX: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 100,
             },
@@ -2820,7 +2820,7 @@ const toolboxText = {
         },
         VALUE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 50,
             },
@@ -2828,7 +2828,7 @@ const toolboxText = {
         },
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 100,
             },
@@ -2836,7 +2836,7 @@ const toolboxText = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 50,
             },
@@ -2844,81 +2844,81 @@ const toolboxText = {
         },
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#ffffff",
+              COLOR: '#ffffff',
             },
           },
         },
         BACKGROUND: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#000080",
+              COLOR: '#000080',
             },
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "text",
-      keyword: "text",
+      kind: 'block',
+      type: 'text',
+      keyword: 'text',
     },
     {
-      kind: "block",
-      type: "comment",
-      keyword: "//",
+      kind: 'block',
+      type: 'comment',
+      keyword: '//',
       inputs: {
         COMMENT: {
           shadow: {
-            type: "text",
+            type: 'text',
             fields: {
-              TEXT: "comment",
+              TEXT: 'comment',
             },
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "describe",
-      keyword: "describe",
+      kind: 'block',
+      type: 'describe',
+      keyword: 'describe',
       inputs: {
         TEXT: {
           shadow: {
-            type: "text",
+            type: 'text',
             fields: {
-              TEXT: "My Object",
+              TEXT: 'My Object',
             },
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "create_3d_text",
-      keyword: "text3d",
+      kind: 'block',
+      type: 'create_3d_text',
+      keyword: 'text3d',
       inputs: {
         TEXT: {
           shadow: {
-            type: "text",
+            type: 'text',
             fields: {
-              TEXT: "Hello World",
+              TEXT: 'Hello World',
             },
           },
         },
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#FFFFFF",
+              COLOR: '#FFFFFF',
             },
           },
         },
         SIZE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -2926,7 +2926,7 @@ const toolboxText = {
         },
         DEPTH: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1.0,
             },
@@ -2934,7 +2934,7 @@ const toolboxText = {
         },
         X: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -2942,7 +2942,7 @@ const toolboxText = {
         },
         Y: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -2950,7 +2950,7 @@ const toolboxText = {
         },
         Z: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0,
             },
@@ -2959,195 +2959,195 @@ const toolboxText = {
       },
     },
     {
-      kind: "category",
-      name: "%{BKY_CATEGORY_STRINGS}",
-      icon: "./images/text.svg",
+      kind: 'category',
+      name: '%{BKY_CATEGORY_STRINGS}',
+      icon: './images/text.svg',
       //colour: categoryColours["Text"],
-      categorystyle: "text_category",
+      categorystyle: 'text_category',
       contents: [
         {
-          kind: "block",
-          type: "text_join",
-          keyword: "jointext",
+          kind: 'block',
+          type: 'text_join',
+          keyword: 'jointext',
           extraState: { itemCount: 2 },
           inline: true,
           inputs: {
-            ADD0: { shadow: { type: "text" } },
-            ADD1: { shadow: { type: "text" } },
+            ADD0: { shadow: { type: 'text' } },
+            ADD1: { shadow: { type: 'text' } },
           },
         },
         {
-          kind: "block",
-          type: "text_append",
-          keyword: "join",
+          kind: 'block',
+          type: 'text_append',
+          keyword: 'join',
           inputs: {
             TEXT: {
               shadow: {
-                type: "text",
+                type: 'text',
               },
             },
           },
         },
         {
-          kind: "block",
-          type: "text_length",
-          keyword: "length",
+          kind: 'block',
+          type: 'text_length',
+          keyword: 'length',
           inputs: {
             VALUE: {
               shadow: {
-                type: "text",
+                type: 'text',
                 fields: {
-                  TEXT: "abc",
+                  TEXT: 'abc',
                 },
               },
             },
           },
         },
         {
-          kind: "block",
-          type: "text_isEmpty",
-          keyword: "isempty",
+          kind: 'block',
+          type: 'text_isEmpty',
+          keyword: 'isempty',
           inputs: {
             VALUE: {
               shadow: {
-                type: "text",
+                type: 'text',
                 fields: {
-                  TEXT: "",
+                  TEXT: '',
                 },
               },
             },
           },
         },
         {
-          kind: "block",
-          type: "text_indexOf",
-          keyword: "index",
+          kind: 'block',
+          type: 'text_indexOf',
+          keyword: 'index',
           inputs: {
             VALUE: {
               block: {
-                type: "variables_get",
+                type: 'variables_get',
                 fields: {
-                  VAR: "text",
+                  VAR: 'text',
                 },
               },
             },
             FIND: {
               shadow: {
-                type: "text",
+                type: 'text',
                 fields: {
-                  TEXT: "abc",
+                  TEXT: 'abc',
                 },
               },
             },
           },
         },
         {
-          kind: "block",
-          type: "text_charAt",
-          keyword: "charat",
+          kind: 'block',
+          type: 'text_charAt',
+          keyword: 'charat',
           inputs: {
             VALUE: {
               block: {
-                type: "variables_get",
+                type: 'variables_get',
                 fields: {
-                  VAR: "text",
+                  VAR: 'text',
                 },
               },
             },
           },
         },
         {
-          kind: "block",
-          type: "text_getSubstring",
-          keyword: "substring",
+          kind: 'block',
+          type: 'text_getSubstring',
+          keyword: 'substring',
           inputs: {
             STRING: {
               block: {
-                type: "variables_get",
+                type: 'variables_get',
                 fields: {
-                  VAR: "text",
+                  VAR: 'text',
                 },
               },
             },
           },
         },
         {
-          kind: "block",
-          type: "text_changeCase",
-          keyword: "case",
+          kind: 'block',
+          type: 'text_changeCase',
+          keyword: 'case',
           inputs: {
             TEXT: {
               shadow: {
-                type: "text",
+                type: 'text',
                 fields: {
-                  TEXT: "abc",
+                  TEXT: 'abc',
                 },
               },
             },
           },
         },
         {
-          kind: "block",
-          type: "text_trim",
-          keyword: "trim",
+          kind: 'block',
+          type: 'text_trim',
+          keyword: 'trim',
           inputs: {
             TEXT: {
               shadow: {
-                type: "text",
+                type: 'text',
                 fields: {
-                  TEXT: "abc",
+                  TEXT: 'abc',
                 },
               },
             },
           },
         },
         {
-          kind: "block",
-          type: "text_count",
-          keyword: "count",
+          kind: 'block',
+          type: 'text_count',
+          keyword: 'count',
           inputs: {
             SUB: {
               shadow: {
-                type: "text",
+                type: 'text',
               },
             },
             TEXT: {
               shadow: {
-                type: "text",
+                type: 'text',
               },
             },
           },
         },
         {
-          kind: "block",
-          type: "text_replace",
-          keyword: "replace",
+          kind: 'block',
+          type: 'text_replace',
+          keyword: 'replace',
           inputs: {
             FROM: {
               shadow: {
-                type: "text",
+                type: 'text',
               },
             },
             TO: {
               shadow: {
-                type: "text",
+                type: 'text',
               },
             },
             TEXT: {
               shadow: {
-                type: "text",
+                type: 'text',
               },
             },
           },
         },
         {
-          kind: "block",
-          type: "text_reverse",
-          keyword: "reverse",
+          kind: 'block',
+          type: 'text_reverse',
+          keyword: 'reverse',
           inputs: {
             TEXT: {
               shadow: {
-                type: "text",
+                type: 'text',
               },
             },
           },
@@ -3163,34 +3163,34 @@ const toolboxText = {
 };
 
 const toolboxMaterials = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_MATERIALS}",
-  icon: "./images/looks.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_MATERIALS}',
+  icon: './images/looks.svg',
   //colour: categoryColours["Materials"],
-  categorystyle: "materials_category",
+  categorystyle: 'materials_category',
   contents: [
     {
-      kind: "block",
-      type: "change_color",
-      keyword: "colour",
+      kind: 'block',
+      type: 'change_color',
+      keyword: 'colour',
       inputs: {
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#008080",
+              COLOR: '#008080',
             },
           },
           block: {
-            type: "lists_create_with",
+            type: 'lists_create_with',
             extraState: { itemCount: 1 },
             inline: true,
             inputs: {
               ADD0: {
                 shadow: {
-                  type: "colour",
+                  type: 'colour',
                   fields: {
-                    COLOR: "#008080",
+                    COLOR: '#008080',
                   },
                 },
               },
@@ -3200,13 +3200,13 @@ const toolboxMaterials = {
       },
     },
     {
-      kind: "block",
-      type: "set_alpha",
-      keyword: "alpha",
+      kind: 'block',
+      type: 'set_alpha',
+      keyword: 'alpha',
       inputs: {
         ALPHA: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0.5,
             },
@@ -3215,111 +3215,111 @@ const toolboxMaterials = {
       },
     },
     {
-      kind: "block",
-      type: "tint",
-      keyword: "tint",
+      kind: 'block',
+      type: 'tint',
+      keyword: 'tint',
       inputs: {
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#AA336A",
+              COLOR: '#AA336A',
             },
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "highlight",
-      keyword: "highlight",
+      kind: 'block',
+      type: 'highlight',
+      keyword: 'highlight',
       inputs: {
         COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#FFD700",
+              COLOR: '#FFD700',
             },
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "glow",
-      keyword: "glow",
+      kind: 'block',
+      type: 'glow',
+      keyword: 'glow',
     },
     {
-      kind: "block",
-      type: "set_shadow",
-      keyword: "shadow",
+      kind: 'block',
+      type: 'set_shadow',
+      keyword: 'shadow',
     },
     {
-      kind: "block",
-      type: "clear_effects",
-      keyword: "clear",
+      kind: 'block',
+      type: 'clear_effects',
+      keyword: 'clear',
     },
     {
-      kind: "block",
-      type: "colour",
-      keyword: "setcol",
+      kind: 'block',
+      type: 'colour',
+      keyword: 'setcol',
     },
     {
-      kind: "block",
-      type: "lists_create_with",
-      keyword: "colourlist",
+      kind: 'block',
+      type: 'lists_create_with',
+      keyword: 'colourlist',
       extraState: { itemCount: 2 },
       inline: true,
       inputs: {
         ADD0: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#FF5733",
+              COLOR: '#FF5733',
             },
           },
         },
         ADD1: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#FDFD96",
+              COLOR: '#FDFD96',
             },
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "random_colour",
-      keyword: "randcol",
+      kind: 'block',
+      type: 'random_colour',
+      keyword: 'randcol',
     },
     {
-      kind: "block",
-      type: "colour_from_string",
-      keyword: "colstr",
+      kind: 'block',
+      type: 'colour_from_string',
+      keyword: 'colstr',
     },
     {
-      kind: "block",
-      type: "set_material",
-      keyword: "setmat",
+      kind: 'block',
+      type: 'set_material',
+      keyword: 'setmat',
       inputs: {
         MATERIAL: {
           shadow: {
-            type: "material",
+            type: 'material',
             inputs: {
               BASE_COLOR: {
                 shadow: {
-                  type: "colour",
+                  type: 'colour',
                   fields: {
-                    COLOR: "#FF7F50",
+                    COLOR: '#FF7F50',
                   },
                 },
               },
 
               ALPHA: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 1.0, // Default alpha value: 1 (fully opaque)
                   },
@@ -3331,24 +3331,24 @@ const toolboxMaterials = {
       },
     },
     {
-      kind: "block",
-      type: "material",
-      keyword: "material",
+      kind: 'block',
+      type: 'material',
+      keyword: 'material',
       fields: {
-        TEXTURE_SET: "grass.png", // Use the named material
+        TEXTURE_SET: 'grass.png', // Use the named material
       },
       inputs: {
         BASE_COLOR: {
           shadow: {
-            type: "colour",
+            type: 'colour',
             fields: {
-              COLOR: "#00AA00", // Default to a green colour
+              COLOR: '#00AA00', // Default to a green colour
             },
           },
         },
         ALPHA: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1, // Default alpha value: 1 (fully opaque)
             },
@@ -3360,20 +3360,20 @@ const toolboxMaterials = {
 };
 
 const toolboxSound = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_SOUND}",
-  icon: "./images/sound.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_SOUND}',
+  icon: './images/sound.svg',
   //colour: categoryColours["Sound"],
-  categorystyle: "sound_category",
+  categorystyle: 'sound_category',
   contents: [
     {
-      kind: "block",
-      type: "play_theme",
-      keyword: "theme",
+      kind: 'block',
+      type: 'play_theme',
+      keyword: 'theme',
       inputs: {
         SPEED: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3381,7 +3381,7 @@ const toolboxSound = {
         },
         VOLUME: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3390,13 +3390,13 @@ const toolboxSound = {
       },
     },
     {
-      kind: "block",
-      type: "play_sound",
-      keyword: "sound",
+      kind: 'block',
+      type: 'play_sound',
+      keyword: 'sound',
       inputs: {
         SPEED: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3404,7 +3404,7 @@ const toolboxSound = {
         },
         VOLUME: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3413,18 +3413,18 @@ const toolboxSound = {
       },
     },
     {
-      kind: "block",
-      type: "stop_all_sounds",
-      keyword: "stopsound",
+      kind: 'block',
+      type: 'stop_all_sounds',
+      keyword: 'stopsound',
     },
     {
-      kind: "block",
-      type: "set_music_speed",
-      keyword: "musicspeed",
+      kind: 'block',
+      type: 'set_music_speed',
+      keyword: 'musicspeed',
       inputs: {
         SPEED: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3433,34 +3433,34 @@ const toolboxSound = {
       },
     },
     {
-      kind: "block",
-      type: "play_tune_notes",
-      keyword: "playtunenotes",
+      kind: 'block',
+      type: 'play_tune_notes',
+      keyword: 'playtunenotes',
       inputs: {
         NOTES: {
           block: {
-            type: "lists_create_with",
+            type: 'lists_create_with',
             extraState: { itemCount: 1 },
             inputs: {
               ADD0: {
                 block: {
-                  type: "lists_create_with",
+                  type: 'lists_create_with',
                   extraState: { itemCount: 4 },
                   inline: true,
                   inputs: {
                     ADD0: {
                       block: {
-                        type: "note",
+                        type: 'note',
                         inputs: {
                           PITCH: {
                             shadow: {
-                              type: "math_number",
+                              type: 'math_number',
                               fields: { NUM: 60 },
                             },
                           },
                           DURATION: {
                             shadow: {
-                              type: "math_number",
+                              type: 'math_number',
                               fields: { NUM: 0.5 },
                             },
                           },
@@ -3469,17 +3469,17 @@ const toolboxSound = {
                     },
                     ADD1: {
                       block: {
-                        type: "note",
+                        type: 'note',
                         inputs: {
                           PITCH: {
                             shadow: {
-                              type: "math_number",
+                              type: 'math_number',
                               fields: { NUM: 64 },
                             },
                           },
                           DURATION: {
                             shadow: {
-                              type: "math_number",
+                              type: 'math_number',
                               fields: { NUM: 0.5 },
                             },
                           },
@@ -3488,17 +3488,17 @@ const toolboxSound = {
                     },
                     ADD2: {
                       block: {
-                        type: "note",
+                        type: 'note',
                         inputs: {
                           PITCH: {
                             shadow: {
-                              type: "math_number",
+                              type: 'math_number',
                               fields: { NUM: 67 },
                             },
                           },
                           DURATION: {
                             shadow: {
-                              type: "math_number",
+                              type: 'math_number',
                               fields: { NUM: 0.5 },
                             },
                           },
@@ -3507,16 +3507,16 @@ const toolboxSound = {
                     },
                     ADD3: {
                       block: {
-                        type: "note",
+                        type: 'note',
                         inputs: {
                           PITCH: {
                             block: {
-                              type: "rest",
+                              type: 'rest',
                             },
                           },
                           DURATION: {
                             shadow: {
-                              type: "math_number",
+                              type: 'math_number',
                               fields: { NUM: 0.5 },
                             },
                           },
@@ -3531,22 +3531,22 @@ const toolboxSound = {
         },
         INSTRUMENT: {
           block: {
-            type: "instrument",
+            type: 'instrument',
             fields: {
-              INSTRUMENT_TYPE: "default",
+              INSTRUMENT_TYPE: 'default',
             },
           },
         },
       },
     },
     {
-      kind: "block",
-      type: "note",
-      keyword: "note",
+      kind: 'block',
+      type: 'note',
+      keyword: 'note',
       inputs: {
         PITCH: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 60,
             },
@@ -3554,7 +3554,7 @@ const toolboxSound = {
         },
         DURATION: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0.5,
             },
@@ -3563,28 +3563,28 @@ const toolboxSound = {
       },
     },
     {
-      kind: "block",
-      type: "rest",
-      keyword: "rest",
+      kind: 'block',
+      type: 'rest',
+      keyword: 'rest',
     },
     {
-      kind: "block",
-      type: "play_tune",
-      keyword: "playtune",
+      kind: 'block',
+      type: 'play_tune',
+      keyword: 'playtune',
     },
     {
-      kind: "block",
-      type: "instrument",
-      keyword: "instrument",
+      kind: 'block',
+      type: 'instrument',
+      keyword: 'instrument',
     },
     {
-      kind: "block",
-      type: "create_instrument",
-      keyword: "makeinstr",
+      kind: 'block',
+      type: 'create_instrument',
+      keyword: 'makeinstr',
       inputs: {
         VOLUME: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3592,7 +3592,7 @@ const toolboxSound = {
         },
         EFFECT_RATE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 5,
             },
@@ -3600,7 +3600,7 @@ const toolboxSound = {
         },
         EFFECT_DEPTH: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0.5,
             },
@@ -3608,7 +3608,7 @@ const toolboxSound = {
         },
         ATTACK: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0.1,
             },
@@ -3616,7 +3616,7 @@ const toolboxSound = {
         },
         DECAY: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0.5,
             },
@@ -3624,7 +3624,7 @@ const toolboxSound = {
         },
         SUSTAIN: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 0.7,
             },
@@ -3632,7 +3632,7 @@ const toolboxSound = {
         },
         RELEASE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3641,21 +3641,21 @@ const toolboxSound = {
       },
     },
     {
-      kind: "block",
-      type: "speak",
-      keyword: "speak",
+      kind: 'block',
+      type: 'speak',
+      keyword: 'speak',
       inputs: {
         TEXT: {
           shadow: {
-            type: "text",
+            type: 'text',
             fields: {
-              TEXT: "Hello",
+              TEXT: 'Hello',
             },
           },
         },
         RATE: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3663,7 +3663,7 @@ const toolboxSound = {
         },
         PITCH: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3671,7 +3671,7 @@ const toolboxSound = {
         },
         VOLUME: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3680,126 +3680,126 @@ const toolboxSound = {
       },
     },
     {
-      kind: "block",
-      type: "enable_subtitles",
-      keyword: "subtitles",
+      kind: 'block',
+      type: 'enable_subtitles',
+      keyword: 'subtitles',
     },
   ],
 };
 
 const toolboxLists = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_LISTS}",
-  icon: "./images/lists.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_LISTS}',
+  icon: './images/lists.svg',
   //colour: categoryColours["Lists"],
-  categorystyle: "lists_category",
-  custom: "LIST",
+  categorystyle: 'lists_category',
+  custom: 'LIST',
   contents: [
     {
-      kind: "block",
-      type: "lists_add_item",
-      keyword: "add",
+      kind: 'block',
+      type: 'lists_add_item',
+      keyword: 'add',
     },
     {
-      kind: "block",
-      type: "lists_delete_nth",
-      keyword: "delete",
+      kind: 'block',
+      type: 'lists_delete_nth',
+      keyword: 'delete',
     },
     {
-      kind: "block",
-      type: "lists_create_empty",
-      keyword: "list",
+      kind: 'block',
+      type: 'lists_create_empty',
+      keyword: 'list',
     },
     {
-      kind: "block",
-      type: "lists_create_with",
+      kind: 'block',
+      type: 'lists_create_with',
       inline: true,
       inputs: {},
-      keyword: "these",
+      keyword: 'these',
     },
     {
-      kind: "block",
-      type: "lists_repeat",
-      keyword: "item*",
+      kind: 'block',
+      type: 'lists_repeat',
+      keyword: 'item*',
     },
     {
-      kind: "block",
-      type: "lists_length",
-      keyword: "items",
+      kind: 'block',
+      type: 'lists_length',
+      keyword: 'items',
     },
     {
-      kind: "block",
-      type: "lists_isEmpty",
-      keyword: "noitems",
+      kind: 'block',
+      type: 'lists_isEmpty',
+      keyword: 'noitems',
     },
     {
-      kind: "block",
-      type: "lists_indexOf",
-      keyword: "find",
+      kind: 'block',
+      type: 'lists_indexOf',
+      keyword: 'find',
     },
     {
-      kind: "block",
-      type: "lists_getIndex",
-      keyword: "lget",
+      kind: 'block',
+      type: 'lists_getIndex',
+      keyword: 'lget',
     },
     {
-      kind: "block",
-      type: "lists_setIndex",
-      keyword: "lset",
+      kind: 'block',
+      type: 'lists_setIndex',
+      keyword: 'lset',
     },
     {
-      kind: "block",
-      type: "lists_getSublist",
-      keyword: "sublist",
+      kind: 'block',
+      type: 'lists_getSublist',
+      keyword: 'sublist',
     },
     {
-      kind: "block",
-      type: "lists_split",
-      keyword: "split",
+      kind: 'block',
+      type: 'lists_split',
+      keyword: 'split',
     },
     {
-      kind: "block",
-      type: "lists_sort",
-      keyword: "sort",
+      kind: 'block',
+      type: 'lists_sort',
+      keyword: 'sort',
     },
   ],
 };
 
 const toolboxVariables = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_VARIABLES_SUBCATEGORY}",
-  icon: "./images/variables.svg",
-  categorystyle: "variables_category",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_VARIABLES_SUBCATEGORY}',
+  icon: './images/variables.svg',
+  categorystyle: 'variables_category',
   contents: [],
-  custom: "VARIABLE",
+  custom: 'VARIABLE',
 };
 
 const toolboxData = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_VARIABLES}",
-  icon: "./images/data.svg",
-  categorystyle: "variables_category",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_VARIABLES}',
+  icon: './images/data.svg',
+  categorystyle: 'variables_category',
   contents: [toolboxVariables, toolboxLists],
 };
 
 const toolboxMath = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_MATH}",
-  icon: "./images/math.svg",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_MATH}',
+  icon: './images/math.svg',
   //colour: categoryColours["Math"],
-  categorystyle: "math_category",
+  categorystyle: 'math_category',
   contents: [
     {
-      kind: "block",
-      type: "math_arithmetic",
-      keyword: "math",
+      kind: 'block',
+      type: 'math_arithmetic',
+      keyword: 'math',
       fields: {
-        OP: "ADD",
+        OP: 'ADD',
       },
       inputs: {
         A: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3807,7 +3807,7 @@ const toolboxMath = {
         },
         B: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3816,13 +3816,13 @@ const toolboxMath = {
       },
     },
     {
-      kind: "block",
-      type: "math_random_int",
-      keyword: "randint",
+      kind: 'block',
+      type: 'math_random_int',
+      keyword: 'randint',
       inputs: {
         FROM: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3830,7 +3830,7 @@ const toolboxMath = {
         },
         TO: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 100,
             },
@@ -3839,13 +3839,13 @@ const toolboxMath = {
       },
     },
     {
-      kind: "block",
-      type: "random_seeded_int",
-      keyword: "seedrand",
+      kind: 'block',
+      type: 'random_seeded_int',
+      keyword: 'seedrand',
       inputs: {
         FROM: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3853,7 +3853,7 @@ const toolboxMath = {
         },
         TO: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 100,
             },
@@ -3861,7 +3861,7 @@ const toolboxMath = {
         },
         SEED: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 123456, // Default seed value
             },
@@ -3870,64 +3870,64 @@ const toolboxMath = {
       },
     },
     {
-      kind: "block",
-      type: "math_number",
-      keyword: "num",
+      kind: 'block',
+      type: 'math_number',
+      keyword: 'num',
       fields: {
         NUM: 0,
       },
     },
     {
-      kind: "block",
-      type: "to_number",
-      keyword: "ton",
+      kind: 'block',
+      type: 'to_number',
+      keyword: 'ton',
     },
     {
-      kind: "block",
-      type: "math_constant",
-      keyword: "pi",
+      kind: 'block',
+      type: 'math_constant',
+      keyword: 'pi',
     },
     {
-      kind: "block",
-      type: "math_number_property",
-      keyword: "even",
+      kind: 'block',
+      type: 'math_number_property',
+      keyword: 'even',
     },
     {
-      kind: "block",
-      type: "math_round",
-      keyword: "round",
+      kind: 'block',
+      type: 'math_round',
+      keyword: 'round',
     },
     {
-      kind: "block",
-      type: "math_single",
-      keyword: "abs",
+      kind: 'block',
+      type: 'math_single',
+      keyword: 'abs',
       fields: {
-        OP: "ABS",
+        OP: 'ABS',
       },
     },
     {
-      kind: "block",
-      type: "math_trig",
-      keyword: "trig",
+      kind: 'block',
+      type: 'math_trig',
+      keyword: 'trig',
     },
     {
-      kind: "block",
-      type: "math_on_list",
-      keyword: "lmath",
+      kind: 'block',
+      type: 'math_on_list',
+      keyword: 'lmath',
     },
     {
-      kind: "block",
-      type: "math_modulo",
-      keyword: "mod",
+      kind: 'block',
+      type: 'math_modulo',
+      keyword: 'mod',
     },
     {
-      kind: "block",
-      type: "math_constrain",
-      keyword: "constrain",
+      kind: 'block',
+      type: 'math_constrain',
+      keyword: 'constrain',
       inputs: {
         LOW: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 1,
             },
@@ -3935,7 +3935,7 @@ const toolboxMath = {
         },
         HIGH: {
           shadow: {
-            type: "math_number",
+            type: 'math_number',
             fields: {
               NUM: 100,
             },
@@ -3944,47 +3944,46 @@ const toolboxMath = {
       },
     },
     {
-      kind: "block",
-      type: "math_random_float",
-      keyword: "randf",
+      kind: 'block',
+      type: 'math_random_float',
+      keyword: 'randf',
     },
   ],
 };
 
 const toolboxSnippetsPhysics = {
-  kind: "category",
-  icon: "./images/physics.svg",
+  kind: 'category',
+  icon: './images/physics.svg',
   //colour: categoryColours["Snippets"],
-  categorystyle: "snippets_category",
-  name: "%{BKY_CATEGORY_PHYSICS}",
+  categorystyle: 'snippets_category',
+  name: '%{BKY_CATEGORY_PHYSICS}',
   contents: [
     {
-      kind: "block",
-      type: "start",
-      keyword: "playerstart",
+      kind: 'block',
+      type: 'start',
+      keyword: 'playerstart',
       inputs: {
         DO: {
           block: {
-            type: "create_box",
-            extraState:
-              '<mutation xmlns="http://www.w3.org/1999/xhtml" has_do="false"></mutation>',
+            type: 'create_box',
+            extraState: '<mutation xmlns="http://www.w3.org/1999/xhtml" has_do="false"></mutation>',
             fields: {
               ID_VAR: {
-                name: "box",
+                name: 'box',
               },
             },
             inputs: {
               COLOR: {
                 shadow: {
-                  type: "colour",
+                  type: 'colour',
                   fields: {
-                    COLOR: "#6633ff",
+                    COLOR: '#6633ff',
                   },
                 },
               },
               WIDTH: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 1,
                   },
@@ -3992,7 +3991,7 @@ const toolboxSnippetsPhysics = {
               },
               HEIGHT: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 1,
                   },
@@ -4000,7 +3999,7 @@ const toolboxSnippetsPhysics = {
               },
               DEPTH: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 1,
                   },
@@ -4008,7 +4007,7 @@ const toolboxSnippetsPhysics = {
               },
               X: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -4016,7 +4015,7 @@ const toolboxSnippetsPhysics = {
               },
               Y: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -4024,7 +4023,7 @@ const toolboxSnippetsPhysics = {
               },
               Z: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -4033,12 +4032,12 @@ const toolboxSnippetsPhysics = {
             },
             next: {
               block: {
-                type: "add_physics",
+                type: 'add_physics',
                 fields: {
                   MODEL_VAR: {
-                    name: "box",
+                    name: 'box',
                   },
-                  PHYSICS_TYPE: "DYNAMIC",
+                  PHYSICS_TYPE: 'DYNAMIC',
                 },
               },
             },
@@ -4047,30 +4046,29 @@ const toolboxSnippetsPhysics = {
       },
     },
     {
-      kind: "block",
-      type: "when_clicked",
-      keyword: "clickbox",
-      extraState:
-        '<mutation xmlns="http://www.w3.org/1999/xhtml" inline="false"></mutation>',
+      kind: 'block',
+      type: 'when_clicked',
+      keyword: 'clickbox',
+      extraState: '<mutation xmlns="http://www.w3.org/1999/xhtml" inline="false"></mutation>',
       fields: {
         MODEL_VAR: {
-          name: "box",
+          name: 'box',
         },
-        TRIGGER: "OnPickTrigger",
+        TRIGGER: 'OnPickTrigger',
       },
       inputs: {
         DO: {
           block: {
-            type: "apply_force",
+            type: 'apply_force',
             fields: {
               MESH_VAR: {
-                name: "box",
+                name: 'box',
               },
             },
             inputs: {
               X: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 2,
                   },
@@ -4078,7 +4076,7 @@ const toolboxSnippetsPhysics = {
               },
               Y: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -4086,7 +4084,7 @@ const toolboxSnippetsPhysics = {
               },
               Z: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -4098,28 +4096,28 @@ const toolboxSnippetsPhysics = {
       },
     },
     {
-      kind: "block",
-      type: "start",
+      kind: 'block',
+      type: 'start',
       inputs: {
         DO: {
           block: {
-            type: "create_sphere",
+            type: 'create_sphere',
             ID_VAR: {
-              name: "sphere",
-              type: "",
+              name: 'sphere',
+              type: '',
             },
             inputs: {
               COLOR: {
                 shadow: {
-                  type: "colour",
+                  type: 'colour',
                   fields: {
-                    COLOR: "#9932cc",
+                    COLOR: '#9932cc',
                   },
                 },
               },
               DIAMETER_X: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 1,
                   },
@@ -4127,7 +4125,7 @@ const toolboxSnippetsPhysics = {
               },
               DIAMETER_Y: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 1,
                   },
@@ -4135,7 +4133,7 @@ const toolboxSnippetsPhysics = {
               },
               DIAMETER_Z: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 1,
                   },
@@ -4143,7 +4141,7 @@ const toolboxSnippetsPhysics = {
               },
               X: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -4151,7 +4149,7 @@ const toolboxSnippetsPhysics = {
               },
               Y: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -4159,7 +4157,7 @@ const toolboxSnippetsPhysics = {
               },
               Z: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -4168,27 +4166,27 @@ const toolboxSnippetsPhysics = {
             },
             next: {
               block: {
-                type: "add_physics",
+                type: 'add_physics',
                 fields: {
                   MODEL_VAR: {
-                    name: "sphere",
-                    type: "",
+                    name: 'sphere',
+                    type: '',
                   },
-                  PHYSICS_TYPE: "DYNAMIC",
+                  PHYSICS_TYPE: 'DYNAMIC',
                 },
                 next: {
                   block: {
-                    type: "apply_force",
+                    type: 'apply_force',
                     fields: {
                       MESH_VAR: {
-                        name: "sphere",
-                        type: "",
+                        name: 'sphere',
+                        type: '',
                       },
                     },
                     inputs: {
                       X: {
                         shadow: {
-                          type: "math_number",
+                          type: 'math_number',
                           fields: {
                             NUM: 1,
                           },
@@ -4196,7 +4194,7 @@ const toolboxSnippetsPhysics = {
                       },
                       Y: {
                         shadow: {
-                          type: "math_number",
+                          type: 'math_number',
                           fields: {
                             NUM: 2,
                           },
@@ -4204,7 +4202,7 @@ const toolboxSnippetsPhysics = {
                       },
                       Z: {
                         shadow: {
-                          type: "math_number",
+                          type: 'math_number',
                           fields: {
                             NUM: 1,
                           },
@@ -4220,33 +4218,32 @@ const toolboxSnippetsPhysics = {
       },
     },
     {
-      kind: "block",
-      type: "start",
+      kind: 'block',
+      type: 'start',
       inputs: {
         DO: {
           block: {
-            type: "load_object",
-            extraState:
-              '<mutation xmlns="http://www.w3.org/1999/xhtml" has_do="false"></mutation>',
+            type: 'load_object',
+            extraState: '<mutation xmlns="http://www.w3.org/1999/xhtml" has_do="false"></mutation>',
             fields: {
               ID_VAR: {
-                name: "star",
-                type: "",
+                name: 'star',
+                type: '',
               },
-              MODELS: "Star.glb",
+              MODELS: 'Star.glb',
             },
             inputs: {
               COLOR: {
                 shadow: {
-                  type: "colour",
+                  type: 'colour',
                   fields: {
-                    COLOR: "#ffd700",
+                    COLOR: '#ffd700',
                   },
                 },
               },
               SCALE: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 1,
                   },
@@ -4254,7 +4251,7 @@ const toolboxSnippetsPhysics = {
               },
               X: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -4262,7 +4259,7 @@ const toolboxSnippetsPhysics = {
               },
               Y: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 50,
                   },
@@ -4270,7 +4267,7 @@ const toolboxSnippetsPhysics = {
               },
               Z: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -4279,12 +4276,12 @@ const toolboxSnippetsPhysics = {
             },
             next: {
               block: {
-                type: "add_physics",
+                type: 'add_physics',
                 fields: {
                   MODEL_VAR: {
-                    name: "star",
+                    name: 'star',
                   },
-                  PHYSICS_TYPE: "DYNAMIC",
+                  PHYSICS_TYPE: 'DYNAMIC',
                 },
               },
             },
@@ -4293,33 +4290,32 @@ const toolboxSnippetsPhysics = {
       },
     },
     {
-      kind: "block",
-      type: "start",
+      kind: 'block',
+      type: 'start',
       inputs: {
         DO: {
           block: {
-            type: "load_object",
-            extraState:
-              '<mutation xmlns="http://www.w3.org/1999/xhtml" has_do="true"></mutation>',
+            type: 'load_object',
+            extraState: '<mutation xmlns="http://www.w3.org/1999/xhtml" has_do="true"></mutation>',
             fields: {
               ID_VAR: {
-                name: "heart",
-                type: "",
+                name: 'heart',
+                type: '',
               },
-              MODELS: "Heart.glb",
+              MODELS: 'Heart.glb',
             },
             inputs: {
               COLOR: {
                 shadow: {
-                  type: "colour",
+                  type: 'colour',
                   fields: {
-                    COLOR: "#cc0000",
+                    COLOR: '#cc0000',
                   },
                 },
               },
               SCALE: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 1,
                   },
@@ -4327,7 +4323,7 @@ const toolboxSnippetsPhysics = {
               },
               X: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -4335,7 +4331,7 @@ const toolboxSnippetsPhysics = {
               },
               Y: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 50,
                   },
@@ -4343,7 +4339,7 @@ const toolboxSnippetsPhysics = {
               },
               Z: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -4351,16 +4347,16 @@ const toolboxSnippetsPhysics = {
               },
               DO: {
                 block: {
-                  type: "rotate_to",
+                  type: 'rotate_to',
                   fields: {
                     MODEL: {
-                      name: "heart",
+                      name: 'heart',
                     },
                   },
                   inputs: {
                     X: {
                       shadow: {
-                        type: "math_number",
+                        type: 'math_number',
                         fields: {
                           NUM: 0,
                         },
@@ -4368,7 +4364,7 @@ const toolboxSnippetsPhysics = {
                     },
                     Y: {
                       shadow: {
-                        type: "math_number",
+                        type: 'math_number',
                         fields: {
                           NUM: 0,
                         },
@@ -4376,7 +4372,7 @@ const toolboxSnippetsPhysics = {
                     },
                     Z: {
                       shadow: {
-                        type: "math_number",
+                        type: 'math_number',
                         fields: {
                           NUM: -40,
                         },
@@ -4388,12 +4384,12 @@ const toolboxSnippetsPhysics = {
             },
             next: {
               block: {
-                type: "add_physics",
+                type: 'add_physics',
                 fields: {
                   MODEL_VAR: {
-                    name: "heart",
+                    name: 'heart',
                   },
-                  PHYSICS_TYPE: "DYNAMIC",
+                  PHYSICS_TYPE: 'DYNAMIC',
                 },
               },
             },
@@ -4405,48 +4401,48 @@ const toolboxSnippetsPhysics = {
 };
 
 const toolboxSnippetsMovement = {
-  kind: "category",
-  icon: "./images/arrows.svg",
-  categorystyle: "snippets_category",
-  name: "%{BKY_CATEGORY_MOVEMENT}",
+  kind: 'category',
+  icon: './images/arrows.svg',
+  categorystyle: 'snippets_category',
+  name: '%{BKY_CATEGORY_MOVEMENT}',
   contents: [
     {
-      kind: "block",
-      type: "forever",
-      keyword: "move8",
+      kind: 'block',
+      type: 'forever',
+      keyword: 'move8',
       inputs: {
         DO: {
           block: {
-            type: "if_clause",
+            type: 'if_clause',
             extraState: {
-              mode: "IF",
+              mode: 'IF',
               stashedCondState: null,
             },
             fields: {
-              MODE: "IF",
+              MODE: 'IF',
             },
             inputs: {
               COND: {
                 block: {
-                  type: "action_pressed",
+                  type: 'action_pressed',
                   fields: {
-                    ACTION: "FORWARD",
+                    ACTION: 'FORWARD',
                   },
                 },
               },
               DO: {
                 block: {
-                  type: "move_forward",
+                  type: 'move_forward',
                   fields: {
                     MODEL: {
-                      name: "player",
+                      name: 'player',
                     },
-                    DIRECTION: "forward",
+                    DIRECTION: 'forward',
                   },
                   inputs: {
                     SPEED: {
                       shadow: {
-                        type: "math_number",
+                        type: 'math_number',
                         fields: {
                           NUM: 3,
                         },
@@ -4455,18 +4451,18 @@ const toolboxSnippetsMovement = {
                   },
                   next: {
                     block: {
-                      type: "switch_animation",
+                      type: 'switch_animation',
                       fields: {
                         MODEL: {
-                          name: "player",
+                          name: 'player',
                         },
                       },
                       inputs: {
                         ANIMATION_NAME: {
                           shadow: {
-                            type: "animation_name",
+                            type: 'animation_name',
                             fields: {
-                              ANIMATION_NAME: "Walk",
+                              ANIMATION_NAME: 'Walk',
                             },
                           },
                         },
@@ -4478,36 +4474,36 @@ const toolboxSnippetsMovement = {
             },
             next: {
               block: {
-                type: "if_clause",
+                type: 'if_clause',
                 extraState: {
-                  mode: "ELSEIF",
+                  mode: 'ELSEIF',
                   stashedCondState: null,
                 },
                 fields: {
-                  MODE: "ELSEIF",
+                  MODE: 'ELSEIF',
                 },
                 inputs: {
                   COND: {
                     block: {
-                      type: "action_pressed",
+                      type: 'action_pressed',
                       fields: {
-                        ACTION: "BACKWARD",
+                        ACTION: 'BACKWARD',
                       },
                     },
                   },
                   DO: {
                     block: {
-                      type: "move_forward",
+                      type: 'move_forward',
                       fields: {
                         MODEL: {
-                          name: "player",
+                          name: 'player',
                         },
-                        DIRECTION: "forward",
+                        DIRECTION: 'forward',
                       },
                       inputs: {
                         SPEED: {
                           shadow: {
-                            type: "math_number",
+                            type: 'math_number',
                             fields: {
                               NUM: -3,
                             },
@@ -4516,18 +4512,18 @@ const toolboxSnippetsMovement = {
                       },
                       next: {
                         block: {
-                          type: "switch_animation",
+                          type: 'switch_animation',
                           fields: {
                             MODEL: {
-                              name: "player",
+                              name: 'player',
                             },
                           },
                           inputs: {
                             ANIMATION_NAME: {
                               shadow: {
-                                type: "animation_name",
+                                type: 'animation_name',
                                 fields: {
-                                  ANIMATION_NAME: "Walk",
+                                  ANIMATION_NAME: 'Walk',
                                 },
                               },
                             },
@@ -4539,29 +4535,29 @@ const toolboxSnippetsMovement = {
                 },
                 next: {
                   block: {
-                    type: "if_clause",
+                    type: 'if_clause',
                     extraState: {
-                      mode: "ELSE",
+                      mode: 'ELSE',
                       stashedCondState: null,
                     },
                     fields: {
-                      MODE: "ELSE",
+                      MODE: 'ELSE',
                     },
                     inputs: {
                       DO: {
                         block: {
-                          type: "switch_animation",
+                          type: 'switch_animation',
                           fields: {
                             MODEL: {
-                              name: "player",
+                              name: 'player',
                             },
                           },
                           inputs: {
                             ANIMATION_NAME: {
                               shadow: {
-                                type: "animation_name",
+                                type: 'animation_name',
                                 fields: {
-                                  ANIMATION_NAME: "Idle",
+                                  ANIMATION_NAME: 'Idle',
                                 },
                               },
                             },
@@ -4578,41 +4574,41 @@ const toolboxSnippetsMovement = {
       },
     },
     {
-      kind: "block",
-      type: "forever",
+      kind: 'block',
+      type: 'forever',
       inputs: {
         DO: {
           block: {
-            type: "if_clause",
+            type: 'if_clause',
             extraState: {
-              mode: "IF",
+              mode: 'IF',
               stashedCondState: null,
             },
             fields: {
-              MODE: "IF",
+              MODE: 'IF',
             },
             inputs: {
               COND: {
                 block: {
-                  type: "action_pressed",
+                  type: 'action_pressed',
                   fields: {
-                    ACTION: "FORWARD",
+                    ACTION: 'FORWARD',
                   },
                 },
               },
               DO: {
                 block: {
-                  type: "move_forward",
+                  type: 'move_forward',
                   fields: {
                     MODEL: {
-                      name: "player",
+                      name: 'player',
                     },
-                    DIRECTION: "forward",
+                    DIRECTION: 'forward',
                   },
                   inputs: {
                     SPEED: {
                       shadow: {
-                        type: "math_number",
+                        type: 'math_number',
                         fields: {
                           NUM: 3,
                         },
@@ -4621,18 +4617,18 @@ const toolboxSnippetsMovement = {
                   },
                   next: {
                     block: {
-                      type: "switch_animation",
+                      type: 'switch_animation',
                       fields: {
                         MODEL: {
-                          name: "player",
+                          name: 'player',
                         },
                       },
                       inputs: {
                         ANIMATION_NAME: {
                           shadow: {
-                            type: "animation_name",
+                            type: 'animation_name',
                             fields: {
-                              ANIMATION_NAME: "Walk",
+                              ANIMATION_NAME: 'Walk',
                             },
                           },
                         },
@@ -4644,36 +4640,36 @@ const toolboxSnippetsMovement = {
             },
             next: {
               block: {
-                type: "if_clause",
+                type: 'if_clause',
                 extraState: {
-                  mode: "ELSEIF",
+                  mode: 'ELSEIF',
                   stashedCondState: null,
                 },
                 fields: {
-                  MODE: "ELSEIF",
+                  MODE: 'ELSEIF',
                 },
                 inputs: {
                   COND: {
                     block: {
-                      type: "action_pressed",
+                      type: 'action_pressed',
                       fields: {
-                        ACTION: "BACKWARD",
+                        ACTION: 'BACKWARD',
                       },
                     },
                   },
                   DO: {
                     block: {
-                      type: "move_forward",
+                      type: 'move_forward',
                       fields: {
                         MODEL: {
-                          name: "player",
+                          name: 'player',
                         },
-                        DIRECTION: "forward",
+                        DIRECTION: 'forward',
                       },
                       inputs: {
                         SPEED: {
                           shadow: {
-                            type: "math_number",
+                            type: 'math_number',
                             fields: {
                               NUM: -3,
                             },
@@ -4682,18 +4678,18 @@ const toolboxSnippetsMovement = {
                       },
                       next: {
                         block: {
-                          type: "switch_animation",
+                          type: 'switch_animation',
                           fields: {
                             MODEL: {
-                              name: "player",
+                              name: 'player',
                             },
                           },
                           inputs: {
                             ANIMATION_NAME: {
                               shadow: {
-                                type: "animation_name",
+                                type: 'animation_name',
                                 fields: {
-                                  ANIMATION_NAME: "Walk",
+                                  ANIMATION_NAME: 'Walk',
                                 },
                               },
                             },
@@ -4705,36 +4701,36 @@ const toolboxSnippetsMovement = {
                 },
                 next: {
                   block: {
-                    type: "if_clause",
+                    type: 'if_clause',
                     extraState: {
-                      mode: "ELSEIF",
+                      mode: 'ELSEIF',
                       stashedCondState: null,
                     },
                     fields: {
-                      MODE: "ELSEIF",
+                      MODE: 'ELSEIF',
                     },
                     inputs: {
                       COND: {
                         block: {
-                          type: "action_pressed",
+                          type: 'action_pressed',
                           fields: {
-                            ACTION: "LEFT",
+                            ACTION: 'LEFT',
                           },
                         },
                       },
                       DO: {
                         block: {
-                          type: "move_forward",
+                          type: 'move_forward',
                           fields: {
                             MODEL: {
-                              name: "player",
+                              name: 'player',
                             },
-                            DIRECTION: "sideways",
+                            DIRECTION: 'sideways',
                           },
                           inputs: {
                             SPEED: {
                               shadow: {
-                                type: "math_number",
+                                type: 'math_number',
                                 fields: {
                                   NUM: -3,
                                 },
@@ -4743,18 +4739,18 @@ const toolboxSnippetsMovement = {
                           },
                           next: {
                             block: {
-                              type: "switch_animation",
+                              type: 'switch_animation',
                               fields: {
                                 MODEL: {
-                                  name: "player",
+                                  name: 'player',
                                 },
                               },
                               inputs: {
                                 ANIMATION_NAME: {
                                   shadow: {
-                                    type: "animation_name",
+                                    type: 'animation_name',
                                     fields: {
-                                      ANIMATION_NAME: "Walk",
+                                      ANIMATION_NAME: 'Walk',
                                     },
                                   },
                                 },
@@ -4766,36 +4762,36 @@ const toolboxSnippetsMovement = {
                     },
                     next: {
                       block: {
-                        type: "if_clause",
+                        type: 'if_clause',
                         extraState: {
-                          mode: "ELSEIF",
+                          mode: 'ELSEIF',
                           stashedCondState: null,
                         },
                         fields: {
-                          MODE: "ELSEIF",
+                          MODE: 'ELSEIF',
                         },
                         inputs: {
                           COND: {
                             block: {
-                              type: "action_pressed",
+                              type: 'action_pressed',
                               fields: {
-                                ACTION: "RIGHT",
+                                ACTION: 'RIGHT',
                               },
                             },
                           },
                           DO: {
                             block: {
-                              type: "move_forward",
+                              type: 'move_forward',
                               fields: {
                                 MODEL: {
-                                  name: "player",
+                                  name: 'player',
                                 },
-                                DIRECTION: "sideways",
+                                DIRECTION: 'sideways',
                               },
                               inputs: {
                                 SPEED: {
                                   shadow: {
-                                    type: "math_number",
+                                    type: 'math_number',
                                     fields: {
                                       NUM: 3,
                                     },
@@ -4804,18 +4800,18 @@ const toolboxSnippetsMovement = {
                               },
                               next: {
                                 block: {
-                                  type: "switch_animation",
+                                  type: 'switch_animation',
                                   fields: {
                                     MODEL: {
-                                      name: "player",
+                                      name: 'player',
                                     },
                                   },
                                   inputs: {
                                     ANIMATION_NAME: {
                                       shadow: {
-                                        type: "animation_name",
+                                        type: 'animation_name',
                                         fields: {
-                                          ANIMATION_NAME: "Walk",
+                                          ANIMATION_NAME: 'Walk',
                                         },
                                       },
                                     },
@@ -4827,29 +4823,29 @@ const toolboxSnippetsMovement = {
                         },
                         next: {
                           block: {
-                            type: "if_clause",
+                            type: 'if_clause',
                             extraState: {
-                              mode: "ELSE",
+                              mode: 'ELSE',
                               stashedCondState: null,
                             },
                             fields: {
-                              MODE: "ELSE",
+                              MODE: 'ELSE',
                             },
                             inputs: {
                               DO: {
                                 block: {
-                                  type: "switch_animation",
+                                  type: 'switch_animation',
                                   fields: {
                                     MODEL: {
-                                      name: "player",
+                                      name: 'player',
                                     },
                                   },
                                   inputs: {
                                     ANIMATION_NAME: {
                                       shadow: {
-                                        type: "animation_name",
+                                        type: 'animation_name',
                                         fields: {
-                                          ANIMATION_NAME: "Idle",
+                                          ANIMATION_NAME: 'Idle',
                                         },
                                       },
                                     },
@@ -4873,40 +4869,40 @@ const toolboxSnippetsMovement = {
 };
 
 const toolboxSnippets = {
-  kind: "category",
-  icon: "./images/snippets.svg",
+  kind: 'category',
+  icon: './images/snippets.svg',
   //colour: categoryColours["Snippets"],
-  categorystyle: "snippets_category",
-  name: "%{BKY_CATEGORY_SNIPPETS}",
+  categorystyle: 'snippets_category',
+  name: '%{BKY_CATEGORY_SNIPPETS}',
   contents: [
     {
-      type: "start",
-      kind: "block",
-      keyword: "skyworld",
+      type: 'start',
+      kind: 'block',
+      keyword: 'skyworld',
       inputs: {
         DO: {
           block: {
-            type: "set_sky_color",
+            type: 'set_sky_color',
             inputs: {
               COLOR: {
                 block: {
-                  type: "lists_create_with",
+                  type: 'lists_create_with',
                   extraState: { itemCount: 2 },
                   inline: true,
                   inputs: {
                     ADD0: {
                       shadow: {
-                        type: "colour",
+                        type: 'colour',
                         fields: {
-                          COLOR: "#6495ed",
+                          COLOR: '#6495ed',
                         },
                       },
                     },
                     ADD1: {
                       shadow: {
-                        type: "colour",
+                        type: 'colour',
                         fields: {
-                          COLOR: "#87ceeb",
+                          COLOR: '#87ceeb',
                         },
                       },
                     },
@@ -4929,31 +4925,31 @@ const toolboxSnippets = {
                                         }
                                   }*/
               block: {
-                type: "create_map",
+                type: 'create_map',
                 fields: {
-                  MAP_NAME: "NONE",
+                  MAP_NAME: 'NONE',
                 },
                 inputs: {
                   MATERIAL: {
                     shadow: {
-                      type: "material",
+                      type: 'material',
 
                       fields: {
-                        TEXTURE_SET: "none.png",
+                        TEXTURE_SET: 'none.png',
                       },
                       inputs: {
                         BASE_COLOR: {
                           shadow: {
-                            type: "colour",
+                            type: 'colour',
 
                             fields: {
-                              COLOR: "#71bc78",
+                              COLOR: '#71bc78',
                             },
                           },
                         },
                         ALPHA: {
                           shadow: {
-                            type: "math_number",
+                            type: 'math_number',
 
                             fields: {
                               NUM: 1,
@@ -4971,23 +4967,23 @@ const toolboxSnippets = {
       },
     },
     {
-      kind: "block",
-      type: "start",
+      kind: 'block',
+      type: 'start',
       inputs: {
         DO: {
           block: {
-            type: "load_character",
+            type: 'load_character',
             fields: {
-              MODELS: "Block3.glb",
+              MODELS: 'Block3.glb',
               ID_VAR: {
-                name: "player",
-                type: "",
+                name: 'player',
+                type: '',
               },
             },
             inputs: {
               SCALE: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 1,
                   },
@@ -4995,7 +4991,7 @@ const toolboxSnippets = {
               },
               X: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -5003,7 +4999,7 @@ const toolboxSnippets = {
               },
               Y: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -5011,7 +5007,7 @@ const toolboxSnippets = {
               },
               Z: {
                 shadow: {
-                  type: "math_number",
+                  type: 'math_number',
                   fields: {
                     NUM: 0,
                   },
@@ -5019,76 +5015,76 @@ const toolboxSnippets = {
               },
               HAIR_COLOR: {
                 shadow: {
-                  type: "colour",
+                  type: 'colour',
                   fields: {
-                    COLOR: "#000000",
+                    COLOR: '#000000',
                   },
                 },
               },
               SKIN_COLOR: {
                 shadow: {
-                  type: "skin_colour",
+                  type: 'skin_colour',
                   fields: {
-                    COLOR: "#a15c33",
+                    COLOR: '#a15c33',
                   },
                 },
               },
               EYES_COLOR: {
                 shadow: {
-                  type: "colour",
+                  type: 'colour',
                   fields: {
-                    COLOR: "#000000",
+                    COLOR: '#000000',
                   },
                 },
               },
               SLEEVES_COLOR: {
                 shadow: {
-                  type: "colour",
+                  type: 'colour',
                   fields: {
-                    COLOR: "#008b8b",
+                    COLOR: '#008b8b',
                   },
                 },
               },
               SHORTS_COLOR: {
                 shadow: {
-                  type: "colour",
+                  type: 'colour',
                   fields: {
-                    COLOR: "#00008b",
+                    COLOR: '#00008b',
                   },
                 },
               },
               TSHIRT_COLOR: {
                 shadow: {
-                  type: "colour",
+                  type: 'colour',
                   fields: {
-                    COLOR: "#ff8f60",
+                    COLOR: '#ff8f60',
                   },
                 },
               },
             },
             next: {
               block: {
-                type: "add_physics",
+                type: 'add_physics',
                 fields: {
                   MODEL_VAR: {
-                    name: "player",
-                    type: "",
+                    name: 'player',
+                    type: '',
                   },
-                  PHYSICS_TYPE: "DYNAMIC",
+                  PHYSICS_TYPE: 'DYNAMIC',
                 },
                 next: {
                   block: {
-                    type: "camera_follow",
+                    type: 'camera_follow',
                     fields: {
                       MESH_VAR: {
-                        name: "player",
-                        type: "",
+                        name: 'player',
+                        type: '',
                       },
                     },
                     inputs: {
                       RADIUS: {
                         block: {
-                          type: "math_number",
+                          type: 'math_number',
                           fields: {
                             NUM: 7,
                           },
@@ -5109,15 +5105,15 @@ const toolboxSnippets = {
 };
 
 const toolboxFunctions = {
-  kind: "category",
-  name: "%{BKY_CATEGORY_FUNCTIONS}",
-  icon: "./images/functions.svg",
-  custom: "PROCEDURE",
-  categorystyle: "procedures_category",
+  kind: 'category',
+  name: '%{BKY_CATEGORY_FUNCTIONS}',
+  icon: './images/functions.svg',
+  custom: 'PROCEDURE',
+  categorystyle: 'procedures_category',
 };
 
 export const toolbox = {
-  kind: "categoryToolbox",
+  kind: 'categoryToolbox',
   contents: [
     toolboxSearch,
     toolboxScene,
@@ -5137,8 +5133,8 @@ export const toolbox = {
   ],
 };
 
-const isMobileToolbox = () => window.matchMedia("(max-width: 768px)").matches;
-const isLightTheme = () => document.body.dataset.theme === "light";
+const isMobileToolbox = () => window.matchMedia('(max-width: 768px)').matches;
+const isLightTheme = () => document.body.dataset.theme === 'light';
 
 const subcategoryBg = (colour, level) =>
   isMobileToolbox() && level > 0 && isLightTheme()
@@ -5156,12 +5152,12 @@ class IconCategory extends Blockly.ToolboxCategory {
 
   /** @override */
   createIconDom_() {
-    const img = document.createElement("img");
-    img.src = this.toolboxItemDef_.icon || "./default_icon.svg"; // Use a default icon if none provided
-    img.alt = this.toolboxItemDef_.name + " icon";
-    img.width = "30";
-    img.height = "30";
-    img.classList.add("customToolboxIcon");
+    const img = document.createElement('img');
+    img.src = this.toolboxItemDef_.icon || './default_icon.svg'; // Use a default icon if none provided
+    img.alt = this.toolboxItemDef_.name + ' icon';
+    img.width = '30';
+    img.height = '30';
+    img.classList.add('customToolboxIcon');
     return img;
   }
 
@@ -5173,14 +5169,14 @@ class IconCategory extends Blockly.ToolboxCategory {
     const tabColour = this.colour_;
 
     // Apply custom class to the rowDiv_
-    this.rowDiv_.classList.add("custom-category");
+    this.rowDiv_.classList.add('custom-category');
 
     // Set the background color of the category to match the tab colour
     if (tabColour) {
       this.rowDiv_.style.setProperty(
-        "background-color",
+        'background-color',
         subcategoryBg(tabColour, this.getLevel()),
-        "important",
+        'important'
       );
     }
 
@@ -5197,9 +5193,9 @@ class IconCategory extends Blockly.ToolboxCategory {
     // Always re-apply so Blockly's setSelected can't overwrite our tint
     if (categoryColour) {
       this.rowDiv_.style.setProperty(
-        "background-color",
+        'background-color',
         subcategoryBg(categoryColour, this.getLevel()),
-        "important",
+        'important'
       );
     }
   }
@@ -5210,27 +5206,22 @@ Blockly.registry.register(
   Blockly.registry.Type.TOOLBOX_ITEM,
   Blockly.ToolboxCategory.registrationName,
   IconCategory,
-  true,
+  true
 );
 
 class CustomCollapsibleToolboxCategory extends Blockly.CollapsibleToolboxCategory {
   constructor(categoryDef, toolbox, opt_parent) {
     super(categoryDef, toolbox, opt_parent);
     // Store the original icon and color
-    this.originalIcon = categoryDef.icon || "./default_icon.svg";
-    this.originalColor = categoryDef.colour || "#000000";
+    this.originalIcon = categoryDef.icon || './default_icon.svg';
+    this.originalColor = categoryDef.colour || '#000000';
     this.preventNextPointerClickToggle_ = false;
   }
 
   toolboxHasFocus_() {
-    const toolboxDiv =
-      this.parentToolbox_?.HtmlDiv || this.parentToolbox_?.getHtmlDiv?.();
+    const toolboxDiv = this.parentToolbox_?.HtmlDiv || this.parentToolbox_?.getHtmlDiv?.();
     const active = document.activeElement;
-    if (
-      toolboxDiv &&
-      active &&
-      (active === toolboxDiv || toolboxDiv.contains(active))
-    ) {
+    if (toolboxDiv && active && (active === toolboxDiv || toolboxDiv.contains(active))) {
       return true;
     }
 
@@ -5250,12 +5241,12 @@ class CustomCollapsibleToolboxCategory extends Blockly.CollapsibleToolboxCategor
 
   // Preserve the original icon
   createIconDom_() {
-    const img = document.createElement("img");
+    const img = document.createElement('img');
     img.src = this.originalIcon;
-    img.alt = this.toolboxItemDef_.name + " icon";
-    img.width = "30";
-    img.height = "30";
-    img.classList.add("customToolboxIcon");
+    img.alt = this.toolboxItemDef_.name + ' icon';
+    img.width = '30';
+    img.height = '30';
+    img.classList.add('customToolboxIcon');
     return img;
   }
 
@@ -5286,9 +5277,9 @@ class CustomCollapsibleToolboxCategory extends Blockly.CollapsibleToolboxCategor
     // Always re-apply so Blockly's setSelected can't overwrite our tint
     if (categoryColour) {
       this.rowDiv_.style.setProperty(
-        "background-color",
+        'background-color',
         subcategoryBg(categoryColour, this.getLevel()),
-        "important",
+        'important'
       );
     }
   }
@@ -5301,19 +5292,19 @@ class CustomCollapsibleToolboxCategory extends Blockly.CollapsibleToolboxCategor
     const tabColour = this.colour_;
 
     // Apply custom class to the rowDiv_
-    this.rowDiv_.classList.add("custom-category");
+    this.rowDiv_.classList.add('custom-category');
 
     // Set the background color of the category to match the tab colour
     if (tabColour) {
       this.rowDiv_.style.setProperty(
-        "background-color",
+        'background-color',
         subcategoryBg(tabColour, this.getLevel()),
-        "important",
+        'important'
       );
     }
 
     this.rowDiv_.addEventListener(
-      "pointerdown",
+      'pointerdown',
       (e) => {
         this.preventNextPointerClickToggle_ = !this.categoryHasFocus_();
 
@@ -5325,11 +5316,11 @@ class CustomCollapsibleToolboxCategory extends Blockly.CollapsibleToolboxCategor
 
         this.ensurePointerFocusedSelection_();
       },
-      { capture: true },
+      { capture: true }
     );
 
     this.rowDiv_.addEventListener(
-      "click",
+      'click',
       (e) => {
         if (!this.preventNextPointerClickToggle_) return;
 
@@ -5341,10 +5332,10 @@ class CustomCollapsibleToolboxCategory extends Blockly.CollapsibleToolboxCategor
 
         this.preventNextPointerClickToggle_ = false;
       },
-      { capture: true },
+      { capture: true }
     );
 
-    this.rowDiv_.addEventListener("focusin", () => {
+    this.rowDiv_.addEventListener('focusin', () => {
       if (this.toolboxHasFocus_()) {
         this.parentToolbox_?.setSelectedItem?.(this);
         this.ensureKeyboardFocusedSelection_();
@@ -5360,5 +5351,5 @@ Blockly.registry.register(
   Blockly.registry.Type.TOOLBOX_ITEM,
   Blockly.CollapsibleToolboxCategory.registrationName,
   CustomCollapsibleToolboxCategory,
-  true,
+  true
 );
diff --git a/tutorial.js b/tutorial.js
index 17c660b0a..826b29abc 100644
--- a/tutorial.js
+++ b/tutorial.js
@@ -1,8 +1,8 @@
-import * as Blockly from "blockly";
-import { initializeBlocks } from "./main/blocklyinit.js";
-import { options, CustomZelosRenderer } from "./blocks/blocks";
+import * as Blockly from 'blockly';
+import { initializeBlocks } from './main/blocklyinit.js';
+import { options, CustomZelosRenderer } from './blocks/blocks';
 
-import { translate } from "./main/translation.js";
+import { translate } from './main/translation.js';
 
 initializeBlocks();
 
@@ -10,13 +10,13 @@ console.log(Blockly.Blocks);
 
 Blockly.registry.register(
   Blockly.registry.Type.RENDERER,
-  "custom_zelos_renderer",
-  CustomZelosRenderer,
+  'custom_zelos_renderer',
+  CustomZelosRenderer
 );
 
-const workspace = Blockly.inject("blocklyDiv", {
+const workspace = Blockly.inject('blocklyDiv', {
   ...options,
-  renderer: "custom_zelos_renderer",
+  renderer: 'custom_zelos_renderer',
   toolbox: null, // <-- hide by not creating it
   readOnly: true,
   trashcan: false,
@@ -46,72 +46,69 @@ workspace.configureContextMenu = function (menuOptions, e) {
 };
 */
 
-document.getElementById("copyButton").addEventListener("click", () => {
+document.getElementById('copyButton').addEventListener('click', () => {
   try {
     const topBlock = workspace.getTopBlocks(false)[0]; // Get the first top-level block
     if (topBlock) {
       // Use the plugin's storage mechanism to copy the block
-      localStorage.setItem(
-        "blocklyStash",
-        JSON.stringify(topBlock.toCopyData()),
-      );
-      alert(translate("blocks_copied_alert"));
+      localStorage.setItem('blocklyStash', JSON.stringify(topBlock.toCopyData()));
+      alert(translate('blocks_copied_alert'));
     } else {
-      alert(translate("no_blocks_to_copy_alert"));
+      alert(translate('no_blocks_to_copy_alert'));
     }
   } catch (err) {
-    console.error("Error copying blocks:", err);
-    alert(translate("copy_blocks_failed_alert"));
+    console.error('Error copying blocks:', err);
+    alert(translate('copy_blocks_failed_alert'));
   }
 });
 let blocklyJson = {
-  type: "start",
-  id: "3_f+jq-)57E:_iH=q,G=",
+  type: 'start',
+  id: '3_f+jq-)57E:_iH=q,G=',
   inputs: {
     DO: {
       block: {
-        type: "set_sky_color",
-        id: "X+dT+8Q%K%4*cAhGXdpt",
+        type: 'set_sky_color',
+        id: 'X+dT+8Q%K%4*cAhGXdpt',
         inputs: {
           COLOR: {
             shadow: {
-              type: "colour",
-              id: "Pr|GQ}pD:^7M*~XK(qUa",
+              type: 'colour',
+              id: 'Pr|GQ}pD:^7M*~XK(qUa',
               fields: {
-                COLOR: "#6495ed",
+                COLOR: '#6495ed',
               },
             },
           },
         },
         next: {
           block: {
-            type: "create_map",
-            id: "3/Yv3OmTYjP/!Njv1iq$",
+            type: 'create_map',
+            id: '3/Yv3OmTYjP/!Njv1iq$',
             fields: {
-              MAP_NAME: "NONE",
+              MAP_NAME: 'NONE',
             },
             inputs: {
               MATERIAL: {
                 shadow: {
-                  type: "material",
-                  id: "/=}t6Z#|ef8Umb%Oo-_j",
+                  type: 'material',
+                  id: '/=}t6Z#|ef8Umb%Oo-_j',
                   fields: {
-                    TEXTURE_SET: "none.png",
+                    TEXTURE_SET: 'none.png',
                   },
                   inputs: {
                     BASE_COLOR: {
                       shadow: {
-                        type: "colour",
-                        id: "D@@n5(qe?9rX!#kzA1V.",
+                        type: 'colour',
+                        id: 'D@@n5(qe?9rX!#kzA1V.',
                         fields: {
-                          COLOR: "#71bc78",
+                          COLOR: '#71bc78',
                         },
                       },
                     },
                     ALPHA: {
                       shadow: {
-                        type: "math_number",
-                        id: "cS9-N;G6}bO+:YBzHve7",
+                        type: 'math_number',
+                        id: 'cS9-N;G6}bO+:YBzHve7',
                         fields: {
                           NUM: 1,
                         },
@@ -133,53 +130,39 @@ function fitWorkspaceToBlocks(workspace) {
   const blocksBoundingBox = workspace.getBlocksBoundingBox();
 
   if (blocksBoundingBox) {
-    console.log("Blocks bounding box:", blocksBoundingBox);
+    console.log('Blocks bounding box:', blocksBoundingBox);
 
     // Account for workspace scale (zoom level)
     const scale = workspace.scale; // Typically 0.75, 1, etc.
-    console.log("Workspace scale (zoom):", scale);
+    console.log('Workspace scale (zoom):', scale);
 
     const width = (blocksBoundingBox.right - blocksBoundingBox.left) * scale;
     const height = (blocksBoundingBox.bottom - blocksBoundingBox.top) * scale;
 
-    console.log(
-      "Calculated width (scaled):",
-      width,
-      "Calculated height (scaled):",
-      height,
-    );
+    console.log('Calculated width (scaled):', width, 'Calculated height (scaled):', height);
 
     // Optional padding for better visual spacing
     const padding = 20;
     const totalWidth = Math.ceil(width + padding);
     const totalHeight = Math.ceil(height + padding);
 
-    console.log(
-      "Total width with padding:",
-      totalWidth,
-      "Total height with padding:",
-      totalHeight,
-    );
+    console.log('Total width with padding:', totalWidth, 'Total height with padding:', totalHeight);
 
     // Resize the parent container (blocklyDiv)
-    const blocklyDiv = document.getElementById("blocklyDiv");
+    const blocklyDiv = document.getElementById('blocklyDiv');
     if (blocklyDiv) {
-      console.log("Resizing blocklyDiv...");
+      console.log('Resizing blocklyDiv...');
       blocklyDiv.style.width = `${totalWidth}px`;
       blocklyDiv.style.height = `${totalHeight}px`;
     } else {
-      console.warn(
-        "blocklyDiv not found. Ensure the container element exists.",
-      );
+      console.warn('blocklyDiv not found. Ensure the container element exists.');
     }
 
     // Trigger Blockly to resize
-    console.log("Triggering Blockly SVG resize...");
+    console.log('Triggering Blockly SVG resize...');
     Blockly.svgResize(workspace);
   } else {
-    console.warn(
-      "No blocks bounding box found. Ensure the workspace contains blocks.",
-    );
+    console.warn('No blocks bounding box found. Ensure the workspace contains blocks.');
   }
 }
 
diff --git a/ui/addmenu.js b/ui/addmenu.js
index d29562790..8ab20beb0 100644
--- a/ui/addmenu.js
+++ b/ui/addmenu.js
@@ -1,37 +1,32 @@
-import * as Blockly from "blockly";
-import { flock } from "../flock.js";
-import {
-  multiObjectNames,
-  objectNames,
-  characterNames,
-  objectColours,
-} from "../config.js";
+import * as Blockly from 'blockly';
+import { flock } from '../flock.js';
+import { multiObjectNames, objectNames, characterNames, objectColours } from '../config.js';
 import {
   highlightBlockById,
   setPositionValues,
   getCanvasXAndCanvasYValues,
   createBlockForObject,
   createBlockForCharacter,
-} from "./blocklyutil.js";
-import { roundPositionValue } from "./blocklyshadowutil.js";
+} from './blocklyutil.js';
+import { roundPositionValue } from './blocklyshadowutil.js';
 import {
   startCanvasKeyboardMode,
   stopCanvasKeyboardMode,
   setCrosshairCursor,
   setDefaultCursor,
-} from "./canvas-utils.js";
-import { GizmoMenuManager } from "../accessibility/keyboardui.js";
-import { showStatus, clearStatus } from "./status.js";
-import { translate } from "../main/translation.js";
-import { KeyboardDispatcher } from "../main/keyboardDispatcher.js";
+} from './canvas-utils.js';
+import { GizmoMenuManager } from '../accessibility/keyboardui.js';
+import { showStatus, clearStatus } from './status.js';
+import { translate } from '../main/translation.js';
+import { KeyboardDispatcher } from '../main/keyboardDispatcher.js';
 
 const colorFields = {
-  HAIR_COLOR: "#000000", // Hair: black
-  SKIN_COLOR: "#A15C33", // Skin: custom skin tone
-  EYES_COLOR: "#000000", // Eyes: black
-  SLEEVES_COLOR: "#fpo008B8B", // Sleeves: dark cyan
-  SHORTS_COLOR: "#00008B", // Shorts: dark blue
-  TSHIRT_COLOR: "#FF8F60", // T-Shirt: light orange
+  HAIR_COLOR: '#000000', // Hair: black
+  SKIN_COLOR: '#A15C33', // Skin: custom skin tone
+  EYES_COLOR: '#000000', // Eyes: black
+  SLEEVES_COLOR: '#fpo008B8B', // Sleeves: dark cyan
+  SHORTS_COLOR: '#00008B', // Shorts: dark blue
+  TSHIRT_COLOR: '#FF8F60', // T-Shirt: light orange
 };
 
 export function createBlockWithShadows(shapeType, position, colour, decimals = 1) {
@@ -39,12 +34,9 @@ export function createBlockWithShadows(shapeType, position, colour, decimals = 1
   const spec = __CREATE_SPEC[shapeType];
   if (!spec) return null;
 
-  const posX =
-    position?.x !== undefined ? roundPositionValue(position.x, decimals) : 0;
-  const posY =
-    position?.y !== undefined ? roundPositionValue(position.y, decimals) : 0;
-  const posZ =
-    position?.z !== undefined ? roundPositionValue(position.z, decimals) : 0;
+  const posX = position?.x !== undefined ? roundPositionValue(position.x, decimals) : 0;
+  const posY = position?.y !== undefined ? roundPositionValue(position.y, decimals) : 0;
+  const posZ = position?.z !== undefined ? roundPositionValue(position.z, decimals) : 0;
 
   const defaults = {
     ...spec.defaults({ c: colour }),
@@ -54,10 +46,10 @@ export function createBlockWithShadows(shapeType, position, colour, decimals = 1
   };
 
   let allInputs;
-  if (shapeType === "set_sky_color") {
+  if (shapeType === 'set_sky_color') {
     allInputs = [...spec.inputs];
   } else {
-    allInputs = [...spec.inputs, "X", "Y", "Z"];
+    allInputs = [...spec.inputs, 'X', 'Y', 'Z'];
   }
 
   const data = { type: shapeType, inputs: {} };
@@ -110,7 +102,7 @@ function makeShadowSpec(type, fields) {
 const __CREATE_SPEC = {
   create_box: {
     defaults: ({ c }) => ({ COLOR: c, WIDTH: 1, HEIGHT: 1, DEPTH: 1 }),
-    inputs: ["COLOR", "WIDTH", "HEIGHT", "DEPTH"],
+    inputs: ['COLOR', 'WIDTH', 'HEIGHT', 'DEPTH'],
   },
   create_sphere: {
     defaults: ({ c }) => ({
@@ -119,7 +111,7 @@ const __CREATE_SPEC = {
       DIAMETER_Y: 1,
       DIAMETER_Z: 1,
     }),
-    inputs: ["COLOR", "DIAMETER_X", "DIAMETER_Y", "DIAMETER_Z"],
+    inputs: ['COLOR', 'DIAMETER_X', 'DIAMETER_Y', 'DIAMETER_Z'],
   },
   create_cylinder: {
     defaults: ({ c }) => ({
@@ -129,43 +121,33 @@ const __CREATE_SPEC = {
       DIAMETER_BOTTOM: 1,
       TESSELLATIONS: 24,
     }),
-    inputs: [
-      "COLOR",
-      "HEIGHT",
-      "DIAMETER_TOP",
-      "DIAMETER_BOTTOM",
-      "TESSELLATIONS",
-    ],
+    inputs: ['COLOR', 'HEIGHT', 'DIAMETER_TOP', 'DIAMETER_BOTTOM', 'TESSELLATIONS'],
   },
   create_capsule: {
     defaults: ({ c }) => ({ COLOR: c, DIAMETER: 1, HEIGHT: 2 }),
-    inputs: ["COLOR", "DIAMETER", "HEIGHT"],
+    inputs: ['COLOR', 'DIAMETER', 'HEIGHT'],
   },
   create_plane: {
     defaults: ({ c }) => ({ COLOR: c, WIDTH: 2, HEIGHT: 2 }),
-    inputs: ["COLOR", "WIDTH", "HEIGHT"],
+    inputs: ['COLOR', 'WIDTH', 'HEIGHT'],
   },
   set_sky_color: {
     defaults: ({ c }) => ({ COLOR: c }),
-    inputs: ["COLOR"],
+    inputs: ['COLOR'],
   },
 };
 
 function __metaFor(name) {
-  return name === "COLOR"
-    ? { type: "colour", field: "COLOR" }
-    : { type: "math_number", field: "NUM" };
+  return name === 'COLOR'
+    ? { type: 'colour', field: 'COLOR' }
+    : { type: 'math_number', field: 'NUM' };
 }
 
 // Matches the ground detection used elsewhere (see api/scene.js).
 function isGroundMesh(mesh) {
   if (!mesh) return false;
-  const name = mesh?.name?.toLowerCase?.() ?? "";
-  return (
-    name === "ground" ||
-    name.includes("ground") ||
-    mesh?.metadata?.blockKey === "ground"
-  );
+  const name = mesh?.name?.toLowerCase?.() ?? '';
+  return name === 'ground' || name.includes('ground') || mesh?.metadata?.blockKey === 'ground';
 }
 
 // Rotation (in degrees) that makes a default plane — whose normal faces
@@ -212,38 +194,34 @@ function applyLiveRotationWhenReady(blockId, rotation, attempts = 0) {
   // createPlane strips the "<name>__<blockId>" suffix off the mesh name and
   // stores the block id in metadata.blockKey, so look the mesh up by that
   // rather than by name.
-  const mesh = (flock.scene?.meshes || []).find(
-    (m) => m.metadata?.blockKey === blockId,
-  );
+  const mesh = (flock.scene?.meshes || []).find((m) => m.metadata?.blockKey === blockId);
   if (mesh) {
     flock.rotateTo(mesh.name, rotation);
     return;
   }
   if (attempts < 60) {
-    requestAnimationFrame(() =>
-      applyLiveRotationWhenReady(blockId, rotation, attempts + 1),
-    );
+    requestAnimationFrame(() => applyLiveRotationWhenReady(blockId, rotation, attempts + 1));
   }
 }
 
 function addRotationToCreateBlock(block, rotation) {
   const workspace = Blockly.getMainWorkspace();
-  const modelVariable = block.getFieldValue("ID_VAR");
+  const modelVariable = block.getFieldValue('ID_VAR');
 
-  if (!block.getInput("DO")) {
-    block.appendStatementInput("DO").setCheck(null).appendField("");
+  if (!block.getInput('DO')) {
+    block.appendStatementInput('DO').setCheck(null).appendField('');
   }
 
-  const rotateBlock = workspace.newBlock("rotate_to");
-  rotateBlock.setFieldValue(modelVariable, "MODEL");
+  const rotateBlock = workspace.newBlock('rotate_to');
+  rotateBlock.setFieldValue(modelVariable, 'MODEL');
   rotateBlock.initSvg();
   rotateBlock.render();
 
   const axisValues = { X: rotation.x, Y: rotation.y, Z: rotation.z };
-  for (const axis of ["X", "Y", "Z"]) {
+  for (const axis of ['X', 'Y', 'Z']) {
     const input = rotateBlock.getInput(axis);
-    const shadow = workspace.newBlock("math_number");
-    shadow.setFieldValue(String(axisValues[axis]), "NUM");
+    const shadow = workspace.newBlock('math_number');
+    shadow.setFieldValue(String(axisValues[axis]), 'NUM');
     shadow.setShadow(true);
     shadow.initSvg();
     shadow.render();
@@ -251,7 +229,7 @@ function addRotationToCreateBlock(block, rotation) {
   }
   rotateBlock.render();
 
-  const doConnection = block.getInput("DO").connection;
+  const doConnection = block.getInput('DO').connection;
   const firstBlock = doConnection.targetBlock();
   if (firstBlock) {
     let tail = firstBlock;
@@ -277,12 +255,7 @@ function addShapeToWorkspace(shapeType, position, decimals = 1, rotation = null)
 
   try {
     Blockly.Events.setGroup(groupId);
-    const block = createBlockWithShadows(
-      shapeType,
-      position,
-      flock.randomColour(),
-      decimals,
-    );
+    const block = createBlockWithShadows(shapeType, position, flock.randomColour(), decimals);
     if (!block) {
       console.error(`Failed to create block of type: ${shapeType}`);
       return null;
@@ -291,10 +264,10 @@ function addShapeToWorkspace(shapeType, position, decimals = 1, rotation = null)
     try {
       setPositionValues(block, position, shapeType, decimals);
     } catch (e) {
-      console.error("Error setting position values:", e);
+      console.error('Error setting position values:', e);
     }
 
-    const startSpec = { type: "start" };
+    const startSpec = { type: 'start' };
     let startBlock;
     try {
       startBlock = Blockly.serialization.blocks.append(startSpec, workspace, {
@@ -310,12 +283,12 @@ function addShapeToWorkspace(shapeType, position, decimals = 1, rotation = null)
     startBlock?.initSvg?.();
     startBlock?.render?.();
 
-    const connection = startBlock?.getInput("DO")?.connection;
+    const connection = startBlock?.getInput('DO')?.connection;
     if (connection && block.previousConnection) {
       try {
         connection.connect(block.previousConnection);
       } catch (e) {
-        console.error("Error connecting to start block:", e);
+        console.error('Error connecting to start block:', e);
       }
     }
 
@@ -327,19 +300,19 @@ function addShapeToWorkspace(shapeType, position, decimals = 1, rotation = null)
       try {
         addRotationToCreateBlock(block, rotation);
       } catch (e) {
-        console.error("Error adding rotation block:", e);
+        console.error('Error adding rotation block:', e);
       }
     }
 
     try {
       highlightBlockById(workspace, block);
     } catch (e) {
-      console.error("Error highlighting block:", e);
+      console.error('Error highlighting block:', e);
     }
 
     return block;
   } catch (error) {
-    console.error("Error in addShapeToWorkspace:", error);
+    console.error('Error in addShapeToWorkspace:', error);
     return null;
   } finally {
     if (startTempGroup) Blockly.Events.setGroup(false);
@@ -349,13 +322,12 @@ function addShapeToWorkspace(shapeType, position, decimals = 1, rotation = null)
 }
 
 function selectCharacter(characterName) {
-  const dd = document.getElementById("shapes-dropdown");
-  if (dd) dd.style.display = "none";
+  const dd = document.getElementById('shapes-dropdown');
+  if (dd) dd.style.display = 'none';
   removeKeyboardNavigation();
 
   const workspace = Blockly.getMainWorkspace();
-  const canvas =
-    flock.canvas || flock.scene?.getEngine()?.getRenderingCanvas?.();
+  const canvas = flock.canvas || flock.scene?.getEngine()?.getRenderingCanvas?.();
 
   function cleanup() {
     cleanupPlacementMode();
@@ -386,7 +358,7 @@ function selectCharacter(characterName) {
       pickedPosition,
       colorFields,
       setPositionValues,
-      highlightBlockById,
+      highlightBlockById
     );
 
     cleanup();
@@ -395,11 +367,11 @@ function selectCharacter(characterName) {
   try {
     startPlacementKeyboardMode();
   } catch (error) {
-    console.warn("Unable to start keyboard placement mode.", error);
+    console.warn('Unable to start keyboard placement mode.', error);
   }
 
   setCrosshairCursor();
-  showStatus(translate("place_object_prompt"), { owner: "placement" });
+  showStatus(translate('place_object_prompt'), { owner: 'placement' });
   registerActivePickHandler(flock.activePickHandler, {
     capture: true,
     delay: 0,
@@ -407,8 +379,8 @@ function selectCharacter(characterName) {
 }
 
 function selectShape(shapeType) {
-  const dropdown = document.getElementById("shapes-dropdown");
-  if (dropdown) dropdown.style.display = "none";
+  const dropdown = document.getElementById('shapes-dropdown');
+  if (dropdown) dropdown.style.display = 'none';
   removeKeyboardNavigation();
   detachActivePickHandler();
 
@@ -433,19 +405,16 @@ function selectShape(shapeType) {
       canvasX,
       canvasY,
       flock.BABYLON.Matrix.Identity(),
-      flock.scene.activeCamera,
+      flock.scene.activeCamera
     );
 
-    const pickResult = flock.scene.pickWithRay(
-      pickRay,
-      (mesh) => mesh.isPickable,
-    );
+    const pickResult = flock.scene.pickWithRay(pickRay, (mesh) => mesh.isPickable);
     if (pickResult && pickResult.hit) {
       // A plane dropped onto another object's surface ends up coplanar with
       // the hit face and z-fights with it. Only in that case do we nudge the
       // plane clear along the surface normal. Planes placed on the ground (or
       // any non-plane shape) keep their exact picked position.
-      if (shapeType === "create_plane" && !isGroundMesh(pickResult.pickedMesh)) {
+      if (shapeType === 'create_plane' && !isGroundMesh(pickResult.pickedMesh)) {
         // Use the geometric face normal (useVerticesNormals = false) in world
         // space, so the plane lies flat against the actual clicked face rather
         // than an interpolated/averaged vertex normal.
@@ -515,7 +484,7 @@ function selectShape(shapeType) {
 
   // Also set up mouse click as fallback
   setCrosshairCursor();
-  showStatus(translate("place_object_prompt"), { owner: "placement" });
+  showStatus(translate('place_object_prompt'), { owner: 'placement' });
   registerActivePickHandler(flock.activePickHandler, {
     capture: true,
     delay: 0,
@@ -523,17 +492,17 @@ function selectShape(shapeType) {
 }
 
 function selectObject(objectName) {
-  selectObjectWithCommand(objectName, "shapes-dropdown", "load_object");
+  selectObjectWithCommand(objectName, 'shapes-dropdown', 'load_object');
 }
 
 function selectMultiObject(objectName) {
-  selectObjectWithCommand(objectName, "shapes-dropdown", "load_multi_object");
+  selectObjectWithCommand(objectName, 'shapes-dropdown', 'load_multi_object');
 }
 
 function selectObjectWithCommand(objectName, menu, command) {
   // Hide menu
   const menuEl = document.getElementById(menu);
-  if (menuEl) menuEl.style.display = "none";
+  if (menuEl) menuEl.style.display = 'none';
   removeKeyboardNavigation();
 
   const workspace = Blockly.getMainWorkspace();
@@ -561,7 +530,7 @@ function selectObjectWithCommand(objectName, menu, command) {
       x,
       y,
       flock.BABYLON.Matrix.Identity(),
-      flock.scene.activeCamera,
+      flock.scene.activeCamera
     );
     const pick = flock.scene.pickWithRay(pickRay, (m) => m.isPickable);
     if (!pick?.hit) return cleanup();
@@ -575,7 +544,7 @@ function selectObjectWithCommand(objectName, menu, command) {
       pickedPosition,
       objectColours,
       setPositionValues,
-      highlightBlockById,
+      highlightBlockById
     );
 
     cleanup();
@@ -584,12 +553,12 @@ function selectObjectWithCommand(objectName, menu, command) {
   try {
     startPlacementKeyboardMode();
   } catch (error) {
-    console.warn("Unable to start keyboard placement mode.", error);
+    console.warn('Unable to start keyboard placement mode.', error);
   }
 
   // Mouse click fallback (capture=true)
   setCrosshairCursor();
-  showStatus(translate("place_object_prompt"), { owner: "placement" });
+  showStatus(translate('place_object_prompt'), { owner: 'placement' });
   registerActivePickHandler(flock.activePickHandler, {
     capture: true,
     delay: 0,
@@ -598,19 +567,19 @@ function selectObjectWithCommand(objectName, menu, command) {
 
 // Function to load characters into the menu
 function loadCharacterImages() {
-  const characterRow = document.getElementById("character-row");
+  const characterRow = document.getElementById('character-row');
   characterRow.replaceChildren();
   // Clear existing characters
 
   characterNames.forEach((name) => {
-    const baseName = name.replace(/\.[^/.]+$/, ""); // Remove extension
+    const baseName = name.replace(/\.[^/.]+$/, ''); // Remove extension
 
-    const img = document.createElement("img");
+    const img = document.createElement('img');
     img.src = `./images/${baseName}.png`;
     img.alt = baseName;
-    img.addEventListener("click", () => selectCharacter(name));
+    img.addEventListener('click', () => selectCharacter(name));
 
-    const li = document.createElement("li");
+    const li = document.createElement('li');
     li.appendChild(img);
 
     characterRow.appendChild(li);
@@ -618,30 +587,30 @@ function loadCharacterImages() {
 }
 
 function getAllNavigableItems() {
-  const dropdown = document.getElementById("shapes-dropdown");
+  const dropdown = document.getElementById('shapes-dropdown');
   if (!dropdown) return [];
 
   // Get all clickable items from all rows
   const items = [];
 
-  const shapeRow = dropdown.querySelector("#shape-row");
+  const shapeRow = dropdown.querySelector('#shape-row');
   if (shapeRow) {
-    items.push(...Array.from(shapeRow.querySelectorAll("li")));
+    items.push(...Array.from(shapeRow.querySelectorAll('li')));
   }
 
-  const objectRow = dropdown.querySelector("#object-row");
+  const objectRow = dropdown.querySelector('#object-row');
   if (objectRow) {
-    items.push(...Array.from(objectRow.querySelectorAll("li")));
+    items.push(...Array.from(objectRow.querySelectorAll('li')));
   }
 
-  const modelRow = dropdown.querySelector("#model-row");
+  const modelRow = dropdown.querySelector('#model-row');
   if (modelRow) {
-    items.push(...Array.from(modelRow.querySelectorAll("li")));
+    items.push(...Array.from(modelRow.querySelectorAll('li')));
   }
 
-  const characterRow = dropdown.querySelector("#character-row");
+  const characterRow = dropdown.querySelector('#character-row');
   if (characterRow) {
-    items.push(...Array.from(characterRow.querySelectorAll("li")));
+    items.push(...Array.from(characterRow.querySelectorAll('li')));
   }
 
   return items;
@@ -649,17 +618,17 @@ function getAllNavigableItems() {
 
 function focusItem(item) {
   if (currentFocusedElement) {
-    currentFocusedElement.classList.remove("keyboard-focused");
-    currentFocusedElement.setAttribute("tabindex", "-1");
+    currentFocusedElement.classList.remove('keyboard-focused');
+    currentFocusedElement.setAttribute('tabindex', '-1');
   }
 
   currentFocusedElement = item;
-  item.classList.add("keyboard-focused");
-  item.setAttribute("tabindex", "0");
+  item.classList.add('keyboard-focused');
+  item.setAttribute('tabindex', '0');
   item.focus();
 
   // Scroll item into view if needed
-  item.scrollIntoView({ block: "nearest", inline: "nearest" });
+  item.scrollIntoView({ block: 'nearest', inline: 'nearest' });
 }
 
 function navigateHorizontal(allItems, currentIndex, direction) {
@@ -681,21 +650,17 @@ function navigateHorizontal(allItems, currentIndex, direction) {
   if (rowItems.length <= 1) return; // No other items in this row
 
   // Sort row items by X position
-  rowItems.sort(
-    (a, b) => a.getBoundingClientRect().left - b.getBoundingClientRect().left,
-  );
+  rowItems.sort((a, b) => a.getBoundingClientRect().left - b.getBoundingClientRect().left);
 
   const currentRowIndex = rowItems.indexOf(currentItem);
   let nextRowIndex;
 
   if (direction > 0) {
     // Moving right
-    nextRowIndex =
-      currentRowIndex < rowItems.length - 1 ? currentRowIndex + 1 : 0;
+    nextRowIndex = currentRowIndex < rowItems.length - 1 ? currentRowIndex + 1 : 0;
   } else {
     // Moving left
-    nextRowIndex =
-      currentRowIndex > 0 ? currentRowIndex - 1 : rowItems.length - 1;
+    nextRowIndex = currentRowIndex > 0 ? currentRowIndex - 1 : rowItems.length - 1;
   }
 
   focusItem(rowItems[nextRowIndex]);
@@ -725,9 +690,7 @@ function navigateVertical(allItems, currentIndex, direction) {
   });
 
   // Sort rows by Y position
-  const sortedRows = Array.from(itemsByRow.entries()).sort(
-    ([y1], [y2]) => y1 - y2,
-  );
+  const sortedRows = Array.from(itemsByRow.entries()).sort(([y1], [y2]) => y1 - y2);
 
   // Find current row index
   const currentRowIndex = sortedRows.findIndex(([y]) => y === currentY);
@@ -737,12 +700,10 @@ function navigateVertical(allItems, currentIndex, direction) {
   let targetRowIndex;
   if (direction > 0) {
     // Moving down
-    targetRowIndex =
-      currentRowIndex < sortedRows.length - 1 ? currentRowIndex + 1 : 0;
+    targetRowIndex = currentRowIndex < sortedRows.length - 1 ? currentRowIndex + 1 : 0;
   } else {
     // Moving up
-    targetRowIndex =
-      currentRowIndex > 0 ? currentRowIndex - 1 : sortedRows.length - 1;
+    targetRowIndex = currentRowIndex > 0 ? currentRowIndex - 1 : sortedRows.length - 1;
   }
 
   const targetRowItems = sortedRows[targetRowIndex][1];
@@ -752,13 +713,11 @@ function navigateVertical(allItems, currentIndex, direction) {
   let closestDistance = Math.abs(
     closestItem.getBoundingClientRect().left +
       closestItem.getBoundingClientRect().width / 2 -
-      currentX,
+      currentX
   );
 
   targetRowItems.forEach((item) => {
-    const itemX =
-      item.getBoundingClientRect().left +
-      item.getBoundingClientRect().width / 2;
+    const itemX = item.getBoundingClientRect().left + item.getBoundingClientRect().width / 2;
     const distance = Math.abs(itemX - currentX);
     if (distance < closestDistance) {
       closestDistance = distance;
@@ -781,45 +740,42 @@ function scrollRowWithWrap(row, direction, step = 68) {
   // out of alignment. Flooring keeps us on a grid line and stops at the end
   // instead of wrapping back to the start.
   const maxStep = Math.floor(max / step);
-  const nextStep = Math.max(
-    0,
-    Math.min(maxStep, Math.round(current / step) + direction),
-  );
+  const nextStep = Math.max(0, Math.min(maxStep, Math.round(current / step) + direction));
   const next = nextStep * step;
 
   if (Math.abs(next - current) < 1) return; // already at this position
 
-  row.scrollTo({ left: next, behavior: "smooth" });
+  row.scrollTo({ left: next, behavior: 'smooth' });
 }
 
 function scrollModels(direction) {
-  scrollRowWithWrap(document.getElementById("model-row"), direction, 68);
+  scrollRowWithWrap(document.getElementById('model-row'), direction, 68);
 }
 function scrollObjects(direction) {
-  scrollRowWithWrap(document.getElementById("object-row"), direction, 68);
+  scrollRowWithWrap(document.getElementById('object-row'), direction, 68);
 }
 function scrollCharacters(direction) {
-  scrollRowWithWrap(document.getElementById("character-row"), direction, 68);
+  scrollRowWithWrap(document.getElementById('character-row'), direction, 68);
 }
 
 // Shared function to load images into the menu
 function loadImages(rowId, namesArray, selectCallback) {
   const row = document.getElementById(rowId);
- 
+
   row.replaceChildren(); // Clear existing items
 
   namesArray.forEach((name) => {
-    const baseName = name.replace(/\.[^/.]+$/, ""); // Remove extension
+    const baseName = name.replace(/\.[^/.]+$/, ''); // Remove extension
 
-    const img = document.createElement("img");
+    const img = document.createElement('img');
     img.src = `./images/${baseName}.png`;
     img.alt = baseName;
-    img.addEventListener("click", () => {
+    img.addEventListener('click', () => {
       // Use a global function or bind properly if needed
       window[selectCallback](name);
     });
 
-    const li = document.createElement("li");
+    const li = document.createElement('li');
     li.appendChild(img);
 
     row.appendChild(li);
@@ -827,11 +783,11 @@ function loadImages(rowId, namesArray, selectCallback) {
 }
 
 function loadMultiImages() {
-  loadImages("model-row", multiObjectNames, "selectMultiObject");
+  loadImages('model-row', multiObjectNames, 'selectMultiObject');
 }
 
 function loadObjectImages() {
-  loadImages("object-row", objectNames, "selectObject");
+  loadImages('object-row', objectNames, 'selectObject');
 }
 
 if (!window.flock) window.flock = {};
@@ -840,28 +796,21 @@ flock.activePickHandlerCapture = false;
 
 function detachActivePickHandler() {
   if (flock.activePickHandler) {
-    window.removeEventListener(
-      "click",
-      flock.activePickHandler,
-      flock.activePickHandlerCapture,
-    );
+    window.removeEventListener('click', flock.activePickHandler, flock.activePickHandlerCapture);
     flock.activePickHandler = null;
   }
   flock.activePickHandlerCapture = false;
 }
 
-function registerActivePickHandler(
-  handler,
-  { capture = false, delay = 0 } = {},
-) {
+function registerActivePickHandler(handler, { capture = false, delay = 0 } = {}) {
   detachActivePickHandler();
-  document.getElementById("showShapesButton")?.classList.add("active");
+  document.getElementById('showShapesButton')?.classList.add('active');
   flock.activePickHandler = handler;
   flock.activePickHandlerCapture = capture;
 
   setTimeout(() => {
     if (flock.activePickHandler === handler) {
-      window.addEventListener("click", handler, flock.activePickHandlerCapture);
+      window.addEventListener('click', handler, flock.activePickHandlerCapture);
     }
   }, delay);
 }
@@ -870,18 +819,17 @@ function cleanupPlacementMode() {
   detachActivePickHandler();
   stopCanvasKeyboardMode();
   setDefaultCursor();
-  clearStatus("placement");
-  document.getElementById("showShapesButton")?.classList.remove("active");
+  clearStatus('placement');
+  document.getElementById('showShapesButton')?.classList.remove('active');
 }
 
 // The two phone layouts in style.css, where the popup opens into space that can
 // be shorter than the full menu: portrait (below the toolbar) and landscape
 // (rightward from the plus button, across the docked toolbar).
 const isPhoneShapesLayout = () =>
-  window.matchMedia("(max-width: 600px)").matches ||
-  window.matchMedia(
-    "(max-width: 1024px) and (orientation: landscape) and (max-height: 500px)",
-  ).matches;
+  window.matchMedia('(max-width: 600px)').matches ||
+  window.matchMedia('(max-width: 1024px) and (orientation: landscape) and (max-height: 500px)')
+    .matches;
 
 // In those layouts the menu can run off the bottom of the canvas. Cap its
 // height to the gap between its top and the bottom view-toggle bar (mirroring
@@ -890,15 +838,13 @@ const isPhoneShapesLayout = () =>
 function fitShapesDropdownToViewport(dropdown) {
   // Always measure unclipped: a cap left over from a previous open would hide
   // how tall the menu actually wants to be.
-  dropdown.style.maxHeight = "";
-  dropdown.style.overflow = "";
+  dropdown.style.maxHeight = '';
+  dropdown.style.overflow = '';
   if (!isPhoneShapesLayout()) return;
 
   const top = dropdown.getBoundingClientRect().top;
-  const bottomBar = document.getElementById("bottomBar");
-  const limit = bottomBar
-    ? bottomBar.getBoundingClientRect().top
-    : window.innerHeight;
+  const bottomBar = document.getElementById('bottomBar');
+  const limit = bottomBar ? bottomBar.getBoundingClientRect().top : window.innerHeight;
   // Stop the menu just above the bar. No lower floor here: a floor taller than
   // the available space would push the menu's bottom down over the bar, which
   // is exactly the overlap we're avoiding. When space is tight it scrolls.
@@ -907,21 +853,21 @@ function fitShapesDropdownToViewport(dropdown) {
   // which would cut off the row chevrons where they sit outside the menu box.
   if (dropdown.scrollHeight <= available) return;
   dropdown.style.maxHeight = `${available}px`;
-  dropdown.style.overflow = "hidden auto"; // clip x, scroll y when needed
+  dropdown.style.overflow = 'hidden auto'; // clip x, scroll y when needed
 }
 
 function showShapes() {
   cancelPlacement(); // Always remove all placement modes when menu is opened/closed
 
-  const dropdown = document.getElementById("shapes-dropdown");
+  const dropdown = document.getElementById('shapes-dropdown');
   if (!dropdown) return;
-  const isVisible = dropdown.style.display !== "none";
+  const isVisible = dropdown.style.display !== 'none';
 
   if (isVisible) {
-    dropdown.style.display = "none";
+    dropdown.style.display = 'none';
     removeKeyboardNavigation();
   } else {
-    dropdown.style.display = "block";
+    dropdown.style.display = 'block';
     loadObjectImages();
     loadMultiImages();
     loadCharacterImages();
@@ -933,17 +879,16 @@ function showShapes() {
 }
 
 // Close the shapes menu if the user clicks outside of it
-document.addEventListener("click", function (event) {
-  const dropdown = document.getElementById("shapes-dropdown");
+document.addEventListener('click', function (event) {
+  const dropdown = document.getElementById('shapes-dropdown');
   if (!dropdown) return;
 
   const isClickInside = dropdown.contains(event.target);
-  const showShapesButton = document.getElementById("showShapesButton");
-  const isClickOnToggle =
-    showShapesButton && showShapesButton.contains(event.target);
+  const showShapesButton = document.getElementById('showShapesButton');
+  const isClickOnToggle = showShapesButton && showShapesButton.contains(event.target);
 
   if (!isClickInside && !isClickOnToggle) {
-    dropdown.style.display = "none";
+    dropdown.style.display = 'none';
     removeKeyboardNavigation();
     cancelPlacement(); // Clean up any pending placements
   }
@@ -957,9 +902,9 @@ function cancelPlacement() {
 // Close the add-shape dropdown when the gizmo overlay opens (e.g. Ctrl+G),
 // so it doesn't sit on top of the gizmo buttons it's meant to reveal.
 GizmoMenuManager.registerCloseHook(() => {
-  const dropdown = document.getElementById("shapes-dropdown");
-  if (!dropdown || dropdown.style.display === "none") return;
-  dropdown.style.display = "none";
+  const dropdown = document.getElementById('shapes-dropdown');
+  if (!dropdown || dropdown.style.display === 'none') return;
+  dropdown.style.display = 'none';
   removeKeyboardNavigation();
   cancelPlacement();
 });
@@ -974,12 +919,12 @@ function setupKeyboardNavigation() {
   keyboardNavigationActive = true;
   currentFocusedElement = null;
 
-  document.addEventListener("keydown", handleShapeMenuKeydown);
+  document.addEventListener('keydown', handleShapeMenuKeydown);
 
   const allItems = getAllNavigableItems();
   allItems.forEach((item, index) => {
-    item.setAttribute("tabindex", index === 0 ? "0" : "-1");
-    item.classList.add("keyboard-navigable");
+    item.setAttribute('tabindex', index === 0 ? '0' : '-1');
+    item.classList.add('keyboard-navigable');
   });
 
   if (allItems.length > 0) {
@@ -991,12 +936,12 @@ function removeKeyboardNavigation() {
   keyboardNavigationActive = false;
   currentFocusedElement = null;
 
-  document.removeEventListener("keydown", handleShapeMenuKeydown);
+  document.removeEventListener('keydown', handleShapeMenuKeydown);
 
   const allItems = getAllNavigableItems();
   allItems.forEach((item) => {
-    item.removeAttribute("tabindex");
-    item.classList.remove("keyboard-navigable", "keyboard-focused");
+    item.removeAttribute('tabindex');
+    item.classList.remove('keyboard-navigable', 'keyboard-focused');
   });
 }
 
@@ -1007,67 +952,65 @@ function handleShapeMenuKeydown(event) {
   const allItems = getAllNavigableItems();
   if (allItems.length === 0) return;
 
-  const currentIndex = currentFocusedElement
-    ? allItems.indexOf(currentFocusedElement)
-    : -1;
+  const currentIndex = currentFocusedElement ? allItems.indexOf(currentFocusedElement) : -1;
 
   switch (event.key) {
-    case "ArrowRight":
+    case 'ArrowRight':
       event.preventDefault();
       navigateHorizontal(allItems, currentIndex, 1);
       break;
-    case "ArrowLeft":
+    case 'ArrowLeft':
       event.preventDefault();
       navigateHorizontal(allItems, currentIndex, -1);
       break;
-    case "ArrowDown":
+    case 'ArrowDown':
       event.preventDefault();
       navigateVertical(allItems, currentIndex, 1);
       break;
-    case "ArrowUp":
+    case 'ArrowUp':
       event.preventDefault();
       navigateVertical(allItems, currentIndex, -1);
       break;
-    case "Enter":
-    case " ":
+    case 'Enter':
+    case ' ':
       event.preventDefault();
       if (currentFocusedElement) {
-        const img = currentFocusedElement.querySelector("img");
+        const img = currentFocusedElement.querySelector('img');
         if (img) {
           const altText = img.alt;
           const parentRow = currentFocusedElement.closest(
-            "#shape-row, #object-row, #model-row, #character-row",
+            '#shape-row, #object-row, #model-row, #character-row'
           );
           if (parentRow) {
             const rowId = parentRow.id;
-            if (rowId === "shape-row") {
+            if (rowId === 'shape-row') {
               const shapeTypeMap = {
-                box: "create_box",
-                sphere: "create_sphere",
-                cylinder: "create_cylinder",
-                capsule: "create_capsule",
-                plane: "create_plane",
+                box: 'create_box',
+                sphere: 'create_sphere',
+                cylinder: 'create_cylinder',
+                capsule: 'create_capsule',
+                plane: 'create_plane',
               };
               const shapeType = shapeTypeMap[altText.toLowerCase()];
               if (shapeType) selectShape(shapeType);
-            } else if (rowId === "object-row") {
-              selectObject(altText + ".glb");
-            } else if (rowId === "model-row") {
-              selectMultiObject(altText + ".glb");
-            } else if (rowId === "character-row") {
-              selectCharacter(altText + ".glb");
+            } else if (rowId === 'object-row') {
+              selectObject(altText + '.glb');
+            } else if (rowId === 'model-row') {
+              selectMultiObject(altText + '.glb');
+            } else if (rowId === 'character-row') {
+              selectCharacter(altText + '.glb');
             }
           }
         }
       }
       break;
-    case "Escape": {
+    case 'Escape': {
       event.preventDefault();
-      const dropdown = document.getElementById("shapes-dropdown");
-      if (dropdown) dropdown.style.display = "none";
+      const dropdown = document.getElementById('shapes-dropdown');
+      if (dropdown) dropdown.style.display = 'none';
       removeKeyboardNavigation();
       cancelPlacement();
-      const shapesButton = document.getElementById("showShapesButton");
+      const shapesButton = document.getElementById('showShapesButton');
       if (shapesButton) shapesButton.focus();
       break;
     }
@@ -1077,8 +1020,7 @@ function handleShapeMenuKeydown(event) {
 function startPlacementKeyboardMode() {
   const canvas = flock.scene?.getEngine?.().getRenderingCanvas?.();
   if (!flock.scene || !canvas) return;
-  const isValidHit = (x, y) =>
-    !!flock.scene.pick(x, y, (mesh) => mesh.isPickable)?.hit;
+  const isValidHit = (x, y) => !!flock.scene.pick(x, y, (mesh) => mesh.isPickable)?.hit;
 
   startCanvasKeyboardMode(
     (x, y) => {
@@ -1091,7 +1033,7 @@ function startPlacementKeyboardMode() {
       cancelPlacement();
     },
     keyboardNavigationActive,
-    isValidHit,
+    isValidHit
   );
 }
 
diff --git a/ui/addmeshes.js b/ui/addmeshes.js
index ac564603e..97316fe62 100644
--- a/ui/addmeshes.js
+++ b/ui/addmeshes.js
@@ -1,10 +1,6 @@
-import { meshMap, meshBlockIdMap } from "../generators/generators.js";
-import { flock } from "../flock.js";
-import {
-  extractMaterialInfo,
-  getMeshFromBlock,
-  readColourValue,
-} from "./blockmesh.js";
+import { meshMap, meshBlockIdMap } from '../generators/generators.js';
+import { flock } from '../flock.js';
+import { extractMaterialInfo, getMeshFromBlock, readColourValue } from './blockmesh.js';
 
 export function createMeshOnCanvas(block) {
   if (!isEligibleForMeshCreation(block)) {
@@ -28,12 +24,12 @@ export function createMeshOnCanvas(block) {
 
   // For shapes (not models), defer creation with aggressive event isolation
   const isShape = [
-    "create_box",
-    "create_sphere",
-    "create_cylinder",
-    "create_capsule",
-    "create_plane",
-    "create_3d_text",
+    'create_box',
+    'create_sphere',
+    'create_cylinder',
+    'create_capsule',
+    'create_plane',
+    'create_3d_text',
   ].includes(block.type);
 
   if (isShape) {
@@ -48,12 +44,7 @@ export function createMeshOnCanvas(block) {
   let position, scale, color, modelName, newMesh;
 
   if (
-    ![
-      "set_sky_color",
-      "set_background_color",
-      "create_ground",
-      "create_map",
-    ].includes(block.type)
+    !['set_sky_color', 'set_background_color', 'create_ground', 'create_map'].includes(block.type)
   ) {
     // Helper function to safely get position value
     function getPositionValue(inputName, defaultValue = 0) {
@@ -63,14 +54,14 @@ export function createMeshOnCanvas(block) {
       const targetBlock = input.connection.targetBlock();
       if (!targetBlock) return defaultValue;
 
-      const value = targetBlock.getFieldValue("NUM");
+      const value = targetBlock.getFieldValue('NUM');
       return value !== null ? parseFloat(value) : defaultValue;
     }
 
     position = {
-      x: getPositionValue("X", 0),
-      y: getPositionValue("Y", 0),
-      z: getPositionValue("Z", 0),
+      x: getPositionValue('X', 0),
+      y: getPositionValue('Y', 0),
+      z: getPositionValue('Z', 0),
     };
   }
 
@@ -92,40 +83,34 @@ export function createMeshOnCanvas(block) {
 
   // Handle block types
   switch (shapeType) {
-    case "set_sky_color":
-      meshId = "sky";
+    case 'set_sky_color':
+      meshId = 'sky';
       meshMap[meshId] = block;
       meshBlockIdMap[meshId] = block.id;
-      color = block
-        .getInput("COLOR")
-        .connection.targetBlock()
-        .getFieldValue("COLOR");
+      color = block.getInput('COLOR').connection.targetBlock().getFieldValue('COLOR');
       flock.setSky(color);
       break;
-    case "set_background_color":
-      meshId = "sky";
+    case 'set_background_color':
+      meshId = 'sky';
       meshMap[meshId] = block;
       meshBlockIdMap[meshId] = block.id;
-      color = block
-        .getInput("COLOR")
-        .connection.targetBlock()
-        .getFieldValue("COLOR");
+      color = block.getInput('COLOR').connection.targetBlock().getFieldValue('COLOR');
       flock.setSky(color, { clear: true });
       break;
-    case "create_map": {
-      meshId = "ground";
+    case 'create_map': {
+      meshId = 'ground';
       meshMap[meshId] = block;
       meshBlockIdMap[meshId] = block.id;
 
-      const mapName = block.getFieldValue("MAP_NAME") || "NONE";
-      const materialBlock = block.getInputTargetBlock("MATERIAL");
+      const mapName = block.getFieldValue('MAP_NAME') || 'NONE';
+      const materialBlock = block.getInputTargetBlock('MATERIAL');
 
       let textureSet, baseColor, alpha;
       if (materialBlock) {
         ({ textureSet, baseColor, alpha } = extractMaterialInfo(materialBlock));
       } else {
         textureSet = null;
-        baseColor = "#808080";
+        baseColor = '#808080';
         alpha = 1;
       }
 
@@ -135,18 +120,15 @@ export function createMeshOnCanvas(block) {
         alpha,
       });
 
-      console.log("Create mesh on canvas");
+      console.log('Create mesh on canvas');
       flock.createMap(mapName, material);
 
       break;
     }
     // --- Model Loading Blocks --
-    case "load_model":
-      modelName = block.getFieldValue("MODELS");
-      scale = block
-        .getInput("SCALE")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
+    case 'load_model':
+      modelName = block.getFieldValue('MODELS');
+      scale = block.getInput('SCALE').connection.targetBlock().getFieldValue('NUM');
 
       meshId = `${modelName}__${block.id}`;
       meshMap[block.id] = block;
@@ -161,40 +143,19 @@ export function createMeshOnCanvas(block) {
       });
       break;
 
-    case "load_character":
-      modelName = block.getFieldValue("MODELS");
+    case 'load_character':
+      modelName = block.getFieldValue('MODELS');
 
-      scale = block
-        .getInput("SCALE")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
+      scale = block.getInput('SCALE').connection.targetBlock().getFieldValue('NUM');
 
       // Retrieve colours
       colors = {
-        hair: block
-          .getInput("HAIR_COLOR")
-          .connection.targetBlock()
-          .getFieldValue("COLOR"),
-        skin: block
-          .getInput("SKIN_COLOR")
-          .connection.targetBlock()
-          .getFieldValue("COLOR"),
-        eyes: block
-          .getInput("EYES_COLOR")
-          .connection.targetBlock()
-          .getFieldValue("COLOR"),
-        tshirt: block
-          .getInput("TSHIRT_COLOR")
-          .connection.targetBlock()
-          .getFieldValue("COLOR"),
-        shorts: block
-          .getInput("SHORTS_COLOR")
-          .connection.targetBlock()
-          .getFieldValue("COLOR"),
-        sleeves: block
-          .getInput("SLEEVES_COLOR")
-          .connection.targetBlock()
-          .getFieldValue("COLOR"),
+        hair: block.getInput('HAIR_COLOR').connection.targetBlock().getFieldValue('COLOR'),
+        skin: block.getInput('SKIN_COLOR').connection.targetBlock().getFieldValue('COLOR'),
+        eyes: block.getInput('EYES_COLOR').connection.targetBlock().getFieldValue('COLOR'),
+        tshirt: block.getInput('TSHIRT_COLOR').connection.targetBlock().getFieldValue('COLOR'),
+        shorts: block.getInput('SHORTS_COLOR').connection.targetBlock().getFieldValue('COLOR'),
+        sleeves: block.getInput('SLEEVES_COLOR').connection.targetBlock().getFieldValue('COLOR'),
       };
 
       meshId = `${modelName}__${block.id}`;
@@ -211,15 +172,12 @@ export function createMeshOnCanvas(block) {
 
       break;
 
-    case "load_object":
-      modelName = block.getFieldValue("MODELS");
-      scale = block
-        .getInput("SCALE")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
+    case 'load_object':
+      modelName = block.getFieldValue('MODELS');
+      scale = block.getInput('SCALE').connection.targetBlock().getFieldValue('NUM');
 
       {
-        const colorInput = block.getInput("COLOR");
+        const colorInput = block.getInput('COLOR');
         const target = colorInput?.connection?.targetBlock?.();
 
         if (target) {
@@ -250,22 +208,19 @@ export function createMeshOnCanvas(block) {
 
       break;
 
-    case "load_multi_object": {
-      modelName = block.getFieldValue("MODELS");
-      scale = block
-        .getInput("SCALE")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
+    case 'load_multi_object': {
+      modelName = block.getFieldValue('MODELS');
+      scale = block.getInput('SCALE').connection.targetBlock().getFieldValue('NUM');
 
-      const colorsBlock = block.getInput("COLORS").connection.targetBlock();
+      const colorsBlock = block.getInput('COLORS').connection.targetBlock();
       let colorsArray = [];
-      if (colorsBlock && colorsBlock.type === "lists_create_with") {
+      if (colorsBlock && colorsBlock.type === 'lists_create_with') {
         colorsBlock.inputList.forEach((input) => {
           // Only process value inputs named "ADD*"
-          if (input.name && input.name.startsWith("ADD") && input.connection) {
+          if (input.name && input.name.startsWith('ADD') && input.connection) {
             const colorBlock = input.connection.targetBlock();
             if (colorBlock) {
-              const colorVal = colorBlock.getFieldValue("COLOR");
+              const colorVal = colorBlock.getFieldValue('COLOR');
               if (colorVal) {
                 colorsArray.push(colorVal);
               }
@@ -290,23 +245,11 @@ export function createMeshOnCanvas(block) {
       break;
     }
     // --- Shape Creation Blocks ---
-    case "create_box":
-      color = block
-        .getInput("COLOR")
-        .connection.targetBlock()
-        .getFieldValue("COLOR");
-      width = block
-        .getInput("WIDTH")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
-      height = block
-        .getInput("HEIGHT")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
-      depth = block
-        .getInput("DEPTH")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
+    case 'create_box':
+      color = block.getInput('COLOR').connection.targetBlock().getFieldValue('COLOR');
+      width = block.getInput('WIDTH').connection.targetBlock().getFieldValue('NUM');
+      height = block.getInput('HEIGHT').connection.targetBlock().getFieldValue('NUM');
+      depth = block.getInput('DEPTH').connection.targetBlock().getFieldValue('NUM');
 
       meshId = `box__${block.id}`;
       meshMap[block.id] = block;
@@ -321,23 +264,11 @@ export function createMeshOnCanvas(block) {
       });
       break;
 
-    case "create_sphere":
-      color = block
-        .getInput("COLOR")
-        .connection.targetBlock()
-        .getFieldValue("COLOR");
-      diameterX = block
-        .getInput("DIAMETER_X")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
-      diameterY = block
-        .getInput("DIAMETER_Y")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
-      diameterZ = block
-        .getInput("DIAMETER_Z")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
+    case 'create_sphere':
+      color = block.getInput('COLOR').connection.targetBlock().getFieldValue('COLOR');
+      diameterX = block.getInput('DIAMETER_X').connection.targetBlock().getFieldValue('NUM');
+      diameterY = block.getInput('DIAMETER_Y').connection.targetBlock().getFieldValue('NUM');
+      diameterZ = block.getInput('DIAMETER_Z').connection.targetBlock().getFieldValue('NUM');
 
       meshId = `sphere__${block.id}`;
       meshMap[block.id] = block;
@@ -352,23 +283,14 @@ export function createMeshOnCanvas(block) {
       });
       break;
 
-    case "create_cylinder":
-      color = block
-        .getInput("COLOR")
-        .connection.targetBlock()
-        .getFieldValue("COLOR");
-      cylinderHeight = block
-        .getInput("HEIGHT")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
-      diameterTop = block
-        .getInput("DIAMETER_TOP")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
+    case 'create_cylinder':
+      color = block.getInput('COLOR').connection.targetBlock().getFieldValue('COLOR');
+      cylinderHeight = block.getInput('HEIGHT').connection.targetBlock().getFieldValue('NUM');
+      diameterTop = block.getInput('DIAMETER_TOP').connection.targetBlock().getFieldValue('NUM');
       diameterBottom = block
-        .getInput("DIAMETER_BOTTOM")
+        .getInput('DIAMETER_BOTTOM')
         .connection.targetBlock()
-        .getFieldValue("NUM");
+        .getFieldValue('NUM');
 
       meshId = `cylinder__${block.id}`;
       meshMap[block.id] = block;
@@ -384,19 +306,10 @@ export function createMeshOnCanvas(block) {
       });
       break;
 
-    case "create_capsule":
-      color = block
-        .getInput("COLOR")
-        .connection.targetBlock()
-        .getFieldValue("COLOR");
-      capsuleDiameter = block
-        .getInput("DIAMETER")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
-      capsuleHeight = block
-        .getInput("HEIGHT")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
+    case 'create_capsule':
+      color = block.getInput('COLOR').connection.targetBlock().getFieldValue('COLOR');
+      capsuleDiameter = block.getInput('DIAMETER').connection.targetBlock().getFieldValue('NUM');
+      capsuleHeight = block.getInput('HEIGHT').connection.targetBlock().getFieldValue('NUM');
 
       meshId = `capsule__${block.id}`;
       meshMap[block.id] = block;
@@ -410,19 +323,10 @@ export function createMeshOnCanvas(block) {
       });
       break;
 
-    case "create_plane":
-      color = block
-        .getInput("COLOR")
-        .connection.targetBlock()
-        .getFieldValue("COLOR");
-      planeWidth = block
-        .getInput("WIDTH")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
-      planeHeight = block
-        .getInput("HEIGHT")
-        .connection.targetBlock()
-        .getFieldValue("NUM");
+    case 'create_plane':
+      color = block.getInput('COLOR').connection.targetBlock().getFieldValue('COLOR');
+      planeWidth = block.getInput('WIDTH').connection.targetBlock().getFieldValue('NUM');
+      planeHeight = block.getInput('HEIGHT').connection.targetBlock().getFieldValue('NUM');
 
       meshId = `plane__${block.id}`;
       meshMap[block.id] = block;
@@ -488,7 +392,7 @@ function createShapeInternal(block) {
     const targetBlock = input.connection.targetBlock();
     if (!targetBlock) return defaultValue;
 
-    const value = targetBlock.getFieldValue("NUM");
+    const value = targetBlock.getFieldValue('NUM');
     return value !== null ? parseFloat(value) : defaultValue;
   }
 
@@ -496,17 +400,13 @@ function createShapeInternal(block) {
   function getConnectedFieldValue(inputName, fieldName, defaultValue) {
     const input = block.getInput(inputName);
     if (!input || !input.connection) {
-      console.warn(
-        `Input ${inputName} not found or has no connection on block ${block.type}`,
-      );
+      console.warn(`Input ${inputName} not found or has no connection on block ${block.type}`);
       return defaultValue;
     }
 
     const targetBlock = input.connection.targetBlock();
     if (!targetBlock) {
-      console.warn(
-        `No target block connected to input ${inputName} on block ${block.type}`,
-      );
+      console.warn(`No target block connected to input ${inputName} on block ${block.type}`);
       return defaultValue;
     }
 
@@ -514,30 +414,26 @@ function createShapeInternal(block) {
       const value = targetBlock.getFieldValue(fieldName);
       return value !== null ? value : defaultValue;
     } catch (e) {
-      console.error(
-        `Error getting field ${fieldName} from connected block:`,
-        e,
-      );
+      console.error(`Error getting field ${fieldName} from connected block:`, e);
       return defaultValue;
     }
   }
 
   position = {
-    x: getPositionValue("X", 0),
-    y: getPositionValue("Y", 0),
-    z: getPositionValue("Z", 0),
+    x: getPositionValue('X', 0),
+    y: getPositionValue('Y', 0),
+    z: getPositionValue('Z', 0),
   };
 
-  const resolveColorOrMaterial = (defaultColor = "#ff0000") => {
-    const colorInput = block.getInputTargetBlock("COLOR");
+  const resolveColorOrMaterial = (defaultColor = '#ff0000') => {
+    const colorInput = block.getInputTargetBlock('COLOR');
     let alpha = 1;
     let colorOrMaterial = defaultColor;
 
-    if (colorInput?.type === "material") {
+    if (colorInput?.type === 'material') {
       const materialInfo = extractMaterialInfo(colorInput);
       alpha = materialInfo.alpha ?? 1;
-      const hasMaterial =
-        materialInfo.textureSet && materialInfo.textureSet !== "NONE";
+      const hasMaterial = materialInfo.textureSet && materialInfo.textureSet !== 'NONE';
       const baseColor = materialInfo.baseColor ?? defaultColor;
 
       colorOrMaterial = hasMaterial
@@ -557,11 +453,11 @@ function createShapeInternal(block) {
 
   // Handle shape creation blocks
   switch (shapeType) {
-    case "create_box":
-      ({ colorOrMaterial: color, alpha } = resolveColorOrMaterial("#ff0000"));
-      width = parseFloat(getConnectedFieldValue("WIDTH", "NUM", "1"));
-      height = parseFloat(getConnectedFieldValue("HEIGHT", "NUM", "1"));
-      depth = parseFloat(getConnectedFieldValue("DEPTH", "NUM", "1"));
+    case 'create_box':
+      ({ colorOrMaterial: color, alpha } = resolveColorOrMaterial('#ff0000'));
+      width = parseFloat(getConnectedFieldValue('WIDTH', 'NUM', '1'));
+      height = parseFloat(getConnectedFieldValue('HEIGHT', 'NUM', '1'));
+      depth = parseFloat(getConnectedFieldValue('DEPTH', 'NUM', '1'));
 
       newMesh = flock.createBox(`box__${block.id}`, {
         color,
@@ -573,11 +469,11 @@ function createShapeInternal(block) {
       });
       break;
 
-    case "create_sphere":
-      ({ colorOrMaterial: color, alpha } = resolveColorOrMaterial("#ff0000"));
-      diameterX = parseFloat(getConnectedFieldValue("DIAMETER_X", "NUM", "1"));
-      diameterY = parseFloat(getConnectedFieldValue("DIAMETER_Y", "NUM", "1"));
-      diameterZ = parseFloat(getConnectedFieldValue("DIAMETER_Z", "NUM", "1"));
+    case 'create_sphere':
+      ({ colorOrMaterial: color, alpha } = resolveColorOrMaterial('#ff0000'));
+      diameterX = parseFloat(getConnectedFieldValue('DIAMETER_X', 'NUM', '1'));
+      diameterY = parseFloat(getConnectedFieldValue('DIAMETER_Y', 'NUM', '1'));
+      diameterZ = parseFloat(getConnectedFieldValue('DIAMETER_Z', 'NUM', '1'));
 
       newMesh = flock.createSphere(`sphere__${block.id}`, {
         color,
@@ -589,15 +485,11 @@ function createShapeInternal(block) {
       });
       break;
 
-    case "create_cylinder":
-      ({ colorOrMaterial: color, alpha } = resolveColorOrMaterial("#ff0000"));
-      cylinderHeight = parseFloat(getConnectedFieldValue("HEIGHT", "NUM", "1"));
-      diameterTop = parseFloat(
-        getConnectedFieldValue("DIAMETER_TOP", "NUM", "1"),
-      );
-      diameterBottom = parseFloat(
-        getConnectedFieldValue("DIAMETER_BOTTOM", "NUM", "1"),
-      );
+    case 'create_cylinder':
+      ({ colorOrMaterial: color, alpha } = resolveColorOrMaterial('#ff0000'));
+      cylinderHeight = parseFloat(getConnectedFieldValue('HEIGHT', 'NUM', '1'));
+      diameterTop = parseFloat(getConnectedFieldValue('DIAMETER_TOP', 'NUM', '1'));
+      diameterBottom = parseFloat(getConnectedFieldValue('DIAMETER_BOTTOM', 'NUM', '1'));
 
       newMesh = flock.createCylinder(`cylinder__${block.id}`, {
         color,
@@ -610,12 +502,10 @@ function createShapeInternal(block) {
       });
       break;
 
-    case "create_capsule":
-      ({ colorOrMaterial: color, alpha } = resolveColorOrMaterial("#ff0000"));
-      capsuleDiameter = parseFloat(
-        getConnectedFieldValue("DIAMETER", "NUM", "1"),
-      );
-      capsuleHeight = parseFloat(getConnectedFieldValue("HEIGHT", "NUM", "1"));
+    case 'create_capsule':
+      ({ colorOrMaterial: color, alpha } = resolveColorOrMaterial('#ff0000'));
+      capsuleDiameter = parseFloat(getConnectedFieldValue('DIAMETER', 'NUM', '1'));
+      capsuleHeight = parseFloat(getConnectedFieldValue('HEIGHT', 'NUM', '1'));
 
       newMesh = flock.createCapsule(`capsule__${block.id}`, {
         color,
@@ -626,10 +516,10 @@ function createShapeInternal(block) {
       });
       break;
 
-    case "create_plane":
-      ({ colorOrMaterial: color, alpha } = resolveColorOrMaterial("#ff0000"));
-      planeWidth = parseFloat(getConnectedFieldValue("WIDTH", "NUM", "2"));
-      planeHeight = parseFloat(getConnectedFieldValue("HEIGHT", "NUM", "2"));
+    case 'create_plane':
+      ({ colorOrMaterial: color, alpha } = resolveColorOrMaterial('#ff0000'));
+      planeWidth = parseFloat(getConnectedFieldValue('WIDTH', 'NUM', '2'));
+      planeHeight = parseFloat(getConnectedFieldValue('HEIGHT', 'NUM', '2'));
 
       newMesh = flock.createPlane(`plane__${block.id}`, {
         color,
@@ -640,26 +530,24 @@ function createShapeInternal(block) {
       });
       break;
 
-    case "create_3d_text": {
-      ({ colorOrMaterial: color, alpha } = resolveColorOrMaterial("#FFFFFF"));
+    case 'create_3d_text': {
+      ({ colorOrMaterial: color, alpha } = resolveColorOrMaterial('#FFFFFF'));
 
-      const textInput = block.getInput("TEXT");
+      const textInput = block.getInput('TEXT');
       const textTarget = textInput?.connection?.targetBlock?.();
       const textValue = textTarget
-        ? (textTarget.getFieldValue("TEXT") ??
-          textTarget.getFieldValue("NUM") ??
-          "Hello World")
-        : "Hello World";
+        ? (textTarget.getFieldValue('TEXT') ?? textTarget.getFieldValue('NUM') ?? 'Hello World')
+        : 'Hello World';
 
-      const fontSize = parseFloat(getConnectedFieldValue("SIZE", "NUM", "50"));
-      const textDepth = parseFloat(getConnectedFieldValue("DEPTH", "NUM", "1"));
+      const fontSize = parseFloat(getConnectedFieldValue('SIZE', 'NUM', '50'));
+      const textDepth = parseFloat(getConnectedFieldValue('DEPTH', 'NUM', '1'));
 
       meshMap[block.id] = block;
       meshBlockIdMap[block.id] = block.id;
 
       newMesh = flock.create3DText({
         text: String(textValue),
-        font: "fonts/FreeSansBold.ttf",
+        font: 'fonts/FreeSansBold.ttf',
         color,
         alpha,
         size: fontSize,
diff --git a/ui/axis-keyboard.js b/ui/axis-keyboard.js
index 3af7c3eea..02a92ff91 100644
--- a/ui/axis-keyboard.js
+++ b/ui/axis-keyboard.js
@@ -1,20 +1,20 @@
-import { KeyboardDispatcher } from "../main/keyboardDispatcher.js";
-import { showStatus, clearStatus } from "./status.js";
-import { translate } from "../main/translation.js";
+import { KeyboardDispatcher } from '../main/keyboardDispatcher.js';
+import { showStatus, clearStatus } from './status.js';
+import { translate } from '../main/translation.js';
 
 const AXIS_LOCK_KEYS = {
-  x: "axis_lock_x",
-  y: "axis_lock_y",
-  z: "axis_lock_z",
-  all: "axis_lock_all",
+  x: 'axis_lock_x',
+  y: 'axis_lock_y',
+  z: 'axis_lock_z',
+  all: 'axis_lock_all',
 };
 
 function reportAxis(axis) {
   if (!axis) {
-    clearStatus("axis");
+    clearStatus('axis');
     return;
   }
-  showStatus(`🔒 ${translate(AXIS_LOCK_KEYS[axis])}`, { duration: 10, owner: "axis" });
+  showStatus(`🔒 ${translate(AXIS_LOCK_KEYS[axis])}`, { duration: 10, owner: 'axis' });
 }
 
 // A generic handler to be used for axis-constrained
@@ -32,103 +32,112 @@ export function createAxisKeyboardHandler({
   // "all" (uniform) is only valid when uniform mode is enabled. In non-uniform
   // tools, collapse any inherited/incoming "all" (e.g. carried over from the
   // scale tool) to a single axis so Arrow/Page movement stays axis-constrained.
-  const normalizeAxis = (a) => (a === "all" && !allowUniform ? "x" : a);
+  const normalizeAxis = (a) => (a === 'all' && !allowUniform ? 'x' : a);
   let axis = normalizeAxis(initialAxis);
 
   function handler(event) {
     const t = event.target;
     // Don't capture keys when focus is in the code panel, top menu, or docs
-    if (t?.closest?.("#codePanel, header, #info-panel, #shapes-dropdown, .custom-color-picker")) return;
-    // Don't interfere with text inputs
-    const tag = (t?.tagName || "").toLowerCase();
-    if (
-      t?.isContentEditable ||
-      tag === "input" ||
-      tag === "textarea" ||
-      tag === "select"
-    )
+    if (t?.closest?.('#codePanel, header, #info-panel, #shapes-dropdown, .custom-color-picker'))
       return;
+    // Don't interfere with text inputs
+    const tag = (t?.tagName || '').toLowerCase();
+    if (t?.isContentEditable || tag === 'input' || tag === 'textarea' || tag === 'select') return;
 
     const step = event.shiftKey ? stepNormal : stepFast;
 
     if (event.ctrlKey || event.metaKey || event.altKey) return;
 
     switch (event.key) {
-      case "x":
-      case "X":
-        axis = axis === "x" ? null : "x";
+      case 'x':
+      case 'X':
+        axis = axis === 'x' ? null : 'x';
         reportAxis(axis);
         onAxisChange?.(axis);
         event.preventDefault();
         break;
 
-      case "y":
-      case "Y":
-        axis = axis === "y" ? null : "y";
+      case 'y':
+      case 'Y':
+        axis = axis === 'y' ? null : 'y';
         reportAxis(axis);
         onAxisChange?.(axis);
         event.preventDefault();
         break;
 
-      case "z":
-      case "Z":
-        axis = axis === "z" ? null : "z";
+      case 'z':
+      case 'Z':
+        axis = axis === 'z' ? null : 'z';
         reportAxis(axis);
         onAxisChange?.(axis);
         event.preventDefault();
         break;
 
-      case "u":
-      case "U":
+      case 'u':
+      case 'U':
         // Uniform (all-axes) only applies to scale; ignore on move/rotate.
         if (!allowUniform) break;
-        axis = axis === "all" ? null : "all";
+        axis = axis === 'all' ? null : 'all';
         reportAxis(axis);
         onAxisChange?.(axis);
         event.preventDefault();
         break;
 
-      case "ArrowRight":
-      case "ArrowLeft":
-      case "ArrowUp":
-      case "ArrowDown": {
+      case 'ArrowRight':
+      case 'ArrowLeft':
+      case 'ArrowUp':
+      case 'ArrowDown': {
         event.preventDefault();
         event.stopPropagation();
-        const sign =
-          event.key === "ArrowRight" || event.key === "ArrowUp" ? 1 : -1;
-        if (axis === "all") {
+        const sign = event.key === 'ArrowRight' || event.key === 'ArrowUp' ? 1 : -1;
+        if (axis === 'all') {
           onMove(step * sign, step * sign, step * sign);
         } else if (axis) {
           onMove(
-            axis === "x" ? step * sign : 0,
-            axis === "y" ? step * sign : 0,
-            axis === "z" ? step * sign : 0,
+            axis === 'x' ? step * sign : 0,
+            axis === 'y' ? step * sign : 0,
+            axis === 'z' ? step * sign : 0
           );
         } else {
-          if (event.key === "ArrowRight") { onMove(step, 0, 0); onAxisChange?.("x"); }
-          else if (event.key === "ArrowLeft") { onMove(-step, 0, 0); onAxisChange?.("x"); }
-          else if (event.key === "ArrowUp") { onMove(0, 0, step); onAxisChange?.("z"); }
-          else if (event.key === "ArrowDown") { onMove(0, 0, -step); onAxisChange?.("z"); }
+          if (event.key === 'ArrowRight') {
+            onMove(step, 0, 0);
+            onAxisChange?.('x');
+          } else if (event.key === 'ArrowLeft') {
+            onMove(-step, 0, 0);
+            onAxisChange?.('x');
+          } else if (event.key === 'ArrowUp') {
+            onMove(0, 0, step);
+            onAxisChange?.('z');
+          } else if (event.key === 'ArrowDown') {
+            onMove(0, 0, -step);
+            onAxisChange?.('z');
+          }
         }
         break;
       }
 
-      case "PageUp":
+      case 'PageUp':
         event.preventDefault();
         event.stopPropagation();
-        if (axis === "all") onMove(step, step, step);
-        else if (!axis) { onMove(0, step, 0); onAxisChange?.("y"); }
+        if (axis === 'all') onMove(step, step, step);
+        else if (!axis) {
+          onMove(0, step, 0);
+          onAxisChange?.('y');
+        }
         break;
 
-      case "PageDown":
+      case 'PageDown':
         event.preventDefault();
         event.stopPropagation();
-        if (axis === "all") onMove(-step, -step, -step);
-        else if (!axis) { onMove(0, -step, 0); onAxisChange?.("y"); }
+        if (axis === 'all') onMove(-step, -step, -step);
+        else if (!axis) {
+          onMove(0, -step, 0);
+          onAxisChange?.('y');
+        }
         break;
 
-      case "Enter":
-      case " ": {
+      case 'Enter':
+      case ' ': {
         event.preventDefault();
         event.stopPropagation();
         try {
@@ -139,7 +148,7 @@ export function createAxisKeyboardHandler({
         break;
       }
 
-      case "Escape":
+      case 'Escape':
         event.preventDefault();
         event.stopPropagation();
         try {
@@ -151,18 +160,20 @@ export function createAxisKeyboardHandler({
     }
   }
 
-  KeyboardDispatcher.pushMode(handler, "axis-keyboard");
+  KeyboardDispatcher.pushMode(handler, 'axis-keyboard');
 
   let stopped = false;
   function stop() {
     if (stopped) return;
     stopped = true;
     axis = null;
-    clearStatus("axis");
+    clearStatus('axis');
     KeyboardDispatcher.popMode();
   }
   stop.getAxis = () => axis;
-  stop.setAxis = (newAxis) => { axis = normalizeAxis(newAxis); };
+  stop.setAxis = (newAxis) => {
+    axis = normalizeAxis(newAxis);
+  };
 
   return stop;
 }
diff --git a/ui/blocklyshadowutil.js b/ui/blocklyshadowutil.js
index 9ba4fe3e6..5e6e02065 100644
--- a/ui/blocklyshadowutil.js
+++ b/ui/blocklyshadowutil.js
@@ -1,4 +1,4 @@
-import { objectColours } from "../config.js";
+import { objectColours } from '../config.js';
 
 export function roundPositionValue(value, decimals = 1) {
   const factor = 10 ** decimals;
@@ -8,14 +8,14 @@ export function roundPositionValue(value, decimals = 1) {
 export function addNumberShadow(spec, inputName, value) {
   spec.inputs ||= {};
   spec.inputs[inputName] = {
-    shadow: { type: "math_number", fields: { NUM: value } },
+    shadow: { type: 'math_number', fields: { NUM: value } },
   };
 }
 
 export function addXYZShadows(spec, pos) {
-  addNumberShadow(spec, "X", roundPositionValue(pos?.x ?? 0));
-  addNumberShadow(spec, "Y", roundPositionValue(pos?.y ?? 0));
-  addNumberShadow(spec, "Z", roundPositionValue(pos?.z ?? 0));
+  addNumberShadow(spec, 'X', roundPositionValue(pos?.x ?? 0));
+  addNumberShadow(spec, 'Y', roundPositionValue(pos?.y ?? 0));
+  addNumberShadow(spec, 'Z', roundPositionValue(pos?.z ?? 0));
 }
 
 export function addColourShadow(spec, inputName, shadowType, hex) {
@@ -26,14 +26,13 @@ export function addColourShadow(spec, inputName, shadowType, hex) {
 }
 
 export function addPositionShadows(spec, pos) {
-  const rx =
-    typeof roundPositionValue === "function" ? roundPositionValue : (v) => v;
-  addNumberShadow(spec, "X", rx(pos?.x ?? 0));
-  addNumberShadow(spec, "Y", rx(pos?.y ?? 0));
-  addNumberShadow(spec, "Z", rx(pos?.z ?? 0));
+  const rx = typeof roundPositionValue === 'function' ? roundPositionValue : (v) => v;
+  addNumberShadow(spec, 'X', rx(pos?.x ?? 0));
+  addNumberShadow(spec, 'Y', rx(pos?.y ?? 0));
+  addNumberShadow(spec, 'Z', rx(pos?.z ?? 0));
 }
 
-export function addColourShadowSpec(spec, name, hex, shadowType = "colour") {
+export function addColourShadowSpec(spec, name, hex, shadowType = 'colour') {
   spec.inputs ||= {};
   spec.inputs[name] = {
     shadow: { type: shadowType, fields: { COLOR: hex } },
@@ -41,14 +40,10 @@ export function addColourShadowSpec(spec, name, hex, shadowType = "colour") {
 }
 
 export function buildColorsListShadowSpec(objectName) {
-  const colours = objectColours?.[objectName] || [
-    "#000000",
-    "#FFFFFF",
-    "#CCCCCC",
-  ];
+  const colours = objectColours?.[objectName] || ['#000000', '#FFFFFF', '#CCCCCC'];
 
   const listSpec = {
-    type: "lists_create_with",
+    type: 'lists_create_with',
     extraState: { itemCount: colours.length },
     mutation: { items: colours.length },
     inline: true,
@@ -56,8 +51,8 @@ export function buildColorsListShadowSpec(objectName) {
   };
 
   colours.forEach((hex, i) => {
-    listSpec.inputs["ADD" + i] = {
-      shadow: { type: "colour", fields: { COLOR: hex } },
+    listSpec.inputs['ADD' + i] = {
+      shadow: { type: 'colour', fields: { COLOR: hex } },
     };
   });
 
diff --git a/ui/blocklyutil.js b/ui/blocklyutil.js
index 30798f534..d0b6306ec 100644
--- a/ui/blocklyutil.js
+++ b/ui/blocklyutil.js
@@ -1,4 +1,4 @@
-import * as Blockly from "blockly";
+import * as Blockly from 'blockly';
 import {
   addNumberShadow,
   addXYZShadows,
@@ -6,7 +6,7 @@ import {
   buildColorsListShadowSpec,
   addPositionShadows,
   addColourShadow,
-} from "./blocklyshadowutil.js";
+} from './blocklyshadowutil.js';
 let lastAddMenuHighlighted = null;
 
 // Whether a block has been locked (non-editable / non-movable / non-deletable).
@@ -17,7 +17,7 @@ export function isBlockLocked(block) {
 // Recursively remove lock-related serialized attributes from a block-save JSON
 // node and its inputs/next, so a pasted/duplicated copy is created unlocked.
 export function stripLockState(node) {
-  if (!node || typeof node !== "object") return;
+  if (!node || typeof node !== 'object') return;
   delete node.movable;
   delete node.editable;
   delete node.deletable;
@@ -77,16 +77,16 @@ function makeNoopDragStrategy(block) {
 export function applyBlockLockState(b, locked) {
   if (!b) return;
   b.locked = locked;
-  if (typeof b.setEditable === "function") b.setEditable(!locked);
+  if (typeof b.setEditable === 'function') b.setEditable(!locked);
   // Shadow blocks are inherently non-movable/non-deletable; toggling those on
   // them would wrongly make them draggable/removable when unlocked.
   if (!b.isShadow?.()) {
-    if (typeof b.setDeletable === "function") b.setDeletable(!locked);
-    if (typeof b.setMovable === "function") b.setMovable(!locked);
+    if (typeof b.setDeletable === 'function') b.setDeletable(!locked);
+    if (typeof b.setMovable === 'function') b.setMovable(!locked);
     // Swap in a no-op drag strategy while locked. setMovable(false) alone
     // makes Blockly pan the workspace when you try to drag the block; a
     // movable-but-no-op strategy consumes the drag gesture instead.
-    if (typeof b.setDragStrategy === "function") {
+    if (typeof b.setDragStrategy === 'function') {
       if (locked) {
         if (!b._origDragStrategy) b._origDragStrategy = b.getDragStrategy?.();
         b.setDragStrategy(makeNoopDragStrategy(b));
@@ -98,13 +98,13 @@ export function applyBlockLockState(b, locked) {
   }
   // Tag each locked block individually so the "no entry" cursor applies to the
   // locked subtree only, not to sibling blocks nested below it in the SVG DOM.
-  b.getSvgRoot?.()?.classList.toggle("blockly-locked", locked);
+  b.getSvgRoot?.()?.classList.toggle('blockly-locked', locked);
 }
 
 // Colour-swatch blocks carry only a colour field. They stay editable even
 // inside a locked block so the colour can still be changed while every other
 // input stays frozen.
-const COLOUR_BLOCK_TYPES = new Set(["colour", "skin_colour", "colour_picker"]);
+const COLOUR_BLOCK_TYPES = new Set(['colour', 'skin_colour', 'colour_picker']);
 function isColourBlock(b) {
   return COLOUR_BLOCK_TYPES.has(b?.type);
 }
@@ -125,16 +125,13 @@ export function toggleBlockComment(block) {
   if (block.getCommentText() !== null) {
     block.setCommentText(null);
   } else {
-    block.setCommentText("");
+    block.setCommentText('');
     getCommentIcon(block)?.setBubbleVisible(true);
   }
 }
 
 function getCommentIcon(block) {
-  return (
-    block?.getIcons?.().find((i) => typeof i.setBubbleVisible === "function") ??
-    null
-  );
+  return block?.getIcons?.().find((i) => typeof i.setBubbleVisible === 'function') ?? null;
 }
 
 // Toggle the comment bubble open/closed, creating the comment if the block
@@ -144,7 +141,7 @@ function getCommentIcon(block) {
 // setBubbleVisible resolves once the bubble has been (re)rendered.
 export async function toggleCommentBubble(block) {
   if (!block) return;
-  if (block.getCommentText() === null) block.setCommentText("");
+  if (block.getCommentText() === null) block.setCommentText('');
   const icon = getCommentIcon(block);
   if (!icon) return;
   if (icon.bubbleIsVisible?.()) {
@@ -171,17 +168,17 @@ function trackBlockHighlight(workspace, blockId) {
 }
 
 function ensurePassiveFocusWrapper(workspace) {
-    if (!workspace || workspace.__addMenuPassiveFocusWrapped) return;
-    const orig = workspace.getRestoredFocusableNode?.bind(workspace);
-    if (!orig) return;
-    workspace.getRestoredFocusableNode = (prevTree, prevNode) => {
-      if (lastAddMenuHighlighted?.workspace === workspace) {
-        const block = workspace.getBlockById(lastAddMenuHighlighted.blockId);
-        if (block) return block;
-      }
-      return orig(prevTree, prevNode);
-    };
-    workspace.__addMenuPassiveFocusWrapped = true;
+  if (!workspace || workspace.__addMenuPassiveFocusWrapped) return;
+  const orig = workspace.getRestoredFocusableNode?.bind(workspace);
+  if (!orig) return;
+  workspace.getRestoredFocusableNode = (prevTree, prevNode) => {
+    if (lastAddMenuHighlighted?.workspace === workspace) {
+      const block = workspace.getBlockById(lastAddMenuHighlighted.blockId);
+      if (block) return block;
+    }
+    return orig(prevTree, prevNode);
+  };
+  workspace.__addMenuPassiveFocusWrapped = true;
 }
 
 function clearAddMenuHighlight(workspace, newSelectedId) {
@@ -218,9 +215,7 @@ export function appendWithUndo(spec, ws, groupId) {
 }
 
 export function getLastHighlightedBlockId(workspace) {
-  return lastAddMenuHighlighted?.workspace === workspace
-    ? lastAddMenuHighlighted.blockId
-    : null;
+  return lastAddMenuHighlighted?.workspace === workspace ? lastAddMenuHighlighted.blockId : null;
 }
 
 export function restoreBlockFocus(workspace, blockId) {
@@ -243,8 +238,8 @@ export function highlightBlockById(workspace, block) {
   // only tracks the wide-screen split-view toggle (switchView) — the narrow-screen
   // canvas/code tab toggle (showCanvasView/showCodeView) hides #codePanel via
   // style.display without ever updating codeMode, so check the DOM directly.
-  const codePanel = document.getElementById("codePanel");
-  const codeVisible = !codePanel || codePanel.style.display !== "none";
+  const codePanel = document.getElementById('codePanel');
+  const codeVisible = !codePanel || codePanel.style.display !== 'none';
   if (codeVisible) {
     ensureAddMenuSelectionCleanup(workspace);
 
@@ -263,7 +258,7 @@ function ensureAddMenuSelectionCleanup(workspace) {
   const listener = (event) => {
     const isSelectEvent =
       event.type === Blockly.Events.SELECTED ||
-      (event.type === Blockly.Events.UI && event.element === "selected");
+      (event.type === Blockly.Events.UI && event.element === 'selected');
 
     if (isSelectEvent) {
       clearAddMenuHighlight(workspace, event.newElementId);
@@ -276,7 +271,7 @@ function ensureAddMenuSelectionCleanup(workspace) {
 
 export function scrollToBlockTopParentLeft(workspace, blockId) {
   if (!workspace.isMovable()) {
-    console.warn("Tried to move a non-movable workspace.");
+    console.warn('Tried to move a non-movable workspace.');
     return;
   }
 
@@ -332,9 +327,8 @@ export function setPositionValues(block, position, blockType, decimals = 1) {
         let targetBlock = input.connection.targetBlock();
         if (!targetBlock) {
           // Create a shadow block if none exists
-          const shadowBlock =
-            Blockly.getMainWorkspace().newBlock("math_number");
-          shadowBlock.setFieldValue(String(roundedValue), "NUM");
+          const shadowBlock = Blockly.getMainWorkspace().newBlock('math_number');
+          shadowBlock.setFieldValue(String(roundedValue), 'NUM');
           shadowBlock.setShadow(true);
           shadowBlock.setMovable(false);
           shadowBlock.setDeletable(false);
@@ -343,15 +337,15 @@ export function setPositionValues(block, position, blockType, decimals = 1) {
           input.connection.connect(shadowBlock.outputConnection);
         } else {
           // Set the value if a block is already connected
-          targetBlock.setFieldValue(String(roundedValue), "NUM");
+          targetBlock.setFieldValue(String(roundedValue), 'NUM');
         }
       }
 
-      setOrCreatePositionInput("X", position.x);
-      setOrCreatePositionInput("Y", position.y);
-      setOrCreatePositionInput("Z", position.z);
+      setOrCreatePositionInput('X', position.x);
+      setOrCreatePositionInput('Y', position.y);
+      setOrCreatePositionInput('Z', position.z);
     } catch (e) {
-      console.warn("Could not set position values for block:", blockType, e);
+      console.warn('Could not set position values for block:', blockType, e);
     }
   }
 }
@@ -367,7 +361,7 @@ export function createBlockForObject(
   pickedPosition,
   objectColours,
   setPositionValues,
-  highlightBlockById,
+  highlightBlockById
 ) {
   const prevGroup = Blockly.Events.getGroup();
   const startTempGroup = !prevGroup;
@@ -383,26 +377,24 @@ export function createBlockForObject(
     const spec = { type: command, fields: {}, inputs: {} };
 
     if (
-      command === "load_object" ||
-      command === "load_multi_object" ||
-      command === "load_model" ||
-      command === "load_character"
+      command === 'load_object' ||
+      command === 'load_multi_object' ||
+      command === 'load_model' ||
+      command === 'load_character'
     ) {
       spec.fields.MODELS = objectName;
     }
 
     addXYZShadows(spec, pickedPosition);
-    addNumberShadow(spec, "SCALE", 1);
+    addNumberShadow(spec, 'SCALE', 1);
 
-    if (command === "load_object") {
+    if (command === 'load_object') {
       const configColors = objectColours?.[objectName];
-      const color = Array.isArray(configColors)
-        ? configColors[0]
-        : configColors || "#FFD700";
-      addColourShadowSpec(spec, "COLOR", color, "colour");
+      const color = Array.isArray(configColors) ? configColors[0] : configColors || '#FFD700';
+      addColourShadowSpec(spec, 'COLOR', color, 'colour');
     }
 
-    if (command === "load_multi_object") {
+    if (command === 'load_multi_object') {
       spec.inputs.COLORS = {
         shadow: buildColorsListShadowSpec(objectName),
       };
@@ -413,23 +405,23 @@ export function createBlockForObject(
     try {
       setPositionValues?.(block, pickedPosition, command);
     } catch (error) {
-      console.warn("setPositionValues failed for object block:", error);
+      console.warn('setPositionValues failed for object block:', error);
     }
 
-    const startBlock = appendWithUndo({ type: "start" }, workspace, groupId);
-    const conn = startBlock?.getInput("DO")?.connection;
+    const startBlock = appendWithUndo({ type: 'start' }, workspace, groupId);
+    const conn = startBlock?.getInput('DO')?.connection;
     if (conn && block?.previousConnection) {
       try {
         conn.connect(block.previousConnection);
       } catch (e) {
-        console.error("connect error:", e);
+        console.error('connect error:', e);
       }
     }
 
     try {
       highlightBlockById?.(workspace, block);
     } catch (error) {
-      console.warn("highlightBlockById failed for object block:", error);
+      console.warn('highlightBlockById failed for object block:', error);
     }
   } finally {
     if (startTempGroup) Blockly.Events.setGroup(false);
@@ -448,7 +440,7 @@ export function createBlockForCharacter(
   pickedPosition,
   colorFields,
   setPositionValues,
-  highlightBlockById,
+  highlightBlockById
 ) {
   const prevGroup = Blockly.Events.getGroup();
   const startTempGroup = !prevGroup;
@@ -462,18 +454,17 @@ export function createBlockForCharacter(
     Blockly.Events.setGroup(groupId);
 
     const spec = {
-      type: "load_character",
+      type: 'load_character',
       fields: { MODELS: characterName },
       inputs: {},
     };
 
     addPositionShadows(spec, pickedPosition);
-    addNumberShadow(spec, "SCALE", 1);
+    addNumberShadow(spec, 'SCALE', 1);
 
-    if (typeof colorFields === "object" && colorFields) {
+    if (typeof colorFields === 'object' && colorFields) {
       for (const [inputName, hex] of Object.entries(colorFields)) {
-        const shadowType =
-          inputName === "SKIN_COLOR" ? "skin_colour" : "colour";
+        const shadowType = inputName === 'SKIN_COLOR' ? 'skin_colour' : 'colour';
         addColourShadow(spec, inputName, shadowType, hex);
       }
     }
@@ -481,13 +472,13 @@ export function createBlockForCharacter(
     const charBlock = appendWithUndo(spec, workspace, groupId);
 
     try {
-      setPositionValues?.(charBlock, pickedPosition, "load_character");
+      setPositionValues?.(charBlock, pickedPosition, 'load_character');
     } catch (error) {
-      console.warn("setPositionValues failed for character block:", error);
+      console.warn('setPositionValues failed for character block:', error);
     }
 
-    const startBlock = appendWithUndo({ type: "start" }, workspace, groupId);
-    const conn = startBlock?.getInput("DO")?.connection;
+    const startBlock = appendWithUndo({ type: 'start' }, workspace, groupId);
+    const conn = startBlock?.getInput('DO')?.connection;
     if (conn && charBlock?.previousConnection) {
       try {
         conn.connect(charBlock.previousConnection);
@@ -499,7 +490,7 @@ export function createBlockForCharacter(
     try {
       highlightBlockById?.(workspace, charBlock);
     } catch (error) {
-      console.warn("highlightBlockById failed for character block:", error);
+      console.warn('highlightBlockById failed for character block:', error);
     }
   } finally {
     if (startTempGroup) Blockly.Events.setGroup(false);
@@ -516,26 +507,22 @@ export function setBlockXYZ(block, x, y, z) {
     if (!input?.connection) return;
     const connectedBlock = input.connection.targetBlock();
 
-    if (connectedBlock?.getField?.("NUM")) {
-      connectedBlock.setFieldValue(String(value), "NUM");
+    if (connectedBlock?.getField?.('NUM')) {
+      connectedBlock.setFieldValue(String(value), 'NUM');
     }
   };
 
-  setInputValue("X", roundToOneDecimal(x));
-  setInputValue("Y", roundToOneDecimal(y));
-  setInputValue("Z", roundToOneDecimal(z));
+  setInputValue('X', roundToOneDecimal(x));
+  setInputValue('Y', roundToOneDecimal(y));
+  setInputValue('Z', roundToOneDecimal(z));
 }
 
-export function duplicateBlockAndInsert(
-  originalBlock,
-  workspace,
-  pickedPosition,
-) {
+export function duplicateBlockAndInsert(originalBlock, workspace, pickedPosition) {
   if (!originalBlock) {
     return null;
   }
 
-  Blockly.Events.setGroup("duplicate");
+  Blockly.Events.setGroup('duplicate');
 
   const blockJson = Blockly.serialization.blocks.save(originalBlock, {
     includeShadows: true,
@@ -548,10 +535,7 @@ export function duplicateBlockAndInsert(
   // A copy of a locked block must come out unlocked/movable.
   stripLockState(blockJson);
 
-  const duplicateBlock = Blockly.serialization.blocks.append(
-    blockJson,
-    workspace,
-  );
+  const duplicateBlock = Blockly.serialization.blocks.append(blockJson, workspace);
 
   setPositionValues(duplicateBlock, pickedPosition, duplicateBlock.type);
 
@@ -565,36 +549,28 @@ export function duplicateBlockAndInsert(
 
   // Trigger update of mesh from block values
   queueMicrotask(() => {
-    Blockly.Events.setGroup("duplicate");
+    Blockly.Events.setGroup('duplicate');
 
     const descendants = duplicateBlock.getDescendants(false);
 
     for (const b of descendants) {
-      const transformChildTypes = ["rotate_to", "resize"];
+      const transformChildTypes = ['rotate_to', 'resize'];
       if (!transformChildTypes.includes(b.type)) continue;
 
       for (const input of b.inputList ?? []) {
         const numBlock = input.connection?.targetBlock?.();
         if (!numBlock) continue;
 
-        if (typeof numBlock.getFieldValue !== "function") continue;
-        const current = numBlock.getFieldValue("NUM");
+        if (typeof numBlock.getFieldValue !== 'function') continue;
+        const current = numBlock.getFieldValue('NUM');
         if (current === null || current === undefined) continue;
 
         const currNum = Number(current);
-        const oldValue = Number.isFinite(currNum)
-          ? String(currNum - 1e-6)
-          : "__refresh_old__";
+        const oldValue = Number.isFinite(currNum) ? String(currNum - 1e-6) : '__refresh_old__';
         const newValue = String(current);
 
         Blockly.Events.fire(
-          new Blockly.Events.BlockChange(
-            numBlock,
-            "field",
-            "NUM",
-            oldValue,
-            newValue,
-          ),
+          new Blockly.Events.BlockChange(numBlock, 'field', 'NUM', oldValue, newValue)
         );
       }
     }
@@ -642,8 +618,8 @@ export function setNumberInputs(block, valuesByInputName) {
     if (!Number.isFinite(n)) continue;
 
     const target = block.getInput(inputName)?.connection?.targetBlock?.();
-    if (!target?.getField?.("NUM")) continue;
-    target.setFieldValue(String(roundToOneDecimal(n)), "NUM");
+    if (!target?.getField?.('NUM')) continue;
+    target.setFieldValue(String(roundToOneDecimal(n)), 'NUM');
   }
 }
 
@@ -651,7 +627,6 @@ export function getNumberInput(block, inputName) {
   const target = block?.getInput(inputName)?.connection?.targetBlock?.();
   if (!target?.getFieldValue) return NaN;
 
-  const n = Number(target.getFieldValue("NUM"));
+  const n = Number(target.getFieldValue('NUM'));
   return Number.isFinite(n) ? n : NaN;
 }
-
diff --git a/ui/blockmesh.js b/ui/blockmesh.js
index 3dd43d2ee..105b5f1a8 100644
--- a/ui/blockmesh.js
+++ b/ui/blockmesh.js
@@ -1,15 +1,15 @@
-import * as Blockly from "blockly";
+import * as Blockly from 'blockly';
 import {
   meshMap,
   meshBlockIdMap,
   blockKeyByBlock,
   blockKeyByBlockId,
-} from "../generators/generators.js";
-import { flock } from "../flock.js";
-import { objectColours } from "../config.js";
-import { createMeshOnCanvas } from "./addmeshes.js";
-import { highlightBlockById } from "./blocklyutil.js";
-import { createBlockWithShadows } from "./addmenu.js";
+} from '../generators/generators.js';
+import { flock } from '../flock.js';
+import { objectColours } from '../config.js';
+import { createMeshOnCanvas } from './addmeshes.js';
+import { highlightBlockById } from './blocklyutil.js';
+import { createBlockWithShadows } from './addmenu.js';
 
 const colorFields = {
   HAIR_COLOR: true,
@@ -91,7 +91,7 @@ function isMainWorkspaceEvent(changeEvent, block) {
 
   if (!ws) {
     if (flock.meshDebug)
-      console.log("[isMainWorkspaceEvent] false: block has no workspace", {
+      console.log('[isMainWorkspaceEvent] false: block has no workspace', {
         blockId: block?.id,
         eventType: changeEvent?.type,
         eventWorkspaceId: changeEvent?.workspaceId,
@@ -101,37 +101,31 @@ function isMainWorkspaceEvent(changeEvent, block) {
 
   if (ws.isFlyout) {
     if (flock.meshDebug)
-      console.log(
-        "[isMainWorkspaceEvent] false: block is in flyout workspace",
-        {
-          blockId: block?.id,
-          eventType: changeEvent?.type,
-          eventWorkspaceId: changeEvent?.workspaceId,
-          blockWorkspaceId: ws.id,
-          mainWorkspaceId: mainWs?.id,
-        },
-      );
+      console.log('[isMainWorkspaceEvent] false: block is in flyout workspace', {
+        blockId: block?.id,
+        eventType: changeEvent?.type,
+        eventWorkspaceId: changeEvent?.workspaceId,
+        blockWorkspaceId: ws.id,
+        mainWorkspaceId: mainWs?.id,
+      });
     return false;
   }
 
   if (ws !== mainWs) {
     if (flock.meshDebug)
-      console.log(
-        "[isMainWorkspaceEvent] false: block is in a non-main, non-flyout workspace",
-        {
-          blockId: block?.id,
-          eventType: changeEvent?.type,
-          eventWorkspaceId: changeEvent?.workspaceId,
-          blockWorkspaceId: ws.id,
-          mainWorkspaceId: mainWs?.id,
-        },
-      );
+      console.log('[isMainWorkspaceEvent] false: block is in a non-main, non-flyout workspace', {
+        blockId: block?.id,
+        eventType: changeEvent?.type,
+        eventWorkspaceId: changeEvent?.workspaceId,
+        blockWorkspaceId: ws.id,
+        mainWorkspaceId: mainWs?.id,
+      });
     return false;
   }
 
   if (changeEvent?.workspaceId && changeEvent.workspaceId !== ws.id) {
     if (flock.meshDebug)
-      console.log("[isMainWorkspaceEvent] false: event workspaceId mismatch", {
+      console.log('[isMainWorkspaceEvent] false: event workspaceId mismatch', {
         blockId: block?.id,
         eventType: changeEvent?.type,
         eventWorkspaceId: changeEvent.workspaceId,
@@ -156,8 +150,8 @@ export function deleteMeshFromBlock(blockId) {
 
   if (!blockKey) {
     const block = Blockly.getMainWorkspace().getBlockById(blockId);
-    if (block && block.type === "create_map") {
-      const mesh = flock?.scene?.getMeshByName("ground");
+    if (block && block.type === 'create_map') {
+      const mesh = flock?.scene?.getMeshByName('ground');
       if (mesh) {
         flock.disposeMesh(mesh);
         return;
@@ -167,7 +161,7 @@ export function deleteMeshFromBlock(blockId) {
 
   const meshes = getMeshesFromBlockKey(blockKey);
   meshes.forEach((mesh) => {
-    if (!mesh || mesh.name === "__root__") return;
+    if (!mesh || mesh.name === '__root__') return;
     flock.disposeMesh(mesh);
   });
 
@@ -203,11 +197,11 @@ export function getMeshesFromBlockKey(blockKey) {
 export function getMeshFromBlock(block) {
   if (!block) return null;
 
-  if (block.type === "create_map") {
-    return flock?.scene?.getMeshByName("ground");
+  if (block.type === 'create_map') {
+    return flock?.scene?.getMeshByName('ground');
   }
 
-  if (block.type === "rotate_to" || block.type === "resize") {
+  if (block.type === 'rotate_to' || block.type === 'resize') {
     let container = null;
     let node = block;
 
@@ -217,25 +211,15 @@ export function getMeshFromBlock(block) {
 
       // Find the top of the stack within this parent
       let top = node;
-      while (
-        top.getPrevious &&
-        top.getPrevious() &&
-        top.getPrevious().getParent() === parent
-      ) {
+      while (top.getPrevious && top.getPrevious() && top.getPrevious().getParent() === parent) {
         top = top.getPrevious();
       }
 
-      const input = parent.getInputWithBlock
-        ? parent.getInputWithBlock(top)
-        : null;
+      const input = parent.getInputWithBlock ? parent.getInputWithBlock(top) : null;
 
       // If this parent has a DO-style statement input containing our stack,
       // treat that parent as the owning block.
-      if (
-        input &&
-        input.type === Blockly.NEXT_STATEMENT &&
-        input.name === "DO"
-      ) {
+      if (input && input.type === Blockly.NEXT_STATEMENT && input.name === 'DO') {
         container = parent;
         break;
       }
@@ -258,12 +242,12 @@ export function getMeshFromBlock(block) {
 export function getMeshesFromBlock(block) {
   if (!block) return [];
 
-  if (block.type === "create_map") {
-    const mesh = flock?.scene?.getMeshByName("ground");
+  if (block.type === 'create_map') {
+    const mesh = flock?.scene?.getMeshByName('ground');
     return mesh ? [mesh] : [];
   }
 
-  if (block.type === "rotate_to" || block.type === "resize") {
+  if (block.type === 'rotate_to' || block.type === 'resize') {
     let container = null;
     let node = block;
 
@@ -273,25 +257,15 @@ export function getMeshesFromBlock(block) {
 
       // Find the top of the stack within this parent
       let top = node;
-      while (
-        top.getPrevious &&
-        top.getPrevious() &&
-        top.getPrevious().getParent() === parent
-      ) {
+      while (top.getPrevious && top.getPrevious() && top.getPrevious().getParent() === parent) {
         top = top.getPrevious();
       }
 
-      const input = parent.getInputWithBlock
-        ? parent.getInputWithBlock(top)
-        : null;
+      const input = parent.getInputWithBlock ? parent.getInputWithBlock(top) : null;
 
       // If this parent has a DO-style statement input containing our stack,
       // treat that parent as the owning block.
-      if (
-        input &&
-        input.type === Blockly.NEXT_STATEMENT &&
-        input.name === "DO"
-      ) {
+      if (input && input.type === Blockly.NEXT_STATEMENT && input.name === 'DO') {
         container = parent;
         break;
       }
@@ -314,60 +288,52 @@ export function getMeshesFromBlock(block) {
 // Safe field getter. Returns null when field is missing or name is invalid.
 function getBlockValue(block, fieldName) {
   if (!block) return null;
-  if (typeof fieldName !== "string" || !fieldName) return null;
+  if (typeof fieldName !== 'string' || !fieldName) return null;
   const fld = block.getField(fieldName);
   return fld ? fld.getValue() : null;
 }
 
 // Safe colour reader: supports single colour, lists, and random_colour via API.
 export function readColourValue(block) {
-  if (!block) return { value: null, kind: "none" };
+  if (!block) return { value: null, kind: 'none' };
 
   const randomColour = () =>
-    typeof flock?.randomColour === "function"
-      ? flock.randomColour()
-      : "#71BC78";
+    typeof flock?.randomColour === 'function' ? flock.randomColour() : '#71BC78';
 
-  if (block.type === "lists_create_with") {
+  if (block.type === 'lists_create_with') {
     const list = [];
     for (const input of block.inputList) {
       const tb = input.connection?.targetBlock();
       if (!tb) continue;
 
-      if (tb.type === "random_colour") {
+      if (tb.type === 'random_colour') {
         const c = randomColour();
         list.push(c);
         continue;
       }
 
-      const c =
-        safeGetFieldValue(tb, "COLOR") ??
-        safeGetFieldValue(tb, "COLOUR") ??
-        null;
+      const c = safeGetFieldValue(tb, 'COLOR') ?? safeGetFieldValue(tb, 'COLOUR') ?? null;
 
       if (c) list.push(c);
     }
-    return { value: list, kind: "list" };
+    return { value: list, kind: 'list' };
   }
 
-  if (block.type === "random_colour") {
+  if (block.type === 'random_colour') {
     const c = randomColour();
-    return { value: c, kind: "single" };
+    return { value: c, kind: 'single' };
   }
 
-  const single =
-    safeGetFieldValue(block, "COLOR") ??
-    safeGetFieldValue(block, "COLOUR") ??
-    null;
+  const single = safeGetFieldValue(block, 'COLOR') ?? safeGetFieldValue(block, 'COLOUR') ?? null;
 
-  return { value: single, kind: single ? "single" : "none" };
+  return { value: single, kind: single ? 'single' : 'none' };
 }
 
 // Numeric from an input's NUM field, with fallback.
 function readNumberInput(parent, inputName, fallback = 1) {
   const b = parent?.getInputTargetBlock?.(inputName);
-  const v = b?.getField?.("NUM")?.getValue?.();
-  const n = typeof v === "string" ? parseFloat(v) : v;
+  const v = b?.getField?.('NUM')?.getValue?.();
+  const n = typeof v === 'string' ? parseFloat(v) : v;
   return Number.isFinite(n) ? n : fallback;
 }
 
@@ -378,32 +344,29 @@ function readColourFromInputOrShadow(parent, inputName) {
 
   const shadowDom = parent?.getInput?.(inputName)?.connection?.getShadowDom?.();
 
-  if (!shadowDom?.querySelector) return { value: null, kind: "none" };
+  if (!shadowDom?.querySelector) return { value: null, kind: 'none' };
 
   const shadowField =
     shadowDom.querySelector('field[name="COLOUR"]') ||
     shadowDom.querySelector('field[name="COLOR"]');
 
-  const shadowValue =
-    shadowField?.textContent || shadowField?.innerText || null;
-  return shadowValue
-    ? { value: shadowValue, kind: "shadow" }
-    : { value: null, kind: "none" };
+  const shadowValue = shadowField?.textContent || shadowField?.innerText || null;
+  return shadowValue ? { value: shadowValue, kind: 'shadow' } : { value: null, kind: 'none' };
 }
 
 // Extract texture set, base colour (single or list), and alpha.
 export function extractMaterialInfo(materialBlock) {
-  if (!materialBlock) return { textureSet: "NONE", baseColor: null, alpha: 1 };
+  if (!materialBlock) return { textureSet: 'NONE', baseColor: null, alpha: 1 };
 
   const textureSet =
-    getBlockValue(materialBlock, "TEXTURE_SET") ??
-    getBlockValue(materialBlock, "TEXTURE") ??
-    "NONE";
+    getBlockValue(materialBlock, 'TEXTURE_SET') ??
+    getBlockValue(materialBlock, 'TEXTURE') ??
+    'NONE';
 
-  const read = readColourFromInputOrShadow(materialBlock, "BASE_COLOR");
+  const read = readColourFromInputOrShadow(materialBlock, 'BASE_COLOR');
   const baseColor = read.value ?? null;
 
-  const alpha = readNumberInput(materialBlock, "ALPHA", 1);
+  const alpha = readNumberInput(materialBlock, 'ALPHA', 1);
 
   return { textureSet, baseColor, alpha };
 }
@@ -426,7 +389,7 @@ function applyBackgroundColorFromBlock(block) {
   }
 
   setActiveSceneControllerBlockId(block);
-  const read = readColourFromInputOrShadow(block, "COLOR");
+  const read = readColourFromInputOrShadow(block, 'COLOR');
   flock.setSky(read.value, { clear: true });
 }
 
@@ -446,15 +409,13 @@ export function clearSkyMesh({ preserveClearColor = true } = {}) {
     flock.scene.clearColor = clearColor;
   }
 
-  delete meshMap["sky"];
+  delete meshMap['sky'];
 }
 
 export function setClearSkyToBlack() {
-  if (flock.meshDebug) console.log("*** Setting clear sky to black");
+  if (flock.meshDebug) console.log('*** Setting clear sky to black');
   const fallbackColor =
-    flock.initialClearColor?.toHexString?.() ??
-    flock.initialClearColor ??
-    "#000000";
+    flock.initialClearColor?.toHexString?.() ?? flock.initialClearColor ?? '#000000';
 
   setActiveSceneControllerBlockId(null);
   flock.setSky(fallbackColor, { clear: true });
@@ -463,18 +424,14 @@ export function setClearSkyToBlack() {
 // Add this function before updateMeshFromBlock
 export function updateOrCreateMeshFromBlock(block, changeEvent) {
   const sceneControllerTypes = [
-    "set_sky_color",
-    "set_background_color",
-    "create_ground",
-    "create_map",
+    'set_sky_color',
+    'set_background_color',
+    'create_ground',
+    'create_map',
   ];
 
   if (flock.meshDebug)
-    console.log(
-      "Update or create mesh from block",
-      block.type,
-      changeEvent.type,
-    );
+    console.log('Update or create mesh from block', block.type, changeEvent.type);
 
   if (!isMainWorkspaceEvent(changeEvent, block)) {
     return;
@@ -483,13 +440,11 @@ export function updateOrCreateMeshFromBlock(block, changeEvent) {
   const meshes = getMeshesFromBlock(block);
   const isConnectedToEnabledChain = isBlockConnectedToEnabledChain(block);
   if (flock.meshDebug) console.log(meshes);
-  const wasDisabled =
-    changeEvent?.oldValue === true || changeEvent?.oldValue === "true";
-  const nowEnabled =
-    changeEvent?.newValue === false || changeEvent?.newValue === "false";
+  const wasDisabled = changeEvent?.oldValue === true || changeEvent?.oldValue === 'true';
+  const nowEnabled = changeEvent?.newValue === false || changeEvent?.newValue === 'false';
   const isEnabledEvent =
     changeEvent?.type === Blockly.Events.BLOCK_CHANGE &&
-    changeEvent.element === "disabled" &&
+    changeEvent.element === 'disabled' &&
     wasDisabled &&
     nowEnabled;
   const isImmediateEnabledCreate =
@@ -507,8 +462,7 @@ export function updateOrCreateMeshFromBlock(block, changeEvent) {
     }
     return;
   }
-  if ((window.loadingCode && !changeEvent?.recordUndo) || block.disposed)
-    return;
+  if ((window.loadingCode && !changeEvent?.recordUndo) || block.disposed) return;
   const alreadyCreatingMesh = meshMap[block.id] !== undefined;
   if (!alreadyCreatingMesh && (isEnabledEvent || isImmediateEnabledCreate || isConnectedMove)) {
     if (sceneControllerTypes.includes(block.type)) {
@@ -520,18 +474,17 @@ export function updateOrCreateMeshFromBlock(block, changeEvent) {
   }
   if (flock.meshDebug) {
     console.log(
-      "Should update?",
+      'Should update?',
       changeEvent?.type === Blockly.Events.BLOCK_CHANGE ||
         changeEvent?.type === Blockly.Events.BLOCK_CREATE ||
-        changeEvent?.type === Blockly.Events.BLOCK_MOVE,
+        changeEvent?.type === Blockly.Events.BLOCK_MOVE
     );
   }
   if (
     (changeEvent?.type === Blockly.Events.BLOCK_CHANGE ||
       changeEvent?.type === Blockly.Events.BLOCK_CREATE ||
       changeEvent?.type === Blockly.Events.BLOCK_MOVE) &&
-    (meshes.length ||
-      sceneControllerTypes.includes(block.type))
+    (meshes.length || sceneControllerTypes.includes(block.type))
   ) {
     updateMeshFromBlock(meshes, block, changeEvent);
   }
@@ -586,16 +539,16 @@ function updateSkyFromBlock(block) {
 
   setActiveSceneControllerBlockId(block);
 
-  const colorInput = block.getInputTargetBlock("COLOR");
+  const colorInput = block.getInputTargetBlock('COLOR');
   if (!colorInput) return;
 
-  if (colorInput && colorInput.type === "material") {
+  if (colorInput && colorInput.type === 'material') {
     const { textureSet, baseColor, alpha } = extractMaterialInfo(colorInput);
-    let read = readColourFromInputOrShadow(colorInput, "BASE_COLOR");
+    let read = readColourFromInputOrShadow(colorInput, 'BASE_COLOR');
 
     const colorValue = read.value ?? baseColor;
 
-    if (textureSet && textureSet !== "NONE") {
+    if (textureSet && textureSet !== 'NONE') {
       flock.setSky({
         color: colorValue,
         materialName: textureSet,
@@ -608,7 +561,7 @@ function updateSkyFromBlock(block) {
     return;
   }
 
-  const read = readColourFromInputOrShadow(block, "COLOR");
+  const read = readColourFromInputOrShadow(block, 'COLOR');
   flock.setSky(read.value);
 }
 
@@ -623,19 +576,11 @@ function updateLoadBlockScaleFromEvent(mesh, block, changeEvent) {
     };
 
     // 1) If this change came from the child plugged into SCALE, use its old/new
-    const inp = blk.getInput && blk.getInput("SCALE");
+    const inp = blk.getInput && blk.getInput('SCALE');
     const child =
-      inp &&
-      inp.connection &&
-      inp.connection.targetBlock &&
-      inp.connection.targetBlock();
+      inp && inp.connection && inp.connection.targetBlock && inp.connection.targetBlock();
 
-    if (
-      child &&
-      ev &&
-      ev.type === Blockly.Events.CHANGE &&
-      ev.blockId === child.id
-    ) {
+    if (child && ev && ev.type === Blockly.Events.CHANGE && ev.blockId === child.id) {
       // ev.element likely "field", ev.name likely "NUM"
       return {
         oldScale: num(ev.oldValue),
@@ -644,12 +589,7 @@ function updateLoadBlockScaleFromEvent(mesh, block, changeEvent) {
     }
 
     // 2) If the change came from an inline field on the parent, use that
-    if (
-      ev &&
-      ev.type === Blockly.Events.CHANGE &&
-      ev.blockId === blk.id &&
-      ev.name === "SCALE"
-    ) {
+    if (ev && ev.type === Blockly.Events.CHANGE && ev.blockId === blk.id && ev.name === 'SCALE') {
       return {
         oldScale: num(ev.oldValue),
         newScale: num(ev.newValue),
@@ -658,14 +598,12 @@ function updateLoadBlockScaleFromEvent(mesh, block, changeEvent) {
 
     // 3) Fallback: read current value block (post-change)
     const readCurrent = () => {
-      if (child && typeof child.getFieldValue === "function") {
-        const v = num(child.getFieldValue("NUM"));
+      if (child && typeof child.getFieldValue === 'function') {
+        const v = num(child.getFieldValue('NUM'));
         if (v != null) return v;
       }
       // inline field fallback
-      const v2 = num(
-        blk.getField && blk.getField("SCALE") && blk.getFieldValue("SCALE"),
-      );
+      const v2 = num(blk.getField && blk.getField('SCALE') && blk.getFieldValue('SCALE'));
       return v2 != null ? v2 : 1;
     };
 
@@ -699,15 +637,11 @@ function updateLoadBlockScaleFromEvent(mesh, block, changeEvent) {
 
   const getNumInput = (blk, name, def = 0) => {
     const inp = blk.getInput && blk.getInput(name);
-    const tgt =
-      inp &&
-      inp.connection &&
-      inp.connection.targetBlock &&
-      inp.connection.targetBlock();
-    const v = tgt ? Number(tgt.getFieldValue("NUM")) : def;
+    const tgt = inp && inp.connection && inp.connection.targetBlock && inp.connection.targetBlock();
+    const v = tgt ? Number(tgt.getFieldValue('NUM')) : def;
     return Number.isFinite(v) ? v : def;
   };
-  const baseY = getNumInput(block, "Y", 0);
+  const baseY = getNumInput(block, 'Y', 0);
   mesh.position.y = baseY + ext.y;
 
   mesh.computeWorldMatrix(true);
@@ -717,7 +651,7 @@ function updateLoadBlockScaleFromEvent(mesh, block, changeEvent) {
   //flock.adjustMaterialTilingForHierarchy(mesh);
 
   if (flock.meshDebug) {
-    console.log("[SCALE change]", {
+    console.log('[SCALE change]', {
       oldScale,
       newScale,
       unit: mesh.metadata.__unitScale,
@@ -726,20 +660,11 @@ function updateLoadBlockScaleFromEvent(mesh, block, changeEvent) {
   }
 }
 
-function handleMaterialOrColorChange(
-  mesh,
-  block,
-  changed,
-  color,
-  materialInfo,
-) {
-  if (
-    !(
-      ["COLOR", "COLORS", "BASE_COLOR", "ALPHA"].includes(changed) ||
-      changed.startsWith?.("ADD")
-    )
-  ) {
-    if (flock.meshDebug) console.log("Returning");
+function handleMaterialOrColorChange(mesh, block, changed, color, materialInfo) {
+  if (!(
+    ['COLOR', 'COLORS', 'BASE_COLOR', 'ALPHA'].includes(changed) || changed.startsWith?.('ADD')
+  )) {
+    if (flock.meshDebug) console.log('Returning');
     return mesh;
   }
 
@@ -749,7 +674,7 @@ function handleMaterialOrColorChange(
     let current = m;
     while (current) {
       if (current.metadata?._attachedTargetName) {
-        flock.setPhysics(current.name, "NONE");
+        flock.setPhysics(current.name, 'NONE');
         return current;
       }
       current = current.parent;
@@ -764,16 +689,14 @@ function handleMaterialOrColorChange(
   let rawColor = materialInfo?.colors || materialInfo?.baseColor || color;
 
   if (!rawColor) {
-    const firstMat = root
-      .getDescendants(false)
-      .find((m) => m.material)?.material;
-    rawColor = firstMat?.diffuseColor?.toHexString() || "#ffffff";
+    const firstMat = root.getDescendants(false).find((m) => m.material)?.material;
+    rawColor = firstMat?.diffuseColor?.toHexString() || '#ffffff';
   }
 
   const textureSet = materialInfo?.textureSet;
 
   let input;
-  if (textureSet && textureSet !== "NONE") {
+  if (textureSet && textureSet !== 'NONE') {
     input = {
       color: rawColor,
       alpha,
@@ -793,13 +716,13 @@ function handleMaterialOrColorChange(
 }
 
 function updateGroundFromBlock(_mesh, _block, _changeEvent) {
-  if (flock.meshDebug) console.log("Use map block instead of ground");
+  if (flock.meshDebug) console.log('Use map block instead of ground');
 }
 
 function updateMapFromBlock(mesh, block, changeEvent) {
   // Don't steal ground ownership from another block while the current owner still exists.
   // This prevents a second map block from taking over and causing its deletion to remove the ground.
-  const currentOwnerId = meshBlockIdMap["ground"];
+  const currentOwnerId = meshBlockIdMap['ground'];
   if (currentOwnerId && currentOwnerId !== block.id) {
     const ownerBlock = Blockly.getMainWorkspace()?.getBlockById(currentOwnerId);
     if (ownerBlock && !ownerBlock.disposed) {
@@ -807,33 +730,30 @@ function updateMapFromBlock(mesh, block, changeEvent) {
     }
   }
 
-  meshMap["ground"] = block;
-  meshBlockIdMap["ground"] = block.id;
+  meshMap['ground'] = block;
+  meshBlockIdMap['ground'] = block.id;
 
-  const mapName = block.getFieldValue("MAP_NAME");
-  const materialBlock = block.getInputTargetBlock("MATERIAL");
+  const mapName = block.getFieldValue('MAP_NAME');
+  const materialBlock = block.getInputTargetBlock('MATERIAL');
 
   if (!materialBlock) return;
 
   // A raw colour/list block may be connected directly to MATERIAL (not via a
   // material block), so dispatch on block type and pass the raw value straight
   // to createMap to match the generated-JS code path.
-  const isMaterialBlock = materialBlock.type === "material";
+  const isMaterialBlock = materialBlock.type === 'material';
   let read, mapArg;
   if (isMaterialBlock) {
     const { textureSet, alpha } = extractMaterialInfo(materialBlock);
-    read = readColourFromInputOrShadow(materialBlock, "BASE_COLOR");
-    const materialName =
-      !textureSet || textureSet === "NONE" ? "none.png" : textureSet;
+    read = readColourFromInputOrShadow(materialBlock, 'BASE_COLOR');
+    const materialName = !textureSet || textureSet === 'NONE' ? 'none.png' : textureSet;
     mapArg = { color: read.value, materialName, alpha };
   } else {
     read = readColourValue(materialBlock);
     mapArg = read.value;
   }
 
-  const colorIsEmpty =
-    read.value == null ||
-    (Array.isArray(read.value) && read.value.length === 0);
+  const colorIsEmpty = read.value == null || (Array.isArray(read.value) && read.value.length === 0);
   if (colorIsEmpty) {
     // Retry once — mutator operations briefly leave the colour list empty.
     // If still empty after the retry, bail silently to avoid an infinite loop.
@@ -854,73 +774,66 @@ function resolveColorAndMaterialForBlock(block) {
   let color;
   let materialInfo = null;
 
-  if (
-    ![
-      "load_object",
-      "load_multi_object",
-      "load_character",
-      "create_map",
-    ].includes(block.type)
-  ) {
-    const colorInput = block.getInputTargetBlock("COLOR");
+  if (!['load_object', 'load_multi_object', 'load_character', 'create_map'].includes(block.type)) {
+    const colorInput = block.getInputTargetBlock('COLOR');
 
     // Check if it's a material block
-    if (colorInput && colorInput.type === "material") {
+    if (colorInput && colorInput.type === 'material') {
       materialInfo = extractMaterialInfo(colorInput);
-      const read = readColourFromInputOrShadow(colorInput, "BASE_COLOR");
+      const read = readColourFromInputOrShadow(colorInput, 'BASE_COLOR');
 
       if (flock.meshDebug) {
-        console.log("Material block detected:");
-        console.log("  Texture:", materialInfo.textureSet);
-        console.log("  Base color from material:", materialInfo.baseColor);
-        console.log("  Color from input:", read.value);
-        console.log("  Alpha:", materialInfo.alpha);
+        console.log('Material block detected:');
+        console.log('  Texture:', materialInfo.textureSet);
+        console.log('  Base color from material:', materialInfo.baseColor);
+        console.log('  Color from input:', read.value);
+        console.log('  Alpha:', materialInfo.alpha);
       }
 
       color = read.value ?? materialInfo.baseColor;
     } else {
       // Simple color block
-      const read = readColourFromInputOrShadow(block, "COLOR");
+      const read = readColourFromInputOrShadow(block, 'COLOR');
       color = read.value;
 
       if (flock.meshDebug) {
-        console.log("Simple color block detected:", color);
+        console.log('Simple color block detected:', color);
       }
     }
-  } else if (block.type === "load_object" || block.type === "load_character") {
+  } else if (block.type === 'load_object' || block.type === 'load_character') {
     // Handle load_object and load_character color input
-    const colorInput = block.getInputTargetBlock("COLOR");
+    const colorInput = block.getInputTargetBlock('COLOR');
 
     if (flock.meshDebug) {
-      console.log("Processing load_object/load_character color input");
-      console.log("  Color input type:", colorInput?.type);
+      console.log('Processing load_object/load_character color input');
+      console.log('  Color input type:', colorInput?.type);
     }
 
     // Check if it's a material block
-    if (colorInput && colorInput.type === "material") {
+    if (colorInput && colorInput.type === 'material') {
       materialInfo = extractMaterialInfo(colorInput);
-      const read = readColourFromInputOrShadow(colorInput, "BASE_COLOR");
+      const read = readColourFromInputOrShadow(colorInput, 'BASE_COLOR');
 
       if (flock.meshDebug) {
-        console.log("Material block detected for load_object:");
-        console.log("  Texture:", materialInfo.textureSet);
-        console.log("  Base color from material:", materialInfo.baseColor);
-        console.log("  Color from input:", read.value);
-        console.log("  Alpha:", materialInfo.alpha);
+        console.log('Material block detected for load_object:');
+        console.log('  Texture:', materialInfo.textureSet);
+        console.log('  Base color from material:', materialInfo.baseColor);
+        console.log('  Color from input:', read.value);
+        console.log('  Alpha:', materialInfo.alpha);
       }
 
       color = read.value ?? materialInfo.baseColor;
     } else {
       // Simple color block
-      const read = readColourFromInputOrShadow(block, "COLOR");
+      const read = readColourFromInputOrShadow(block, 'COLOR');
       color = read.value;
 
       if (flock.meshDebug) {
-        console.log("Simple color for load_object:", color);
+        console.log('Simple color for load_object:', color);
       }
     }
-  } else if (block.type === "load_multi_object") {
-    const colorsBlock = block.getInput("COLORS").connection.targetBlock();
+  } else if (block.type === 'load_multi_object') {
+    const colorsBlock = block.getInput('COLORS').connection.targetBlock();
     const read = readColourValue(colorsBlock);
     color = read.value;
   }
@@ -941,76 +854,52 @@ function handlePrimitiveGeometryChange(mesh, block, changed) {
   const applyPrimitiveUVTiling = (shapeType, dims) => {
     const TILE_SIZE = 4;
     switch (shapeType) {
-      case "Box":
-        flock.setSizeBasedBoxUVs(
-          mesh,
-          dims.width,
-          dims.height,
-          dims.depth,
-          TILE_SIZE,
-        );
+      case 'Box':
+        flock.setSizeBasedBoxUVs(mesh, dims.width, dims.height, dims.depth, TILE_SIZE);
         break;
-      case "Sphere":
+      case 'Sphere':
         flock.setSphereUVs(mesh, dims.diameter, TILE_SIZE);
         break;
-      case "Cylinder":
+      case 'Cylinder':
         flock.setSizeBasedCylinderUVs(
           mesh,
           dims.height,
           dims.diameterTop,
           dims.diameterBottom,
-          TILE_SIZE,
+          TILE_SIZE
         );
         break;
-      case "Capsule":
+      case 'Capsule':
         flock.setCapsuleUVs(mesh, dims.radius, dims.height, TILE_SIZE);
         break;
-      case "Plane":
+      case 'Plane':
         flock.setSizeBasedPlaneUVs(mesh, dims.width, dims.height, TILE_SIZE);
         break;
     }
   };
 
   switch (block.type) {
-    case "create_box": {
-      if (["WIDTH", "HEIGHT", "DEPTH"].includes(changed)) {
-        const width = block
-          .getInput("WIDTH")
-          .connection.targetBlock()
-          .getFieldValue("NUM");
-        const height = block
-          .getInput("HEIGHT")
-          .connection.targetBlock()
-          .getFieldValue("NUM");
-        const depth = block
-          .getInput("DEPTH")
-          .connection.targetBlock()
-          .getFieldValue("NUM");
+    case 'create_box': {
+      if (['WIDTH', 'HEIGHT', 'DEPTH'].includes(changed)) {
+        const width = block.getInput('WIDTH').connection.targetBlock().getFieldValue('NUM');
+        const height = block.getInput('HEIGHT').connection.targetBlock().getFieldValue('NUM');
+        const depth = block.getInput('DEPTH').connection.targetBlock().getFieldValue('NUM');
 
         setAbsoluteSize(mesh, width, height, depth);
-        applyPrimitiveUVTiling("Box", { width, height, depth });
+        applyPrimitiveUVTiling('Box', { width, height, depth });
         repositionPrimitiveFromBlock();
       }
       break;
     }
 
-    case "create_sphere": {
-      if (["DIAMETER_X", "DIAMETER_Y", "DIAMETER_Z"].includes(changed)) {
-        const dx = block
-          .getInput("DIAMETER_X")
-          .connection.targetBlock()
-          .getFieldValue("NUM");
-        const dy = block
-          .getInput("DIAMETER_Y")
-          .connection.targetBlock()
-          .getFieldValue("NUM");
-        const dz = block
-          .getInput("DIAMETER_Z")
-          .connection.targetBlock()
-          .getFieldValue("NUM");
+    case 'create_sphere': {
+      if (['DIAMETER_X', 'DIAMETER_Y', 'DIAMETER_Z'].includes(changed)) {
+        const dx = block.getInput('DIAMETER_X').connection.targetBlock().getFieldValue('NUM');
+        const dy = block.getInput('DIAMETER_Y').connection.targetBlock().getFieldValue('NUM');
+        const dz = block.getInput('DIAMETER_Z').connection.targetBlock().getFieldValue('NUM');
 
         setAbsoluteSize(mesh, dx, dy, dz);
-        applyPrimitiveUVTiling("Sphere", {
+        applyPrimitiveUVTiling('Sphere', {
           diameter: Math.max(dx, dy, dz),
         });
         repositionPrimitiveFromBlock();
@@ -1018,87 +907,59 @@ function handlePrimitiveGeometryChange(mesh, block, changed) {
       break;
     }
 
-    case "create_cylinder": {
-      if (
-        ["HEIGHT", "DIAMETER_TOP", "DIAMETER_BOTTOM", "TESSELLATIONS"].includes(
-          changed,
-        )
-      ) {
-        const h = block
-          .getInput("HEIGHT")
-          .connection.targetBlock()
-          .getFieldValue("NUM");
-        const dt = block
-          .getInput("DIAMETER_TOP")
-          .connection.targetBlock()
-          .getFieldValue("NUM");
-        const db = block
-          .getInput("DIAMETER_BOTTOM")
-          .connection.targetBlock()
-          .getFieldValue("NUM");
-        const s = block
-          .getInput("TESSELLATIONS")
-          .connection.targetBlock()
-          .getFieldValue("NUM");
+    case 'create_cylinder': {
+      if (['HEIGHT', 'DIAMETER_TOP', 'DIAMETER_BOTTOM', 'TESSELLATIONS'].includes(changed)) {
+        const h = block.getInput('HEIGHT').connection.targetBlock().getFieldValue('NUM');
+        const dt = block.getInput('DIAMETER_TOP').connection.targetBlock().getFieldValue('NUM');
+        const db = block.getInput('DIAMETER_BOTTOM').connection.targetBlock().getFieldValue('NUM');
+        const s = block.getInput('TESSELLATIONS').connection.targetBlock().getFieldValue('NUM');
 
         updateCylinderGeometry(mesh, dt, db, h, s);
-        applyPrimitiveUVTiling("Cylinder", {
+        applyPrimitiveUVTiling('Cylinder', {
           height: h,
           diameterTop: dt,
           diameterBottom: db,
         });
 
         // only reposition when actual dimensions change, not tessellation
-        if (["HEIGHT", "DIAMETER_TOP", "DIAMETER_BOTTOM"].includes(changed)) {
+        if (['HEIGHT', 'DIAMETER_TOP', 'DIAMETER_BOTTOM'].includes(changed)) {
           repositionPrimitiveFromBlock();
         }
       }
       break;
     }
 
-    case "create_capsule": {
-      if (["HEIGHT", "DIAMETER"].includes(changed)) {
-        const d = block
-          .getInput("DIAMETER")
-          .connection.targetBlock()
-          .getFieldValue("NUM");
-        const h = block
-          .getInput("HEIGHT")
-          .connection.targetBlock()
-          .getFieldValue("NUM");
+    case 'create_capsule': {
+      if (['HEIGHT', 'DIAMETER'].includes(changed)) {
+        const d = block.getInput('DIAMETER').connection.targetBlock().getFieldValue('NUM');
+        const h = block.getInput('HEIGHT').connection.targetBlock().getFieldValue('NUM');
 
         updateCapsuleGeometry(mesh, d, h);
-        applyPrimitiveUVTiling("Capsule", { radius: d / 2, height: h });
+        applyPrimitiveUVTiling('Capsule', { radius: d / 2, height: h });
         repositionPrimitiveFromBlock();
       }
       break;
     }
 
-    case "create_plane": {
-      if (["HEIGHT", "WIDTH"].includes(changed)) {
-        const w = block
-          .getInput("WIDTH")
-          .connection.targetBlock()
-          .getFieldValue("NUM");
-        const h = block
-          .getInput("HEIGHT")
-          .connection.targetBlock()
-          .getFieldValue("NUM");
+    case 'create_plane': {
+      if (['HEIGHT', 'WIDTH'].includes(changed)) {
+        const w = block.getInput('WIDTH').connection.targetBlock().getFieldValue('NUM');
+        const h = block.getInput('HEIGHT').connection.targetBlock().getFieldValue('NUM');
 
         setAbsoluteSize(mesh, w, h, 0);
-        applyPrimitiveUVTiling("Plane", { width: w, height: h });
+        applyPrimitiveUVTiling('Plane', { width: w, height: h });
         repositionPrimitiveFromBlock();
       }
       break;
     }
 
-    case "create_3d_text": {
-      if (["SIZE", "DEPTH"].includes(changed)) {
+    case 'create_3d_text': {
+      if (['SIZE', 'DEPTH'].includes(changed)) {
         const newSize = parseFloat(
-          block.getInput("SIZE").connection.targetBlock().getFieldValue("NUM"),
+          block.getInput('SIZE').connection.targetBlock().getFieldValue('NUM')
         );
         const newDepth = parseFloat(
-          block.getInput("DEPTH").connection.targetBlock().getFieldValue("NUM"),
+          block.getInput('DEPTH').connection.targetBlock().getFieldValue('NUM')
         );
 
         mesh.computeWorldMatrix(true);
@@ -1119,42 +980,22 @@ function handlePrimitiveGeometryChange(mesh, block, changed) {
 function handleLoadBlockChange(meshes, block, changed, changeEvent) {
   // All load_* blocks: replace model when MODELS changes
   if (
-    ["load_object", "load_multi_object", "load_character"].includes(
-      block.type,
-    ) &&
-    changed === "MODELS"
+    ['load_object', 'load_multi_object', 'load_character'].includes(block.type) &&
+    changed === 'MODELS'
   ) {
     meshes.forEach((mesh) => replaceMeshModel(mesh, block, changeEvent));
     return true; // caller should return early
   }
 
   // Extra handling for load_character colour fields
-  if (block.type === "load_character" && changed in colorFields) {
+  if (block.type === 'load_character' && changed in colorFields) {
     const colors = {
-      hair: block
-        .getInput("HAIR_COLOR")
-        .connection.targetBlock()
-        .getFieldValue("COLOR"),
-      skin: block
-        .getInput("SKIN_COLOR")
-        .connection.targetBlock()
-        .getFieldValue("COLOR"),
-      eyes: block
-        .getInput("EYES_COLOR")
-        .connection.targetBlock()
-        .getFieldValue("COLOR"),
-      tshirt: block
-        .getInput("TSHIRT_COLOR")
-        .connection.targetBlock()
-        .getFieldValue("COLOR"),
-      shorts: block
-        .getInput("SHORTS_COLOR")
-        .connection.targetBlock()
-        .getFieldValue("COLOR"),
-      sleeves: block
-        .getInput("SLEEVES_COLOR")
-        .connection.targetBlock()
-        .getFieldValue("COLOR"),
+      hair: block.getInput('HAIR_COLOR').connection.targetBlock().getFieldValue('COLOR'),
+      skin: block.getInput('SKIN_COLOR').connection.targetBlock().getFieldValue('COLOR'),
+      eyes: block.getInput('EYES_COLOR').connection.targetBlock().getFieldValue('COLOR'),
+      tshirt: block.getInput('TSHIRT_COLOR').connection.targetBlock().getFieldValue('COLOR'),
+      shorts: block.getInput('SHORTS_COLOR').connection.targetBlock().getFieldValue('COLOR'),
+      sleeves: block.getInput('SLEEVES_COLOR').connection.targetBlock().getFieldValue('COLOR'),
     };
 
     meshes.forEach((mesh) => {
@@ -1172,13 +1013,13 @@ function getXYZFromBlock(block) {
   const getNum = (inputName) => {
     const input = block.getInput(inputName);
     const targetBlock = input?.connection?.targetBlock();
-    return targetBlock?.getFieldValue("NUM");
+    return targetBlock?.getFieldValue('NUM');
   };
 
   return {
-    x: getNum("X"),
-    y: getNum("Y"),
-    z: getNum("Z"),
+    x: getNum('X'),
+    y: getNum('Y'),
+    z: getNum('Z'),
   };
 }
 
@@ -1249,36 +1090,25 @@ function applyChildBlockPosition(mesh, block) {
 
 export function updateMeshFromBlock(meshesOrMesh, block, changeEvent) {
   if (flock.meshDebug) {
-    console.log("=== UPDATE MESH FROM BLOCK ===");
-    console.log("Block type:", block.type);
-    console.log("Block ID:", block.id);
-    console.log("Change event type:", changeEvent.type);
-    console.log("Change event details:", changeEvent);
+    console.log('=== UPDATE MESH FROM BLOCK ===');
+    console.log('Block type:', block.type);
+    console.log('Block ID:', block.id);
+    console.log('Change event type:', changeEvent.type);
+    console.log('Change event details:', changeEvent);
   }
 
-  const meshes = Array.isArray(meshesOrMesh)
-    ? meshesOrMesh
-    : meshesOrMesh
-      ? [meshesOrMesh]
-      : [];
+  const meshes = Array.isArray(meshesOrMesh) ? meshesOrMesh : meshesOrMesh ? [meshesOrMesh] : [];
 
   if (
     meshes.length === 0 &&
-    ![
-      "set_sky_color",
-      "set_background_color",
-      "create_ground",
-      "create_map",
-    ].includes(block.type)
+    !['set_sky_color', 'set_background_color', 'create_ground', 'create_map'].includes(block.type)
   ) {
-    if (flock.meshDebug)
-      console.log("No mesh and not a special block type, returning");
+    if (flock.meshDebug) console.log('No mesh and not a special block type, returning');
     return;
   }
 
-  if (block.type === "change_color") {
-    if (flock.meshDebug)
-      console.log("Skipping live update for change_color block");
+  if (block.type === 'change_color') {
+    if (flock.meshDebug) console.log('Skipping live update for change_color block');
     return;
   }
 
@@ -1290,9 +1120,8 @@ export function updateMeshFromBlock(meshesOrMesh, block, changeEvent) {
 
   let cursor = changedBlock;
   while (cursor) {
-    if (cursor.type === "change_color") {
-      if (flock.meshDebug)
-        console.log("Skipping live update for change_color subtree");
+    if (cursor.type === 'change_color') {
+      if (flock.meshDebug) console.log('Skipping live update for change_color subtree');
       return;
     }
     cursor = cursor.getParent?.();
@@ -1301,24 +1130,22 @@ export function updateMeshFromBlock(meshesOrMesh, block, changeEvent) {
   let changed;
 
   if (flock.meshDebug) {
-    console.log("Changed block:", changedBlock?.type);
-    console.log("Parent block:", parent?.type);
+    console.log('Changed block:', changedBlock?.type);
+    console.log('Parent block:', parent?.type);
   }
 
   if (
     changeEvent.type === Blockly.Events.BLOCK_CHANGE &&
-    changeEvent.element === "field" &&
+    changeEvent.element === 'field' &&
     changeEvent.blockId === block.id
   ) {
     if (
-      ["load_object", "load_multi_object", "load_character"].includes(
-        block.type,
-      ) &&
-      changeEvent.name === "MODELS"
+      ['load_object', 'load_multi_object', 'load_character'].includes(block.type) &&
+      changeEvent.name === 'MODELS'
     ) {
-      changed = "MODELS";
-    } else if (block.type === "create_map" && changeEvent.name === "MAP_NAME") {
-      changed = "MAP_NAME";
+      changed = 'MODELS';
+    } else if (block.type === 'create_map' && changeEvent.name === 'MAP_NAME') {
+      changed = 'MAP_NAME';
     }
   }
 
@@ -1339,7 +1166,7 @@ export function updateMeshFromBlock(meshesOrMesh, block, changeEvent) {
 
   // Special handling for material blocks - check if change is in material subtree
   if (!changed) {
-    const colorInput = block.getInputTargetBlock("COLOR");
+    const colorInput = block.getInputTargetBlock('COLOR');
     if (colorInput) {
       // Check if the changed block is the color input or in its subtree
       const isMaterialChange =
@@ -1349,37 +1176,34 @@ export function updateMeshFromBlock(meshesOrMesh, block, changeEvent) {
         isBlockIdDescendantOf(colorInput, changeEvent.oldParentId);
 
       if (isMaterialChange) {
-        changed = "COLOR";
-        if (flock.meshDebug)
-          console.log("Material change detected in COLOR input subtree");
+        changed = 'COLOR';
+        if (flock.meshDebug) console.log('Material change detected in COLOR input subtree');
       }
     }
   }
 
-  if (!changed && block.type === "create_map") {
-    const m = block.getInputTargetBlock("MATERIAL");
+  if (!changed && block.type === 'create_map') {
+    const m = block.getInputTargetBlock('MATERIAL');
     if (m) {
       const touched =
         isBlockIdDescendantOf(m, changeEvent.blockId) ||
         isBlockIdDescendantOf(m, changeEvent.newParentId) ||
         isBlockIdDescendantOf(m, changeEvent.oldParentId) ||
-        (changeEvent.type === Blockly.Events.BLOCK_CHANGE &&
-          changeEvent.blockId === m.id);
-      if (touched) changed = "MATERIAL";
+        (changeEvent.type === Blockly.Events.BLOCK_CHANGE && changeEvent.blockId === m.id);
+      if (touched) changed = 'MATERIAL';
     }
   }
 
   if (!changed) {
     if (
-      block.type === "set_sky_color" ||
-      block.type === "set_background_color" ||
-      block.type === "create_ground" ||
-      block.type === "create_map"
+      block.type === 'set_sky_color' ||
+      block.type === 'set_background_color' ||
+      block.type === 'create_ground' ||
+      block.type === 'create_map'
     ) {
-      changed = "COLOR";
+      changed = 'COLOR';
     } else {
-      if (flock.meshDebug)
-        console.log("No relevant change detected, returning");
+      if (flock.meshDebug) console.log('No relevant change detected, returning');
       return;
     }
   }
@@ -1387,10 +1211,10 @@ export function updateMeshFromBlock(meshesOrMesh, block, changeEvent) {
   if (flock.meshDebug) console.log(`Processing change type: ${changed}`);
 
   if (
-    (block.type === "load_object" ||
-      block.type === "load_multi_object" ||
-      block.type === "load_character") &&
-    changed === "MODELS" &&
+    (block.type === 'load_object' ||
+      block.type === 'load_multi_object' ||
+      block.type === 'load_character') &&
+    changed === 'MODELS' &&
     meshes.length === 0
   ) {
     meshes.push(...getMeshesFromBlock(block));
@@ -1398,22 +1222,22 @@ export function updateMeshFromBlock(meshesOrMesh, block, changeEvent) {
 
   //if (meshes.length && mesh.physics) mesh.physics.disablePreStep = true;
 
-  if (block.type === "set_sky_color") {
+  if (block.type === 'set_sky_color') {
     updateSkyFromBlock(block);
     return;
   }
 
-  if (block.type === "set_background_color") {
+  if (block.type === 'set_background_color') {
     applyBackgroundColorFromBlock(block);
     return;
   }
 
-  if (block.type === "create_ground") {
+  if (block.type === 'create_ground') {
     updateGroundFromBlock(null, block, changeEvent);
     return;
   }
 
-  if (block.type === "create_map") {
+  if (block.type === 'create_map') {
     updateMapFromBlock(null, block, changeEvent);
     return;
   }
@@ -1423,7 +1247,7 @@ export function updateMeshFromBlock(meshesOrMesh, block, changeEvent) {
 
   ({ color, materialInfo } = resolveColorAndMaterialForBlock(block));
 
-  if (block.type.startsWith("load_") && changed === "SCALE") {
+  if (block.type.startsWith('load_') && changed === 'SCALE') {
     meshes.forEach((mesh) => {
       updateLoadBlockScaleFromEvent(mesh, block, changeEvent);
       reattachToBone(mesh);
@@ -1443,54 +1267,51 @@ export function updateMeshFromBlock(meshesOrMesh, block, changeEvent) {
     handleMaterialOrColorChange(mesh, block, changed, color, materialInfo);
   });
 
-  if (["X", "Y", "Z"].includes(changed)) {
+  if (['X', 'Y', 'Z'].includes(changed)) {
     const isFieldChange =
-      changeEvent.type === Blockly.Events.BLOCK_CHANGE &&
-      changeEvent.element === "field";
+      changeEvent.type === Blockly.Events.BLOCK_CHANGE && changeEvent.element === 'field';
 
     // Decide which block actually owns the X/Y/Z inputs:
     // - rotate_to / resize child (nested inside DO)
     // - otherwise the root block itself
     const contextBlock =
-      parent && (parent.type === "rotate_to" || parent.type === "resize")
-        ? parent
-        : block;
+      parent && (parent.type === 'rotate_to' || parent.type === 'resize') ? parent : block;
 
     // --- rotate_to: allow gizmo / non-field events ---
-    if (contextBlock.type === "rotate_to") {
+    if (contextBlock.type === 'rotate_to') {
       const rotation = getXYZFromBlock(contextBlock);
       meshes.forEach((mesh) => flock.rotateTo(mesh.name, rotation));
       return;
     }
 
     // --- resize: also allow gizmo / non-field events ---
-    if (contextBlock.type === "resize") {
+    if (contextBlock.type === 'resize') {
       const dims = getXYZFromBlock(contextBlock);
       const resizeOptions = {
         width: dims.x ?? null,
         height: dims.y ?? null,
         depth: dims.z ?? null,
-        xOrigin: contextBlock.getFieldValue("X_ORIGIN") || "CENTRE",
-        yOrigin: contextBlock.getFieldValue("Y_ORIGIN") || "BASE",
-        zOrigin: contextBlock.getFieldValue("Z_ORIGIN") || "CENTRE",
+        xOrigin: contextBlock.getFieldValue('X_ORIGIN') || 'CENTRE',
+        yOrigin: contextBlock.getFieldValue('Y_ORIGIN') || 'BASE',
+        zOrigin: contextBlock.getFieldValue('Z_ORIGIN') || 'CENTRE',
       };
 
       if (flock.meshDebug) {
         console.log(
-          "Resize",
+          'Resize',
           resizeOptions,
-          "on mesh",
+          'on mesh',
           meshes[0]?.name,
-          "from block",
+          'from block',
           block.type,
-          "event type",
-          changeEvent.type,
+          'event type',
+          changeEvent.type
         );
       }
 
       meshes.forEach((mesh) => {
         flock.resize(mesh.name, resizeOptions);
-        if (flock.meshDebug) console.log("After resize", mesh);
+        if (flock.meshDebug) console.log('After resize', mesh);
         reattachToBone(mesh);
       });
       return;
@@ -1500,10 +1321,10 @@ export function updateMeshFromBlock(meshesOrMesh, block, changeEvent) {
     if (!isFieldChange) {
       if (flock.meshDebug) {
         console.log(
-          "Ignoring X/Y/Z change for non-field event on",
+          'Ignoring X/Y/Z change for non-field event on',
           block.type,
-          "event type:",
-          changeEvent.type,
+          'event type:',
+          changeEvent.type
         );
       }
       return;
@@ -1513,18 +1334,18 @@ export function updateMeshFromBlock(meshesOrMesh, block, changeEvent) {
     if (parent && parent.id !== block.id) {
       if (flock.meshDebug) {
         console.log(
-          "X/Y/Z change is on a nested block; skipping positionAt for",
-          "root:",
+          'X/Y/Z change is on a nested block; skipping positionAt for',
+          'root:',
           block.type,
-          "parent:",
-          parent.type,
+          'parent:',
+          parent.type
         );
       }
       return;
     }
 
     const position = getXYZFromBlock(block);
-    if (flock.meshDebug) console.log("Position", position, block.type);
+    if (flock.meshDebug) console.log('Position', position, block.type);
     meshes.forEach((mesh) => {
       // attach discards the block's X/Y/Z, and setParent below ignores
       // _transformToBoneReferal.
@@ -1541,7 +1362,7 @@ export function updateMeshFromBlock(meshesOrMesh, block, changeEvent) {
 
   meshes.forEach((mesh) => flock.updatePhysics(mesh));
 
-  if (flock.meshDebug) console.log("=== UPDATE COMPLETE ===");
+  if (flock.meshDebug) console.log('=== UPDATE COMPLETE ===');
 }
 
 function moveMeshToOrigin(mesh) {
@@ -1560,11 +1381,7 @@ function setAbsoluteSize(mesh, width, height, depth) {
   const currentScale = new flock.BABYLON.Vector3();
   const currentRotationQuaternion = new flock.BABYLON.Quaternion();
   const currentPosition = new flock.BABYLON.Vector3();
-  worldMatrix.decompose(
-    currentScale,
-    currentRotationQuaternion,
-    currentPosition,
-  );
+  worldMatrix.decompose(currentScale, currentRotationQuaternion, currentPosition);
 
   // Temporarily move mesh to origin
   mesh = moveMeshToOrigin(mesh);
@@ -1595,15 +1412,15 @@ function setAbsoluteSize(mesh, width, height, depth) {
 
     // Create the new physics shape based on the type
     switch (shapeType) {
-      case "Box":
+      case 'Box':
         newShape = new flock.BABYLON.PhysicsShapeBox(
           flock.BABYLON.Vector3.Zero(),
           new flock.BABYLON.Quaternion(0, 0, 0, 1),
           new flock.BABYLON.Vector3(width, height, depth),
-          mesh.getScene(),
+          mesh.getScene()
         );
         break;
-      case "Cylinder":
+      case 'Cylinder':
         diameterBottom = Math.min(width, depth);
         startPoint = new flock.BABYLON.Vector3(0, -height / 2, 0);
         endPoint = new flock.BABYLON.Vector3(0, height / 2, 0);
@@ -1611,21 +1428,21 @@ function setAbsoluteSize(mesh, width, height, depth) {
           startPoint,
           endPoint,
           diameterBottom / 2,
-          mesh.getScene(),
+          mesh.getScene()
         );
         break;
-      case "Sphere":
+      case 'Sphere':
         newShape = new flock.BABYLON.PhysicsShapeSphere(
           flock.BABYLON.Vector3.Zero(),
           Math.max(width, depth, height) / 2,
-          mesh.getScene(),
+          mesh.getScene()
         );
         break;
-      case "Capsule":
+      case 'Capsule':
         newShape = flock.createCapsuleFromBoundingBox(mesh, mesh.getScene());
         break;
       default:
-        console.log("Unknown or unsupported physics shape type: " + shapeType);
+        console.log('Unknown or unsupported physics shape type: ' + shapeType);
         break;
     }
 
@@ -1639,23 +1456,13 @@ function setAbsoluteSize(mesh, width, height, depth) {
   }
 }
 
-function updateCylinderGeometry(
-  mesh,
-  diameterTop,
-  diameterBottom,
-  height,
-  sides,
-) {
+function updateCylinderGeometry(mesh, diameterTop, diameterBottom, height, sides) {
   // Store the current world matrix and decompose it
   const worldMatrix = mesh.computeWorldMatrix(true);
   const currentScale = new flock.BABYLON.Vector3();
   const currentRotationQuaternion = new flock.BABYLON.Quaternion();
   const currentPosition = new flock.BABYLON.Vector3();
-  worldMatrix.decompose(
-    currentScale,
-    currentRotationQuaternion,
-    currentPosition,
-  );
+  worldMatrix.decompose(currentScale, currentRotationQuaternion, currentPosition);
 
   // If the mesh has geometry, dispose of it before updating
   if (mesh.geometry) {
@@ -1668,7 +1475,7 @@ function updateCylinderGeometry(
 
   // Create a temporary mesh with the provided dimensions (already in world space)
   const tempMesh = flock.BABYLON.MeshBuilder.CreateCylinder(
-    "",
+    '',
     {
       height: height,
       diameterTop: diameterTop,
@@ -1676,7 +1483,7 @@ function updateCylinderGeometry(
       tessellation: sides,
       updatable: true,
     },
-    mesh.getScene(),
+    mesh.getScene()
   );
 
   // Extract vertex data from the temporary mesh
@@ -1684,11 +1491,11 @@ function updateCylinderGeometry(
 
   // Create new geometry for the mesh
   const newGeometry = new flock.BABYLON.Geometry(
-    mesh.name + "_geometry",
+    mesh.name + '_geometry',
     mesh.getScene(),
     vertexData,
     true,
-    mesh,
+    mesh
   );
 
   // Apply the new geometry to the mesh
@@ -1719,11 +1526,7 @@ function updateCapsuleGeometry(mesh, diameter, height) {
   const currentScale = new flock.BABYLON.Vector3();
   const currentRotationQuaternion = new flock.BABYLON.Quaternion();
   const currentPosition = new flock.BABYLON.Vector3();
-  worldMatrix.decompose(
-    currentScale,
-    currentRotationQuaternion,
-    currentPosition,
-  );
+  worldMatrix.decompose(currentScale, currentRotationQuaternion, currentPosition);
 
   // If the mesh has geometry, dispose of it before updating
   if (mesh.geometry) {
@@ -1736,24 +1539,24 @@ function updateCapsuleGeometry(mesh, diameter, height) {
 
   // Create a temporary capsule with the requested (world-space) dimensions
   const tempMesh = flock.BABYLON.MeshBuilder.CreateCapsule(
-    "",
+    '',
     {
       radius: radius,
       height: height,
       tessellation: 24,
       updatable: true,
     },
-    mesh.getScene(),
+    mesh.getScene()
   );
 
   // Extract vertex data and rebuild the mesh's geometry
   const vertexData = flock.BABYLON.VertexData.ExtractFromMesh(tempMesh);
   const newGeometry = new flock.BABYLON.Geometry(
-    mesh.name + "_geometry",
+    mesh.name + '_geometry',
     mesh.getScene(),
     vertexData,
     true,
-    mesh,
+    mesh
   );
   newGeometry.applyToMesh(mesh);
   mesh.makeGeometryUnique();
@@ -1765,7 +1568,7 @@ function updateCapsuleGeometry(mesh, diameter, height) {
   mesh.scaling = flock.BABYLON.Vector3.One();
 
   // Rebuild the physics shape to match the new capsule
-  if (mesh.physics && mesh.metadata?.shapeType === "Capsule") {
+  if (mesh.physics && mesh.metadata?.shapeType === 'Capsule') {
     const newShape = flock.createCapsuleFromBoundingBox(mesh, mesh.getScene());
     if (newShape) {
       mesh.physics.shape?.dispose?.();
@@ -1782,15 +1585,15 @@ function replaceMeshModel(currentMesh, block) {
 
   const animationInfo = flock._getCurrentAnimationInfo(currentMesh);
 
-  const modelName = block.getFieldValue("MODELS");
+  const modelName = block.getFieldValue('MODELS');
   if (!modelName) return;
 
   const wasEnabled =
-    typeof currentMesh.isEnabled === "function"
+    typeof currentMesh.isEnabled === 'function'
       ? currentMesh.isEnabled()
       : (currentMesh.isVisible ?? true);
   const setMeshEnabled = (enabled) => {
-    if (typeof currentMesh.setEnabled === "function") {
+    if (typeof currentMesh.setEnabled === 'function') {
       currentMesh.setEnabled(enabled);
     } else {
       currentMesh.isVisible = enabled;
@@ -1817,22 +1620,19 @@ function replaceMeshModel(currentMesh, block) {
 
   function isRenderableMesh(n) {
     const cls = n?.getClassName?.();
-    return cls === "Mesh" || cls === "InstancedMesh";
+    return cls === 'Mesh' || cls === 'InstancedMesh';
   }
 
   function firstRenderable(node) {
     const nodes = walkNodes(node);
     for (const n of nodes) {
-      if (isRenderableMesh(n) && n.name !== "__root__") return n;
+      if (isRenderableMesh(n) && n.name !== '__root__') return n;
     }
     return null;
   }
 
   const warnSuppressed = (operation, error) => {
-    console.warn(
-      `[replaceMeshModel] Suppressed non-critical error in ${operation}:`,
-      error,
-    );
+    console.warn(`[replaceMeshModel] Suppressed non-critical error in ${operation}:`, error);
   };
 
   function disposeTree(node) {
@@ -1842,12 +1642,12 @@ function replaceMeshModel(currentMesh, block) {
     try {
       node.setParent?.(null);
     } catch (error) {
-      warnSuppressed("disposeTree:setParent", error);
+      warnSuppressed('disposeTree:setParent', error);
     }
     try {
       node.dispose?.();
     } catch (error) {
-      warnSuppressed("disposeTree:dispose", error);
+      warnSuppressed('disposeTree:dispose', error);
     }
   }
 
@@ -1855,7 +1655,7 @@ function replaceMeshModel(currentMesh, block) {
     try {
       node.physics?.dispose?.();
     } catch (error) {
-      warnSuppressed("disposePhysics:physics.dispose", error);
+      warnSuppressed('disposePhysics:physics.dispose', error);
     }
   }
 
@@ -1888,13 +1688,13 @@ function replaceMeshModel(currentMesh, block) {
 
     // Convert to hex and pad with zeros if needed
     const hex =
-      "#" +
+      '#' +
       [r, g, b]
         .map((x) => {
           const hex = x.toString(16);
-          return hex.length === 1 ? "0" + hex : hex;
+          return hex.length === 1 ? '0' + hex : hex;
         })
-        .join("");
+        .join('');
 
     return hex;
   }
@@ -1914,12 +1714,12 @@ function replaceMeshModel(currentMesh, block) {
 
     function visit(part) {
       let mat = part.material;
-      if (!mat && part.getClassName?.() === "InstancedMesh") {
+      if (!mat && part.getClassName?.() === 'InstancedMesh') {
         mat = part.sourceMesh?.material || null;
       }
       if (mat && !materialToIndex.has(mat)) {
         const mCls = mat.getClassName?.();
-        if (mCls === "MultiMaterial") {
+        if (mCls === 'MultiMaterial') {
           const subs = mat.subMaterials || [];
           const subMeshes = part.subMeshes || [];
           let chosen = null;
@@ -1935,9 +1735,7 @@ function replaceMeshModel(currentMesh, block) {
         }
         materialToIndex.set(mat, colors.length - 1);
       }
-      const kids =
-        part.getChildMeshes?.().sort((a, b) => a.name.localeCompare(b.name)) ||
-        [];
+      const kids = part.getChildMeshes?.().sort((a, b) => a.name.localeCompare(b.name)) || [];
       for (const k of kids) visit(k);
     }
 
@@ -1958,7 +1756,7 @@ function replaceMeshModel(currentMesh, block) {
           const y = n.getBoundingInfo().boundingBox.minimumWorld.y;
           if (y < minY) minY = y;
         } catch (error) {
-          warnSuppressed("worldBaseYOfRenderables:boundingInfo", error);
+          warnSuppressed('worldBaseYOfRenderables:boundingInfo', error);
         }
       }
     }
@@ -1966,18 +1764,18 @@ function replaceMeshModel(currentMesh, block) {
   }
 
   const NAME_TO_PART = {
-    hair: "hair",
-    skin: "skin",
-    eyes: "eyes",
-    shorts: "shorts",
-    tshirt: "tshirt",
-    "t-shirt": "tshirt",
-    tee: "tshirt",
-    sleeves: "sleeves",
-    sleeve: "sleeves",
-    detail: "sleeves",
+    hair: 'hair',
+    skin: 'skin',
+    eyes: 'eyes',
+    shorts: 'shorts',
+    tshirt: 'tshirt',
+    't-shirt': 'tshirt',
+    tee: 'tshirt',
+    sleeves: 'sleeves',
+    sleeve: 'sleeves',
+    detail: 'sleeves',
   };
-  const partFromName = (name = "") => {
+  const partFromName = (name = '') => {
     const s = name.toLowerCase();
     for (const key of Object.keys(NAME_TO_PART)) {
       if (s === key || s.includes(key)) return NAME_TO_PART[key];
@@ -1989,12 +1787,12 @@ function replaceMeshModel(currentMesh, block) {
     const found = {};
     const nodes = walkNodes(root);
     for (const n of nodes) {
-      if (!isRenderableMesh(n) || n.name === "__root__") continue;
+      if (!isRenderableMesh(n) || n.name === '__root__') continue;
       const mat = n.material;
       if (!mat) continue;
 
       const cls = mat.getClassName?.();
-      if (cls === "MultiMaterial") {
+      if (cls === 'MultiMaterial') {
         const subMats = mat.subMaterials || [];
         const subMeshes = n.subMeshes || [];
         for (let i = 0; i < subMeshes.length; i++) {
@@ -2023,17 +1821,13 @@ function replaceMeshModel(currentMesh, block) {
   }
 
   // ---------- capture original children and debug ----------
-  const originalDirectChildren = (
-    currentMesh.getChildren ? currentMesh.getChildren() : []
-  ).slice();
-  const oldFirstChild = originalDirectChildren.length
-    ? originalDirectChildren[0]
-    : null;
+  const originalDirectChildren = (currentMesh.getChildren ? currentMesh.getChildren() : []).slice();
+  const oldFirstChild = originalDirectChildren.length ? originalDirectChildren[0] : null;
   const oldChildScale = oldFirstChild?.scaling?.clone?.() || null;
 
   // ---------- create temp new mesh ----------
   const tempId = `${modelName}__temp__${Date.now()}`;
-  const isCharacter = block.type === "load_character";
+  const isCharacter = block.type === 'load_character';
   let createArgs;
 
   if (isCharacter) {
@@ -2069,10 +1863,10 @@ function replaceMeshModel(currentMesh, block) {
         newChild.computeWorldMatrix(true);
         freshLocalPosition = flock.BABYLON.Vector3.TransformCoordinates(
           newChild.getAbsolutePosition(),
-          flock.BABYLON.Matrix.Invert(loadedMesh.getWorldMatrix()),
+          flock.BABYLON.Matrix.Invert(loadedMesh.getWorldMatrix())
         );
       } catch (error) {
-        warnSuppressed("captureFreshLocalPosition", error);
+        warnSuppressed('captureFreshLocalPosition', error);
       }
 
       // Colors to reapply for non-characters
@@ -2086,18 +1880,16 @@ function replaceMeshModel(currentMesh, block) {
           }
         }
         const blockColors = (() => {
-          if (block.type === "load_multi_object") {
-            const colorsInput = block.getInput("COLORS");
+          if (block.type === 'load_multi_object') {
+            const colorsInput = block.getInput('COLORS');
             const listBlock = colorsInput?.connection?.targetBlock?.();
-            if (listBlock?.type === "lists_create_with") {
+            if (listBlock?.type === 'lists_create_with') {
               const collected = [];
               for (const input of listBlock.inputList || []) {
-                if (!input?.name?.startsWith("ADD")) continue;
+                if (!input?.name?.startsWith('ADD')) continue;
                 const target = input.connection?.targetBlock?.();
                 const hex =
-                  target?.getFieldValue?.("COLOR") ||
-                  target?.getFieldValue?.("COLOUR") ||
-                  null;
+                  target?.getFieldValue?.('COLOR') || target?.getFieldValue?.('COLOUR') || null;
                 if (hex) collected.push(hex);
               }
               return collected;
@@ -2106,8 +1898,7 @@ function replaceMeshModel(currentMesh, block) {
           return null;
         })();
 
-        nonCharacterColors =
-          blockColors && blockColors.length ? blockColors : cols;
+        nonCharacterColors = blockColors && blockColors.length ? blockColors : cols;
       }
 
       // Measure old base (world) before removing originals
@@ -2120,7 +1911,7 @@ function replaceMeshModel(currentMesh, block) {
       try {
         newChild.setParent?.(null, true);
       } catch (error) {
-        warnSuppressed("detachNewChild:setParent", error);
+        warnSuppressed('detachNewChild:setParent', error);
       }
 
       // Collect bone-attached objects from the target's metadata list.
@@ -2150,15 +1941,15 @@ function replaceMeshModel(currentMesh, block) {
       const skipped = [];
       for (const child of originalDirectChildren) {
         if (!child || child.isDisposed?.()) {
-          skipped.push({ name: child?.name, reason: "already disposed" });
+          skipped.push({ name: child?.name, reason: 'already disposed' });
           continue;
         }
         if (child === currentMesh) {
-          skipped.push({ name: child.name, reason: "is parent" });
+          skipped.push({ name: child.name, reason: 'is parent' });
           continue;
         }
         if (child.parent !== currentMesh) {
-          skipped.push({ name: child.name, reason: "no longer direct child" });
+          skipped.push({ name: child.name, reason: 'no longer direct child' });
           continue;
         }
         stripPhysicsTree(child);
@@ -2183,13 +1974,13 @@ function replaceMeshModel(currentMesh, block) {
         try {
           newChild.scaling.copyFrom(oldChildScale);
         } catch (error) {
-          warnSuppressed("applyOldScale:copyFrom", error);
+          warnSuppressed('applyOldScale:copyFrom', error);
         }
         try {
           newChild.computeWorldMatrix(true);
           newChild.refreshBoundingInfo?.();
         } catch (error) {
-          warnSuppressed("applyOldScale:refreshBounds", error);
+          warnSuppressed('applyOldScale:refreshBounds', error);
         }
       }
 
@@ -2200,53 +1991,42 @@ function replaceMeshModel(currentMesh, block) {
         try {
           newChild.computeWorldMatrix(true);
           newChild.refreshBoundingInfo?.();
-          const newBaseY =
-            newChild.getBoundingInfo().boundingBox.minimumWorld.y;
+          const newBaseY = newChild.getBoundingInfo().boundingBox.minimumWorld.y;
           if (isFinite(newBaseY)) {
             const dy = oldBaseY - newBaseY;
             const abs = newChild.getAbsolutePosition();
-            newChild.setAbsolutePosition(
-              new flock.BABYLON.Vector3(abs.x, abs.y + dy, abs.z),
-            );
+            newChild.setAbsolutePosition(new flock.BABYLON.Vector3(abs.x, abs.y + dy, abs.z));
           }
         } catch (error) {
-          warnSuppressed("baseAlignment:setAbsolutePosition", error);
+          warnSuppressed('baseAlignment:setAbsolutePosition', error);
         }
       }
 
       // Apply material/colour from the block, then fall back to saved colours
-      const { color: blockColor, materialInfo } =
-        resolveColorAndMaterialForBlock(block);
+      const { color: blockColor, materialInfo } = resolveColorAndMaterialForBlock(block);
 
       if (materialInfo || blockColor) {
         try {
-          handleMaterialOrColorChange(
-            newChild,
-            block,
-            "COLOR",
-            blockColor,
-            materialInfo,
-          );
+          handleMaterialOrColorChange(newChild, block, 'COLOR', blockColor, materialInfo);
         } catch (e) {
-          console.warn("handleMaterialOrColorChange failed", e);
+          console.warn('handleMaterialOrColorChange failed', e);
         }
       }
 
       if (isCharacter) {
-        const palette =
-          (currentMesh.metadata && currentMesh.metadata.colors) || null;
+        const palette = (currentMesh.metadata && currentMesh.metadata.colors) || null;
         if (palette && Object.keys(palette).length) {
           try {
             flock.applyColorsToCharacter(currentMesh, palette);
           } catch (error) {
-            warnSuppressed("applyCharacterColors", error);
+            warnSuppressed('applyCharacterColors', error);
           }
         }
       } else if (nonCharacterColors && nonCharacterColors.length) {
         try {
           //flock.changeColorMesh(newChild, nonCharacterColors);
         } catch (e) {
-          console.warn("changeColorMesh failed", e);
+          console.warn('changeColorMesh failed', e);
         }
       }
 
@@ -2255,12 +2035,12 @@ function replaceMeshModel(currentMesh, block) {
         try {
           loadedMesh.setParent?.(null);
         } catch (error) {
-          warnSuppressed("disposeLoadedMesh:setParent", error);
+          warnSuppressed('disposeLoadedMesh:setParent', error);
         }
         try {
           loadedMesh.dispose?.();
         } catch (error) {
-          warnSuppressed("disposeLoadedMesh:dispose", error);
+          warnSuppressed('disposeLoadedMesh:dispose', error);
         }
       }
 
@@ -2288,14 +2068,13 @@ export function updateBlockColorAndHighlight(mesh, selectedColor) {
     }
   };
 
-  const getUltimateParent = (m) =>
-    m?.parent ? getUltimateParent(m.parent) : m;
+  const getUltimateParent = (m) => (m?.parent ? getUltimateParent(m.parent) : m);
 
   const getAttachedAwareRoot = (m) => {
     let current = m;
     while (current) {
       if (current.metadata?._attachedTargetName) {
-        flock.setPhysics(current.name, "NONE");
+        flock.setPhysics(current.name, 'NONE');
         return current;
       }
       current = current.parent;
@@ -2305,22 +2084,22 @@ export function updateBlockColorAndHighlight(mesh, selectedColor) {
 
   const setColorOnTargetOrField = (targetBlock, parentBlock, colorHex) => {
     if (targetBlock) {
-      if (targetBlock.getField?.("COLOR")) {
-        targetBlock.setFieldValue(colorHex, "COLOR");
+      if (targetBlock.getField?.('COLOR')) {
+        targetBlock.setFieldValue(colorHex, 'COLOR');
         return true;
       }
-      if (targetBlock.getField?.("COLOUR")) {
-        targetBlock.setFieldValue(colorHex, "COLOUR");
+      if (targetBlock.getField?.('COLOUR')) {
+        targetBlock.setFieldValue(colorHex, 'COLOUR');
         return true;
       }
     }
     if (parentBlock) {
-      if (parentBlock.getField?.("COLOR")) {
-        parentBlock.setFieldValue(colorHex, "COLOR");
+      if (parentBlock.getField?.('COLOR')) {
+        parentBlock.setFieldValue(colorHex, 'COLOR');
         return true;
       }
-      if (parentBlock.getField?.("COLOUR")) {
-        parentBlock.setFieldValue(colorHex, "COLOUR");
+      if (parentBlock.getField?.('COLOUR')) {
+        parentBlock.setFieldValue(colorHex, 'COLOUR');
         return true;
       }
     }
@@ -2337,13 +2116,12 @@ export function updateBlockColorAndHighlight(mesh, selectedColor) {
       const shadowDom = input.connection.getShadowDom?.();
       if (shadowDom) {
         const shadowBlock = Blockly.Xml.domToBlock(shadowDom, ws);
-        if (shadowBlock?.outputConnection)
-          input.connection.connect(shadowBlock.outputConnection);
+        if (shadowBlock?.outputConnection) input.connection.connect(shadowBlock.outputConnection);
         tgt = input.connection.targetBlock?.();
       }
       // or create a new colour picker shadow
       if (!tgt) {
-        const picker = ws.newBlock("colour_picker");
+        const picker = ws.newBlock('colour_picker');
         picker.setShadow(true);
         picker.initSvg();
         picker.render();
@@ -2354,14 +2132,13 @@ export function updateBlockColorAndHighlight(mesh, selectedColor) {
     return tgt || null;
   };
 
-  const isColorishName = (name) =>
-    /(?:^|_)(MAP_)?COL(?:OU)?R$/i.test(name || "");
+  const isColorishName = (name) => /(?:^|_)(MAP_)?COL(?:OU)?R$/i.test(name || '');
 
   const findNestedColorTarget = (rootBlock, visited = new Set()) => {
     if (!rootBlock || visited.has(rootBlock.id)) return null;
     visited.add(rootBlock.id);
 
-    if (rootBlock.getField?.("COLOR") || rootBlock.getField?.("COLOUR")) {
+    if (rootBlock.getField?.('COLOR') || rootBlock.getField?.('COLOUR')) {
       return { input: null, targetBlock: rootBlock, ownerBlock: rootBlock };
     }
 
@@ -2383,57 +2160,51 @@ export function updateBlockColorAndHighlight(mesh, selectedColor) {
   };
 
   const materialToFieldMap = {
-    Hair: "HAIR_COLOR",
-    Skin: "SKIN_COLOR",
-    Eyes: "EYES_COLOR",
-    Sleeves: "SLEEVES_COLOR",
-    Detail: "SLEEVES_COLOR",
-    Shorts: "SHORTS_COLOR",
-    TShirt: "TSHIRT_COLOR",
+    Hair: 'HAIR_COLOR',
+    Skin: 'SKIN_COLOR',
+    Eyes: 'EYES_COLOR',
+    Sleeves: 'SLEEVES_COLOR',
+    Detail: 'SLEEVES_COLOR',
+    Shorts: 'SHORTS_COLOR',
+    TShirt: 'TSHIRT_COLOR',
   };
 
   // ---------- main ----------
   let block = null;
 
   // Special case: background/sky fallback
-  if (!mesh || mesh.type === "set_sky_color") {
+  if (!mesh || mesh.type === 'set_sky_color') {
     const ws = Blockly.getMainWorkspace();
     const wsBlocks = ws?.getAllBlocks(false) ?? [];
     const backgroundBlock =
-      wsBlocks.find(
-        (b) => b.type === "set_background_color" && b.isEnabled(),
-      ) ?? wsBlocks.find((b) => b.type === "set_background_color");
+      wsBlocks.find((b) => b.type === 'set_background_color' && b.isEnabled()) ??
+      wsBlocks.find((b) => b.type === 'set_background_color');
     const skyBlock =
-      wsBlocks.find((b) => b.type === "set_sky_color" && b.isEnabled()) ??
-      wsBlocks.find((b) => b.type === "set_sky_color");
+      wsBlocks.find((b) => b.type === 'set_sky_color' && b.isEnabled()) ??
+      wsBlocks.find((b) => b.type === 'set_sky_color');
 
-    block = backgroundBlock || skyBlock || meshMap?.["sky"];
+    block = backgroundBlock || skyBlock || meshMap?.['sky'];
 
     if (!block) {
       // Create sky block
-      block = createBlockWithShadows("set_sky_color", null, selectedColor);
-      meshMap["sky"] = block;
+      block = createBlockWithShadows('set_sky_color', null, selectedColor);
+      meshMap['sky'] = block;
       // Create start block
-      const startBlock = Blockly.getMainWorkspace().newBlock("start");
+      const startBlock = Blockly.getMainWorkspace().newBlock('start');
       startBlock.initSvg();
       startBlock.render();
       // Wrap sky block around start block
-      const connection = startBlock.getInput("DO").connection;
-      if (connection && block.previousConnection)
-        connection.connect(block.previousConnection);
+      const connection = startBlock.getInput('DO').connection;
+      if (connection && block.previousConnection) connection.connect(block.previousConnection);
     }
 
     withUndoGroup(() => {
       const found = findNestedColorTarget(block);
       if (!found) {
-        console.warn("[color] No color target found on background/sky block");
+        console.warn('[color] No color target found on background/sky block');
         return;
       }
-      setColorOnTargetOrField(
-        found.targetBlock,
-        found.ownerBlock,
-        selectedColor,
-      );
+      setColorOnTargetOrField(found.targetBlock, found.ownerBlock, selectedColor);
       block.initSvg?.();
       highlightBlockById(Blockly.getMainWorkspace(), block);
     });
@@ -2451,7 +2222,7 @@ export function updateBlockColorAndHighlight(mesh, selectedColor) {
       meshMap[blockKey] = fallbackBlock;
       meshBlockIdMap[blockKey] = fallbackBlock.id;
     } else {
-      console.warn("[color] Block not found for mesh", {
+      console.warn('[color] Block not found for mesh', {
         mesh: mesh?.name,
         blockKey,
         root: root?.name,
@@ -2461,7 +2232,7 @@ export function updateBlockColorAndHighlight(mesh, selectedColor) {
   }
 
   if (!meshMap?.[blockKey]) {
-    console.warn("[color] Block not found for mesh", {
+    console.warn('[color] Block not found for mesh', {
       mesh: mesh?.name,
       blockKey,
       root: root?.name,
@@ -2470,19 +2241,14 @@ export function updateBlockColorAndHighlight(mesh, selectedColor) {
   }
   block = meshMap[blockKey];
 
-  const materialName = mesh?.material?.name?.replace(/_clone$/, "");
+  const materialName = mesh?.material?.name?.replace(/_clone$/, '');
   const colorIndex = mesh?.metadata?.materialIndex;
 
-  if (
-    materialName &&
-    Object.prototype.hasOwnProperty.call(materialToFieldMap, materialName)
-  ) {
+  if (materialName && Object.prototype.hasOwnProperty.call(materialToFieldMap, materialName)) {
     const fieldName = materialToFieldMap[materialName];
     const input = block.getInput(fieldName);
     if (!input) {
-      console.warn(
-        `[color] Character field input '${fieldName}' not found on '${block.type}'`,
-      );
+      console.warn(`[color] Character field input '${fieldName}' not found on '${block.type}'`);
       return;
     }
     withUndoGroup(() => {
@@ -2494,7 +2260,7 @@ export function updateBlockColorAndHighlight(mesh, selectedColor) {
     return;
   }
 
-  if (block.type === "load_multi_object") {
+  if (block.type === 'load_multi_object') {
     withUndoGroup(() => {
       block.updateColorAtIndex?.(selectedColor, colorIndex);
       block.initSvg?.();
@@ -2506,19 +2272,15 @@ export function updateBlockColorAndHighlight(mesh, selectedColor) {
   const found = findNestedColorTarget(block);
   if (!found) {
     console.warn(
-      `[color] No nested color target found under block '${block.type}' for mesh '${mesh.name}'`,
+      `[color] No nested color target found under block '${block.type}' for mesh '${mesh.name}'`
     );
     return;
   }
 
-  const isDefaultPurple = selectedColor?.toLowerCase?.() === "#9932cc";
+  const isDefaultPurple = selectedColor?.toLowerCase?.() === '#9932cc';
   let finalColor = selectedColor;
-  if (
-    block.type === "load_object" &&
-    isDefaultPurple &&
-    typeof objectColours === "object"
-  ) {
-    finalColor = objectColours[block.getFieldValue?.("MODELS")] || "#FFD700";
+  if (block.type === 'load_object' && isDefaultPurple && typeof objectColours === 'object') {
+    finalColor = objectColours[block.getFieldValue?.('MODELS')] || '#FFD700';
   }
 
   withUndoGroup(() => {
diff --git a/ui/canvas-utils.js b/ui/canvas-utils.js
index 6843803ff..c37f654df 100644
--- a/ui/canvas-utils.js
+++ b/ui/canvas-utils.js
@@ -1,5 +1,5 @@
-import { flock } from "../flock.js";
-import { KeyboardDispatcher } from "../main/keyboardDispatcher.js";
+import { flock } from '../flock.js';
+import { KeyboardDispatcher } from '../main/keyboardDispatcher.js';
 
 // Create yellow circle for canvas position indicator
 // One circle selector can be active on the canvas at once
@@ -31,8 +31,8 @@ export function createCanvasCircle() {
   if (canvasCircle) return;
 
   // Create the visual indicator circle
-  canvasCircle = document.createElement("div");
-  canvasCircle.className = "canvas-selector-circle"; // Set style
+  canvasCircle = document.createElement('div');
+  canvasCircle.className = 'canvas-selector-circle'; // Set style
   canvasCircle.tabIndex = -1;
   document.body.appendChild(canvasCircle);
 
@@ -52,7 +52,7 @@ export function createCanvasCircle() {
 function updateCanvasCircleHitState() {
   if (!canvasCircle || !hitChecker) return;
   const valid = hitChecker(canvasCirclePosition.x, canvasCirclePosition.y);
-  canvasCircle.classList.toggle("canvas-selector-circle--no-hit", !valid);
+  canvasCircle.classList.toggle('canvas-selector-circle--no-hit', !valid);
 }
 
 // Update the circle position and constrain it to the canvas
@@ -63,18 +63,12 @@ export function updateCanvasCirclePosition() {
   const canvasBounds = canvas.getBoundingClientRect();
 
   // Constrain position to canvas bounds
-  canvasCirclePosition.x = Math.max(
-    10,
-    Math.min(canvasBounds.width - 10, canvasCirclePosition.x),
-  );
-  canvasCirclePosition.y = Math.max(
-    10,
-    Math.min(canvasBounds.height - 10, canvasCirclePosition.y),
-  );
+  canvasCirclePosition.x = Math.max(10, Math.min(canvasBounds.width - 10, canvasCirclePosition.x));
+  canvasCirclePosition.y = Math.max(10, Math.min(canvasBounds.height - 10, canvasCirclePosition.y));
 
   // Position relative to canvas
-  canvasCircle.style.left = canvasBounds.left + canvasCirclePosition.x + "px";
-  canvasCircle.style.top = canvasBounds.top + canvasCirclePosition.y + "px";
+  canvasCircle.style.left = canvasBounds.left + canvasCirclePosition.x + 'px';
+  canvasCircle.style.top = canvasBounds.top + canvasCirclePosition.y + 'px';
   updateCanvasCircleHitState();
 }
 
@@ -98,11 +92,11 @@ export function clickCanvasCircle(callback) {
 export function startCanvasKeyboardMode(
   callback,
   showCircleImmediately = false,
-  isValidPosition = null,
+  isValidPosition = null
 ) {
   stopCanvasKeyboardMode(); // Ensure any existing mode is cleared
-  KeyboardDispatcher.pushMode(handleKeydown, "canvas-cursor");
-  document.addEventListener("keyup", handleKeyup);
+  KeyboardDispatcher.pushMode(handleKeydown, 'canvas-cursor');
+  document.addEventListener('keyup', handleKeyup);
   previouslyFocusedElement = document.activeElement; // Save current focus
   keyboardCursorActive = true;
   keyboardCursorCallback = callback;
@@ -112,9 +106,9 @@ export function startCanvasKeyboardMode(
     createCanvasCircle();
 
     canvasCircle.focus({ preventScroll: true }); // Focus the circle
-    document.body.style.cursor = "none"; // Hide cursor when circle is active
+    document.body.style.cursor = 'none'; // Hide cursor when circle is active
   } else {
-    document.body.style.cursor = "default";
+    document.body.style.cursor = 'default';
   }
 }
 
@@ -125,20 +119,20 @@ export function stopCanvasKeyboardMode() {
   keyboardCursorCallback = null;
   hitChecker = null;
   KeyboardDispatcher.popMode();
-  document.removeEventListener("keyup", handleKeyup);
+  document.removeEventListener('keyup', handleKeyup);
   heldKeys.clear();
   destroyCanvasCircle();
   // Reinstate mouse cursor when exiting keyboard mode
   const canvas = flock.scene?.getEngine?.()?.getRenderingCanvas?.();
-  if (canvas) canvas.style.cursor = "";
-  document.body.style.cursor = "default";
+  if (canvas) canvas.style.cursor = '';
+  document.body.style.cursor = 'default';
   // Reinstate focus to prior element but only if focus
   // is currently on the body or nothing (i.e. not on another element)
   const currentActive = document.activeElement;
   const focusIsOnNothing =
     !currentActive ||
     currentActive === document.body ||
-    currentActive.tagName?.toLowerCase() === "canvas";
+    currentActive.tagName?.toLowerCase() === 'canvas';
   if (focusIsOnNothing) {
     previouslyFocusedElement?.focus({ preventScroll: true });
   }
@@ -152,79 +146,74 @@ function ensureCircle() {
     canvasCircle.focus({ preventScroll: true }); // Focus the circle
     // Remove cursor otherwise you get both which is confusing
     const canvas = flock.scene.getEngine().getRenderingCanvas();
-    canvas.style.cursor = "none";
-    document.body.style.cursor = "none";
+    canvas.style.cursor = 'none';
+    document.body.style.cursor = 'none';
   }
 }
 
 // Deal with key down events for canvas keyboard mode
 function handleKeydown(event) {
   if (!keyboardCursorActive) return;
-  if (event.target?.closest?.("#info-panel")) return;
+  if (event.target?.closest?.('#info-panel')) return;
 
   // If a button was focused and they pressed enter/space, don't
   // move the circle, interact with the button
-  const tag = (event.target?.tagName || "").toLowerCase();
+  const tag = (event.target?.tagName || '').toLowerCase();
   if (
-    (tag === "button" ||
-      tag === "input" ||
-      tag === "textarea" ||
-      tag === "select" ||
+    (tag === 'button' ||
+      tag === 'input' ||
+      tag === 'textarea' ||
+      tag === 'select' ||
       event.target?.isContentEditable) &&
-    (event.key === "Enter" || event.key === " " || event.key === "Spacebar")
+    (event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar')
   ) {
     return;
   }
   const moveDistance = event.shiftKey ? 2 : 10;
   switch (event.key) {
-    case "ArrowRight":
-    case "ArrowLeft":
-    case "ArrowDown":
-    case "ArrowUp": {
+    case 'ArrowRight':
+    case 'ArrowLeft':
+    case 'ArrowDown':
+    case 'ArrowUp': {
       event.preventDefault();
       event.stopPropagation();
       heldKeys.add(event.key);
       ensureCircle();
       // Calculate where to move
       const dx =
-        (heldKeys.has("ArrowRight") ? moveDistance : 0) -
-        (heldKeys.has("ArrowLeft") ? moveDistance : 0);
+        (heldKeys.has('ArrowRight') ? moveDistance : 0) -
+        (heldKeys.has('ArrowLeft') ? moveDistance : 0);
       const dy =
-        (heldKeys.has("ArrowDown") ? moveDistance : 0) -
-        (heldKeys.has("ArrowUp") ? moveDistance : 0);
+        (heldKeys.has('ArrowDown') ? moveDistance : 0) -
+        (heldKeys.has('ArrowUp') ? moveDistance : 0);
       moveCanvasCircle(dx, dy);
       break;
     }
 
     // Tab is assumed to restart keyboard nav mode
-    case "Tab":
+    case 'Tab':
       event.preventDefault(); // don't actually tab!
       event.stopPropagation();
       stopCanvasKeyboardMode();
       break;
 
-    case "Enter":
-    case " ":
-    case "Spacebar":
-    case "Space":
+    case 'Enter':
+    case ' ':
+    case 'Spacebar':
+    case 'Space':
       event.preventDefault();
       event.stopPropagation();
       ensureCircle(); // It must exist to click it
       // If there's a hitChecker and it returns false
       // show invalid press animation instead of clicking
-      if (
-        hitChecker &&
-        !hitChecker(canvasCirclePosition.x, canvasCirclePosition.y)
-      ) {
-        canvasCircle.classList.add("canvas-selector-circle--invalid-press");
+      if (hitChecker && !hitChecker(canvasCirclePosition.x, canvasCirclePosition.y)) {
+        canvasCircle.classList.add('canvas-selector-circle--invalid-press');
         canvasCircle.addEventListener(
-          "animationend",
+          'animationend',
           () => {
-            canvasCircle.classList.remove(
-              "canvas-selector-circle--invalid-press",
-            );
+            canvasCircle.classList.remove('canvas-selector-circle--invalid-press');
           },
-          { once: true },
+          { once: true }
         );
       } else {
         // The location was valid, do the click
@@ -232,7 +221,7 @@ function handleKeydown(event) {
       }
       break;
 
-    case "Escape":
+    case 'Escape':
       event.preventDefault();
       stopCanvasKeyboardMode();
       break;
@@ -249,18 +238,17 @@ function handleKeyup(event) {
 
 // Set cursor to crosshair
 export function setCrosshairCursor() {
-  const canvas =
-    flock.canvas || flock.scene?.getEngine()?.getRenderingCanvas?.();
-  document.body.style.cursor = "crosshair";
-  canvas.style.cursor = "crosshair";
-  flock.scene.defaultCursor = "crosshair";
+  const canvas = flock.canvas || flock.scene?.getEngine()?.getRenderingCanvas?.();
+  document.body.style.cursor = 'crosshair';
+  canvas.style.cursor = 'crosshair';
+  flock.scene.defaultCursor = 'crosshair';
 }
 
 // Restore default cursor
 export function setDefaultCursor() {
-  document.body.style.cursor = "default";
+  document.body.style.cursor = 'default';
   if (flock.scene) {
-    flock.scene.hoverCursor = "pointer"; // Babylon.js default
-    flock.scene.defaultCursor = ""; // Babylon.js default (inherits from body)
+    flock.scene.hoverCursor = 'pointer'; // Babylon.js default
+    flock.scene.defaultCursor = ''; // Babylon.js default (inherits from body)
   }
 }
diff --git a/ui/colourpicker.css b/ui/colourpicker.css
index 550849c79..6ce4a1b3a 100644
--- a/ui/colourpicker.css
+++ b/ui/colourpicker.css
@@ -1,7 +1,7 @@
 .custom-color-picker {
   position: fixed;
   z-index: 10000;
-  font-family: "Asap", sans-serif;
+  font-family: 'Asap', sans-serif;
 }
 
 body.color-picker-open #blocklyDiv,
@@ -52,7 +52,7 @@ body.color-picker-open #blocklyDiv * {
 }
 
 .color-picker-drag-handle::before {
-  content: "";
+  content: '';
   position: absolute;
   top: 50%;
   left: 50%;
@@ -88,8 +88,7 @@ body.color-picker-open #blocklyDiv * {
 .palette-dropdown {
   max-width: 50%;
   padding: 3px;
-  font-family:
-    "Atkinson Hyperlegible Next", "Asap", Helvetica, Arial, Lucida, sans-serif;
+  font-family: 'Atkinson Hyperlegible Next', 'Asap', Helvetica, Arial, Lucida, sans-serif;
   font-size: 14px;
 }
 
@@ -1044,55 +1043,54 @@ body.color-picker-open #blocklyDiv * {
   flex: 0 0 auto;
 }
 
-[data-theme="contrast"] .color-picker-random,
-[data-theme="contrast"] .color-picker-eyedropper,
-[data-theme="contrast"] .color-picker-more-options, 
-[data-theme="contrast"] .color-picker-use{
+[data-theme='contrast'] .color-picker-random,
+[data-theme='contrast'] .color-picker-eyedropper,
+[data-theme='contrast'] .color-picker-more-options,
+[data-theme='contrast'] .color-picker-use {
   background-color: var(--color-button-bg);
 }
 
-[data-theme="contrast"] .color-picker-content,
-[data-theme="contrast"] .color-picker-footer,
-[data-theme="dark"] .color-picker-content,
-[data-theme="dark"] .color-picker-footer,
-[data-theme="dark-contrast"] .color-picker-content,
-[data-theme="dark-contrast"] .color-picker-footer,
-[data-theme="low-vision"] .color-picker-content,
-[data-theme="low-vision"] .color-picker-footer
-{
-  background:  var(--color-bg);
+[data-theme='contrast'] .color-picker-content,
+[data-theme='contrast'] .color-picker-footer,
+[data-theme='dark'] .color-picker-content,
+[data-theme='dark'] .color-picker-footer,
+[data-theme='dark-contrast'] .color-picker-content,
+[data-theme='dark-contrast'] .color-picker-footer,
+[data-theme='low-vision'] .color-picker-content,
+[data-theme='low-vision'] .color-picker-footer {
+  background: var(--color-bg);
   color: grey;
 }
 
-[data-theme="contrast"] .palette-dropdown,
-[data-theme="dark"] .palette-dropdown,
-[data-theme="dark-contrast"] .palette-dropdown,
-[data-theme="low-vision"] .palette-dropdown {
-  background:  var(--color-bg);
+[data-theme='contrast'] .palette-dropdown,
+[data-theme='dark'] .palette-dropdown,
+[data-theme='dark-contrast'] .palette-dropdown,
+[data-theme='low-vision'] .palette-dropdown {
+  background: var(--color-bg);
   color: var(--color-text-primary);
   border: 1px solid var(--color-text-primary);
 }
 
-[data-theme="contrast"] .hue-slider-canvas,
-[data-theme="contrast"] .lightness-slider,
-[data-theme="dark"] .hue-slider-canvas,
-[data-theme="dark"] .lightness-slider,
-[data-theme="dark-contrast"] .hue-slider-canvas,
-[data-theme="dark-contrast"] .lightness-slider,
-[data-theme="low-vision"] .hue-slider-canvas,
-[data-theme="low-vision"] .lightness-slider{
+[data-theme='contrast'] .hue-slider-canvas,
+[data-theme='contrast'] .lightness-slider,
+[data-theme='dark'] .hue-slider-canvas,
+[data-theme='dark'] .lightness-slider,
+[data-theme='dark-contrast'] .hue-slider-canvas,
+[data-theme='dark-contrast'] .lightness-slider,
+[data-theme='low-vision'] .hue-slider-canvas,
+[data-theme='low-vision'] .lightness-slider {
   border-color: grey;
 }
 
-[data-theme="contrast"] .hue-slider-handle,
-[data-theme="contrast"] .lightness-handle,
-[data-theme="dark-contrast"] .hue-slider-handle,
-[data-theme="dark-contrast"] .lightness-handle,
-[data-theme="dark"] .hue-slider-handle,
-[data-theme="dark"] .lightness-handle,
-[data-theme="low-vision"] .hue-slider-handle,
-[data-theme="low-vision"] .lightness-handle {
+[data-theme='contrast'] .hue-slider-handle,
+[data-theme='contrast'] .lightness-handle,
+[data-theme='dark-contrast'] .hue-slider-handle,
+[data-theme='dark-contrast'] .lightness-handle,
+[data-theme='dark'] .hue-slider-handle,
+[data-theme='dark'] .lightness-handle,
+[data-theme='low-vision'] .hue-slider-handle,
+[data-theme='low-vision'] .lightness-handle {
   background: #000;
   border-color: grey;
   box-shadow: 0 0 0 1px rgba(125, 125, 125, 0.75) inset;
-}
\ No newline at end of file
+}
diff --git a/ui/colourpicker.js b/ui/colourpicker.js
index 7f325fede..c78b481a8 100644
--- a/ui/colourpicker.js
+++ b/ui/colourpicker.js
@@ -1,7 +1,7 @@
-import { translate } from "../main/translation.js";
-import { exitGizmoState, setGizmoButtonActive } from "./gizmos.js";
-import { KeyboardDispatcher } from "../main/keyboardDispatcher.js";
-import { ContextManager } from "../main/context.js";
+import { translate } from '../main/translation.js';
+import { exitGizmoState, setGizmoButtonActive } from './gizmos.js';
+import { KeyboardDispatcher } from '../main/keyboardDispatcher.js';
+import { ContextManager } from '../main/context.js';
 
 // UA-based rather than touch-based so touchscreen laptops still count as
 // desktop. The Macintosh clause catches iPads in desktop-mode Safari.
@@ -11,89 +11,89 @@ const isMobileDevice = () =>
 
 const COLOR_PALETTES = {
   Bright: [
-    { hex: "#EF292B", name: "color_red" },
-    { hex: "#F8932A", name: "color_orange" },
-    { hex: "#FFF120", name: "color_yellow" },
-    { hex: "#07A951", name: "color_green" },
-    { hex: "#0E8142", name: "color_dark_green" },
-    { hex: "#01AFCA", name: "color_cyan" },
-    { hex: "#353A98", name: "color_blue" },
-    { hex: "#632A9F", name: "color_purple" },
-    { hex: "#ED84F7", name: "color_pink" },
-    { hex: "#652700", name: "color_brown" },
-    { hex: "#000000", name: "color_black" },
-    { hex: "#FFFFFF", name: "color_white" },
+    { hex: '#EF292B', name: 'color_red' },
+    { hex: '#F8932A', name: 'color_orange' },
+    { hex: '#FFF120', name: 'color_yellow' },
+    { hex: '#07A951', name: 'color_green' },
+    { hex: '#0E8142', name: 'color_dark_green' },
+    { hex: '#01AFCA', name: 'color_cyan' },
+    { hex: '#353A98', name: 'color_blue' },
+    { hex: '#632A9F', name: 'color_purple' },
+    { hex: '#ED84F7', name: 'color_pink' },
+    { hex: '#652700', name: 'color_brown' },
+    { hex: '#000000', name: 'color_black' },
+    { hex: '#FFFFFF', name: 'color_white' },
   ],
   Earthy: [
-    { hex: "#28673B", name: "color_forest_green" },
-    { hex: "#AA7C49", name: "color_clay" },
-    { hex: "#976030", name: "color_walnut" },
-    { hex: "#A1C458", name: "color_olive" },
-    { hex: "#ACD62A", name: "color_lime" },
-    { hex: "#3492E4", name: "color_sky_blue" },
-    { hex: "#66C1E1", name: "color_water" },
-    { hex: "#FFD441", name: "color_sunflower" },
-    { hex: "#F6C178", name: "color_sand" },
-    { hex: "#C77546", name: "color_terracotta" },
-    { hex: "#000000", name: "color_black" },
-    { hex: "#FFFFFF", name: "color_white" },
+    { hex: '#28673B', name: 'color_forest_green' },
+    { hex: '#AA7C49', name: 'color_clay' },
+    { hex: '#976030', name: 'color_walnut' },
+    { hex: '#A1C458', name: 'color_olive' },
+    { hex: '#ACD62A', name: 'color_lime' },
+    { hex: '#3492E4', name: 'color_sky_blue' },
+    { hex: '#66C1E1', name: 'color_water' },
+    { hex: '#FFD441', name: 'color_sunflower' },
+    { hex: '#F6C178', name: 'color_sand' },
+    { hex: '#C77546', name: 'color_terracotta' },
+    { hex: '#000000', name: 'color_black' },
+    { hex: '#FFFFFF', name: 'color_white' },
   ],
   Pastel: [
-    { hex: "#FBF8CC", name: "color_cream" },
-    { hex: "#FDE4CF", name: "color_peach" },
-    { hex: "#FFCFD2", name: "color_rose" },
-    { hex: "#F1C0E8", name: "color_lilac" },
-    { hex: "#CFBAF0", name: "color_lavender" },
-    { hex: "#A3C4F3", name: "color_sky" },
-    { hex: "#90DBF4", name: "color_aqua" },
-    { hex: "#8EECF5", name: "color_turquoise" },
-    { hex: "#98F5E1", name: "color_mint" },
-    { hex: "#B9FBC0", name: "color_pale_green" },
-    { hex: "#000000", name: "color_black" },
-    { hex: "#FFFFFF", name: "color_white" },
+    { hex: '#FBF8CC', name: 'color_cream' },
+    { hex: '#FDE4CF', name: 'color_peach' },
+    { hex: '#FFCFD2', name: 'color_rose' },
+    { hex: '#F1C0E8', name: 'color_lilac' },
+    { hex: '#CFBAF0', name: 'color_lavender' },
+    { hex: '#A3C4F3', name: 'color_sky' },
+    { hex: '#90DBF4', name: 'color_aqua' },
+    { hex: '#8EECF5', name: 'color_turquoise' },
+    { hex: '#98F5E1', name: 'color_mint' },
+    { hex: '#B9FBC0', name: 'color_pale_green' },
+    { hex: '#000000', name: 'color_black' },
+    { hex: '#FFFFFF', name: 'color_white' },
   ],
   Neon: [
-    { hex: "#DB01EC", name: "color_magenta" },
-    { hex: "#C330F6", name: "color_violet" },
-    { hex: "#029CFF", name: "color_electric_blue" },
-    { hex: "#0CE2EA", name: "color_cyan_glow" },
-    { hex: "#02FF67", name: "color_neon_green" },
-    { hex: "#97FC03", name: "color_lime_glow" },
-    { hex: "#FDFF66", name: "color_lemon" },
-    { hex: "#FEDB1B", name: "color_amber" },
-    { hex: "#FF6600", name: "color_neon_orange" },
-    { hex: "#FF0066", name: "color_hot_pink" },
-    { hex: "#000000", name: "color_black" },
-    { hex: "#FFFFFF", name: "color_white" },
+    { hex: '#DB01EC', name: 'color_magenta' },
+    { hex: '#C330F6', name: 'color_violet' },
+    { hex: '#029CFF', name: 'color_electric_blue' },
+    { hex: '#0CE2EA', name: 'color_cyan_glow' },
+    { hex: '#02FF67', name: 'color_neon_green' },
+    { hex: '#97FC03', name: 'color_lime_glow' },
+    { hex: '#FDFF66', name: 'color_lemon' },
+    { hex: '#FEDB1B', name: 'color_amber' },
+    { hex: '#FF6600', name: 'color_neon_orange' },
+    { hex: '#FF0066', name: 'color_hot_pink' },
+    { hex: '#000000', name: 'color_black' },
+    { hex: '#FFFFFF', name: 'color_white' },
   ],
   Sunset: [
-    { hex: "#21215C", name: "color_midnight" },
-    { hex: "#3B55A7", name: "color_indigo" },
-    { hex: "#4E385F", name: "color_plum" },
-    { hex: "#66479D", name: "color_amethyst" },
-    { hex: "#9875B4", name: "color_orchid" },
-    { hex: "#D8499A", name: "color_fuchsia" },
-    { hex: "#DE4D6D", name: "color_rose_red" },
-    { hex: "#E58644", name: "color_coral" },
-    { hex: "#E69B79", name: "color_apricot" },
-    { hex: "#F1CB85", name: "color_golden" },
-    { hex: "#000000", name: "color_black" },
-    { hex: "#FFFFFF", name: "color_white" },
+    { hex: '#21215C', name: 'color_midnight' },
+    { hex: '#3B55A7', name: 'color_indigo' },
+    { hex: '#4E385F', name: 'color_plum' },
+    { hex: '#66479D', name: 'color_amethyst' },
+    { hex: '#9875B4', name: 'color_orchid' },
+    { hex: '#D8499A', name: 'color_fuchsia' },
+    { hex: '#DE4D6D', name: 'color_rose_red' },
+    { hex: '#E58644', name: 'color_coral' },
+    { hex: '#E69B79', name: 'color_apricot' },
+    { hex: '#F1CB85', name: 'color_golden' },
+    { hex: '#000000', name: 'color_black' },
+    { hex: '#FFFFFF', name: 'color_white' },
   ],
   OkabeIto: [
-    { hex: "#E69F00", name: "color_orange" },
-    { hex: "#56B4E9", name: "color_sky_blue" },
-    { hex: "#009E73", name: "color_bluish_green" },
-    { hex: "#F0E442", name: "color_yellow" },
-    { hex: "#0072B2", name: "color_blue" },
-    { hex: "#D55E00", name: "color_vermillion" },
-    { hex: "#CC79A7", name: "color_reddish_purple" },
+    { hex: '#E69F00', name: 'color_orange' },
+    { hex: '#56B4E9', name: 'color_sky_blue' },
+    { hex: '#009E73', name: 'color_bluish_green' },
+    { hex: '#F0E442', name: 'color_yellow' },
+    { hex: '#0072B2', name: 'color_blue' },
+    { hex: '#D55E00', name: 'color_vermillion' },
+    { hex: '#CC79A7', name: 'color_reddish_purple' },
     // Greyscale ramp, black→white evenly spaced (0/64/128/191/255)
-    { hex: "#000000", name: "color_black" },
-    { hex: "#404040", name: "color_dim_gray" },
-    { hex: "#808080", name: "color_gray" },
-    { hex: "#BFBFBF", name: "color_light_gray" },
-    { hex: "#FFFFFF", name: "color_white" },
+    { hex: '#000000', name: 'color_black' },
+    { hex: '#404040', name: 'color_dim_gray' },
+    { hex: '#808080', name: 'color_gray' },
+    { hex: '#BFBFBF', name: 'color_light_gray' },
+    { hex: '#FFFFFF', name: 'color_white' },
   ],
 };
 
@@ -104,7 +104,7 @@ const clampL = (L) => Math.max(L_MIN, Math.min(L_MAX, Math.round(L)));
 
 class CustomColorPicker {
   constructor(options = {}) {
-    this.currentColor = options.color || "#ff0000";
+    this.currentColor = options.color || '#ff0000';
     this.onColorChange = options.onColorChange || (() => {});
     this.onClose = options.onClose || (() => {});
     this.targetElement = options.target || document.body;
@@ -112,14 +112,14 @@ class CustomColorPicker {
 
     this.isOpen = false;
     this.globalEscapeHandler = (event) => {
-      if (!this.isOpen || this._eyedropperActive || event.key !== "Escape") {
+      if (!this.isOpen || this._eyedropperActive || event.key !== 'Escape') {
         return;
       }
 
       event.preventDefault();
       event.stopImmediatePropagation();
       this.close();
-      const colorPickerButton = document.getElementById("colorPickerButton");
+      const colorPickerButton = document.getElementById('colorPickerButton');
       colorPickerButton?.focus();
     };
 
@@ -129,45 +129,45 @@ class CustomColorPicker {
 
     // Compact preset colors
     this.presetColors = [
-      "red", // #ff0000
-      "darkorange", // ~#ff8000
-      "yellow", // #ffff00
-      "teal", // #008080
-      "lime", // #00ff00
-      "forestgreen", // #228B22
-      "aqua", // #00ffff (aka cyan)
-      "dodgerblue", // ~#0080ff
-      "blue", // #0000ff
-      "blueviolet", // ~#8000ff
-      "fuchsia", // #ff00ff (aka magenta)
-      "deeppink", // ~#ff0080
-      "white", // #ffffff
-      "lightgray", // ~#cccccc
-      "dimgray", // ~#666666
-      "black", // #000000
-      "saddlebrown", // #8B4513
-      "lightcoral", // ~#ff7f7f
+      'red', // #ff0000
+      'darkorange', // ~#ff8000
+      'yellow', // #ffff00
+      'teal', // #008080
+      'lime', // #00ff00
+      'forestgreen', // #228B22
+      'aqua', // #00ffff (aka cyan)
+      'dodgerblue', // ~#0080ff
+      'blue', // #0000ff
+      'blueviolet', // ~#8000ff
+      'fuchsia', // #ff00ff (aka magenta)
+      'deeppink', // ~#ff0080
+      'white', // #ffffff
+      'lightgray', // ~#cccccc
+      'dimgray', // ~#666666
+      'black', // #000000
+      'saddlebrown', // #8B4513
+      'lightcoral', // ~#ff7f7f
     ];
 
     this.colorLabels = {
-      red: "color_red",
-      darkorange: "color_dark_orange",
-      yellow: "color_yellow",
-      teal: "color_teal",
-      lime: "color_lime",
-      forestgreen: "color_forest_green",
-      aqua: "color_aqua",
-      dodgerblue: "color_dodger_blue",
-      blue: "color_blue",
-      blueviolet: "color_blue_violet",
-      fuchsia: "color_fuchsia",
-      deeppink: "color_deep_pink",
-      white: "color_white",
-      lightgray: "color_light_gray",
-      dimgray: "color_dim_gray",
-      black: "color_black",
-      saddlebrown: "color_saddle_brown",
-      lightcoral: "color_light_coral",
+      red: 'color_red',
+      darkorange: 'color_dark_orange',
+      yellow: 'color_yellow',
+      teal: 'color_teal',
+      lime: 'color_lime',
+      forestgreen: 'color_forest_green',
+      aqua: 'color_aqua',
+      dodgerblue: 'color_dodger_blue',
+      blue: 'color_blue',
+      blueviolet: 'color_blue_violet',
+      fuchsia: 'color_fuchsia',
+      deeppink: 'color_deep_pink',
+      white: 'color_white',
+      lightgray: 'color_light_gray',
+      dimgray: 'color_dim_gray',
+      black: 'color_black',
+      saddlebrown: 'color_saddle_brown',
+      lightcoral: 'color_light_coral',
     };
 
     this.createElement();
@@ -176,21 +176,21 @@ class CustomColorPicker {
 
   generateSkinPalette() {
     const skinColors = [
-      "#FDBCB4",
-      "#F1C27D",
-      "#E0AC69",
-      "#C68642",
-      "#8D5524",
-      "#C67856",
-      "#A0522D",
-      "#8B4513",
+      '#FDBCB4',
+      '#F1C27D',
+      '#E0AC69',
+      '#C68642',
+      '#8D5524',
+      '#C67856',
+      '#A0522D',
+      '#8B4513',
     ];
     return skinColors
       .map(
         (color) =>
-          `<button class="color-swatch" style="background-color: ${color}" data-color="${color}" aria-label="${translate("skin_tone")} ${color}" tabindex="0"></button>`,
+          `<button class="color-swatch" style="background-color: ${color}" data-color="${color}" aria-label="${translate('skin_tone')} ${color}" tabindex="0"></button>`
       )
-      .join("");
+      .join('');
   }
 
   /* =========================
@@ -217,13 +217,11 @@ class CustomColorPicker {
     const rect = host.getBoundingClientRect();
     const cssW = Math.max(
       1,
-      Math.round(rect.width || parseFloat(getComputedStyle(host).width) || 15),
+      Math.round(rect.width || parseFloat(getComputedStyle(host).width) || 15)
     );
     const cssH = Math.max(
       1,
-      Math.round(
-        rect.height || parseFloat(getComputedStyle(host).height) || 120,
-      ),
+      Math.round(rect.height || parseFloat(getComputedStyle(host).height) || 120)
     );
 
     this._lightCssW = cssW;
@@ -248,10 +246,7 @@ class CustomColorPicker {
 
     const g = this.lightCtx.createLinearGradient(0, 0, 0, cssH);
     g.addColorStop(0, `hsl(${hsl.h}, ${hsl.s}%, ${L_MAX}%)`);
-    g.addColorStop(
-      0.5,
-      `hsl(${hsl.h}, ${hsl.s}%, ${Math.round((L_MIN + L_MAX) / 2)}%)`,
-    );
+    g.addColorStop(0.5, `hsl(${hsl.h}, ${hsl.s}%, ${Math.round((L_MIN + L_MAX) / 2)}%)`);
     g.addColorStop(1, `hsl(${hsl.h}, ${hsl.s}%, ${L_MIN}%)`);
 
     this.lightCtx.clearRect(0, 0, cssW, cssH);
@@ -275,7 +270,7 @@ class CustomColorPicker {
     const yCSS = yCenter - handleHalf;
 
     this.lightHandle.style.top = `${yCSS}px`;
-    this.lightSlider.setAttribute("aria-valuenow", String(Math.round(L)));
+    this.lightSlider.setAttribute('aria-valuenow', String(Math.round(L)));
   }
 
   _lightnessFromClientY(clientY) {
@@ -310,10 +305,10 @@ class CustomColorPicker {
   }
 
   createElement() {
-    this.container = document.createElement("div");
-    this.container.className = "custom-color-picker";
-    this.container.style.display = "none";
-    this.container.style.transition = "opacity 120ms ease";
+    this.container = document.createElement('div');
+    this.container.className = 'custom-color-picker';
+    this.container.style.display = 'none';
+    this.container.style.transition = 'opacity 120ms ease';
 
     this.container.innerHTML = `
       <div class="color-picker-backdrop"></div>
@@ -403,57 +398,47 @@ class CustomColorPicker {
     `;
 
     // Set translated text and dynamic values via DOM APIs (avoids innerHTML injection risk)
-    const lightnessSlider = this.container.querySelector(".lightness-slider");
-    lightnessSlider.setAttribute("aria-label", translate("lightness"));
-    lightnessSlider.setAttribute("aria-valuemin", String(L_MIN));
-    lightnessSlider.setAttribute("aria-valuemax", String(L_MAX));
-    const paletteLabel = this.container.querySelector(
-      'label[for="palette-select"]',
-    );
-    paletteLabel.textContent = translate("palette");
+    const lightnessSlider = this.container.querySelector('.lightness-slider');
+    lightnessSlider.setAttribute('aria-label', translate('lightness'));
+    lightnessSlider.setAttribute('aria-valuemin', String(L_MIN));
+    lightnessSlider.setAttribute('aria-valuemax', String(L_MAX));
+    const paletteLabel = this.container.querySelector('label[for="palette-select"]');
+    paletteLabel.textContent = translate('palette');
     this.container
-      .querySelector("#palette-select")
-      .setAttribute("aria-label", translate("palette"));
+      .querySelector('#palette-select')
+      .setAttribute('aria-label', translate('palette'));
     this.container
-      .querySelector(".color-palette")
-      .setAttribute("aria-label", translate("color_palette"));
+      .querySelector('.color-palette')
+      .setAttribute('aria-label', translate('color_palette'));
     this.container
-      .querySelector(".hue-slider-container")
-      .setAttribute("aria-label", translate("hue_slider"));
-    const randomBtn = this.container.querySelector(".color-picker-random");
-    randomBtn.setAttribute("aria-label", translate("surprise_color"));
-    randomBtn.title = translate("surprise_color");
-    const eyedropperBtn = this.container.querySelector(
-      ".color-picker-eyedropper",
-    );
-    eyedropperBtn.setAttribute(
-      "aria-label",
-      translate("pick_color_from_screen"),
-    );
-    eyedropperBtn.title = translate("pick_color_from_screen");
+      .querySelector('.hue-slider-container')
+      .setAttribute('aria-label', translate('hue_slider'));
+    const randomBtn = this.container.querySelector('.color-picker-random');
+    randomBtn.setAttribute('aria-label', translate('surprise_color'));
+    randomBtn.title = translate('surprise_color');
+    const eyedropperBtn = this.container.querySelector('.color-picker-eyedropper');
+    eyedropperBtn.setAttribute('aria-label', translate('pick_color_from_screen'));
+    eyedropperBtn.title = translate('pick_color_from_screen');
     // No mobile browser implements the EyeDropper API; hide the button there
     // until we build a custom picker. Desktop browsers without the API
     // (Firefox, Safari) keep the button and get the explanatory alert.
     if (!window.EyeDropper && isMobileDevice()) {
-      eyedropperBtn.style.display = "none";
+      eyedropperBtn.style.display = 'none';
     }
-    const moreOptionsBtn = this.container.querySelector(
-      ".color-picker-more-options",
-    );
-    moreOptionsBtn.setAttribute("aria-label", translate("more_options"));
-    moreOptionsBtn.title = translate("more_options");
-    const cssColorInput = this.container.querySelector("#css-color-input");
-    cssColorInput.placeholder = translate("hex_placeholder");
-    cssColorInput.setAttribute("aria-label", translate("hex_color"));
-    this.container.querySelector(
-      ".current-color-display",
-    ).style.backgroundColor = this.currentColor;
-    const useBtn = this.container.querySelector(".color-picker-use");
-    useBtn.setAttribute("aria-label", translate("use_this_color"));
-    useBtn.title = translate("use_this_color");
+    const moreOptionsBtn = this.container.querySelector('.color-picker-more-options');
+    moreOptionsBtn.setAttribute('aria-label', translate('more_options'));
+    moreOptionsBtn.title = translate('more_options');
+    const cssColorInput = this.container.querySelector('#css-color-input');
+    cssColorInput.placeholder = translate('hex_placeholder');
+    cssColorInput.setAttribute('aria-label', translate('hex_color'));
+    this.container.querySelector('.current-color-display').style.backgroundColor =
+      this.currentColor;
+    const useBtn = this.container.querySelector('.color-picker-use');
+    useBtn.setAttribute('aria-label', translate('use_this_color'));
+    useBtn.title = translate('use_this_color');
 
     // Append to canvas area for proper positioning
-    const canvasArea = document.getElementById("canvasArea");
+    const canvasArea = document.getElementById('canvasArea');
     if (canvasArea) {
       canvasArea.appendChild(this.container);
     } else {
@@ -461,24 +446,22 @@ class CustomColorPicker {
     }
 
     // Store references
-    this.canvas = this.container.querySelector(".color-wheel-canvas");
-    this.ctx = this.canvas.getContext("2d");
-    this.hueCanvas = this.container.querySelector(".hue-slider-canvas");
-    this.hueCtx = this.hueCanvas.getContext("2d");
-    this.currentColorDisplay = this.container.querySelector(
-      ".current-color-display",
-    );
-    this.currentColorText = this.container.querySelector(".current-color-text");
+    this.canvas = this.container.querySelector('.color-wheel-canvas');
+    this.ctx = this.canvas.getContext('2d');
+    this.hueCanvas = this.container.querySelector('.hue-slider-canvas');
+    this.hueCtx = this.hueCanvas.getContext('2d');
+    this.currentColorDisplay = this.container.querySelector('.current-color-display');
+    this.currentColorText = this.container.querySelector('.current-color-text');
 
     // Lightness slider refs
-    this.lightSlider = this.container.querySelector(".lightness-slider");
-    this.lightCanvas = this.container.querySelector(".lightness-canvas");
-    this.lightCtx = this.lightCanvas.getContext("2d");
-    this.lightHandle = this.container.querySelector(".lightness-handle");
+    this.lightSlider = this.container.querySelector('.lightness-slider');
+    this.lightCanvas = this.container.querySelector('.lightness-canvas');
+    this.lightCtx = this.lightCanvas.getContext('2d');
+    this.lightHandle = this.container.querySelector('.lightness-handle');
 
     // Palette UI refs
-    this.paletteSelect = this.container.querySelector("#palette-select");
-    this.paletteGrid = this.container.querySelector(".color-palette");
+    this.paletteSelect = this.container.querySelector('#palette-select');
+    this.paletteGrid = this.container.querySelector('.color-palette');
 
     // Build dropdown options + render default swatches before events bind
     this._initPaletteUI();
@@ -499,22 +482,22 @@ class CustomColorPicker {
 
   _initPaletteUI() {
     // 1) Populate dropdown from COLOR_PALETTES keys
-    this.paletteSelect.innerHTML = "";
+    this.paletteSelect.innerHTML = '';
     Object.keys(COLOR_PALETTES).forEach((name) => {
-      const opt = document.createElement("option");
+      const opt = document.createElement('option');
       opt.value = name;
       opt.textContent = translate(`palette_${name.toLowerCase()}`);
       this.paletteSelect.appendChild(opt);
     });
 
     // 2) Default on first open
-    this.paletteSelect.value = "Bright";
+    this.paletteSelect.value = 'Bright';
 
     // 3) Render swatches for Default (2×6)
-    this._renderSwatches("Bright");
+    this._renderSwatches('Bright');
 
     // 4) Change handler to switch palettes
-    this.paletteSelect.addEventListener("change", () => {
+    this.paletteSelect.addEventListener('change', () => {
       this._renderSwatches(this.paletteSelect.value);
     });
   }
@@ -527,46 +510,41 @@ class CustomColorPicker {
     this.paletteGrid.replaceChildren(
       ...twelve.map((c, i) => {
         const label = translate(c.name) || c.hex;
-        const btn = document.createElement("button");
-        btn.type = "button";
-        btn.className = "color-swatch";
+        const btn = document.createElement('button');
+        btn.type = 'button';
+        btn.className = 'color-swatch';
         btn.style.backgroundColor = c.hex;
         btn.dataset.color = c.hex;
         btn.title = label;
-        btn.setAttribute("aria-label", label);
-        btn.setAttribute("role", "gridcell");
-        btn.setAttribute("tabindex", i === 0 ? "0" : "-1");
+        btn.setAttribute('aria-label', label);
+        btn.setAttribute('role', 'gridcell');
+        btn.setAttribute('tabindex', i === 0 ? '0' : '-1');
         return btn;
-      }),
+      })
     );
 
-    this.paletteGrid.setAttribute("role", "grid");
-    this.paletteGrid.setAttribute("aria-rowcount", "2");
-    this.paletteGrid.setAttribute("aria-colcount", "6");
+    this.paletteGrid.setAttribute('role', 'grid');
+    this.paletteGrid.setAttribute('aria-rowcount', '2');
+    this.paletteGrid.setAttribute('aria-colcount', '6');
 
     // 🔧 Recompute grid + reattach per-swatch keydown handlers
     this.setupColorSwatchNavigation();
 
     // 🔧 Optional: put focus on the first swatch so arrows work right away
     if (opts.focusFirst) {
-      const first = this.paletteGrid.querySelector(".color-swatch");
+      const first = this.paletteGrid.querySelector('.color-swatch');
       first?.focus();
     }
   }
 
   setupHueSliderCanvas() {
-    const toolsRow = this.container.querySelector(".color-picker-tools-row");
-    const buttonsContainer = this.container.querySelector(
-      ".color-picker-buttons",
-    );
+    const toolsRow = this.container.querySelector('.color-picker-tools-row');
+    const buttonsContainer = this.container.querySelector('.color-picker-buttons');
 
     const apply = () => {
       const toolsRect = toolsRow.getBoundingClientRect();
       const buttonsRect = buttonsContainer.getBoundingClientRect();
-      const availableWidth = Math.max(
-        120,
-        Math.round(toolsRect.width - buttonsRect.width - 12),
-      );
+      const availableWidth = Math.max(120, Math.round(toolsRect.width - buttonsRect.width - 12));
 
       // Set BOTH intrinsic and CSS width so getBoundingClientRect() is non-zero
       this.hueCanvas.width = availableWidth;
@@ -607,8 +585,8 @@ class CustomColorPicker {
   setupWheelCanvasScaling() {
     const dpr = Math.max(1, window.devicePixelRatio || 1);
     // Keep visual size at 100×100 CSS px
-    this.canvas.style.width = "100px";
-    this.canvas.style.height = "100px";
+    this.canvas.style.width = '100px';
+    this.canvas.style.height = '100px';
     // Backing store = CSS * DPR
     this.canvas.width = 100 * dpr;
     this.canvas.height = 100 * dpr;
@@ -695,12 +673,12 @@ class CustomColorPicker {
     this.ctx.save();
     this.ctx.beginPath();
     this.ctx.arc(cx, cy, R - 0.5, 0, Math.PI * 2);
-    this.ctx.strokeStyle = "#ffffff"; // Pure white outline
+    this.ctx.strokeStyle = '#ffffff'; // Pure white outline
     this.ctx.lineWidth = 1;
 
     // Ensure crisp line rendering
-    this.ctx.lineCap = "butt";
-    this.ctx.lineJoin = "miter";
+    this.ctx.lineCap = 'butt';
+    this.ctx.lineJoin = 'miter';
 
     this.ctx.stroke();
     this.ctx.restore();
@@ -708,9 +686,9 @@ class CustomColorPicker {
 
   bindEvents() {
     // Close on backdrop click
-    const backdrop = this.container.querySelector(".color-picker-backdrop");
+    const backdrop = this.container.querySelector('.color-picker-backdrop');
     if (backdrop) {
-      backdrop.addEventListener("click", () => this.close());
+      backdrop.addEventListener('click', () => this.close());
     }
 
     // Click outside to close (guarded during eyedropper)
@@ -724,13 +702,13 @@ class CustomColorPicker {
 
     // Random color
     this.container
-      .querySelector(".color-picker-random")
-      .addEventListener("click", () => this.generateRandomColor());
+      .querySelector('.color-picker-random')
+      .addEventListener('click', () => this.generateRandomColor());
 
     // Eyedropper tool
     this.container
-      .querySelector(".color-picker-eyedropper")
-      .addEventListener("click", () => this.startEyedropper());
+      .querySelector('.color-picker-eyedropper')
+      .addEventListener('click', () => this.startEyedropper());
 
     // === Color wheel: pointer-based picking (unchanged) ===
     let wheelDragging = false;
@@ -742,7 +720,7 @@ class CustomColorPicker {
       this._setWheelNormalized(nx, ny); // ← clamps + updates indicator
     };
 
-    this.canvas.addEventListener("pointerdown", (e) => {
+    this.canvas.addEventListener('pointerdown', (e) => {
       e.preventDefault();
       e.stopPropagation();
       this.canvas.setPointerCapture?.(e.pointerId);
@@ -750,7 +728,7 @@ class CustomColorPicker {
       pickFromEvent(e);
     });
 
-    this.canvas.addEventListener("pointermove", (e) => {
+    this.canvas.addEventListener('pointermove', (e) => {
       if (!wheelDragging) return;
       e.preventDefault();
       pickFromEvent(e);
@@ -761,25 +739,23 @@ class CustomColorPicker {
       try {
         this.canvas.releasePointerCapture?.(e.pointerId);
       } catch (error) {
-        console.warn("Suppressed non-critical error:", error);
+        console.warn('Suppressed non-critical error:', error);
       }
     };
 
-    this.canvas.addEventListener("pointerup", endWheelDrag);
-    this.canvas.addEventListener("pointercancel", endWheelDrag);
+    this.canvas.addEventListener('pointerup', endWheelDrag);
+    this.canvas.addEventListener('pointercancel', endWheelDrag);
 
     // Make color wheel keyboard-focusable & ARIA-described
-    this.canvas.setAttribute("tabindex", "0");
-    this.canvas.setAttribute("role", "slider");
-    this.canvas.setAttribute("aria-label", translate("color_wheel_aria"));
-    this.canvas.setAttribute("aria-valuenow", "0");
-    this.canvas.setAttribute("aria-valuemin", "0");
-    this.canvas.setAttribute("aria-valuemax", "360");
+    this.canvas.setAttribute('tabindex', '0');
+    this.canvas.setAttribute('role', 'slider');
+    this.canvas.setAttribute('aria-label', translate('color_wheel_aria'));
+    this.canvas.setAttribute('aria-valuenow', '0');
+    this.canvas.setAttribute('aria-valuemin', '0');
+    this.canvas.setAttribute('aria-valuemax', '360');
 
     // Keyboard navigation for the wheel (unchanged)
-    this.canvas.addEventListener("keydown", (e) =>
-      this.handleColorWheelKeydown(e),
-    );
+    this.canvas.addEventListener('keydown', (e) => this.handleColorWheelKeydown(e));
 
     // Initialize color wheel position tracking + indicator
     if (!this.colorWheelPosition) this.colorWheelPosition = { x: 50, y: 50 };
@@ -788,7 +764,7 @@ class CustomColorPicker {
     this.updateColorWheelFromColor();
 
     // Hue slider click (unchanged)
-    this.hueCanvas.addEventListener("click", (e) => {
+    this.hueCanvas.addEventListener('click', (e) => {
       e.preventDefault();
       e.stopPropagation();
       const rect = this.hueCanvas.getBoundingClientRect();
@@ -801,44 +777,42 @@ class CustomColorPicker {
 
     // More options (advanced inputs)
     this.container
-      .querySelector(".color-picker-more-options")
-      .addEventListener("click", () => this.toggleAdvancedOptions());
+      .querySelector('.color-picker-more-options')
+      .addEventListener('click', () => this.toggleAdvancedOptions());
 
     // CSS color input
-    const cssInput = this.container.querySelector(".css-color-input");
-    cssInput.addEventListener("input", (e) =>
-      this.handleCssColorInput(e.target.value),
-    );
-    cssInput.addEventListener("focus", () => {
+    const cssInput = this.container.querySelector('.css-color-input');
+    cssInput.addEventListener('input', (e) => this.handleCssColorInput(e.target.value));
+    cssInput.addEventListener('focus', () => {
       this.cssInputFocused = true;
       cssInput.select();
     });
-    cssInput.addEventListener("blur", () => {
+    cssInput.addEventListener('blur', () => {
       this.cssInputFocused = false;
       this.updateCssInput();
     });
 
     // RGB inputs
-    const rgbInputs = this.container.querySelectorAll(".rgb-input");
+    const rgbInputs = this.container.querySelectorAll('.rgb-input');
     rgbInputs.forEach((input) => {
-      input.addEventListener("input", () => this.handleRgbInput());
+      input.addEventListener('input', () => this.handleRgbInput());
     });
 
     // Color swatches with grid navigation
     this.setupColorSwatchNavigation();
 
     // Click to choose a preset swatch
-    this.container.addEventListener("click", (e) => {
-      if (e.target.classList.contains("color-swatch")) {
+    this.container.addEventListener('click', (e) => {
+      if (e.target.classList.contains('color-swatch')) {
         this.setColor(e.target.dataset.color); // lightness strip will repaint via updateLightnessFromColor()
       }
     });
 
     // Confirm / general keyboard handling on the container (Esc/Enter/Space)
     this.container
-      .querySelector(".color-picker-footer")
-      .addEventListener("click", () => this.confirmColor());
-    this.container.addEventListener("keydown", (e) => this.handleKeydown(e));
+      .querySelector('.color-picker-footer')
+      .addEventListener('click', () => this.confirmColor());
+    this.container.addEventListener('keydown', (e) => this.handleKeydown(e));
 
     if (this.lightSlider) {
       let dragging = false;
@@ -849,14 +823,14 @@ class CustomColorPicker {
         this.setLightness(L);
       };
 
-      this.lightSlider.addEventListener("pointerdown", (e) => {
+      this.lightSlider.addEventListener('pointerdown', (e) => {
         e.preventDefault();
         dragging = true;
         this.lightSlider.setPointerCapture?.(e.pointerId);
         updateFromClientY(e.clientY);
       });
 
-      this.lightSlider.addEventListener("pointermove", (e) => {
+      this.lightSlider.addEventListener('pointermove', (e) => {
         if (!dragging) return;
         e.preventDefault();
         if (rafId) return;
@@ -871,34 +845,34 @@ class CustomColorPicker {
         try {
           this.lightSlider.releasePointerCapture?.(e.pointerId);
         } catch (error) {
-          console.warn("Suppressed non-critical error:", error);
+          console.warn('Suppressed non-critical error:', error);
         }
       };
-      this.lightSlider.addEventListener("pointerup", endDrag);
-      this.lightSlider.addEventListener("pointercancel", endDrag);
+      this.lightSlider.addEventListener('pointerup', endDrag);
+      this.lightSlider.addEventListener('pointercancel', endDrag);
 
       // Keyboard control (unchanged)
-      this.lightSlider.addEventListener("keydown", (e) => {
+      this.lightSlider.addEventListener('keydown', (e) => {
         let delta = 0;
         // inside this.lightSlider.addEventListener("keydown", (e) => { ... })
         switch (e.key) {
-          case "ArrowUp":
+          case 'ArrowUp':
             delta = +2;
             break;
-          case "ArrowDown":
+          case 'ArrowDown':
             delta = -2;
             break;
-          case "PageUp":
+          case 'PageUp':
             delta = +10;
             break;
-          case "PageDown":
+          case 'PageDown':
             delta = -10;
             break;
-          case "Home":
+          case 'Home':
             this.setLightness(L_MAX); // was 100
             e.preventDefault();
             return;
-          case "End":
+          case 'End':
             this.setLightness(L_MIN); // was 0
             e.preventDefault();
             return;
@@ -920,7 +894,7 @@ class CustomColorPicker {
         this._lightResizeObs.observe(this.lightSlider);
       }
 
-      window.addEventListener("resize", () => {
+      window.addEventListener('resize', () => {
         this.setupLightnessCanvasScaling();
         this.updateLightnessFromColor();
       });
@@ -935,7 +909,7 @@ class CustomColorPicker {
   }
 
   setupDragHandle() {
-    const handle = this.container.querySelector(".color-picker-drag-handle");
+    const handle = this.container.querySelector('.color-picker-drag-handle');
     if (!handle) return;
 
     let dragging = false;
@@ -944,7 +918,7 @@ class CustomColorPicker {
     let startLeft = 0;
     let startTop = 0;
 
-    handle.addEventListener("pointerdown", (e) => {
+    handle.addEventListener('pointerdown', (e) => {
       e.preventDefault();
       dragging = true;
       handle.setPointerCapture(e.pointerId);
@@ -952,10 +926,10 @@ class CustomColorPicker {
       startY = e.clientY;
       startLeft = parseInt(this.container.style.left, 10) || 0;
       startTop = parseInt(this.container.style.top, 10) || 0;
-      handle.style.cursor = "grabbing";
+      handle.style.cursor = 'grabbing';
     });
 
-    handle.addEventListener("pointermove", (e) => {
+    handle.addEventListener('pointermove', (e) => {
       if (!dragging) return;
       e.preventDefault();
       const dx = e.clientX - startX;
@@ -968,10 +942,7 @@ class CustomColorPicker {
 
       const maxLeft = Math.max(0, parentRect.width - pickerRect.width);
       const dragHandleHeight = Math.max(1, handle.offsetHeight || 24);
-      const maxTopInViewport = Math.max(
-        0,
-        window.innerHeight - parentRect.top - dragHandleHeight,
-      );
+      const maxTopInViewport = Math.max(0, window.innerHeight - parentRect.top - dragHandleHeight);
 
       const newLeft = Math.max(0, Math.min(startLeft + dx, maxLeft));
       const newTop = Math.max(0, Math.min(startTop + dy, maxTopInViewport));
@@ -983,11 +954,11 @@ class CustomColorPicker {
     const endDrag = () => {
       if (!dragging) return;
       dragging = false;
-      handle.style.cursor = "";
+      handle.style.cursor = '';
     };
 
-    handle.addEventListener("pointerup", endDrag);
-    handle.addEventListener("pointercancel", endDrag);
+    handle.addEventListener('pointerup', endDrag);
+    handle.addEventListener('pointercancel', endDrag);
   }
 
   handleCanvasPickAt(x, y) {
@@ -1037,8 +1008,8 @@ class CustomColorPicker {
   }
 
   createColorWheelIndicator() {
-    const indicator = document.createElement("div");
-    indicator.className = "color-wheel-indicator";
+    const indicator = document.createElement('div');
+    indicator.className = 'color-wheel-indicator';
     indicator.style.cssText = `
       position: absolute;
       width: 8px;
@@ -1051,7 +1022,7 @@ class CustomColorPicker {
       transform: translate(-50%, -50%);
     `;
     const wheelContainer = this.canvas.parentElement;
-    wheelContainer.style.position = "relative";
+    wheelContainer.style.position = 'relative';
     wheelContainer.appendChild(indicator);
     this.colorWheelIndicator = indicator;
     this.updateColorWheelIndicator();
@@ -1091,28 +1062,28 @@ class CustomColorPicker {
       ny = p.y;
 
     switch (e.key) {
-      case "ArrowLeft":
+      case 'ArrowLeft':
         e.preventDefault();
         nx -= step;
         break;
-      case "ArrowRight":
+      case 'ArrowRight':
         e.preventDefault();
         nx += step;
         break;
-      case "ArrowUp":
+      case 'ArrowUp':
         e.preventDefault();
         ny -= step;
         break;
-      case "ArrowDown":
+      case 'ArrowDown':
         e.preventDefault();
         ny += step;
         break;
-      case "Home":
+      case 'Home':
         e.preventDefault();
         nx = 98;
         ny = 50;
         break; // max sat at 0°
-      case "End":
+      case 'End':
         e.preventDefault();
         nx = 50;
         ny = 50;
@@ -1128,25 +1099,22 @@ class CustomColorPicker {
     const t = e.target;
 
     // Always allow Esc to close
-    if (e.key === "Escape") {
+    if (e.key === 'Escape') {
       this.close();
       return;
     }
 
     // SPACE/ENTER on swatches should *pick* but not close
-    if (
-      (e.key === " " || e.key === "Enter") &&
-      t.classList.contains("color-swatch")
-    ) {
+    if ((e.key === ' ' || e.key === 'Enter') && t.classList.contains('color-swatch')) {
       e.preventDefault();
       this.setColor(t.dataset.color);
       return;
     }
 
     // Only the "Use" (paintbrush) button should confirm + close on Enter
-    if (e.key === "Enter") {
+    if (e.key === 'Enter') {
       // Is the Use button (or inside it)?
-      if (t.closest(".color-picker-use")) {
+      if (t.closest('.color-picker-use')) {
         e.preventDefault();
         this.confirmColor();
         return;
@@ -1155,16 +1123,16 @@ class CustomColorPicker {
       // If focused element is any of these interactive controls,
       // DO NOT close on Enter.
       const isNonCommitControl =
-        t.id === "palette-select" || // palette dropdown
-        t.closest(".palette-dropdown") || // (defensive)
-        t.closest(".color-picker-random") || // random button
-        t.closest(".color-picker-eyedropper") || // eyedropper
-        t.closest(".color-picker-more-options") || // more options
+        t.id === 'palette-select' || // palette dropdown
+        t.closest('.palette-dropdown') || // (defensive)
+        t.closest('.color-picker-random') || // random button
+        t.closest('.color-picker-eyedropper') || // eyedropper
+        t.closest('.color-picker-more-options') || // more options
         t === this.canvas || // color wheel canvas
-        t.closest(".hue-slider-container") || // hue slider wrapper
-        t.closest(".lightness-slider") || // lightness slider wrapper
-        t.classList.contains("rgb-input") || // R/G/B inputs
-        t.classList.contains("css-color-input"); // hex/css input
+        t.closest('.hue-slider-container') || // hue slider wrapper
+        t.closest('.lightness-slider') || // lightness slider wrapper
+        t.classList.contains('rgb-input') || // R/G/B inputs
+        t.classList.contains('css-color-input'); // hex/css input
 
       if (isNonCommitControl) {
         // Let the control handle Enter normally (e.g., open select, click button)
@@ -1181,30 +1149,29 @@ class CustomColorPicker {
     if (!this.isOpen) return;
     this._eyedropperActive = true;
     this._preEyeDropperFocusEl = document.activeElement || null;
-    this.container.setAttribute("aria-hidden", "true");
-    this.container.style.opacity = "0";
-    this.container.style.pointerEvents = "none";
+    this.container.setAttribute('aria-hidden', 'true');
+    this.container.style.opacity = '0';
+    this.container.style.pointerEvents = 'none';
   }
 
   restoreUIAfterEyedropper() {
     if (!this.isOpen) return;
-    this.container.removeAttribute("aria-hidden");
-    this.container.style.opacity = "1";
-    this.container.style.pointerEvents = "auto";
+    this.container.removeAttribute('aria-hidden');
+    this.container.style.opacity = '1';
+    this.container.style.pointerEvents = 'auto';
     this._eyedropperActive = false;
 
-    const useBtn = this.container.querySelector(".color-picker-use");
+    const useBtn = this.container.querySelector('.color-picker-use');
     if (useBtn) useBtn.focus();
     else if (this.canvas) this.canvas.focus();
-    else if (this._preEyeDropperFocusEl?.focus)
-      this._preEyeDropperFocusEl.focus();
+    else if (this._preEyeDropperFocusEl?.focus) this._preEyeDropperFocusEl.focus();
 
     this._preEyeDropperFocusEl = null;
   }
 
   async startEyedropper() {
     if (!window.EyeDropper) {
-      alert(translate("eyedropper_not_supported_alert"));
+      alert(translate('eyedropper_not_supported_alert'));
       return;
     }
 
@@ -1214,8 +1181,8 @@ class CustomColorPicker {
       const result = await eyeDropper.open(); // resolves or throws on cancel
       this.setColor(result.sRGBHex);
     } catch (error) {
-      if (error?.name !== "AbortError") {
-        console.warn("Eyedropper failed:", error);
+      if (error?.name !== 'AbortError') {
+        console.warn('Eyedropper failed:', error);
       }
     } finally {
       this.restoreUIAfterEyedropper();
@@ -1223,7 +1190,7 @@ class CustomColorPicker {
   }
   // Normalize any CSS color string to #RRGGBB (returns null if invalid)
   normalizeToHex(input) {
-    if (!input || typeof input !== "string") return null;
+    if (!input || typeof input !== 'string') return null;
     let s = input.trim();
 
     // Already hex? handle #RGB and #RRGGBB
@@ -1238,14 +1205,13 @@ class CustomColorPicker {
     }
 
     // Try to resolve any CSS color (names, rgb(), hsl(), etc.) via the browser
-    const el = document.createElement("div");
+    const el = document.createElement('div');
     el.style.color = s;
     document.body.appendChild(el);
     const computed = getComputedStyle(el).color; // e.g., "rgb(255, 0, 0)"
     document.body.removeChild(el);
 
-    const m =
-      computed && computed.match(/^rgb\(\s*(\d+),\s*(\d+),\s*(\d+)\s*\)$/i);
+    const m = computed && computed.match(/^rgb\(\s*(\d+),\s*(\d+),\s*(\d+)\s*\)$/i);
     if (!m) return null;
 
     const r = parseInt(m[1], 10);
@@ -1255,9 +1221,9 @@ class CustomColorPicker {
   }
 
   hexToRgb(hex) {
-    if (!hex || typeof hex !== "string") return null;
+    if (!hex || typeof hex !== 'string') return null;
     let s = hex.trim().toLowerCase();
-    if (s[0] !== "#") s = "#" + s;
+    if (s[0] !== '#') s = '#' + s;
 
     // #RGB → #RRGGBB
     if (/^#([0-9a-f]{3})$/i.test(s)) {
@@ -1268,9 +1234,7 @@ class CustomColorPicker {
     }
 
     const m = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(s);
-    return m
-      ? { r: parseInt(m[1], 16), g: parseInt(m[2], 16), b: parseInt(m[3], 16) }
-      : null;
+    return m ? { r: parseInt(m[1], 16), g: parseInt(m[2], 16), b: parseInt(m[3], 16) } : null;
   }
 
   setColor(color, opts = {}) {
@@ -1280,7 +1244,7 @@ class CustomColorPicker {
     // Track lightness (0–100). If caller provides a specific L (e.g. slider drag),
     // trust that value instead of re-deriving from hex to avoid bounce.
     const seedHsl = this.hexToHSL(this.currentColor) || { l: 60, h: 0, s: 0 };
-    if (opts && typeof opts.forceLightness === "number") {
+    if (opts && typeof opts.forceLightness === 'number') {
       this.currentLightness = clampL(opts.forceLightness);
     } else {
       this.currentLightness = clampL(seedHsl.l);
@@ -1288,7 +1252,7 @@ class CustomColorPicker {
 
     // Update swatch display
     const colorDisplay = this.container.querySelector(
-      ".color-picker-footer .current-color-display",
+      '.color-picker-footer .current-color-display'
     );
     if (colorDisplay) {
       colorDisplay.style.backgroundColor = this.currentColor;
@@ -1307,9 +1271,9 @@ class CustomColorPicker {
   }
 
   updateCssInput() {
-    const cssInput = this.container.querySelector(".css-color-input");
+    const cssInput = this.container.querySelector('.css-color-input');
     if (cssInput && this.currentColor && !this.cssInputFocused) {
-      const displayValue = this.currentColor.startsWith("#")
+      const displayValue = this.currentColor.startsWith('#')
         ? this.currentColor.slice(1)
         : this.currentColor;
       cssInput.value = displayValue;
@@ -1318,14 +1282,13 @@ class CustomColorPicker {
 
   setupFocusTrapping() {
     this.focusableElements = this.container.querySelectorAll(
-      'button, input, [tabindex]:not([tabindex="-1"])',
+      'button, input, [tabindex]:not([tabindex="-1"])'
     );
     this.firstFocusableElement = this.focusableElements[0];
-    this.lastFocusableElement =
-      this.focusableElements[this.focusableElements.length - 1];
+    this.lastFocusableElement = this.focusableElements[this.focusableElements.length - 1];
 
-    this.container.addEventListener("keydown", (e) => {
-      if (e.key !== "Tab") return;
+    this.container.addEventListener('keydown', (e) => {
+      if (e.key !== 'Tab') return;
       if (e.shiftKey) {
         if (document.activeElement === this.firstFocusableElement) {
           e.preventDefault();
@@ -1341,10 +1304,10 @@ class CustomColorPicker {
   }
 
   setupHueSliderKeyboard() {
-    const hueSlider = this.container.querySelector(".hue-slider-container");
+    const hueSlider = this.container.querySelector('.hue-slider-container');
     if (!hueSlider) return;
 
-    hueSlider.addEventListener("keydown", (e) => {
+    hueSlider.addEventListener('keydown', (e) => {
       if (document.activeElement !== hueSlider) return;
 
       let currentHue = this.getCurrentHue();
@@ -1352,39 +1315,39 @@ class CustomColorPicker {
       let handled = false;
 
       switch (e.key) {
-        case "ArrowLeft":
-        case "ArrowDown":
+        case 'ArrowLeft':
+        case 'ArrowDown':
           e.preventDefault();
           e.stopPropagation();
           newHue = Math.max(0, currentHue - 5);
           handled = true;
           break;
-        case "ArrowRight":
-        case "ArrowUp":
+        case 'ArrowRight':
+        case 'ArrowUp':
           e.preventDefault();
           e.stopPropagation();
           newHue = Math.min(360, currentHue + 5);
           handled = true;
           break;
-        case "Home":
+        case 'Home':
           e.preventDefault();
           e.stopPropagation();
           newHue = 0;
           handled = true;
           break;
-        case "End":
+        case 'End':
           e.preventDefault();
           e.stopPropagation();
           newHue = 360;
           handled = true;
           break;
-        case "PageUp":
+        case 'PageUp':
           e.preventDefault();
           e.stopPropagation();
           newHue = Math.min(360, currentHue + 30);
           handled = true;
           break;
-        case "PageDown":
+        case 'PageDown':
           e.preventDefault();
           e.stopPropagation();
           newHue = Math.max(0, currentHue - 30);
@@ -1394,16 +1357,16 @@ class CustomColorPicker {
 
       if (handled) {
         this.setHueFromKeyboard(newHue);
-        hueSlider.setAttribute("aria-valuenow", Math.round(newHue));
+        hueSlider.setAttribute('aria-valuenow', Math.round(newHue));
       }
     });
 
-    hueSlider.addEventListener("focus", () => {
-      hueSlider.style.outline = "3px solid var(--color-focus)";
-      hueSlider.style.outlineOffset = "2px";
+    hueSlider.addEventListener('focus', () => {
+      hueSlider.style.outline = '3px solid var(--color-focus)';
+      hueSlider.style.outlineOffset = '2px';
     });
-    hueSlider.addEventListener("blur", () => {
-      hueSlider.style.outline = "none";
+    hueSlider.addEventListener('blur', () => {
+      hueSlider.style.outline = 'none';
     });
   }
 
@@ -1444,8 +1407,7 @@ class CustomColorPicker {
     const delta = max - min;
 
     let lightness = (max + min) / 2;
-    let saturation =
-      delta === 0 ? 0 : delta / (1 - Math.abs(2 * lightness - 1));
+    let saturation = delta === 0 ? 0 : delta / (1 - Math.abs(2 * lightness - 1));
 
     if (saturation < 0.3) saturation = 0.8;
     if (lightness < 0.2) lightness = 0.5;
@@ -1457,8 +1419,8 @@ class CustomColorPicker {
   }
 
   updateHueSliderPosition(hue) {
-    const handle = this.container.querySelector(".hue-slider-handle");
-    const canvas = this.container.querySelector(".hue-slider-canvas");
+    const handle = this.container.querySelector('.hue-slider-handle');
+    const canvas = this.container.querySelector('.hue-slider-canvas');
     if (!handle || !canvas) return;
 
     const canvasRect = canvas.getBoundingClientRect();
@@ -1474,39 +1436,35 @@ class CustomColorPicker {
   }
 
   setupColorSwatchNavigation() {
-    const palette = this.container.querySelector(".color-palette");
-    const swatches = this.container.querySelectorAll(".color-swatch");
+    const palette = this.container.querySelector('.color-palette');
+    const swatches = this.container.querySelectorAll('.color-swatch');
     if (!palette || swatches.length === 0) return;
 
     // ARIA
-    palette.setAttribute("role", "grid");
-    palette.setAttribute("aria-label", translate("color_palette"));
+    palette.setAttribute('role', 'grid');
+    palette.setAttribute('aria-label', translate('color_palette'));
 
     // Only first is tabbable initially
     swatches.forEach((swatch, i) => {
-      swatch.setAttribute("tabindex", i === 0 ? "0" : "-1");
-      swatch.setAttribute("role", "gridcell");
+      swatch.setAttribute('tabindex', i === 0 ? '0' : '-1');
+      swatch.setAttribute('role', 'gridcell');
       // Delegate keydown per swatch to a shared handler
-      swatch.addEventListener("keydown", (e) => this.handleSwatchKeydown(e));
+      swatch.addEventListener('keydown', (e) => this.handleSwatchKeydown(e));
     });
 
     // Compute grid metrics initially and when layout changes
     this._computeSwatchGrid(); // initial
     // Recompute when the palette resizes (responsive wrap)
     if (!this._paletteResizeObs) {
-      this._paletteResizeObs = new ResizeObserver(() =>
-        this._computeSwatchGrid(),
-      );
+      this._paletteResizeObs = new ResizeObserver(() => this._computeSwatchGrid());
       this._paletteResizeObs.observe(palette);
     }
     // Also recompute when the palette gains focus (e.g., after opening)
-    palette.addEventListener("focusin", () => this._computeSwatchGrid());
+    palette.addEventListener('focusin', () => this._computeSwatchGrid());
   }
 
   _computeSwatchGrid() {
-    const swatches = Array.from(
-      this.container.querySelectorAll(".color-swatch"),
-    );
+    const swatches = Array.from(this.container.querySelectorAll('.color-swatch'));
     if (swatches.length === 0) {
       this._swatchCols = 1;
       this._swatchRows = 1;
@@ -1527,9 +1485,7 @@ class CustomColorPicker {
   }
 
   handleSwatchKeydown(e) {
-    const swatches = Array.from(
-      this.container.querySelectorAll(".color-swatch"),
-    );
+    const swatches = Array.from(this.container.querySelectorAll('.color-swatch'));
     if (swatches.length === 0) return;
 
     const currentIndex = swatches.indexOf(e.target);
@@ -1541,23 +1497,23 @@ class CustomColorPicker {
     const moveFocus = (newIndex) => {
       if (newIndex < 0) newIndex = 0;
       if (newIndex >= total) newIndex = total - 1;
-      swatches[currentIndex].setAttribute("tabindex", "-1");
-      swatches[newIndex].setAttribute("tabindex", "0");
+      swatches[currentIndex].setAttribute('tabindex', '-1');
+      swatches[newIndex].setAttribute('tabindex', '0');
       swatches[newIndex].focus();
     };
 
     switch (e.key) {
-      case "ArrowRight": {
+      case 'ArrowRight': {
         e.preventDefault();
         moveFocus((currentIndex + 1) % total);
         break;
       }
-      case "ArrowLeft": {
+      case 'ArrowLeft': {
         e.preventDefault();
         moveFocus((currentIndex - 1 + total) % total);
         break;
       }
-      case "ArrowDown": {
+      case 'ArrowDown': {
         e.preventDefault();
         let newIndex = currentIndex + cols;
         if (newIndex >= total) {
@@ -1566,7 +1522,7 @@ class CustomColorPicker {
         moveFocus(newIndex);
         break;
       }
-      case "ArrowUp": {
+      case 'ArrowUp': {
         e.preventDefault();
         let newIndex = currentIndex - cols;
         if (newIndex < 0) {
@@ -1577,18 +1533,18 @@ class CustomColorPicker {
         moveFocus(newIndex);
         break;
       }
-      case "Home": {
+      case 'Home': {
         e.preventDefault();
         moveFocus(0);
         break;
       }
-      case "End": {
+      case 'End': {
         e.preventDefault();
         moveFocus(total - 1);
         break;
       }
-      case "Enter":
-      case " ": {
+      case 'Enter':
+      case ' ': {
         e.preventDefault();
         this.setColor(e.target.dataset.color);
         break;
@@ -1605,18 +1561,18 @@ class CustomColorPicker {
     this.hueCtx.clearRect(0, 0, sliderWidth, sliderHeight);
 
     const gradient = this.hueCtx.createLinearGradient(0, 0, sliderWidth, 0);
-    gradient.addColorStop(0, "hsl(0, 100%, 50%)");
-    gradient.addColorStop(0.17, "hsl(60, 100%, 50%)");
-    gradient.addColorStop(0.33, "hsl(120, 100%, 50%)");
-    gradient.addColorStop(0.5, "hsl(180, 100%, 50%)");
-    gradient.addColorStop(0.67, "hsl(240, 100%, 50%)");
-    gradient.addColorStop(0.83, "hsl(300, 100%, 50%)");
-    gradient.addColorStop(1, "hsl(360, 100%, 50%)");
+    gradient.addColorStop(0, 'hsl(0, 100%, 50%)');
+    gradient.addColorStop(0.17, 'hsl(60, 100%, 50%)');
+    gradient.addColorStop(0.33, 'hsl(120, 100%, 50%)');
+    gradient.addColorStop(0.5, 'hsl(180, 100%, 50%)');
+    gradient.addColorStop(0.67, 'hsl(240, 100%, 50%)');
+    gradient.addColorStop(0.83, 'hsl(300, 100%, 50%)');
+    gradient.addColorStop(1, 'hsl(360, 100%, 50%)');
 
     this.hueCtx.fillStyle = gradient;
     this.hueCtx.fillRect(0, 0, sliderWidth, sliderHeight);
 
-    this.hueCtx.strokeStyle = "#ddd";
+    this.hueCtx.strokeStyle = '#ddd';
     this.hueCtx.lineWidth = 1;
     this.hueCtx.strokeRect(0, 0, sliderWidth, sliderHeight);
 
@@ -1624,7 +1580,7 @@ class CustomColorPicker {
   }
 
   updateHueHandle() {
-    const handle = this.container.querySelector(".hue-slider-handle");
+    const handle = this.container.querySelector('.hue-slider-handle');
     if (!handle) return;
     const sliderWidth = this.hueCanvas.width;
     const position = (this.currentHue / 360) * sliderWidth;
@@ -1646,8 +1602,8 @@ class CustomColorPicker {
   }
 
   initHueSliderDragging() {
-    const handle = this.container.querySelector(".hue-slider-handle");
-    const container = this.container.querySelector(".hue-slider-container");
+    const handle = this.container.querySelector('.hue-slider-handle');
+    const container = this.container.querySelector('.hue-slider-container');
     let isDragging = false;
     let rafId = null;
 
@@ -1679,82 +1635,75 @@ class CustomColorPicker {
       try {
         container.releasePointerCapture?.(e.pointerId);
       } catch (error) {
-        console.warn("Suppressed non-critical error:", error);
+        console.warn('Suppressed non-critical error:', error);
       }
     };
 
     // Starting the drag exactly on the handle doesn't jump the value first;
     // starting elsewhere on the track jumps to that position immediately.
-    handle.addEventListener("pointerdown", startDrag);
-    container.addEventListener("pointerdown", (e) => {
+    handle.addEventListener('pointerdown', startDrag);
+    container.addEventListener('pointerdown', (e) => {
       if (e.target === handle) return;
       updateFromClientX(e.clientX);
       startDrag(e);
     });
-    container.addEventListener("pointermove", handleDrag);
-    container.addEventListener("pointerup", endDrag);
-    container.addEventListener("pointercancel", endDrag);
+    container.addEventListener('pointermove', handleDrag);
+    container.addEventListener('pointerup', endDrag);
+    container.addEventListener('pointercancel', endDrag);
   }
 
   generateRandomColor() {
-    const letters = "0123456789ABCDEF";
-    let color = "#";
-    for (let i = 0; i < 6; i++)
-      color += letters[Math.floor(Math.random() * 16)];
+    const letters = '0123456789ABCDEF';
+    let color = '#';
+    for (let i = 0; i < 6; i++) color += letters[Math.floor(Math.random() * 16)];
     this.setColor(color);
   }
 
   toggleAdvancedOptions() {
-    const advancedSection = this.container.querySelector(
-      ".color-advanced-options",
-    );
+    const advancedSection = this.container.querySelector('.color-advanced-options');
     this.advancedOptionsOpen = !this.advancedOptionsOpen;
-    advancedSection.style.display = this.advancedOptionsOpen ? "block" : "none";
+    advancedSection.style.display = this.advancedOptionsOpen ? 'block' : 'none';
     if (this.advancedOptionsOpen) this.updateRgbInputs();
   }
 
   handleCssColorInput(value) {
     if (!value) return;
     let processedValue = value.trim();
-    const cssInput = this.container.querySelector(".css-color-input");
+    const cssInput = this.container.querySelector('.css-color-input');
 
-    if (processedValue.startsWith("#")) {
+    if (processedValue.startsWith('#')) {
       processedValue = processedValue.slice(1);
       if (cssInput) cssInput.value = processedValue;
     }
 
     let isCompleteColor = false;
 
-    if (
-      /^[0-9a-fA-F]{6}$/.test(processedValue) ||
-      /^[0-9a-fA-F]{3}$/.test(processedValue)
-    ) {
+    if (/^[0-9a-fA-F]{6}$/.test(processedValue) || /^[0-9a-fA-F]{3}$/.test(processedValue)) {
       isCompleteColor = true;
-      processedValue = "#" + processedValue;
+      processedValue = '#' + processedValue;
     } else {
-      const tempDiv = document.createElement("div");
+      const tempDiv = document.createElement('div');
       tempDiv.style.color = processedValue;
       document.body.appendChild(tempDiv);
       const computedColor = window.getComputedStyle(tempDiv).color;
       document.body.removeChild(tempDiv);
-      if (computedColor && computedColor !== "rgba(0, 0, 0, 0)")
-        isCompleteColor = true;
+      if (computedColor && computedColor !== 'rgba(0, 0, 0, 0)') isCompleteColor = true;
     }
 
     if (isCompleteColor) {
-      const tempDiv = document.createElement("div");
+      const tempDiv = document.createElement('div');
       tempDiv.style.color = processedValue;
       document.body.appendChild(tempDiv);
       const computedColor = window.getComputedStyle(tempDiv).color;
       document.body.removeChild(tempDiv);
 
-      if (computedColor && computedColor !== "rgba(0, 0, 0, 0)") {
+      if (computedColor && computedColor !== 'rgba(0, 0, 0, 0)') {
         const rgbMatch = computedColor.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
         if (rgbMatch) {
           const hex = this.rgbToHex(
             parseInt(rgbMatch[1]),
             parseInt(rgbMatch[2]),
-            parseInt(rgbMatch[3]),
+            parseInt(rgbMatch[3])
           );
           this.setColor(hex);
           this.updateRgbInputs();
@@ -1764,14 +1713,14 @@ class CustomColorPicker {
   }
 
   handleRgbInput() {
-    const r = parseInt(this.container.querySelector("#rgb-r").value) || 0;
-    const g = parseInt(this.container.querySelector("#rgb-g").value) || 0;
-    const b = parseInt(this.container.querySelector("#rgb-b").value) || 0;
+    const r = parseInt(this.container.querySelector('#rgb-r').value) || 0;
+    const g = parseInt(this.container.querySelector('#rgb-g').value) || 0;
+    const b = parseInt(this.container.querySelector('#rgb-b').value) || 0;
 
     const hex = this.rgbToHex(
       Math.max(0, Math.min(255, r)),
       Math.max(0, Math.min(255, g)),
-      Math.max(0, Math.min(255, b)),
+      Math.max(0, Math.min(255, b))
     );
     this.setColor(hex);
   }
@@ -1779,23 +1728,23 @@ class CustomColorPicker {
   updateRgbInputs() {
     const rgb = this.hexToRgb(this.currentColor);
     if (!rgb) return;
-    const rInput = this.container.querySelector("#rgb-r");
-    const gInput = this.container.querySelector("#rgb-g");
-    const bInput = this.container.querySelector("#rgb-b");
-    if (rInput && !rInput.matches(":focus")) rInput.value = rgb.r;
-    if (gInput && !gInput.matches(":focus")) gInput.value = rgb.g;
-    if (bInput && !bInput.matches(":focus")) bInput.value = rgb.b;
+    const rInput = this.container.querySelector('#rgb-r');
+    const gInput = this.container.querySelector('#rgb-g');
+    const bInput = this.container.querySelector('#rgb-b');
+    if (rInput && !rInput.matches(':focus')) rInput.value = rgb.r;
+    if (gInput && !gInput.matches(':focus')) gInput.value = rgb.g;
+    if (bInput && !bInput.matches(':focus')) bInput.value = rgb.b;
   }
 
   rgbToHex(r, g, b) {
-    return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
+    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
   }
 
   getContrastColor(hexcolor) {
     const rgb = this.hexToRgb(hexcolor);
-    if (!rgb) return "#000000";
+    if (!rgb) return '#000000';
     const brightness = (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
-    return brightness > 128 ? "#000000" : "#ffffff";
+    return brightness > 128 ? '#000000' : '#ffffff';
   }
 
   // Keep the indicator fully inside the wheel (accounts for its own size + outline)
@@ -1855,7 +1804,7 @@ class CustomColorPicker {
     g = Math.round((g + m) * 255);
     b = Math.round((b + m) * 255);
 
-    return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
+    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
   }
 
   hexToHSL(hex) {
@@ -1902,76 +1851,65 @@ class CustomColorPicker {
     exitGizmoState();
 
     // Show first so layout has real sizes
-    this.container.style.display = "block";
-    this.container.style.opacity = "1";
-    this.container.style.pointerEvents = "auto";
+    this.container.style.display = 'block';
+    this.container.style.opacity = '1';
+    this.container.style.pointerEvents = 'auto';
     this.isOpen = true;
-    document.body.classList.add("color-picker-open");
-    setGizmoButtonActive(document.getElementById("colorPickerButton"), true);
+    document.body.classList.add('color-picker-open');
+    setGizmoButtonActive(document.getElementById('colorPickerButton'), true);
 
     // Add C shortcut to pick current colour
-    KeyboardDispatcher.on("*", "KeyC", (e) => {
-      if (ContextManager.getCurrentContext() === "TYPING") return;
+    KeyboardDispatcher.on('*', 'KeyC', (e) => {
+      if (ContextManager.getCurrentContext() === 'TYPING') return;
       if (e.ctrlKey || e.metaKey || e.altKey || e.shiftKey) return;
       e.preventDefault();
-      this.container.querySelector(".color-picker-use")?.click();
+      this.container.querySelector('.color-picker-use')?.click();
     });
 
     // --- Positioning (unchanged) ---
-    const colorButton = document.getElementById("colorPickerButton");
-    const canvasArea = document.getElementById("canvasArea");
+    const colorButton = document.getElementById('colorPickerButton');
+    const canvasArea = document.getElementById('canvasArea');
     if (colorButton && canvasArea) {
       const buttonRect = colorButton.getBoundingClientRect();
       const canvasRect = canvasArea.getBoundingClientRect();
 
-      this.container.style.position = "absolute";
+      this.container.style.position = 'absolute';
       const isMobile = window.innerWidth <= 600;
 
       if (isMobile) {
-        this.container.style.left = "0px";
-        this.container.style.right = "0px";
+        this.container.style.left = '0px';
+        this.container.style.right = '0px';
         this.container.style.width = `${canvasRect.width - 20}px`;
-        this.container.style.maxWidth = "none";
-        this.container.style.marginLeft = "10px";
-        this.container.style.marginRight = "10px";
+        this.container.style.maxWidth = 'none';
+        this.container.style.marginLeft = '10px';
+        this.container.style.marginRight = '10px';
       } else {
         this.container.style.left = `${buttonRect.left - canvasRect.left}px`;
-        this.container.style.width = "360px";
-        this.container.style.right = "auto";
+        this.container.style.width = '360px';
+        this.container.style.right = 'auto';
 
         const containerWidth = 360;
-        if (
-          buttonRect.left - canvasRect.left + containerWidth >
-          canvasRect.width
-        ) {
+        if (buttonRect.left - canvasRect.left + containerWidth > canvasRect.width) {
           this.container.style.left = `${canvasRect.width - containerWidth - 10}px`;
         }
       }
 
-      const content = this.container.querySelector(".color-picker-content");
+      const content = this.container.querySelector('.color-picker-content');
       const measuredPickerHeight =
-        content?.getBoundingClientRect().height ||
-        this.container.offsetHeight ||
-        250;
+        content?.getBoundingClientRect().height || this.container.offsetHeight || 250;
       const bottomBarHeight = 40;
       const maxTop = canvasRect.height - measuredPickerHeight - bottomBarHeight;
       const bottomAlignedTop = Math.max(10, maxTop);
 
-      const gizmoButtons = document.getElementById("gizmoButtons");
+      const gizmoButtons = document.getElementById('gizmoButtons');
       const gizmosVisible =
         gizmoButtons &&
-        getComputedStyle(gizmoButtons).display !== "none" &&
-        getComputedStyle(gizmoButtons).visibility !== "hidden";
-      const gizmoRect = gizmosVisible
-        ? gizmoButtons.getBoundingClientRect()
-        : buttonRect;
-      const belowGizmosTop = Math.max(
-        10,
-        gizmoRect.bottom - canvasRect.top + 8,
-      );
+        getComputedStyle(gizmoButtons).display !== 'none' &&
+        getComputedStyle(gizmoButtons).visibility !== 'hidden';
+      const gizmoRect = gizmosVisible ? gizmoButtons.getBoundingClientRect() : buttonRect;
+      const belowGizmosTop = Math.max(10, gizmoRect.bottom - canvasRect.top + 8);
 
-      const topPosition =
-        belowGizmosTop <= bottomAlignedTop ? belowGizmosTop : bottomAlignedTop;
+      const topPosition = belowGizmosTop <= bottomAlignedTop ? belowGizmosTop : bottomAlignedTop;
       this.container.style.top = `${topPosition}px`;
     }
 
@@ -2015,16 +1953,16 @@ class CustomColorPicker {
 
       // Ensure footer swatch reflects the actual color
       const colorDisplay = this.container.querySelector(
-        ".color-picker-footer .current-color-display",
+        '.color-picker-footer .current-color-display'
       );
       if (colorDisplay) colorDisplay.style.backgroundColor = this.currentColor;
     });
 
     // Outside click to close
     setTimeout(() => {
-      document.addEventListener("click", this.outsideClickHandler, true);
+      document.addEventListener('click', this.outsideClickHandler, true);
     }, 100);
-    window.addEventListener("keydown", this.globalEscapeHandler, true);
+    window.addEventListener('keydown', this.globalEscapeHandler, true);
 
     // Focus for keyboard nav
     setTimeout(() => {
@@ -2036,78 +1974,67 @@ class CustomColorPicker {
     if (!this.container) return;
 
     // Update ARIA labels and tooltips
-    const lightnessSlider = this.container.querySelector(".lightness-slider");
+    const lightnessSlider = this.container.querySelector('.lightness-slider');
     if (lightnessSlider) {
-      lightnessSlider.setAttribute("aria-label", translate("lightness"));
+      lightnessSlider.setAttribute('aria-label', translate('lightness'));
     }
 
-    const paletteLabel = this.container.querySelector(
-      'label[for="palette-select"]',
-    );
+    const paletteLabel = this.container.querySelector('label[for="palette-select"]');
     if (paletteLabel) {
-      paletteLabel.textContent = translate("palette");
+      paletteLabel.textContent = translate('palette');
     }
 
-    const paletteSelect = this.container.querySelector("#palette-select");
+    const paletteSelect = this.container.querySelector('#palette-select');
     if (paletteSelect) {
-      paletteSelect.setAttribute("aria-label", translate("palette"));
+      paletteSelect.setAttribute('aria-label', translate('palette'));
     }
 
-    const colorPalette = this.container.querySelector(".color-palette");
+    const colorPalette = this.container.querySelector('.color-palette');
     if (colorPalette) {
-      colorPalette.setAttribute("aria-label", translate("color_palette"));
+      colorPalette.setAttribute('aria-label', translate('color_palette'));
     }
 
-    const hueSliderContainer = this.container.querySelector(
-      ".hue-slider-container",
-    );
+    const hueSliderContainer = this.container.querySelector('.hue-slider-container');
     if (hueSliderContainer) {
-      hueSliderContainer.setAttribute("aria-label", translate("hue_slider"));
+      hueSliderContainer.setAttribute('aria-label', translate('hue_slider'));
     }
 
-    const randomBtn = this.container.querySelector(".color-picker-random");
+    const randomBtn = this.container.querySelector('.color-picker-random');
     if (randomBtn) {
-      randomBtn.setAttribute("aria-label", translate("surprise_color"));
-      randomBtn.setAttribute("title", translate("surprise_color"));
+      randomBtn.setAttribute('aria-label', translate('surprise_color'));
+      randomBtn.setAttribute('title', translate('surprise_color'));
     }
 
-    const eyedropperBtn = this.container.querySelector(
-      ".color-picker-eyedropper",
-    );
+    const eyedropperBtn = this.container.querySelector('.color-picker-eyedropper');
     if (eyedropperBtn) {
-      eyedropperBtn.setAttribute(
-        "aria-label",
-        translate("pick_color_from_screen"),
-      );
-      eyedropperBtn.setAttribute("title", translate("pick_color_from_screen"));
+      eyedropperBtn.setAttribute('aria-label', translate('pick_color_from_screen'));
+      eyedropperBtn.setAttribute('title', translate('pick_color_from_screen'));
     }
 
-    const moreOptionsBtn = this.container.querySelector(
-      ".color-picker-more-options",
-    );
+    const moreOptionsBtn = this.container.querySelector('.color-picker-more-options');
     if (moreOptionsBtn) {
-      moreOptionsBtn.setAttribute("aria-label", translate("more_options"));
-      moreOptionsBtn.setAttribute("title", translate("more_options"));
+      moreOptionsBtn.setAttribute('aria-label', translate('more_options'));
+      moreOptionsBtn.setAttribute('title', translate('more_options'));
     }
 
-    const cssInput = this.container.querySelector("#css-color-input");
+    const cssInput = this.container.querySelector('#css-color-input');
     if (cssInput) {
-      cssInput.setAttribute("placeholder", translate("hex_placeholder"));
-      cssInput.setAttribute("aria-label", translate("hex_color"));
+      cssInput.setAttribute('placeholder', translate('hex_placeholder'));
+      cssInput.setAttribute('aria-label', translate('hex_color'));
     }
 
-    const useBtn = this.container.querySelector(".color-picker-use");
+    const useBtn = this.container.querySelector('.color-picker-use');
     if (useBtn) {
-      useBtn.setAttribute("aria-label", translate("use_this_color"));
-      useBtn.setAttribute("title", translate("use_this_color"));
+      useBtn.setAttribute('aria-label', translate('use_this_color'));
+      useBtn.setAttribute('title', translate('use_this_color'));
     }
 
     // Update palette dropdown options
     if (this.paletteSelect) {
       const currentValue = this.paletteSelect.value;
-      this.paletteSelect.innerHTML = "";
+      this.paletteSelect.innerHTML = '';
       Object.keys(COLOR_PALETTES).forEach((name) => {
-        const opt = document.createElement("option");
+        const opt = document.createElement('option');
         opt.value = name;
         opt.textContent = translate(`palette_${name.toLowerCase()}`);
         this.paletteSelect.appendChild(opt);
@@ -2125,21 +2052,20 @@ class CustomColorPicker {
     this._confirmOverride = null;
     this._closeOverride = undefined;
     this._colourFieldPointerDown = false;
-    this.container.style.display = "none";
+    this.container.style.display = 'none';
     this.isOpen = false;
-    document.body.classList.remove("color-picker-open");
-    setGizmoButtonActive(document.getElementById("colorPickerButton"), false);
-    document.removeEventListener("click", this.outsideClickHandler, true);
-    window.removeEventListener("keydown", this.globalEscapeHandler, true);
-    KeyboardDispatcher.off("*", "KeyC");
+    document.body.classList.remove('color-picker-open');
+    setGizmoButtonActive(document.getElementById('colorPickerButton'), false);
+    document.removeEventListener('click', this.outsideClickHandler, true);
+    window.removeEventListener('keydown', this.globalEscapeHandler, true);
+    KeyboardDispatcher.off('*', 'KeyC');
   }
 
   confirmColor() {
     const onConfirm = this._confirmOverride ?? this.onColorChange;
     onConfirm(this.currentColor);
 
-    const closeHandler =
-      this._closeOverride !== undefined ? this._closeOverride : this.onClose;
+    const closeHandler = this._closeOverride !== undefined ? this._closeOverride : this.onClose;
 
     this.close();
     if (closeHandler) {
diff --git a/ui/designview.js b/ui/designview.js
index 7c8419555..659184aca 100644
--- a/ui/designview.js
+++ b/ui/designview.js
@@ -1,10 +1,10 @@
-import "./addmenu.js";
-import { gizmoManager } from "./gizmos.js";
+import './addmenu.js';
+import { gizmoManager } from './gizmos.js';
 
 export { gizmoManager };
 
 function openAboutPage() {
-  window.open("https://flockxr.com/", "_blank", "noopener,noreferrer");
+  window.open('https://flockxr.com/', '_blank', 'noopener,noreferrer');
 }
 
 window.openAboutPage = openAboutPage;
diff --git a/ui/gizmos.js b/ui/gizmos.js
index c99cb65c2..1197eca45 100644
--- a/ui/gizmos.js
+++ b/ui/gizmos.js
@@ -133,11 +133,31 @@ function createAdaptiveInput({
   }
 
   function buildHud(initialAxis) {
-    return createGizmoMobileHud({ onMove, stepNormal, stepFast, mode, showUniform, stepLabels, onAxisChange: onHudAxisChange, stepLabelsByAxis, getValues, initialAxis });
+    return createGizmoMobileHud({
+      onMove,
+      stepNormal,
+      stepFast,
+      mode,
+      showUniform,
+      stepLabels,
+      onAxisChange: onHudAxisChange,
+      stepLabelsByAxis,
+      getValues,
+      initialAxis,
+    });
   }
 
   hud = buildHud(initialHudAxis ?? initialKeyboardAxis);
-  keyboard = createAxisKeyboardHandler({ onMove, onConfirm, onCancel, stepNormal, stepFast, onAxisChange: onKbAxisChange, initialAxis: initialKeyboardAxis, allowUniform: showUniform });
+  keyboard = createAxisKeyboardHandler({
+    onMove,
+    onConfirm,
+    onCancel,
+    stepNormal,
+    stepFast,
+    onAxisChange: onKbAxisChange,
+    initialAxis: initialKeyboardAxis,
+    allowUniform: showUniform,
+  });
   const startAxis = initialKeyboardAxis ?? initialHudAxis;
   if (startAxis) onAxisChange?.(startAxis);
   flock.canvas?.focus();
@@ -178,7 +198,11 @@ function registerBindings() {
     if (!e.ctrlKey && !e.altKey && !e.metaKey) fn(e);
   };
   // Focus on mesh with V or F key
-  KeyboardDispatcher.on('GIZMO', 'KeyF', noMod(() => focusCameraOnMesh()));
+  KeyboardDispatcher.on(
+    'GIZMO',
+    'KeyF',
+    noMod(() => focusCameraOnMesh())
+  );
   KeyboardDispatcher.on(
     'GIZMO',
     'KeyV',
@@ -420,9 +444,13 @@ function showNotAllowedCursor() {
 // Tools that mutate a mesh and must be refused on locked objects (transform,
 // colour, delete). Select / view / duplicate stay allowed.
 function blockedToolActive() {
-  return ['positionButton', 'rotationButton', 'scaleButton', 'colorPickerButton', 'deleteButton'].some(
-    (id) => document.getElementById(id)?.classList.contains('active')
-  );
+  return [
+    'positionButton',
+    'rotationButton',
+    'scaleButton',
+    'colorPickerButton',
+    'deleteButton',
+  ].some((id) => document.getElementById(id)?.classList.contains('active'));
 }
 
 // If the currently attached mesh is locked, detach it (so a transform gizmo
@@ -889,11 +917,7 @@ function getScaledSize(mesh) {
 function retilePrimitiveUVsForScale(mesh) {
   if (!mesh) return;
   const size = getScaledSize(mesh); // world dimensions = local size * scaling
-  flock.retilePrimitiveUVs(
-    mesh,
-    { width: size.x, height: size.y, depth: size.z },
-    mesh.scaling
-  );
+  flock.retilePrimitiveUVs(mesh, { width: size.x, height: size.y, depth: size.z }, mesh.scaling);
 }
 
 // Clean up gizmo state if aborted
@@ -2322,14 +2346,18 @@ function handleDuplicateGizmo() {
 
   // Check if mesh already selected, if not prompt to select
   if (!gizmoManager.attachedMesh) {
-    pickMeshFromScene((pickedMesh) => {
-      if (!pickedMesh || pickedMesh.name === 'ground') {
-        exitGizmoState();
-        return;
-      }
-      attachMeshForActiveTool(pickedMesh);
-      startDuplicatePlacement();
-    }, false, translate('select_mesh_duplicate_prompt'));
+    pickMeshFromScene(
+      (pickedMesh) => {
+        if (!pickedMesh || pickedMesh.name === 'ground') {
+          exitGizmoState();
+          return;
+        }
+        attachMeshForActiveTool(pickedMesh);
+        startDuplicatePlacement();
+      },
+      false,
+      translate('select_mesh_duplicate_prompt')
+    );
     return;
   }
 
diff --git a/ui/meshhelpers.js b/ui/meshhelpers.js
index 11e85b277..25f8c8393 100644
--- a/ui/meshhelpers.js
+++ b/ui/meshhelpers.js
@@ -1,4 +1,4 @@
-import { flock } from "../flock.js";
+import { flock } from '../flock.js';
 
 export function roundToOneDecimal(value) {
   return Math.round(value * 10) / 10;
@@ -26,7 +26,7 @@ export function roundVectorToFixed(vector, decimals) {
   return new vector.constructor(
     parseFloat(vector.x.toFixed(decimals)),
     parseFloat(vector.y.toFixed(decimals)),
-    parseFloat(vector.z.toFixed(decimals)),
+    parseFloat(vector.z.toFixed(decimals))
   );
 }
 
@@ -35,8 +35,7 @@ const PICK_OK = (m) => m && m.isPickable !== false;
 function isLeafMesh(m) {
   if (!m || m.isDisposed?.()) return false;
   const hasKids = (m.getChildren?.().length ?? 0) > 0;
-  const hasGeom =
-    typeof m.getTotalVertices === "function" && m.getTotalVertices() > 0;
+  const hasGeom = typeof m.getTotalVertices === 'function' && m.getTotalVertices() > 0;
   return !hasKids && hasGeom;
 }
 
@@ -65,7 +64,7 @@ export function pickLeafFromRay(ray, scene) {
     scene.multiPickWithRay(
       ray2,
       (m) => PICK_OK(m) && isLeafMesh(m) && isInSubtree(parent, m),
-      false,
+      false
     ) || [];
 
   if (hits.length) {
diff --git a/ui/notifications.js b/ui/notifications.js
index 5d6fd37c3..4f66b1e72 100644
--- a/ui/notifications.js
+++ b/ui/notifications.js
@@ -1,7 +1,7 @@
 // Error notification banners for Flock.
 // DOM-only: no dependency on the Babylon scene or the in-world text overlay,
 // so it works before a scene exists (startup, WebGL, CSG2 failures).
-import { translate } from "../main/translation.js";
+import { translate } from '../main/translation.js';
 
 // id -> banner element. The id makes calls idempotent: the same error
 // re-firing updates the existing banner instead of stacking duplicates.
@@ -10,13 +10,13 @@ const banners = new Map();
 // source -> friendly, translatable message key. Raw error detail never
 // reaches the user; it goes to console.error only.
 const MESSAGE_KEYS = {
-  startup: "error_startup",
-  "project-run": "error_project_crash",
-  "webgl-lost": "error_webgl_lost",
-  "physics-oom": "error_physics_oom",
-  "physics-unsupported": "error_physics_unsupported",
-  audio: "error_audio",
-  speech: "error_speech",
+  startup: 'error_startup',
+  'project-run': 'error_project_crash',
+  'webgl-lost': 'error_webgl_lost',
+  'physics-oom': 'error_physics_oom',
+  'physics-unsupported': 'error_physics_unsupported',
+  audio: 'error_audio',
+  speech: 'error_speech',
 };
 
 // UA sniffing only picks the wording — the capability itself is feature
@@ -24,13 +24,13 @@ const MESSAGE_KEYS = {
 function isIOS() {
   const nav = globalThis.navigator;
   if (!nav) return false;
-  const ua = `${nav.userAgent ?? ""}`;
+  const ua = `${nav.userAgent ?? ''}`;
   if (/iPad|iPhone|iPod/.test(ua)) return true;
   return /Mac/.test(ua) && nav.maxTouchPoints > 1;
 }
 
 function getDocument() {
-  return (typeof document !== "undefined" && document) || globalThis.document;
+  return (typeof document !== 'undefined' && document) || globalThis.document;
 }
 
 export function dismissBanner(id) {
@@ -51,40 +51,40 @@ export function showBanner(id, { message, action } = {}) {
   const isNew = !banner || !banner.isConnected;
 
   if (isNew) {
-    banner = doc.createElement("div");
-    banner.className = "flock-banner flock-banner--error";
-    banner.setAttribute("role", "alert");
-    banner.setAttribute("aria-live", "assertive");
+    banner = doc.createElement('div');
+    banner.className = 'flock-banner flock-banner--error';
+    banner.setAttribute('role', 'alert');
+    banner.setAttribute('aria-live', 'assertive');
     banner.tabIndex = -1;
     banners.set(id, banner);
   }
 
   banner.replaceChildren();
 
-  const text = doc.createElement("span");
-  text.className = "flock-banner__message";
+  const text = doc.createElement('span');
+  text.className = 'flock-banner__message';
   text.textContent = message;
   banner.appendChild(text);
 
   if (action) {
-    const actionButton = doc.createElement("button");
-    actionButton.type = "button";
-    actionButton.className = "flock-banner__action";
+    const actionButton = doc.createElement('button');
+    actionButton.type = 'button';
+    actionButton.className = 'flock-banner__action';
     actionButton.textContent = action.label;
-    actionButton.addEventListener("click", action.onClick);
+    actionButton.addEventListener('click', action.onClick);
     banner.appendChild(actionButton);
   }
 
-  const closeButton = doc.createElement("button");
-  closeButton.type = "button";
-  closeButton.className = "flock-banner__close";
-  closeButton.setAttribute("aria-label", translate("banner_dismiss"));
-  closeButton.textContent = "×";
-  closeButton.addEventListener("click", () => dismissBanner(id));
+  const closeButton = doc.createElement('button');
+  closeButton.type = 'button';
+  closeButton.className = 'flock-banner__close';
+  closeButton.setAttribute('aria-label', translate('banner_dismiss'));
+  closeButton.textContent = '×';
+  closeButton.addEventListener('click', () => dismissBanner(id));
   banner.appendChild(closeButton);
 
   banner.onkeydown = (event) => {
-    if (event.key === "Escape") {
+    if (event.key === 'Escape') {
       dismissBanner(id);
     }
   };
@@ -100,17 +100,17 @@ export function showBanner(id, { message, action } = {}) {
 export function handleError(error, { source, fatal = false } = {}) {
   console.error(`[flock] ${source} error:`, error);
 
-  const id = source || "project-run";
-  let messageKey = MESSAGE_KEYS[id] || MESSAGE_KEYS["project-run"];
-  if (id === "physics-unsupported" && isIOS()) {
-    messageKey = "error_physics_unsupported_ios";
+  const id = source || 'project-run';
+  let messageKey = MESSAGE_KEYS[id] || MESSAGE_KEYS['project-run'];
+  if (id === 'physics-unsupported' && isIOS()) {
+    messageKey = 'error_physics_unsupported_ios';
   }
 
   showBanner(id, {
     message: translate(messageKey),
     action: fatal
       ? {
-          label: translate("banner_reload"),
+          label: translate('banner_reload'),
           onClick: () => window.location.reload(),
         }
       : undefined,
@@ -121,7 +121,7 @@ export function handleError(error, { source, fatal = false } = {}) {
 // with source 'webgl-lost') still propagates, so mark it to stop the generic
 // project-run banner blaming the child's code for a device problem.
 export function markReported(error) {
-  if (error && typeof error === "object") error.flockReported = true;
+  if (error && typeof error === 'object') error.flockReported = true;
   return error;
 }
 
@@ -134,15 +134,12 @@ export function isReported(error) {
 // genuine physics out-of-memory crash, so it must never be suppressed here.
 export function isBenignAbort(error) {
   if (!error) return false;
-  if (
-    typeof WebAssembly !== "undefined" &&
-    error instanceof WebAssembly.RuntimeError
-  ) {
+  if (typeof WebAssembly !== 'undefined' && error instanceof WebAssembly.RuntimeError) {
     return false;
   }
-  if (error.name === "AbortError") return true;
+  if (error.name === 'AbortError') return true;
   const message = `${error.message ?? error}`.toLowerCase();
-  return message.includes("aborted") || message === "abort";
+  return message.includes('aborted') || message === 'abort';
 }
 
 let globalHandlersInstalled = false;
@@ -151,15 +148,15 @@ export function installGlobalErrorHandlers() {
   if (globalHandlersInstalled) return;
   globalHandlersInstalled = true;
 
-  window.addEventListener("error", (event) => {
+  window.addEventListener('error', (event) => {
     if (isBenignAbort(event.error) || isReported(event.error)) return;
     handleError(event.error || new Error(event.message), {
-      source: "project-run",
+      source: 'project-run',
     });
   });
 
-  window.addEventListener("unhandledrejection", (event) => {
+  window.addEventListener('unhandledrejection', (event) => {
     if (isBenignAbort(event.reason) || isReported(event.reason)) return;
-    handleError(event.reason, { source: "project-run" });
+    handleError(event.reason, { source: 'project-run' });
   });
 }
diff --git a/vite.config.js b/vite.config.js
index 657c46c6e..7d970d62e 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,13 +1,13 @@
-import { VitePWA } from "vite-plugin-pwa";
-import { viteStaticCopy } from "vite-plugin-static-copy";
-import { copyFileSync } from "fs";
-import { resolve } from "path";
-import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
-import { writeFileSync } from "fs";
+import { VitePWA } from 'vite-plugin-pwa';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
+import { copyFileSync } from 'fs';
+import { resolve } from 'path';
+import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
+import { writeFileSync } from 'fs';
 
 // Determine if we are in production mode
-const isProduction = process.env.NODE_ENV === "production";
-const BASE_URL = process.env.VITE_BASE_URL || "/";
+const isProduction = process.env.NODE_ENV === 'production';
+const BASE_URL = process.env.VITE_BASE_URL || '/';
 
 // `frame-ancestors` is only enforced from HTTP headers (ignored in CSP meta tags).
 const CSP_META_POLICY =